.default-kanban-list-header-component {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.default-kanban-list-header-component .list-name {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  color: #ffffff;
}
.kanban-list-status-header-component {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kanban-list-status-header-component .status-circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-radius: 50%;
  margin-right: 5px;
  flex: 0 0 auto;
}
.kanban-list-status-header-component .status-name {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.ds-dialog-content-wrapper {
  outline: 0;
}

.opacity-and-slide-appear {
  opacity: 0;
}
.opacity-and-slide-appear.top {
  transform: translateY(16px);
}
.opacity-and-slide-appear.right {
  transform: translateX(-16px);
}
.opacity-and-slide-appear.bottom {
  transform: translateY(-16px);
}
.opacity-and-slide-appear.left {
  transform: translateX(16px);
}

.opacity-and-slide-appear-active {
  transition: opacity 0.1s cubic-bezier(0, 0, 0.35, 1), transform 0.1s cubic-bezier(0, 0, 0.35, 1);
  opacity: 1;
  pointer-events: none;
}
.opacity-and-slide-appear-active.top, .opacity-and-slide-appear-active.bottom {
  transform: translateY(0);
}
.opacity-and-slide-appear-active.right, .opacity-and-slide-appear-active.left {
  transform: translateX(0);
}

.expand-appear.top,
.expand-exit.top {
  transform-origin: bottom;
  transform: scale(0.3) translateY(16px);
}
.expand-appear.right,
.expand-exit.right {
  transform-origin: left;
  transform: scale(0.3) translateX(-16px);
}
.expand-appear.right.edge-bottom,
.expand-exit.right.edge-bottom {
  transform-origin: bottom left;
}
.expand-appear.right.edge-top,
.expand-exit.right.edge-top {
  transform-origin: top left;
}
.expand-appear.bottom,
.expand-exit.bottom {
  transform-origin: top;
  transform: scale(0.3) translateY(-16px);
}
.expand-appear.left,
.expand-exit.left {
  transform-origin: right;
  transform: scale(0.3) translateX(16px);
}
.expand-appear.left.edge-bottom,
.expand-exit.left.edge-bottom {
  transform-origin: bottom right;
}
.expand-appear.left.edge-top,
.expand-exit.left.edge-top {
  transform-origin: top right;
}
.expand-appear.expand-exit-active,
.expand-exit.expand-exit-active {
  opacity: 0;
}

.expand-exit {
  transition: transform 0.1s ease-in, opacity 0.1s ease;
}

.expand-appear-active {
  transition: transform 0.15s ease-out;
  pointer-events: none;
}
.expand-appear-active.top, .expand-appear-active.bottom {
  transform: scale(1) translateY(0);
}
.expand-appear-active.right, .expand-appear-active.left {
  transform: scale(1) translateX(0);
}
.dialog-node {
  position: absolute;
  top: 0;
  height: 0;
  z-index: 100000;
}
#tooltips-container {
  position: relative;
  white-space: pre-wrap;
  z-index: 10000000000000000;
  max-width: 50%;
}

.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: calc(100% - 30px);
}
.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: calc(100% - 48px);
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: 30px;
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: 48px;
}

.ds-tooltip {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  padding: 12px;
  font-size: 13px;
}
.ds-tooltip.padding-size-md {
  border-radius: 12px;
  padding: 18px;
  font-size: 14px;
}
.ds-tooltip a.tooltip-white-link {
  color: #fff;
}
.ds-tooltip.ds-tooltip-dark {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-white {
  background-color: #fff;
  color: #333;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.6);
  border: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-primary {
  background-color: #0085FF;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-success {
  background-color: #00ca72;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-surface {
  background-color: #5b607a;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-private {
  background-color: #f65f7c;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-share {
  background-color: #a358df;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-error {
  background-color: #e44258;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip .arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  background-color: inherit;
}
.ds-tooltip.padding-size-md .arrow {
  width: 16px;
  height: 16px;
}
.ds-tooltip.ds-tooltip-top .arrow-private,
.ds-tooltip.ds-tooltip-top .arrow-share,
.ds-tooltip.ds-tooltip-top .arrow-error,
.ds-tooltip.ds-tooltip-top .arrow-dark,
.ds-tooltip.ds-tooltip-top .arrow-surface,
.ds-tooltip.ds-tooltip-top .arrow-primary {
  bottom: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-top .arrow-private.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-share.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-primary.padding-size-md {
  bottom: -8px;
  left: calc(50% - 10px);
}
.ds-tooltip.ds-tooltip-top .arrow-end {
  left: calc(100% - 30px);
}
.ds-tooltip.ds-tooltip-top .arrow-end.padding-size-md {
  left: calc(100% - 48px);
}
.ds-tooltip.ds-tooltip-top .arrow-begin {
  left: 6px;
}
.ds-tooltip.ds-tooltip-top .arrow-begin.padding-size-md {
  left: 10px;
}
.ds-tooltip.ds-tooltip-top .arrow-white {
  bottom: -7px;
  left: calc(50% - 7px);
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-top .arrow-white.padding-size-md {
  bottom: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-right .arrow-dark,
.ds-tooltip.ds-tooltip-right .arrow-primary,
.ds-tooltip.ds-tooltip-right .arrow-success,
.ds-tooltip.ds-tooltip-right .arrow-surface,
.ds-tooltip.ds-tooltip-right .arrow-error {
  top: calc(50% - 6px);
  left: -6px;
}
.ds-tooltip.ds-tooltip-right .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-success.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-error.padding-size-md {
  top: calc(50% - 8px);
  left: -8px;
}
.ds-tooltip.ds-tooltip-right .arrow-top {
  top: 16px;
}
.ds-tooltip.ds-tooltip-right .arrow-top.padding-size-md {
  top: 20px;
}
.ds-tooltip.ds-tooltip-right .arrow-white {
  top: calc(50% - 7px);
  left: -7px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-right .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  left: -9px;
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark,
.ds-tooltip.ds-tooltip-bottom .arrow-error,
.ds-tooltip.ds-tooltip-bottom .arrow-primary,
.ds-tooltip.ds-tooltip-bottom .arrow-surface,
.ds-tooltip.ds-tooltip-bottom .arrow-success {
  top: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-success.padding-size-md {
  top: -8px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-white {
  top: -7px;
  left: calc(50% - 7px);
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-bottom .arrow-white.padding-size-md {
  top: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-left .arrow-dark,
.ds-tooltip.ds-tooltip-left .arrow-error,
.ds-tooltip.ds-tooltip-left .arrow-primary,
.ds-tooltip.ds-tooltip-left .arrow-surface,
.ds-tooltip.ds-tooltip-left .arrow-success {
  top: calc(50% - 6px);
  right: -6px;
}
.ds-tooltip.ds-tooltip-left .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-success.padding-size-md {
  top: calc(50% - 8px);
  right: -8px;
}
.ds-tooltip.ds-tooltip-left .arrow-white {
  top: calc(50% - 7px);
  right: -7px;
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-left .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  right: -9px;
}
.default-error-state-exit-header {
  align-self: flex-start;
  position: absolute;
  top: 8px;
  cursor: pointer;
}
.default-error-state-exit-header:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}

.default-error-state-wrapper {
  display: flex;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px;
  max-width: 90%;
  max-height: 90%;
  text-align: center;
  height: 100%;
  position: relative;
}
.default-error-state-wrapper .default-error-state-title {
  font-size: larger;
}
.default-error-state-wrapper .error-state-image {
  min-height: 100px;
  max-width: 40%;
  margin: 24px;
}
.default-error-state-wrapper .help-suggestion {
  margin: 8px 8px 24px 8px;
  font-size: 14px;
}
.default-error-state-wrapper .help-suggestion .contact-us-suggestion-link {
  color: #009aff;
}
.default-error-state-wrapper .help-suggestion .contact-us-suggestion-link:hover {
  color: #005c99;
  cursor: pointer;
  text-decoration: none;
}
@-webkit-keyframes spin_accel {
  0% {
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 65% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  to {
    transform: rotate(1turn);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes spin_accel {
  0% {
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 65% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  to {
    transform: rotate(1turn);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
.ds-btn {
  display: inline-block;
  font-weight: 400;
  font-family: Roboto;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0.641rem 2rem;
  font-size: 0.875rem;
  line-height: 1.25;
  height: 2.50908rem;
  border-radius: 15rem;
  transition: padding-left 0.35s cubic-bezier(0.19, 1, 0.22, 1), padding-right 0.35s cubic-bezier(0.19, 1, 0.22, 1), color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

.ds-btn .ds-i {
  margin-right: 0.29167rem;
}

.ds-btn .ds-i.right {
  margin-left: 0.29167rem;
}

.ds-btn .loader {
  font-size: 0.677rem;
  min-width: 0.677rem;
  height: 0.677rem;
  margin: 0.677rem;
}

.ds-btn.active.focus,
.ds-btn.active:focus,
.ds-btn.focus,
.ds-btn:active.focus,
.ds-btn:active:focus,
.ds-btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ds-btn.focus,
.ds-btn:focus,
.ds-btn:hover {
  text-decoration: none;
}

.ds-btn.active,
.ds-btn:active {
  background-image: none;
  outline: 0;
}

.ds-btn.disabled,
.ds-btn:disabled {
  cursor: not-allowed;
  box-shadow: none;
}

a.ds-btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.ds-btn-primary {
  outline: none;
  color: #fff;
  background-color: #0085ff;
  border-color: #0085ff;
  box-shadow: none;
}

.ds-btn-primary:hover {
  outline: none;
  color: #fff;
  background-color: #0071d9;
  border-color: #0071d9;
}

.ds-btn-primary.focus,
.ds-btn-primary:focus {
  outline: none;
}

.ds-btn-primary.active,
.ds-btn-primary:active {
  outline: none;
  color: #fff;
  background-color: #0071d9;
  border-color: #0071d9;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-primary.active.focus,
.ds-btn-primary.active:focus,
.ds-btn-primary.active:hover,
.ds-btn-primary:active.focus,
.ds-btn-primary:active:focus,
.ds-btn-primary:active:hover {
  outline: none;
  color: #fff;
  background-color: #006acc;
  border-color: #006acc;
}

.ds-btn-primary.disabled,
.ds-btn-primary:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-primary.disabled.focus,
.ds-btn-primary.disabled:focus,
.ds-btn-primary:disabled.focus,
.ds-btn-primary:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-primary.disabled:hover,
.ds-btn-primary:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-secondary {
  font-weight: 400;
  color: #0085ff;
  border-radius: 0;
  outline: none;
}

.ds-btn-secondary,
.ds-btn-secondary.active,
.ds-btn-secondary:active,
.ds-btn-secondary:disabled {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  outline: none;
}

.ds-btn-secondary,
.ds-btn-secondary:active,
.ds-btn-secondary:focus {
  border-color: rgba(0, 0, 0, 0);
  outline: none;
}

.ds-btn-secondary.active,
.ds-btn-secondary:active {
  color: #333;
}

.ds-btn-secondary.active.focus,
.ds-btn-secondary.active:focus,
.ds-btn-secondary:active.focus,
.ds-btn-secondary:active:focus {
  outline: none;
}

.ds-btn-secondary:hover {
  color: #333;
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-secondary:focus,
.ds-btn-secondary:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
}

.ds-btn-secondary:disabled:focus,
.ds-btn-secondary:disabled:hover {
  color: #f1f1f1;
  text-decoration: none;
  outline: none;
}

.ds-btn-shareable {
  outline: none;
  color: #fff;
  background-color: #a358df;
  border-color: #a358df;
  box-shadow: none;
}

.ds-btn-shareable:hover {
  outline: none;
  color: #fff;
  background-color: #8d31d7;
  border-color: #8d31d7;
}

.ds-btn-shareable.focus,
.ds-btn-shareable:focus {
  outline: none;
}

.ds-btn-shareable.active,
.ds-btn-shareable:active {
  outline: none;
  color: #fff;
  background-color: #8d31d7;
  border-color: #8d31d7;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-shareable.active.focus,
.ds-btn-shareable.active:focus,
.ds-btn-shareable.active:hover,
.ds-btn-shareable:active.focus,
.ds-btn-shareable:active:focus,
.ds-btn-shareable:active:hover {
  outline: none;
  color: #fff;
  background-color: #8628d1;
  border-color: #8628d1;
}

.ds-btn-shareable.disabled,
.ds-btn-shareable:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-shareable.disabled.focus,
.ds-btn-shareable.disabled:focus,
.ds-btn-shareable:disabled.focus,
.ds-btn-shareable:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-shareable.disabled:hover,
.ds-btn-shareable:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-private {
  outline: none;
  color: #fff;
  background-color: #f65f7c;
  border-color: #f65f7c;
  box-shadow: none;
}

.ds-btn-private:hover {
  outline: none;
  color: #fff;
  background-color: #f32f54;
  border-color: #f32f54;
}

.ds-btn-private.focus,
.ds-btn-private:focus {
  outline: none;
}

.ds-btn-private.active,
.ds-btn-private:active {
  outline: none;
  color: #fff;
  background-color: #f32f54;
  border-color: #f32f54;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-private.active.focus,
.ds-btn-private.active:focus,
.ds-btn-private.active:hover,
.ds-btn-private:active.focus,
.ds-btn-private:active:focus,
.ds-btn-private:active:hover {
  outline: none;
  color: #fff;
  background-color: #f21e47;
  border-color: #f21e47;
}

.ds-btn-private.disabled,
.ds-btn-private:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-private.disabled.focus,
.ds-btn-private.disabled:focus,
.ds-btn-private:disabled.focus,
.ds-btn-private:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-private.disabled:hover,
.ds-btn-private:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-alert {
  outline: none;
  color: #fff;
  background-color: #e44258;
  border-color: #e44258;
  box-shadow: none;
}

.ds-btn-alert:hover {
  outline: none;
  color: #fff;
  background-color: #db1f39;
  border-color: #db1f39;
}

.ds-btn-alert.focus,
.ds-btn-alert:focus {
  outline: none;
}

.ds-btn-alert.active,
.ds-btn-alert:active {
  outline: none;
  color: #fff;
  background-color: #db1f39;
  border-color: #db1f39;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-alert.active.focus,
.ds-btn-alert.active:focus,
.ds-btn-alert.active:hover,
.ds-btn-alert:active.focus,
.ds-btn-alert:active:focus,
.ds-btn-alert:active:hover {
  outline: none;
  color: #fff;
  background-color: #ce1d35;
  border-color: #ce1d35;
}

.ds-btn-alert.disabled,
.ds-btn-alert:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-alert.disabled.focus,
.ds-btn-alert.disabled:focus,
.ds-btn-alert:disabled.focus,
.ds-btn-alert:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-alert.disabled:hover,
.ds-btn-alert:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-success {
  outline: none;
  color: #fff;
  background-color: #00ca72;
  border-color: #00ca72;
  box-shadow: none;
}

.ds-btn-success:hover {
  outline: none;
  color: #fff;
  background-color: #00ac61;
  border-color: #00ac61;
}

.ds-btn-success.focus,
.ds-btn-success:focus {
  outline: none;
}

.ds-btn-success.active,
.ds-btn-success:active {
  outline: none;
  color: #fff;
  background-color: #00ac61;
  border-color: #00ac61;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-success.active.focus,
.ds-btn-success.active:focus,
.ds-btn-success.active:hover,
.ds-btn-success:active.focus,
.ds-btn-success:active:focus,
.ds-btn-success:active:hover {
  outline: none;
  color: #fff;
  background-color: #00a25b;
  border-color: #00a25b;
}

.ds-btn-success.disabled,
.ds-btn-success:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-success.disabled.focus,
.ds-btn-success.disabled:focus,
.ds-btn-success:disabled.focus,
.ds-btn-success:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-success.disabled:hover,
.ds-btn-success:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-blackish {
  outline: none;
  color: #fff;
  background-color: #333;
  border-color: #333;
  box-shadow: none;
}

.ds-btn-blackish:hover {
  outline: none;
  color: #fff;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
}

.ds-btn-blackish.focus,
.ds-btn-blackish:focus {
  outline: none;
}

.ds-btn-blackish.active,
.ds-btn-blackish:active {
  outline: none;
  color: #fff;
  background-color: #2b2b2b;
  border-color: #2b2b2b;
  transform: scale(0.97);
  background-image: none;
}

.ds-btn-blackish.active.focus,
.ds-btn-blackish.active:focus,
.ds-btn-blackish.active:hover,
.ds-btn-blackish:active.focus,
.ds-btn-blackish:active:focus,
.ds-btn-blackish:active:hover {
  outline: none;
  color: #fff;
  background-color: #292929;
  border-color: #292929;
}

.ds-btn-blackish.disabled,
.ds-btn-blackish:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-blackish.disabled.focus,
.ds-btn-blackish.disabled:focus,
.ds-btn-blackish:disabled.focus,
.ds-btn-blackish:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-blackish.disabled:hover,
.ds-btn-blackish:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-primary {
  color: #0085ff;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0085ff;
}

.ds-btn-outline-primary:hover {
  color: #0085ff;
  background-color: #cce7ff;
  border-color: #0085ff;
}

.ds-btn-outline-primary.focus,
.ds-btn-outline-primary:focus {
  outline: none;
}

.ds-btn-outline-primary.active,
.ds-btn-outline-primary:active,
.open > .ds-btn-outline-primary.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #0085ff;
  background-color: #cce7ff;
  border-color: #0085ff;
}

.ds-btn-outline-primary.active.focus,
.ds-btn-outline-primary.active:focus,
.ds-btn-outline-primary.active:hover,
.ds-btn-outline-primary:active.focus,
.ds-btn-outline-primary:active:focus,
.ds-btn-outline-primary:active:hover,
.open > .ds-btn-outline-primary.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-primary.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-primary.ds-dropdown-toggle:hover {
  outline: none;
  color: #0085ff;
  background-color: #b3daff;
  border-color: #0085ff;
}

.ds-btn-outline-primary.disabled,
.ds-btn-outline-primary:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-primary.disabled.focus,
.ds-btn-outline-primary.disabled:focus,
.ds-btn-outline-primary:disabled.focus,
.ds-btn-outline-primary:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-primary.disabled:hover,
.ds-btn-outline-primary:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-secondary {
  color: rgba(0, 0, 0, 0);
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-outline-secondary:hover {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(204, 204, 204, 0);
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-outline-secondary.focus,
.ds-btn-outline-secondary:focus {
  outline: none;
}

.ds-btn-outline-secondary.active,
.ds-btn-outline-secondary:active,
.open > .ds-btn-outline-secondary.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: rgba(0, 0, 0, 0);
  background-color: rgba(204, 204, 204, 0);
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-outline-secondary.active.focus,
.ds-btn-outline-secondary.active:focus,
.ds-btn-outline-secondary.active:hover,
.ds-btn-outline-secondary:active.focus,
.ds-btn-outline-secondary:active:focus,
.ds-btn-outline-secondary:active:hover,
.open > .ds-btn-outline-secondary.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-secondary.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-secondary.ds-dropdown-toggle:hover {
  outline: none;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(179, 179, 179, 0);
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-outline-secondary.disabled,
.ds-btn-outline-secondary:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-secondary.disabled.focus,
.ds-btn-outline-secondary.disabled:focus,
.ds-btn-outline-secondary:disabled.focus,
.ds-btn-outline-secondary:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-secondary.disabled:hover,
.ds-btn-outline-secondary:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-shareable {
  color: #a358df;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #a358df;
}

.ds-btn-outline-shareable:hover {
  color: #a358df;
  background-color: #eddef9;
  border-color: #a358df;
}

.ds-btn-outline-shareable.focus,
.ds-btn-outline-shareable:focus {
  outline: none;
}

.ds-btn-outline-shareable.active,
.ds-btn-outline-shareable:active,
.open > .ds-btn-outline-shareable.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #a358df;
  background-color: #eddef9;
  border-color: #a358df;
}

.ds-btn-outline-shareable.active.focus,
.ds-btn-outline-shareable.active:focus,
.ds-btn-outline-shareable.active:hover,
.ds-btn-outline-shareable:active.focus,
.ds-btn-outline-shareable:active:focus,
.ds-btn-outline-shareable:active:hover,
.open > .ds-btn-outline-shareable.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-shareable.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-shareable.ds-dropdown-toggle:hover {
  outline: none;
  color: #a358df;
  background-color: #e3cdf5;
  border-color: #a358df;
}

.ds-btn-outline-shareable.disabled,
.ds-btn-outline-shareable:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-shareable.disabled.focus,
.ds-btn-outline-shareable.disabled:focus,
.ds-btn-outline-shareable:disabled.focus,
.ds-btn-outline-shareable:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-shareable.disabled:hover,
.ds-btn-outline-shareable:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-private {
  color: #f65f7c;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #f65f7c;
}

.ds-btn-outline-private:hover {
  color: #f65f7c;
  background-color: #fddfe5;
  border-color: #f65f7c;
}

.ds-btn-outline-private.focus,
.ds-btn-outline-private:focus {
  outline: none;
}

.ds-btn-outline-private.active,
.ds-btn-outline-private:active,
.open > .ds-btn-outline-private.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #f65f7c;
  background-color: #fddfe5;
  border-color: #f65f7c;
}

.ds-btn-outline-private.active.focus,
.ds-btn-outline-private.active:focus,
.ds-btn-outline-private.active:hover,
.ds-btn-outline-private:active.focus,
.ds-btn-outline-private:active:focus,
.ds-btn-outline-private:active:hover,
.open > .ds-btn-outline-private.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-private.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-private.ds-dropdown-toggle:hover {
  outline: none;
  color: #f65f7c;
  background-color: #fccfd8;
  border-color: #f65f7c;
}

.ds-btn-outline-private.disabled,
.ds-btn-outline-private:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-private.disabled.focus,
.ds-btn-outline-private.disabled:focus,
.ds-btn-outline-private:disabled.focus,
.ds-btn-outline-private:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-private.disabled:hover,
.ds-btn-outline-private:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-alert {
  color: #e44258;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e44258;
}

.ds-btn-outline-alert:hover {
  color: #e44258;
  background-color: #fad9de;
  border-color: #e44258;
}

.ds-btn-outline-alert.focus,
.ds-btn-outline-alert:focus {
  outline: none;
}

.ds-btn-outline-alert.active,
.ds-btn-outline-alert:active,
.open > .ds-btn-outline-alert.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #e44258;
  background-color: #fad9de;
  border-color: #e44258;
}

.ds-btn-outline-alert.active.focus,
.ds-btn-outline-alert.active:focus,
.ds-btn-outline-alert.active:hover,
.ds-btn-outline-alert:active.focus,
.ds-btn-outline-alert:active:focus,
.ds-btn-outline-alert:active:hover,
.open > .ds-btn-outline-alert.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-alert.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-alert.ds-dropdown-toggle:hover {
  outline: none;
  color: #e44258;
  background-color: #f7c6cd;
  border-color: #e44258;
}

.ds-btn-outline-alert.disabled,
.ds-btn-outline-alert:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-alert.disabled.focus,
.ds-btn-outline-alert.disabled:focus,
.ds-btn-outline-alert:disabled.focus,
.ds-btn-outline-alert:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-alert.disabled:hover,
.ds-btn-outline-alert:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-success {
  color: #00ca72;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #00ca72;
}

.ds-btn-outline-success:hover {
  color: #00ca72;
  background-color: #c1ffe4;
  border-color: #00ca72;
}

.ds-btn-outline-success.focus,
.ds-btn-outline-success:focus {
  outline: none;
}

.ds-btn-outline-success.active,
.ds-btn-outline-success:active,
.open > .ds-btn-outline-success.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #00ca72;
  background-color: #c1ffe4;
  border-color: #00ca72;
}

.ds-btn-outline-success.active.focus,
.ds-btn-outline-success.active:focus,
.ds-btn-outline-success.active:hover,
.ds-btn-outline-success:active.focus,
.ds-btn-outline-success:active:focus,
.ds-btn-outline-success:active:hover,
.open > .ds-btn-outline-success.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-success.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-success.ds-dropdown-toggle:hover {
  outline: none;
  color: #00ca72;
  background-color: #a3ffd7;
  border-color: #00ca72;
}

.ds-btn-outline-success.disabled,
.ds-btn-outline-success:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-success.disabled.focus,
.ds-btn-outline-success.disabled:focus,
.ds-btn-outline-success:disabled.focus,
.ds-btn-outline-success:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-success.disabled:hover,
.ds-btn-outline-success:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-outline-blackish {
  color: #333;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #333;
}

.ds-btn-outline-blackish:hover {
  color: #333;
  background-color: #d6d6d6;
  border-color: #333;
}

.ds-btn-outline-blackish.focus,
.ds-btn-outline-blackish:focus {
  outline: none;
}

.ds-btn-outline-blackish.active,
.ds-btn-outline-blackish:active,
.open > .ds-btn-outline-blackish.ds-dropdown-toggle {
  outline: none;
  transform: scale(0.97);
  color: #333;
  background-color: #d6d6d6;
  border-color: #333;
}

.ds-btn-outline-blackish.active.focus,
.ds-btn-outline-blackish.active:focus,
.ds-btn-outline-blackish.active:hover,
.ds-btn-outline-blackish:active.focus,
.ds-btn-outline-blackish:active:focus,
.ds-btn-outline-blackish:active:hover,
.open > .ds-btn-outline-blackish.ds-dropdown-toggle.focus,
.open > .ds-btn-outline-blackish.ds-dropdown-toggle:focus,
.open > .ds-btn-outline-blackish.ds-dropdown-toggle:hover {
  outline: none;
  color: #333;
  background-color: #c2c2c2;
  border-color: #333;
}

.ds-btn-outline-blackish.disabled,
.ds-btn-outline-blackish:disabled {
  cursor: arrow;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: grey;
  box-shadow: none;
}

.ds-btn-outline-blackish.disabled.focus,
.ds-btn-outline-blackish.disabled:focus,
.ds-btn-outline-blackish:disabled.focus,
.ds-btn-outline-blackish:disabled:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.ds-btn-outline-blackish.disabled:hover,
.ds-btn-outline-blackish:disabled:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: grey;
}

.ds-btn-link {
  font-weight: 400;
  color: #1f76c2;
  border-radius: 0;
}

.ds-btn-link,
.ds-btn-link.active,
.ds-btn-link:active,
.ds-btn-link:disabled {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.ds-btn-link,
.ds-btn-link:active,
.ds-btn-link:focus,
.ds-btn-link:hover {
  border-color: rgba(0, 0, 0, 0);
}

.ds-btn-link:focus,
.ds-btn-link:hover {
  color: #144e80;
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0);
}

.ds-btn-link:disabled:focus,
.ds-btn-link:disabled:hover {
  color: #f1f1f1;
  text-decoration: none;
}

.icon-component-container {
  position: relative;
  margin-right: 1rem;
}

.ds-btn-lg {
  padding: 0.891rem 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25;
  height: 3.00908rem;
  border-radius: 15rem;
}

.ds-btn-lg .loader {
  font-size: 0.9rem;
  min-width: 0.9rem;
  height: 0.9rem;
  margin: 0.9rem;
}

.ds-btn-sm {
  padding: 0.391rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25;
  height: 2.00908rem;
  border-radius: 15rem;
}

.ds-btn-sm .loader {
  font-size: 0.575rem;
  min-width: 0.575rem;
  height: 0.575rem;
  margin: 0.575rem;
}

.ds-btn-block {
  display: block;
  width: 100%;
}

.ds-btn-block + .ds-btn-block {
  margin-top: 0.5rem;
}

input[type=button].ds-btn-block,
input[type=reset].ds-btn-block,
input[type=submit].ds-btn-block {
  width: 100%;
}

.ds-btn-success-mode {
  cursor: default;
  background-color: #00ca72;
  border-color: #00ca72;
  color: #fff;
  outline: none;
}

.ds-btn-success-mode.active,
.ds-btn-success-mode.active.focus,
.ds-btn-success-mode.active:focus,
.ds-btn-success-mode.active:hover,
.ds-btn-success-mode.focus,
.ds-btn-success-mode:active,
.ds-btn-success-mode:active.focus,
.ds-btn-success-mode:active:focus,
.ds-btn-success-mode:active:hover,
.ds-btn-success-mode:focus,
.ds-btn-success-mode:hover {
  outline: none;
}

.ds-btn-primary-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #0085ff;
  border-color: #0085ff;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-primary-loading.active,
.ds-btn-primary-loading.active.focus,
.ds-btn-primary-loading.active:focus,
.ds-btn-primary-loading.active:hover,
.ds-btn-primary-loading.focus,
.ds-btn-primary-loading:active,
.ds-btn-primary-loading:active.focus,
.ds-btn-primary-loading:active:focus,
.ds-btn-primary-loading:active:hover,
.ds-btn-primary-loading:focus {
  outline: none;
}

.ds-btn-primary-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-secondary-loading {
  outline: none;
  color: #0085ff;
  cursor: default;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-secondary-loading.active,
.ds-btn-secondary-loading.active.focus,
.ds-btn-secondary-loading.active:focus,
.ds-btn-secondary-loading.active:hover,
.ds-btn-secondary-loading.focus,
.ds-btn-secondary-loading:active,
.ds-btn-secondary-loading:active.focus,
.ds-btn-secondary-loading:active:focus,
.ds-btn-secondary-loading:active:hover,
.ds-btn-secondary-loading:focus {
  outline: none;
}

.ds-btn-secondary-loading .loader {
  color: #0085ff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-shareable-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #a358df;
  border-color: #a358df;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-shareable-loading.active,
.ds-btn-shareable-loading.active.focus,
.ds-btn-shareable-loading.active:focus,
.ds-btn-shareable-loading.active:hover,
.ds-btn-shareable-loading.focus,
.ds-btn-shareable-loading:active,
.ds-btn-shareable-loading:active.focus,
.ds-btn-shareable-loading:active:focus,
.ds-btn-shareable-loading:active:hover,
.ds-btn-shareable-loading:focus {
  outline: none;
}

.ds-btn-shareable-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-private-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #f65f7c;
  border-color: #f65f7c;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-private-loading.active,
.ds-btn-private-loading.active.focus,
.ds-btn-private-loading.active:focus,
.ds-btn-private-loading.active:hover,
.ds-btn-private-loading.focus,
.ds-btn-private-loading:active,
.ds-btn-private-loading:active.focus,
.ds-btn-private-loading:active:focus,
.ds-btn-private-loading:active:hover,
.ds-btn-private-loading:focus {
  outline: none;
}

.ds-btn-private-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-alert-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #e44258;
  border-color: #e44258;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-alert-loading.active,
.ds-btn-alert-loading.active.focus,
.ds-btn-alert-loading.active:focus,
.ds-btn-alert-loading.active:hover,
.ds-btn-alert-loading.focus,
.ds-btn-alert-loading:active,
.ds-btn-alert-loading:active.focus,
.ds-btn-alert-loading:active:focus,
.ds-btn-alert-loading:active:hover,
.ds-btn-alert-loading:focus {
  outline: none;
}

.ds-btn-alert-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-success-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #00ca72;
  border-color: #00ca72;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-success-loading.active,
.ds-btn-success-loading.active.focus,
.ds-btn-success-loading.active:focus,
.ds-btn-success-loading.active:hover,
.ds-btn-success-loading.focus,
.ds-btn-success-loading:active,
.ds-btn-success-loading:active.focus,
.ds-btn-success-loading:active:focus,
.ds-btn-success-loading:active:hover,
.ds-btn-success-loading:focus {
  outline: none;
}

.ds-btn-success-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-blackish-loading {
  outline: none;
  color: #fff;
  cursor: default;
  background-color: #333;
  border-color: #333;
  box-shadow: none;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-blackish-loading.active,
.ds-btn-blackish-loading.active.focus,
.ds-btn-blackish-loading.active:focus,
.ds-btn-blackish-loading.active:hover,
.ds-btn-blackish-loading.focus,
.ds-btn-blackish-loading:active,
.ds-btn-blackish-loading:active.focus,
.ds-btn-blackish-loading:active:focus,
.ds-btn-blackish-loading:active:hover,
.ds-btn-blackish-loading:focus {
  outline: none;
}

.ds-btn-blackish-loading .loader {
  color: #fff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-primary-loading {
  color: #0085ff;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0085ff;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-primary-loading.active,
.ds-btn-outline-primary-loading.active.focus,
.ds-btn-outline-primary-loading.active:focus,
.ds-btn-outline-primary-loading.active:hover,
.ds-btn-outline-primary-loading.focus,
.ds-btn-outline-primary-loading:active,
.ds-btn-outline-primary-loading:active.focus,
.ds-btn-outline-primary-loading:active:focus,
.ds-btn-outline-primary-loading:active:hover,
.ds-btn-outline-primary-loading:focus,
.ds-open > .ds-btn-outline-primary-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-primary-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-primary-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-primary-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-primary-loading .loader {
  color: #0085ff;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-secondary-loading {
  color: rgba(0, 0, 0, 0);
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-secondary-loading.active,
.ds-btn-outline-secondary-loading.active.focus,
.ds-btn-outline-secondary-loading.active:focus,
.ds-btn-outline-secondary-loading.active:hover,
.ds-btn-outline-secondary-loading.focus,
.ds-btn-outline-secondary-loading:active,
.ds-btn-outline-secondary-loading:active.focus,
.ds-btn-outline-secondary-loading:active:focus,
.ds-btn-outline-secondary-loading:active:hover,
.ds-btn-outline-secondary-loading:focus,
.ds-open > .ds-btn-outline-secondary-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-secondary-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-secondary-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-secondary-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-secondary-loading .loader {
  color: rgba(0, 0, 0, 0);
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-shareable-loading {
  color: #a358df;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #a358df;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-shareable-loading.active,
.ds-btn-outline-shareable-loading.active.focus,
.ds-btn-outline-shareable-loading.active:focus,
.ds-btn-outline-shareable-loading.active:hover,
.ds-btn-outline-shareable-loading.focus,
.ds-btn-outline-shareable-loading:active,
.ds-btn-outline-shareable-loading:active.focus,
.ds-btn-outline-shareable-loading:active:focus,
.ds-btn-outline-shareable-loading:active:hover,
.ds-btn-outline-shareable-loading:focus,
.ds-open > .ds-btn-outline-shareable-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-shareable-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-shareable-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-shareable-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-shareable-loading .loader {
  color: #a358df;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-private-loading {
  color: #f65f7c;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #f65f7c;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-private-loading.active,
.ds-btn-outline-private-loading.active.focus,
.ds-btn-outline-private-loading.active:focus,
.ds-btn-outline-private-loading.active:hover,
.ds-btn-outline-private-loading.focus,
.ds-btn-outline-private-loading:active,
.ds-btn-outline-private-loading:active.focus,
.ds-btn-outline-private-loading:active:focus,
.ds-btn-outline-private-loading:active:hover,
.ds-btn-outline-private-loading:focus,
.ds-open > .ds-btn-outline-private-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-private-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-private-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-private-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-private-loading .loader {
  color: #f65f7c;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-alert-loading {
  color: #e44258;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e44258;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-alert-loading.active,
.ds-btn-outline-alert-loading.active.focus,
.ds-btn-outline-alert-loading.active:focus,
.ds-btn-outline-alert-loading.active:hover,
.ds-btn-outline-alert-loading.focus,
.ds-btn-outline-alert-loading:active,
.ds-btn-outline-alert-loading:active.focus,
.ds-btn-outline-alert-loading:active:focus,
.ds-btn-outline-alert-loading:active:hover,
.ds-btn-outline-alert-loading:focus,
.ds-open > .ds-btn-outline-alert-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-alert-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-alert-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-alert-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-alert-loading .loader {
  color: #e44258;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-success-loading {
  color: #00ca72;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #00ca72;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-success-loading.active,
.ds-btn-outline-success-loading.active.focus,
.ds-btn-outline-success-loading.active:focus,
.ds-btn-outline-success-loading.active:hover,
.ds-btn-outline-success-loading.focus,
.ds-btn-outline-success-loading:active,
.ds-btn-outline-success-loading:active.focus,
.ds-btn-outline-success-loading:active:focus,
.ds-btn-outline-success-loading:active:hover,
.ds-btn-outline-success-loading:focus,
.ds-open > .ds-btn-outline-success-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-success-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-success-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-success-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-success-loading .loader {
  color: #00ca72;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-btn-outline-blackish-loading {
  color: #333;
  cursor: default;
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #333;
  padding: 0 0.24rem 0 0;
  margin-top: 1px;
}

.ds-btn-outline-blackish-loading.active,
.ds-btn-outline-blackish-loading.active.focus,
.ds-btn-outline-blackish-loading.active:focus,
.ds-btn-outline-blackish-loading.active:hover,
.ds-btn-outline-blackish-loading.focus,
.ds-btn-outline-blackish-loading:active,
.ds-btn-outline-blackish-loading:active.focus,
.ds-btn-outline-blackish-loading:active:focus,
.ds-btn-outline-blackish-loading:active:hover,
.ds-btn-outline-blackish-loading:focus,
.ds-open > .ds-btn-outline-blackish-loading.ds-dropdown-toggle,
.ds-open > .ds-btn-outline-blackish-loading.ds-dropdown-toggle.focus,
.ds-open > .ds-btn-outline-blackish-loading.ds-dropdown-toggle:focus,
.ds-open > .ds-btn-outline-blackish-loading.ds-dropdown-toggle:hover {
  outline: none;
}

.ds-btn-outline-blackish-loading .loader {
  color: #333;
  content: -9999em;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin_accel 0.8s ease infinite;
          animation: spin_accel 0.8s ease infinite;
}

.ds-text-container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.external-app-store-header-component {
  height: 100%;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--primary-background-hover-color);
}
.external-app-store-header-component .app-store-header-inner {
  align-items: center;
  min-height: 64px;
  height: 100%;
  display: flex;
  cursor: default;
  z-index: 2;
}
.external-app-store-header-component .app-store-header-inner .marketplace-header-logo {
  display: inline-flex;
  margin-left: 32px;
}
.external-app-store-header-component .app-store-header-inner .marketplace-header-logo:hover {
  cursor: pointer;
}
.external-app-store-header-component .app-store-header-inner .marketplace-header-logo .marketplace-header-logo-image {
  margin-right: 16px;
  height: 24px;
}
.external-app-store-header-component .app-store-header-inner .header-right-section {
  flex: 1 1 auto;
  margin-right: 32px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.external-app-store-header-component .app-store-header-inner .header-right-section .monday-logo {
  margin-top: 8px;
  margin-right: 32px;
}
.external-app-store-header-component .app-store-header-inner .header-right-section .get-started-button {
  background-color: #ff0476;
  border-radius: 40px;
}
.external-app-store-header-component .app-store-header-inner .header-right-section .get-started-button .right-arrow {
  font-size: 12px;
}

.apps-marketplace-mobile-support .external-app-store-header-component {
  overflow: hidden;
}
@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .external-app-store-header-component .app-store-header-inner .header-right-section > .monday-logo {
    display: none;
  }
  .apps-marketplace-mobile-support .external-app-store-header-component .app-store-header-inner .marketplace-header-logo {
    display: inline-flex;
    margin-left: 20px;
    min-width: 0;
    flex: 0 1 300px;
  }
  .apps-marketplace-mobile-support .external-app-store-header-component .app-store-header-inner .marketplace-header-logo .marketplace-header-logo-image {
    min-width: 0;
  }
}
@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-store-app-page-image {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    overflow-x: auto;
    height: 178px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .apps-marketplace-mobile-support .app-store-app-page-image::-webkit-scrollbar {
    display: none;
  }
  .apps-marketplace-mobile-support .app-store-app-page-image .carousel-slot {
    padding-right: 8px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-image .app-assest {
    scroll-snap-align: start;
    height: 100%;
    width: 95%;
    -o-object-fit: contain;
       object-fit: contain;
    padding-right: 8px;
    box-sizing: border-box;
  }
}
.app-store-pricing-label-component {
  font-size: 12px;
  font-weight: 400;
}
@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-store-app-page-header-component {
    display: flex;
    flex: 1 0 auto;
    box-sizing: border-box;
    width: 100vw;
    flex-direction: column;
    overflow: visible;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .separator-line {
    background: #c5c7d0;
    background: var(--ui-border-color);
    height: 1px;
    margin: 0;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details {
    margin: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    margin-right: 16px;
    width: 80px;
    height: 80px;
    background-color: transparent;
    mix-blend-mode: normal;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-image-wrapper .app-image {
    width: 70%;
    height: 70%;
    border-radius: 16px;
    background: none;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-image-wrapper .app-image.monday-app {
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-details-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-details-wrapper .app-details-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.2px;
    text-align: left;
    margin-bottom: 8px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-details-wrapper .app-details-developer {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-details-wrapper .app-details-developer .app-details-developer-logo {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-app-details .app-details-wrapper .app-details-developer .app-details-developer-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 0;
    margin-left: 4px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-install-details {
    display: flex;
    flex-direction: column;
    margin: 24px 20px 24px 20px;
    justify-content: center;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-install-details .app-install-button {
    margin-bottom: 8px;
    width: 100% !important;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-install-details .pricing-label-wrapper {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-metadata {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-metadata .app-installs {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-metadata .app-installs b {
    font-weight: 700;
    margin-right: 4px;
  }
  .apps-marketplace-mobile-support .app-store-app-page-header-component .app-store-app-page-header-metadata .icon {
    margin-right: 8px;
    font-weight: 700;
  }
}
.app-store-installed-label-component {
  font-size: 14px;
  margin-right: 16px;
}
.app-store-installed-label-component i {
  color: #00ca72;
  color: var(--positive-color);
  margin-right: 4px;
}
.app-store-app-page-header-component {
  flex: 1;
}
.app-store-app-page-header-component .app-header-inner {
  display: flex;
  align-items: center;
}
.app-store-app-page-header-component .app-header-inner .app-image-wrapper {
  margin-right: 32px;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-store-app-page-header-component .app-header-inner .app-image-wrapper .app-image {
  width: 70%;
  height: 70%;
  background: none;
}
.app-store-app-page-header-component .app-header-inner .app-image-wrapper .app-image .app-initials {
  font-size: 30px;
}
.app-store-app-page-header-component .app-header-inner .app-image-wrapper .app-image.monday-app {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper {
  flex: 1;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-top {
  margin-bottom: 8px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-top .app-name {
  font-size: 24px;
  font-weight: 500;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom {
  display: flex;
  align-items: center;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom .separator-line {
  background: #c5c7d0;
  background: var(--ui-border-color);
  width: 1px;
  height: 16px;
  margin: 0 16px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom .app-installs .icon {
  margin-right: 8px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom .app-author {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom .app-author b {
  margin-left: 4px;
}
.app-store-app-page-header-component .app-header-inner .app-details-wrapper .app-details-bottom .app-author .vendor-logo {
  width: 20px;
  margin-right: 8px;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper {
  display: grid;
  grid-template-rows: [first] auto [middle] auto [end];
  grid-template-columns: [first] auto [middle] auto [end];
  align-items: center;
  text-align: center;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-installed-label-wrapper {
  grid-row: first/middle;
  grid-column: first/middle;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-interations-wrapper {
  grid-row: first/middle;
  grid-column: middle/end;
  display: flex;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-interations-wrapper .install-button-wrapper {
  position: relative;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-interations-wrapper .install-button-wrapper.disabled {
  cursor: not-allowed;
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-interations-wrapper .install-button-wrapper .app-pricing-label-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
}
.app-store-app-page-header-component .app-header-inner .app-install-details-wrapper .app-interations-wrapper .button-description {
  color: #676879;
  color: var(--placeholder-color);
  font-size: 12px;
  width: 220px;
  line-height: 16px;
  margin: auto 8px auto auto;
  text-align: left;
}
.app-store-app-page-image {
  display: flex;
}
.app-store-app-page-image .app-store-gallery-arrow {
  margin: auto 0;
  padding: 72px 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.app-store-app-page-image .app-store-gallery-arrow:hover {
  cursor: pointer;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  border-radius: 8px;
}
.app-store-app-page-image .app-store-app-assest {
  margin: 0 8px;
}
.app-store-app-page-image .app-store-app-assest .app-assest {
  width: 960px;
  height: 480px;
}
.app-store-app-page-image .app-store-app-assest .app-assest .app-assest {
  width: 100%;
}

.app-store-image-slide {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.app-store-image-slide .image-slide {
  cursor: pointer;
  width: 24px;
  height: 4px;
  background-color: #dff0ff;
  background-color: var(--label-background-color);
  border-radius: 4px;
  margin-left: 4px;
}
.app-store-image-slide .image-slide.active {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.multiline-ellipsis-component {
  overflow-wrap: break-word;
}
.store-feature-lock-indication-component {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 22px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  background-color: #00ca72;
}
.store-feature-lock-indication-component .upgrade-indication-icon {
  margin-left: 8px;
  margin-right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.store-feature-lock-indication-component .store-feature-lock-indication-component-tier-name {
  width: 0;
  height: 100%;
  transition: width 0.1s ease, margin-right 0.1s ease;
}
.store-feature-lock-indication-component:hover .store-feature-lock-indication-component-tier-name {
  width: 100%;
  margin-right: 8px;
}
.column-store-component .color-class-0 {
  background: #11dd80;
}
.column-store-component .color-class-1 {
  background: #00a9ff;
}
.column-store-component .color-class-2 {
  background: #595ad4;
}
.column-store-component .color-class-3 {
  background: #f74875;
}
.column-store-component .color-class-4 {
  background: #00cff4;
}
.column-store-component .color-class-5 {
  background: #ffcc00;
}
.column-store-component .color-class-6 {
  background: #a358df;
}
.column-store-component :not(.released) :after {
  position: absolute;
  background: #333333;
  transform: rotate(45deg);
  right: -22px;
  width: 70px;
  top: 5px;
  color: white;
  font-size: 10px;
  text-align: center;
}
.column-store-component :not(.released) .development:after {
  content: "DEV";
}
.column-store-component :not(.released) .beta-released:after {
  content: "BETA";
}
.column-store-component :not(.released) .owner-only-block-message {
  position: absolute;
  top: 13px;
  left: 13px;
  color: #ffffff;
  font-size: 12px;
}
.column-store-component :not(.released) .owner-only-block-message .icon-submit-lock-icon {
  padding-left: 1px;
  font-size: 11px;
}
.column-store-component :not(.released) .owner-only-block-message span.owner-only-block-message-title {
  padding-left: 5px;
  font-size: 11px;
  font-weight: 400;
}
.column-store-component :not(.released) .owner-only-block {
  cursor: initial;
}
.column-store-component :not(.released) .owner-only-block.board-view-card:hover {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}
.column-store-component :not(.released) .owner-only-block .board-view-card-top .board-view-icon {
  cursor: initial;
}
.column-store-component :not(.released) .owner-only-block .board-view-icon {
  opacity: 0.35;
}
.column-store-component :not(.released) .owner-only-block .owner-only-block-message {
  color: #201957;
  font-weight: 500;
}
.lottie {
  outline: none;
}
.lottie div {
  outline: none;
}
.likes-content {
  padding: 8px 12px;
  cursor: pointer;
}
.likes-content .likes-counter {
  font-size: 14px;
  color: #676879;
  color: var(--icon-color);
  margin-top: 3px;
  cursor: pointer;
}
.likes-content .lottie-wrapper {
  pointer-events: none;
  float: left;
  height: 24px;
  width: 24px;
}
.likes-content .icon-v2-heart {
  color: #fb275d;
  font-size: 14px;
  margin-right: 5px;
}
.likes-content .icon-v2-heart-line {
  color: #676879;
  color: var(--icon-color);
  font-size: 14px;
  margin-right: 5px;
}
.likes-content .icon-v2-heart-line:hover {
  color: #fb275d;
}
.column-store-component.with-left-pane .store-app-feature-card-component,
.app-feature-store-preview.with-left-pane .store-app-feature-card-component {
  width: calc(50% - 16px);
  flex: 0 1 auto;
}
.column-store-component .store-app-feature-card-component,
.app-feature-store-preview .store-app-feature-card-component {
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  height: 240px;
  min-width: 290px;
  position: relative;
}
.column-store-component .store-app-feature-card-component .app-feature-card-image,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-image {
  width: 64px;
  height: 64px;
  position: relative;
  left: 16px;
  z-index: 1;
  border: 3px solid;
  border-color: #ffffff;
  border-color: var(--avatar-border-color);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.200691);
  border-radius: 8px;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  bottom: 32px;
  position: relative;
  overflow: hidden;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .views-store-card-lock-indication,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .views-store-card-lock-indication {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 22px;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner {
  padding: 64px 16px 16px 16px;
  transition: padding 0.16s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: transparent;
  height: 205px;
  overflow-y: hidden;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content {
  height: 76px;
  overflow: hidden;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content .app-feature-card-title,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content .app-feature-card-title {
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-y: hidden;
  color: #323338;
  color: var(--primary-text-color);
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content .app-feature-card-subtitle,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-content .app-feature-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  padding-right: 12px;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-by-creator-wrapper,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-by-creator-wrapper {
  position: absolute;
  bottom: 16px;
  left: 16px;
  font-size: 14px;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  top: 70px;
  transition: top 0.16s cubic-bezier(0.4, 0, 0.2, 1);
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons .app-feature-add-button,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons .app-feature-add-button {
  min-width: 150px;
}
.column-store-component .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons .app-feature-learn-more-link,
.app-feature-store-preview .store-app-feature-card-component .app-feature-card-container .app-feature-card-inner .app-feature-card-footer .app-feature-action-buttons .app-feature-learn-more-link {
  position: absolute;
  right: 32px;
  bottom: 4px;
  color: #0085ff;
  color: var(--primary-color);
}
.column-store-component .store-app-feature-card-component:hover .app-feature-card-container,
.app-feature-store-preview .store-app-feature-card-component:hover .app-feature-card-container {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
}
.column-store-component .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner,
.app-feature-store-preview .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner {
  padding-top: 48px;
}
.column-store-component .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner .app-feature-by-creator-wrapper,
.app-feature-store-preview .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner .app-feature-by-creator-wrapper {
  opacity: 0;
}
.column-store-component .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner .app-feature-action-buttons,
.app-feature-store-preview .store-app-feature-card-component:hover .app-feature-card-container .app-feature-card-inner .app-feature-action-buttons {
  top: 32px;
}
@media (max-width: 1200px) {
  .column-store-component .store-app-feature-card-component,
.app-feature-store-preview .store-app-feature-card-component {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
}
@media (max-width: 830px) {
  .column-store-component .store-app-feature-card-component,
.app-feature-store-preview .store-app-feature-card-component {
    flex: 0 1 100%;
  }
}
.app-image {
  position: relative;
  background: #333333;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.app-image .app-photo {
  width: 100%;
}
.app-image.big-details {
  border-radius: 16px;
  border: 4px solid white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.app-image.big-details .app-initials {
  font-size: 64px;
}
.app-image.circular {
  border-radius: 50%;
}
.app-image.dark-theme {
  color: #0085ff;
  color: var(--primary-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.app-image .app-initials {
  font-size: 14px;
  color: white;
  font-weight: 500;
}
.app-feature-by-creator-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: opacity 0.1s ease;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
}
.app-feature-by-creator-wrapper .app-feature-creator-logo {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
.app-feature-by-creator-wrapper .app-feature-creator-name {
  font-weight: bold;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.app-feature-store-preview-component .board-view-card,
.column-store-component .board-view-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  background: #ffffff;
  background: var(--card-background-color);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--card-border-color);
}
.app-feature-store-preview-component .board-view-card:hover,
.column-store-component .board-view-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.app-feature-store-preview-component .board-view-card .board-view-card-top,
.column-store-component .board-view-card .board-view-card-top {
  height: 75px;
}
.app-feature-store-preview-component .board-view-card .board-view-card-top .board-view-icon,
.column-store-component .board-view-card .board-view-card-top .board-view-icon {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.app-feature-store-preview-component .board-view-card .board-view-card-top.FeatureBoardView-card-top, .app-feature-store-preview-component .board-view-card .board-view-card-top.FeatureItemView-card-top,
.column-store-component .board-view-card .board-view-card-top.FeatureBoardView-card-top,
.column-store-component .board-view-card .board-view-card-top.FeatureItemView-card-top {
  height: 16px;
}
.app-feature-store-preview-component .board-view-card .app-feature-board-view-card-top,
.column-store-component .board-view-card .app-feature-board-view-card-top {
  height: 50px;
  background-color: #e44258;
  background-color: var(--negative-color);
}
.app-feature-store-preview-component .board-view-card .board-view-card-bottom,
.column-store-component .board-view-card .board-view-card-bottom {
  height: 124px;
  padding: 12px 12px 8px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.app-feature-store-preview-component .board-view-card .board-view-card-bottom.higher,
.column-store-component .board-view-card .board-view-card-bottom.higher {
  height: 140px;
}
.app-feature-store-preview-component .board-view-card .board-view-card-bottom .views-store-card-lock-indication,
.column-store-component .board-view-card .board-view-card-bottom .views-store-card-lock-indication {
  position: absolute;
  top: 14px;
  right: 0;
}
.app-feature-store-preview-component .board-view-card .board-view-card-bottom .board-view-card-title,
.column-store-component .board-view-card .board-view-card-bottom .board-view-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: bold;
  margin-bottom: 4px;
}
.app-feature-store-preview-component .board-view-card .board-view-card-bottom .board-view-card-subtitle,
.column-store-component .board-view-card .board-view-card-bottom .board-view-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  padding-right: 12px;
  flex-grow: 1;
}
.app-feature-store-preview-component .board-view-card .action-button-wrapper,
.column-store-component .board-view-card .action-button-wrapper {
  justify-self: flex-end;
  max-width: calc(100% - 48px);
  line-height: 16px;
  display: flex;
  align-items: center;
}
.app-feature-store-preview-component .board-view-card .action-button-wrapper .added-to-board-subtitle-message,
.column-store-component .board-view-card .action-button-wrapper .added-to-board-subtitle-message {
  color: #676879;
  color: var(--secondary-text-color);
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-feature-store-preview-component .board-view-card .action-button-wrapper .disabled-message,
.column-store-component .board-view-card .action-button-wrapper .disabled-message {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  font-size: 12px;
}
.app-feature-store-preview-component .board-view-card .board-view-card-likes-wrapper,
.column-store-component .board-view-card .board-view-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .app-feature-store-preview-component .board-view-card,
.column-store-component .board-view-card {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
  .app-feature-store-preview-component .board-view-card .board-view-card-top,
.column-store-component .board-view-card .board-view-card-top {
    height: 80px;
  }
}
@media (max-width: 830px) {
  .app-feature-store-preview-component .board-view-card,
.column-store-component .board-view-card {
    flex: 0 1 100%;
  }
}
.add-item-button {
  display: inline-block;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  height: auto;
  font-size: 14px;
  line-height: 14px;
  padding: 0;
  color: #0085ff;
  color: var(--primary-color);
  vertical-align: middle;
}
.add-item-button:active, .add-item-button:focus {
  outline: none;
}
.add-item-button:hover {
  text-decoration: underline;
}
.add-item-button.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: pointer;
}
.modal-component {
  position: relative;
  padding: 32px;
  height: 100%;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.modal-component.public {
  border-color: #009aff;
}
.modal-component.share {
  border-color: #a358df;
}
.modal-component.private {
  border-color: #f65f7c;
}
.modal-component .exit-modal-icon {
  position: absolute;
  top: 6px;
  right: 8px;
  cursor: pointer;
  color: var(--modal-exit-button-color);
}
.modal-component .exit-modal-icon:hover {
  color: #333333;
}
.modal-component .modal-component-content {
  height: 100%;
}
.modal-component.store-modal .exit-modal-icon {
  top: 16px;
  right: 16px;
}

.tabs-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.tabs-component .tabs {
  display: flex;
  width: 100%;
}
.tabs-component .content {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.tab-component {
  display: flex;
  align-items: center;
  position: relative;
}
.tab-component .new-badge {
  border-radius: 4px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
  width: 30px;
  height: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  position: absolute;
  top: 4px;
  right: -15px;
}
.tab-component.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.tipseen-tooltip {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  font-size: 14px;
}
.tipseen-tooltip .tipseen-tooltip-container {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  font-weight: 300;
}
.tipseen-tooltip .tipseen-tooltip-container .tooltip-content {
  justify-content: left;
  align-items: left;
  line-height: 1.4;
}
.tipseen-tooltip .tipseen-tooltip-container .tipseen-tooltip-close-holder {
  padding: 5px 0;
  width: 40px;
  margin-right: 24px;
}
.tipseen-tooltip .tipseen-tooltip-container .tipseen-tooltip-close-holder:hover {
  cursor: pointer;
}
.tipseen-tooltip .tipseen-tooltip-container .got-it-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}
.tipseen-tooltip .tipseen-tooltip-container .got-it-button .prevent-on-blur-editor {
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.tipseen-tooltip .tipseen-tooltip-container .close-button {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  font-size: 10px;
}
.tipseen-tooltip .tipseen-tooltip-container .ds-btn-outline-primary {
  background-color: #ffffff;
  color: #0071d9;
  float: right;
  font-size: 14px;
}
.tipseen-tooltip .tipseen-tooltip-container .ds-btn-outline-primary:focus {
  background-color: #ffffff;
  color: #0071d9;
  border-color: #ffffff;
}
.tipseen-tooltip .tipseen-tooltip-container .got-it-close-button {
  font-size: 12px;
  text-align: right;
  position: absolute;
  color: #ffffff;
  cursor: pointer;
  top: 13px;
  right: 11px;
}
.tipseen-tooltip .tipseen-tooltip-container .got-it-close-button:hover {
  opacity: 0.7;
}
/* mixin for multiline */
.ds-menu-dialog {
  display: flex;
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right,
.ds-menu-dialog .ds-seconday-menu-wrapper-left {
  min-width: 0;
  position: absolute;
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right .ds-menu-inner,
.ds-menu-dialog .ds-seconday-menu-wrapper-left .ds-menu-inner {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  display: flex;
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right .ds-menu-inner .ds-menu-content-wrapper,
.ds-menu-dialog .ds-seconday-menu-wrapper-left .ds-menu-inner .ds-menu-content-wrapper {
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right.ds-seconday-menu-wrapper-right,
.ds-menu-dialog .ds-seconday-menu-wrapper-left.ds-seconday-menu-wrapper-right {
  right: 0px;
  transform: translate(100%, 0);
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right.ds-seconday-menu-wrapper-right .ds-menu-inner,
.ds-menu-dialog .ds-seconday-menu-wrapper-left.ds-seconday-menu-wrapper-right .ds-menu-inner {
  margin-left: -8px;
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right.ds-seconday-menu-wrapper-left,
.ds-menu-dialog .ds-seconday-menu-wrapper-left.ds-seconday-menu-wrapper-left {
  left: 0px;
  transform: translate(-100%, 0);
}
.ds-menu-dialog .ds-seconday-menu-wrapper-right.ds-seconday-menu-wrapper-left .ds-menu-inner,
.ds-menu-dialog .ds-seconday-menu-wrapper-left.ds-seconday-menu-wrapper-left .ds-menu-inner {
  margin-right: -8px;
}
.ds-menu-dialog.with-item-description .ds-menu-item-wrapper {
  order: 2;
  background: rgba(118, 74, 206, 0.11);
  margin: 16px;
  border-radius: 8px;
  overflow: hidden;
}

.ds-menu-inner {
  overflow: auto;
  min-width: 0;
  order: 1;
}
.ds-menu-xs .ds-menu-inner {
  width: 220px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-xs .ds-menu-inner.secondary-menu-exit {
  width: 220px;
  opacity: 1;
}
.ds-menu-xs .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xs .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-xs .ds-menu-inner.secondary-menu-enter-active {
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-md .ds-menu-inner {
  width: 264px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-md .ds-menu-inner.secondary-menu-exit {
  width: 264px;
  opacity: 1;
}
.ds-menu-md .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-md .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-md .ds-menu-inner.secondary-menu-enter-active {
  width: 264px;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-md.not-english .ds-menu-inner {
  width: 284px;
}
.ds-menu-lg .ds-menu-inner {
  width: 280px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-lg .ds-menu-inner.secondary-menu-exit {
  width: 280px;
  opacity: 1;
}
.ds-menu-lg .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-lg .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-lg .ds-menu-inner.secondary-menu-enter-active {
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-lg.not-english .ds-menu-inner {
  width: 300px;
}
.ds-menu-xl .ds-menu-inner {
  width: 320px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-xl .ds-menu-inner.secondary-menu-exit {
  width: 320px;
  opacity: 1;
}
.ds-menu-xl .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xl .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-xl .ds-menu-inner.secondary-menu-enter-active {
  width: 320px;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xxl .ds-menu-inner {
  width: 400px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-xxl .ds-menu-inner.secondary-menu-exit {
  width: 400px;
  opacity: 1;
}
.ds-menu-xxl .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xxl .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-xxl .ds-menu-inner.secondary-menu-enter-active {
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xxxl .ds-menu-inner {
  width: 480px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.ds-menu-xxxl .ds-menu-inner.secondary-menu-exit {
  width: 400px;
  opacity: 1;
}
.ds-menu-xxxl .ds-menu-inner.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.ds-menu-xxxl .ds-menu-inner.secondary-menu-enter {
  width: 0;
}
.ds-menu-xxxl .ds-menu-inner.secondary-menu-enter-active {
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
}

/* fix for IE11 */
.ds-menu-xs {
  width: 220px;
}

.ds-menu-md {
  width: 264px;
}
.ds-menu-md.not-english {
  width: 284px;
}

.ds-menu-lg {
  width: 280px;
}
.ds-menu-lg.not-english {
  width: 300px;
}

.ds-menu-xl {
  width: 320px;
}

.ds-menu-xxl {
  width: 400px;
}

.ds-menu-xxxl {
  width: 480px;
}

.ds-menu-dialog.with-item-description {
  width: auto;
}
body a.button_link {
  text-decoration: none;
  color: inherit;
}
body a.button_link:visited {
  color: inherit;
}
body a.button_link:hover, body a.button_link:active, body a.button_link:visited, body a.button_link:focus {
  text-decoration: none;
}
.settings-input-component input {
  width: 100%;
  outline: none;
  padding: 4px 8px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 4px;
}
.settings-input-component input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-field-component.error .settings-input-component input {
  border-color: #e44258;
}
.settings-input-component input:disabled {
  background: #f5f6f8;
}
.settings-input-component.dark-theme input {
  background-color: transparent;
  border-color: #6e6f8f;
}
.settings-input-component.dark-theme input:-ms-input-placeholder {
  color: #b2b3d0;
}
.settings-input-component.dark-theme input::placeholder {
  color: #b2b3d0;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.ds-menu-item {
  line-height: 24px;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  white-space: nowrap;
  border-radius: 4px;
  text-decoration: none;
}
.ds-menu-item:hover {
  text-decoration: none;
}
.ds-menu-old .ds-menu-item {
  border-radius: 0px;
  padding: 4px 8px;
}
.ds-menu-item.icon-right-direction .ds-icon {
  order: 1;
  margin-right: 0;
  margin-left: 16px;
}
.ds-menu-item .ds-icon,
.ds-menu-item .secondary-menu-icon {
  color: #676879;
  color: var(--icon-color);
  text-align: center;
}
.ds-menu-item .ds-icon {
  flex: 0 0 16px;
  margin-right: 8px;
}
.ds-menu-item .secondary-menu-icon {
  flex: 0 0 auto;
  font-size: 12px;
  margin-left: 8px;
}
.ds-menu-item .ds-image {
  display: flex;
  align-items: center;
  flex: 0 0 22px;
  margin-right: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.ds-menu-item .ds-image .ds-main-image,
.ds-menu-item .ds-image .ds-hover-image {
  width: 100%;
}
.ds-menu-item .ds-image .ds-hover-image {
  display: none;
}
.ds-menu-item .ds-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-menu-item .settings-input-component {
  flex: 1;
  overflow: hidden;
  height: 32px;
}
.ds-menu-item .settings-input-component input {
  height: calc(100% - (4px * 2 + 2px));
  width: calc(100% - (8px * 2 + 2px));
}
.ds-menu-item:not(.disabled):hover, .ds-menu-item:not(.disabled).active {
  color: #323338;
  color: var(--primary-text-color);
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.ds-menu-item:not(.disabled):hover .ds-icon,
.ds-menu-item:not(.disabled):hover .secondary-menu-icon, .ds-menu-item:not(.disabled).active .ds-icon,
.ds-menu-item:not(.disabled).active .secondary-menu-icon {
  color: #676879;
  color: var(--icon-color);
}
.ds-menu-item:not(.disabled):hover .ds-main-image, .ds-menu-item:not(.disabled).active .ds-main-image {
  display: none;
}
.ds-menu-item:not(.disabled):hover .ds-hover-image, .ds-menu-item:not(.disabled).active .ds-hover-image {
  display: inline-block;
}
.ds-menu-item:not(.disabled):hover .ds-hover-image.with-invert-filter, .ds-menu-item:not(.disabled).active .ds-hover-image.with-invert-filter {
  filter: brightness(0) invert(1);
}
.ds-menu-item.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  opacity: 0.4;
  cursor: not-allowed;
}
.ds-menu-item.disabled .ds-icon,
.ds-menu-item.disabled .secondary-menu-icon {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.ds-menu-item.selected, .ds-menu-item.selected:hover {
  color: #0085ff;
  color: var(--card-selected-text-color);
  background-color: #d9f0ff;
  background-color: var(--card-selected-background-color);
}
.ds-menu-item.selected .ds-icon,
.ds-menu-item.selected .secondary-menu-icon, .ds-menu-item.selected:hover .ds-icon,
.ds-menu-item.selected:hover .secondary-menu-icon {
  color: #0085ff;
  color: var(--card-selected-text-color);
}
.ds-menu-item.disable-hover-highlight:hover, .ds-menu-item.disable-hover-highlight.active {
  color: #0085ff;
  color: var(--primary-color);
  background-color: transparent;
}
.ds-menu-item.disable-hover-highlight:hover .secondary-menu-icon, .ds-menu-item.disable-hover-highlight.active .secondary-menu-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.ds-menu-item.disable-hover-text-and-highlight:hover, .ds-menu-item.disable-hover-text-and-highlight.active {
  color: #323338;
  color: var(--primary-text-color);
  background-color: transparent;
}
.ds-menu-item.disable-hover-text-and-highlight:hover .secondary-menu-icon, .ds-menu-item.disable-hover-text-and-highlight.active .secondary-menu-icon {
  color: #323338;
  color: var(--primary-text-color);
}
.ds-menu-section {
  padding: 8px;
}
.ds-menu-section:not(:last-child) {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--card-border-color);
}
.ds-menu-section .ds-menu-section-title {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #676879;
  color: var(--secondary-text-color);
}
.ds-menu-old .ds-menu-section:not(:last-child) {
  border-bottom: 1px dashed;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--card-border-color);
}
.ds-collapsible-menu-section .ds-collapsible-menu-content {
  transition: height 0.2s;
  overflow: hidden;
  height: 0;
}
.ds-collapsible-menu-section .ds-collapsible-menu-button {
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  margin: 8px 16px;
}
.ds-collapsible-menu-section .ds-collapsible-menu-button:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.ds-collapsible-menu-section .ds-collapsible-menu-button .icon {
  font-size: 12px;
  margin-left: 4px;
  display: inline-block;
  transform: translateY(2px);
}
.ds-collapsible-menu-section .ds-collapsible-menu-button .icon:before {
  transition: transform 0.2s;
}
.ds-collapsible-menu-section.collapsed .ds-collapsible-menu-button .icon {
  transform: translateY(-3px);
}
.ds-collapsible-menu-section.collapsed .ds-collapsible-menu-button .icon:before {
  transform: rotate(180deg);
}
.ds-menu-button {
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.ds-menu-button:hover {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.ds-menu-button.ds-menu-button-xs {
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.ds-menu-button.ds-menu-button-sm {
  width: 18px;
  height: 18px;
  font-size: 15px;
}
.ds-menu-button.ds-menu-button-smd {
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.ds-menu-button.ds-menu-button-md {
  width: 26px;
  height: 26px;
  font-size: 18px;
}
.ds-menu-button.ds-menu-button-lg {
  width: 40px;
  height: 40px;
  font-size: 22px;
}
.ds-menu-button.open {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff;
  color: var(--primary-color);
}

.ds-menu-square-button .icon.ellipsis {
  transform: translateY(7px);
}
.ds-menu-patch {
  display: inline-block;
  background-color: #fff;
  position: absolute;
  color: #fff;
  border: 0;
}
.right-click-menu-component {
  height: 100%;
  width: 100%;
}
.desktop-app-download-dialog {
  text-align: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top: solid #0085FF 2px;
  width: 500px;
  cursor: default;
}
.desktop-app-download-dialog .download-button {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  display: block;
  margin: 32px auto;
  width: 240px;
  outline: none;
  color: #fff;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  padding: 12px 32px;
  border-radius: 30px;
}
.desktop-app-download-dialog .download-button:hover {
  text-decoration: none;
}
.desktop-app-download-dialog .title {
  margin: 16px 0;
  font-weight: 300;
  font-size: 32px;
}
.desktop-app-download-dialog .title span {
  font-weight: 500;
}
.desktop-app-download-dialog .content {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
}
.desktop-app-download-dialog .content .action-sentence {
  margin-top: 16px;
}
.desktop-app-download-dialog .transition-header {
  position: relative;
  padding-top: 32px;
}
.desktop-app-download-dialog .transition-header .slider-arrow {
  height: 20px;
  position: absolute;
  top: 88%;
  margin-top: -50px;
}
.desktop-app-download-dialog .transition-header .dapulse-logo {
  margin-right: 12px;
  height: 90px;
}
.desktop-app-download-dialog .transition-header .monday-logo {
  margin-left: 32px;
  height: 90px;
}
.formula-error-component {
  font-size: 12px;
  color: #e44258;
  color: var(--negative-color);
}
.formula-error-component .info-icon {
  margin-left: 6px;
}
.generic-column-footer-component {
  height: 100%;
  text-align: center;
  transition: background 0.15s ease;
  cursor: pointer;
}
.generic-column-footer-component__function {
  position: absolute;
  color: var(--secondary-text-color);
  font-size: 12px;
  bottom: 0px;
  right: 0;
  left: 0;
}
.generic-column-footer-component.is-footer .generic-column-footer-component__value {
  font-size: 15px;
  font-weight: 400;
  padding: 3px;
}
.generic-column-footer-component.is-footer:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.generic-column-footer-component.is-footer:hover .generic-column-footer-component__function {
  color: #0085ff;
  color: var(--primary-color);
}
/* mixin for multiline */
.group-footer-component.with-columns-footer .add-pulse-component:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  background: white;
  height: 76px;
  z-index: 1;
}

.generic-footer-dialog-content-component {
  width: 238px;
  position: relative;
  padding: 10px;
  pointer-events: all;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  font-size: 14px;
}
.generic-footer-dialog-content-component .radio-row-container {
  margin-bottom: 10px;
}
.generic-footer-dialog-content-component .radio-row-container:last-child {
  margin-bottom: 0;
}
.settings-field-component:not(:first-child) {
  margin-top: 16px;
}
.settings-field-component .settings-field-title-wrapper {
  margin-bottom: 8px;
  width: 100%;
}
.settings-field-component .settings-field-title-wrapper .settings-field-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.settings-field-component .settings-field-title-wrapper .settings-field-title .settings-field-info {
  margin-right: 8px;
}
.settings-field-component .settings-field-title-wrapper .settings-field-subtitle {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 300;
  white-space: normal;
}
.settings-field-component .error-message {
  height: 13px;
  color: #e44258;
}
.settings-field-component.dark-theme.disabled .settings-field-title {
  color: #6e6f8f;
}
.settings-field-component.side-by-side-mode {
  display: flex;
}
.settings-field-component.side-by-side-mode .settings-field-title-wrapper {
  flex: 0 0 200px;
}
.settings-field-component.side-by-side-mode .settings-input-component,
.settings-field-component.side-by-side-mode .settings-objects-per-category-picker-component {
  flex: 1;
}
.numeric-input-wrapper {
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  width: 60px;
  height: 32px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.numeric-input-wrapper.invalid {
  border-color: #e44258;
}
.numeric-input-wrapper:focus-within {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.numeric-input-wrapper .numeric-input {
  outline: none;
  border: none;
  background-color: transparent;
  text-align: center;
  width: 100%;
  height: 100%;
}
.numeric-input-wrapper .numeric-input-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.numeric-input-wrapper .numeric-input-buttons .numeric-input-button {
  font-size: 12px;
  width: 13px;
  cursor: pointer;
  text-decoration: none;
  color: #333333;
}
.numeric-input-wrapper .numeric-input-buttons .numeric-input-button.focus {
  color: #0085ff;
  color: var(--primary-color);
}
.numeric-input-wrapper .numeric-input-buttons .numeric-input-button:hover {
  color: #0089c3;
}
.numeric-input-wrapper .numeric-input-buttons .numeric-input-button.fa-angle-up {
  margin-top: 3px;
}
.numeric-input-wrapper .numeric-input-buttons .numeric-input-button.fa-angle-down {
  margin-bottom: 3px;
}
.ds-date-navigation-item-component {
  line-height: 36px;
  font-size: 28px;
  outline: none;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.ds-date-navigation-item-component:hover {
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.date-month-year-picker-component-wrapper {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.date-month-year-picker-component-wrapper.is-range {
  top: -16px;
}
.date-month-year-picker-component-wrapper .slide-down-appear {
  opacity: 0;
}
.date-month-year-picker-component-wrapper .slide-down-appear-active {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.date-month-year-picker-component-wrapper .navigation {
  position: absolute;
  top: 25px;
  pointer-events: all;
  cursor: pointer;
}
.date-month-year-picker-component-wrapper .navigation.navigation-left {
  left: 29px;
}
.date-month-year-picker-component-wrapper .navigation.navigation-right {
  right: 29px;
}
.date-month-year-picker-component-wrapper .date-month-year-picker-header {
  padding-top: 16px;
  padding-bottom: 16px;
}
.date-month-year-picker-component-wrapper .date-month-year-picker-options {
  text-align: center;
  background-color: #fff;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  position: absolute;
  top: 55px;
  pointer-events: all;
}
.date-month-year-picker-component-wrapper .CalendarYear--blocked {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: default;
}
.date-picker-header-component {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.date-picker-header-component .date-picker-header-component-button-container {
  margin-left: 4px;
  cursor: pointer;
}
.date-picker-header-component .date-picker-header-component-button-container .date-picker-header-component-button {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition: all 0.1s ease;
  color: #323338 !important;
  color: var(--primary-text-on-secondary-color) !important;
}
.date-picker-header-component .date-picker-header-component-button-container .date-picker-header-component-button:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  text-decoration: none;
}
.date-picker-wrapper-component {
  position: relative;
}
.date-picker-wrapper-component.embedded-pulse-card .date-picker-header-component {
  font-size: 14px;
}
.date-picker-wrapper-component.embedded-pulse-card .CalendarDay {
  font-size: 14px;
}
.date-picker-wrapper-component .today-btn-wrapper {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.date-picker-wrapper-component .today-btn-wrapper .today-btn {
  z-index: 1;
  margin-top: 5px;
  color: #0085ff;
  color: var(--primary-color);
  padding: 0 16px;
  height: 36px;
  border-radius: 18px;
  line-height: 36px;
  cursor: pointer;
}
.date-picker-wrapper-component .today-btn-wrapper .today-btn:hover {
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.date-picker-wrapper-component .DayPicker--horizontal {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: initial;
  box-shadow: none;
  overflow: hidden;
}
.date-picker-wrapper-component .CalendarMonthGrid {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.date-picker-wrapper-component .CalendarMonth__caption strong {
  font-size: 18px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.date-picker-wrapper-component .DayPickerNavigation--horizontal {
  margin-top: -16px;
}
.date-picker-wrapper-component .DayPickerNavigation__prev,
.date-picker-wrapper-component .DayPickerNavigation__next {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: none;
  outline: none;
  top: 0px;
}
.date-picker-wrapper-component .DayPickerNavigation__prev.DayPickerNavigation__prev,
.date-picker-wrapper-component .DayPickerNavigation__next.DayPickerNavigation__prev {
  left: 0px;
  padding: 25px 5px 0px 29px;
}
.date-picker-wrapper-component .DayPickerNavigation__prev.DayPickerNavigation__next,
.date-picker-wrapper-component .DayPickerNavigation__next.DayPickerNavigation__next {
  right: 0px;
  padding: 25px 29px 0px 5px;
}
.date-picker-wrapper-component .CalendarMonth--horizontal {
  overflow: hidden;
}
.date-picker-wrapper-component .DayPicker__week-header small {
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  font-weight: 300;
  cursor: default;
}
.date-picker-wrapper-component.with-week-number .CalendarDay .CalendarDayWeekNumber {
  color: #b1b1b8bf;
  pointer-events: none;
  visibility: visible;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -1px;
  font-size: 14px;
  width: 40px;
  height: 37px;
  transform: translateX(-100%);
}
.date-picker-wrapper-component.with-week-number .date-picker-header-component .date-picker-header-component-button-container {
  margin-right: 28px;
}
.date-picker-wrapper-component.with-week-number .CalendarMonth.CalendarMonth--horizontal {
  overflow: initial;
}
.date-picker-wrapper-component.with-week-number .CalendarMonth.CalendarMonth--horizontal[data-visible=true] .js-CalendarMonth__grid tr > td.CalendarDay .CalendarDayWeekNumber {
  display: flex;
}
.date-picker-wrapper-component.with-week-number .CalendarMonth.CalendarMonth--horizontal[data-visible=true] .js-CalendarMonth__grid tr > td.CalendarDay ~ td.CalendarDay .CalendarDayWeekNumber {
  display: none;
}
.date-picker-wrapper-component.with-week-number:not(.with-outside-days) .CalendarDay.CalendarDay--outside {
  visibility: hidden;
}
.date-picker-wrapper-component.with-week-number .DayPicker__week-header:before {
  content: "Wk";
  position: absolute;
  font-size: 12px;
  width: 40px;
  transform: translateX(-100%);
  height: 24px;
  text-align: center;
  line-height: 2.3;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode {
  overflow: hidden;
  padding: 0 24px 0 38px;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .DayPicker.DayPicker--horizontal {
  overflow: initial;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .DayPicker.DayPicker--horizontal .transition-container--horizontal {
  overflow: initial;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .CalendarMonth.CalendarMonth--horizontal {
  padding: 0;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .CalendarMonth.CalendarMonth--horizontal[data-visible=true]:not(:last-child) {
  margin-right: 36px;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .CalendarMonth.CalendarMonth--horizontal:not(:first-child) {
  margin-left: 13px;
}
.date-picker-wrapper-component.with-week-number.range-picker-mode .DayPicker__week-header:not(:first-child) {
  margin-left: 36px;
  padding: 0;
}
.date-picker-wrapper-component.with-week-number:not(.range-picker-mode) {
  padding: 0 4px 0 8px;
}
.date-picker-wrapper-component.with-week-number:not(.range-picker-mode) .DayPicker.DayPicker--horizontal {
  margin: 4px;
}
.date-picker-wrapper-component.with-week-number:not(.range-picker-mode) .CalendarMonth.CalendarMonth--horizontal[data-visible=true] {
  margin-left: 17px;
}
.date-picker-wrapper-component.with-week-number:not(.range-picker-mode) .DayPicker__week-header {
  margin-left: 30px;
  padding: 0;
}
.date-picker-wrapper-component .CalendarDay {
  border: none;
  font-size: 16px;
  font-weight: 300;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--today {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--today .CalendarDay__button {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.date-picker-wrapper-component .CalendarDay:hover .CalendarDay__button {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected .CalendarDay__button, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start .CalendarDay__button, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end .CalendarDay__button {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected .CalendarDay__button:focus, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start .CalendarDay__button:focus, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end .CalendarDay__button:focus {
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border: 1px solid;
  border-color: #e5f4ff;
  border-color: var(--primary-selected-on-secondary-color);
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end {
  border-radius: 50%;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-on-secondary-color);
  position: relative;
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start::before, .date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start:not(.CalendarDay--selected-end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-start:not(.CalendarDay--selected-end) .CalendarDay__button {
  width: calc(100% - 1px);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end:not(.CalendarDay--selected-start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--selected-end:not(.CalendarDay--selected-start) .CalendarDay__button {
  width: 100%;
}
.date-picker-wrapper-component .CalendarDay:not(.CalendarDay--selected-end):not(.CalendarDay--selected-start).CalendarDay--selected-span .CalendarDay__button {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-on-secondary-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  width: 100%;
  border-radius: 0;
}
.date-picker-wrapper-component .CalendarDay:not(.CalendarDay--selected-end):not(.CalendarDay--selected-start).CalendarDay--selected-span .CalendarDay__button:hover, .date-picker-wrapper-component .CalendarDay:not(.CalendarDay--selected-end):not(.CalendarDay--selected-start).CalendarDay--selected-span .CalendarDay__button:focus {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.date-picker-wrapper-component .CalendarDay:not(.CalendarDay--selected-end):not(.CalendarDay--selected-start).CalendarDay--hovered-span .CalendarDay__button {
  border-radius: 0;
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--blocked .CalendarDay__button {
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  opacity: 0.2;
  pointer-events: none;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.date-picker-wrapper-component .CalendarDay.CalendarDay--blocked.CalendarDay--selected-start .CalendarDay__button, .date-picker-wrapper-component .CalendarDay.CalendarDay--blocked.CalendarDay--selected-end .CalendarDay__button {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.date-picker-wrapper-component .CalendarDay .CalendarDay__button {
  border-radius: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-start::before, .date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-end::before {
  content: "";
  transform: rotate(45deg);
  position: absolute;
  width: 29px;
  height: 29px;
  border-radius: 3px;
  top: 4px;
  left: 6px;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-start .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-end .CalendarDay__button {
  background-color: transparent;
}
.date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--today .CalendarDay__button {
  border: none;
}
.date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-start, .date-picker-wrapper-component.milestone-date .CalendarDay.CalendarDay--selected-end {
  background-color: transparent;
}
.date-picker-wrapper-component.milestone-date .CalendarDay:hover:not(.CalendarDay--selected-start) .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay:hover:not(.CalendarDay--selected-end) .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay:active:not(.CalendarDay--selected-start) .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay:active:not(.CalendarDay--selected-end) .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay:focus:not(.CalendarDay--selected-start) .CalendarDay__button, .date-picker-wrapper-component.milestone-date .CalendarDay:focus:not(.CalendarDay--selected-end) .CalendarDay__button {
  background-color: transparent;
}
.date-picker-wrapper-component.milestone-date .CalendarDay:hover:not(.CalendarDay--selected-start)::before, .date-picker-wrapper-component.milestone-date .CalendarDay:hover:not(.CalendarDay--selected-end)::before, .date-picker-wrapper-component.milestone-date .CalendarDay:active:not(.CalendarDay--selected-start)::before, .date-picker-wrapper-component.milestone-date .CalendarDay:active:not(.CalendarDay--selected-end)::before, .date-picker-wrapper-component.milestone-date .CalendarDay:focus:not(.CalendarDay--selected-start)::before, .date-picker-wrapper-component.milestone-date .CalendarDay:focus:not(.CalendarDay--selected-end)::before {
  content: "";
  transform: rotate(45deg);
  position: absolute;
  width: 29px;
  height: 29px;
  border-radius: 3px;
  margin-left: 5px;
  margin-top: 4px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
}
.date-picker-wrapper-component.range-single-date-selected .CalendarDay--selected-start:not(.CalendarDay--selected-end) .CalendarDay__button {
  border-radius: 50%;
  width: calc(100% - 2px);
}
.date-picker-wrapper-component.hide-outside-range .CalendarDay--blocked-out-of-range,
.date-picker-wrapper-component.hide-outside-range .CalendarDay--outside:last-child {
  display: none;
}
.date-picker-wrapper-component .CalendarDay--outside:last-child .CalendarDay__button {
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  opacity: 0.2;
  pointer-events: none;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}

.date-picker-dialog-content-with-keyboard-navigation-component .ds-date-picker-content .milestone-date .CalendarDay:not(.CalendarDay--selected):not(.CalendarDay--selected-end):not(.CalendarDay--selected-start) button:focus {
  background-color: transparent;
}
.settings-date-component .date-field-wrapper {
  position: relative;
  cursor: pointer;
}
.settings-date-component .date-field-wrapper .date-field {
  cursor: pointer;
  width: 100%;
  outline: none;
  padding: 4px 16px 4px 8px;
  border: 1px solid;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 2px;
}
.settings-date-component .date-field-wrapper .arrow-down, .settings-date-component .date-field-wrapper .arrow-up {
  position: absolute;
  font-size: 15px;
  right: 12px;
  top: 9px;
  border: none;
  color: #999;
}
.settings-date-component .date-field-wrapper .arrow-down:hover {
  color: #666;
}
.settings-date-component.dark-theme .date-field-wrapper .arrow-down, .settings-date-component.dark-theme .date-field-wrapper .arrow-up {
  color: #ffffff;
}
.settings-date-component.dark-theme .date-field-wrapper .arrow-down:hover {
  color: #b2b3d0;
}

.settings-field-date-picker-content-dialog {
  position: relative;
  background: white;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 6px #e1e1e1;
}
.settings-field-date-picker-content-dialog:before, .settings-field-date-picker-content-dialog:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  left: 50%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.settings-field-date-picker-content-dialog:before {
  border-bottom-color: #e1e1e1;
  border-width: 10px;
  top: -20px;
  left: calc(50% - 5px);
}
.settings-field-date-picker-content-dialog:after {
  border-bottom-color: white;
  border-width: 8px;
  top: -16px;
  left: calc(50% - 3px);
}
.settings-dropdown-option {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-dropdown-option .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-dropdown-option .icon {
  font-size: 12px;
}
.settings-dropdown-option .left-icon {
  font-size: 12px;
  margin-right: 8px;
}
.settings-dropdown-component {
  margin-bottom: 8px;
}
.settings-dropdown-component.old-dropdown {
  color: #323338;
  color: var(--primary-text-color);
}
.settings-dropdown-component.old-dropdown .Select-input div {
  outline: 0;
  box-shadow: none;
}
.settings-dropdown-component.old-dropdown .Select,
.settings-dropdown-component.old-dropdown .Select.is-focused .Select-control,
.settings-dropdown-component.old-dropdown .Select-control {
  background: transparent !important;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.settings-dropdown-component.old-dropdown .Select .select-option-wrapper,
.settings-dropdown-component.old-dropdown .Select.is-focused .Select-control .select-option-wrapper,
.settings-dropdown-component.old-dropdown .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-dropdown-component.old-dropdown .Select .select-option-wrapper .select-option-text,
.settings-dropdown-component.old-dropdown .Select.is-focused .Select-control .select-option-wrapper .select-option-text,
.settings-dropdown-component.old-dropdown .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-dropdown-component.old-dropdown .Select .select-option-wrapper .icon,
.settings-dropdown-component.old-dropdown .Select.is-focused .Select-control .select-option-wrapper .icon,
.settings-dropdown-component.old-dropdown .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.settings-dropdown-component.old-dropdown .Select .select-option-wrapper .left-icon,
.settings-dropdown-component.old-dropdown .Select.is-focused .Select-control .select-option-wrapper .left-icon,
.settings-dropdown-component.old-dropdown .Select-control .select-option-wrapper .left-icon {
  font-size: 12px;
  margin-right: 8px;
}
.settings-dropdown-component.old-dropdown .Select.is-disabled {
  cursor: default;
}
.settings-dropdown-component.old-dropdown .Select.is-disabled .Select-control {
  cursor: default;
}
.settings-dropdown-component.old-dropdown .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
}
.settings-dropdown-component.old-dropdown .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.settings-dropdown-component.old-dropdown .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.settings-dropdown-component.old-dropdown .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-dropdown-component.old-dropdown .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-dropdown-component.old-dropdown .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.settings-dropdown-component.old-dropdown .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.settings-dropdown-component.old-dropdown .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.settings-dropdown-component.old-dropdown .Select-menu-outer .Select-noresults {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-option,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-option {
  margin: 4px;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-option:hover, .settings-dropdown-component.old-dropdown.dark-theme .Select .Select-option:hover.is-selected, .settings-dropdown-component.old-dropdown.dark-theme .Select .Select-option.is-focused,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-option:hover,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-option:hover.is-selected,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-option.is-focused {
  background-color: #6e6f8f;
  border-radius: 2px;
  color: #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-option.is-selected,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-option.is-selected {
  background-color: #ffffff;
  color: #333333;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-disabled .Select-control .Select-placeholder,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-placeholder {
  color: #b2b3d0;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-disabled .Select-control .Select-arrow,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-arrow {
  border-color: #b2b3d0 transparent transparent;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-disabled .Select-control:hover .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-disabled .Select-control:hover .Select-placeholder,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-placeholder {
  color: #b2b3d0;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control {
  background-color: transparent;
  border-color: #6e6f8f !important;
  color: #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control:hover .Select-arrow,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-arrow {
  border-color: #b2b3d0 transparent transparent;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control:hover .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control:hover .is-disabled,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control:hover .is-disabled {
  color: #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control:hover .Select-placeholder,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-placeholder {
  color: #b2b3d0;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-placeholder,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-placeholder {
  transition: color 0.1s ease;
  color: #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-value:focus,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-value:focus {
  background: transparent;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-value .Select-value-label {
  transition: all 0.1s ease;
  color: #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-input:focus,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-input:focus {
  background: transparent;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .Select-control .Select-arrow,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .Select-control .Select-arrow {
  transition: all 0.1s ease;
  border-color: #ffffff transparent transparent;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-open .Select-control:hover .Select-arrow,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-open .Select-control:hover .Select-arrow {
  border-color: transparent transparent #b2b3d0;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .is-open .Select-control .Select-arrow,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .is-open .Select-control .Select-arrow {
  border-color: transparent transparent #ffffff;
}
.settings-dropdown-component.old-dropdown.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-multi-value-wrapper .Select-value .Select-value-label,
.settings-dropdown-component.old-dropdown.dark-theme .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label {
  color: #ffffff;
}
.settings-interval-component {
  display: flex;
  flex-direction: column;
}
.settings-interval-component .settings-interval-value-and-unit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 36px;
}
.settings-interval-component .settings-interval-value-and-unit .interval-value-input-container {
  margin: 0 8px;
  border-radius: 2px;
  width: 48px;
  flex-shrink: 0;
  height: 100%;
}
.settings-interval-component .settings-interval-value-and-unit .interval-value-input-container .numeric-input-wrapper {
  height: 36px;
  border-radius: 4px;
  width: 100%;
}
.settings-interval-component .settings-interval-value-and-unit .interval-unit-dropdown-container {
  border-radius: 2px;
  flex-shrink: 0;
  flex-grow: 1;
  height: 100%;
}
.settings-interval-component .settings-interval-value-and-unit .interval-unit-dropdown-container .settings-dropdown-component {
  margin-bottom: 0;
}
.settings-interval-component .settings-interval-starting-at {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
  height: 100%;
}
.settings-interval-component .settings-interval-starting-at .interval-starting-at-dropdown-container {
  margin-left: 8px;
  flex-grow: 1;
  flex-shrink: 0;
  height: 100%;
}
.settings-interval-component .settings-interval-starting-at .interval-starting-at-dropdown-container .settings-date-component .date-field-wrapper .date-field {
  border-radius: 4px;
  height: 36px;
}

.settings-buttons-component {
  display: flex;
  flex-direction: column;
}
.settings-buttons-component .settings-buttons-wrapper {
  display: flex;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button {
  flex: 1 1;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  padding: 4px 8px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:first-child {
  border-left: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px 0px 0px 4px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:last-child {
  border-right: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 0px 4px 4px 0px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:hover:not(.read-only) {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 4px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button.read-only {
  cursor: default;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button.active {
  background-color: rgba(0, 154, 255, 0.15);
  color: #0085ff;
  color: var(--primary-color);
  border: 1px solid rgba(0, 154, 255, 0.15);
  border-radius: 4px;
  font-weight: bolder;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button .option-icon {
  font-size: 24px;
  padding-right: 8px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button.with-text .option-icon {
  margin-right: 8px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button .text-span {
  width: 100%;
}
.settings-buttons-component .settings-buttons-wrapper.no-border .settings-button {
  border: none;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.settings-buttons-component .settings-buttons-wrapper.no-border .settings-button.active {
  color: #0085ff;
  color: var(--primary-color);
}
.settings-buttons-component .settings-buttons-wrapper.no-border .settings-button:hover {
  background-color: #f7f7f7;
  border-radius: 4px;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-buttons-component .settings-buttons-wrapper.dark-theme .settings-button {
  background-color: transparent;
  border: 1px solid #6e6f8f;
  color: #ffffff;
}
.settings-buttons-component .settings-buttons-wrapper.dark-theme .settings-button:hover {
  color: #b2b3d0;
}
.settings-buttons-component .settings-buttons-wrapper.dark-theme .settings-button.active {
  color: #ffffff;
  background-color: #6e6f8f;
  border-color: transparent;
}
.settings-buttons-component .settings-buttons-wrapper.unified-theme .settings-button {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #323338;
  color: var(--primary-text-color);
}
.settings-buttons-component .settings-buttons-wrapper.unified-theme .settings-button:hover {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.settings-buttons-component .settings-buttons-wrapper.unified-theme .settings-button.active {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.settings-buttons-component .option-sub-text {
  padding-top: 8px;
  white-space: normal;
}
.radio-button-component {
  cursor: pointer;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.radio-button-component .radio-button-circle {
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  position: relative;
}
.radio-button-component .radio-button-circle.color-white {
  border-color: #fff;
}
.radio-button-component.size-sm .radio-button-circle {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.radio-button-component.size-sm.selected .radio-button-circle:after {
  width: 14px;
  height: 14px;
}
.radio-button-component.size-sm.color-white .radio-button-circle:after {
  width: 14px;
  height: 14px;
}
.radio-button-component.size-sm .radio-button-label {
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.radio-button-component.selected .radio-button-circle:after {
  content: "";
  border-radius: 50%;
  background-color: #0085ff;
  background-color: var(--primary-color);
  position: absolute;
  top: -1px;
  left: -1px;
  transform: scale(0.5);
}
.radio-button-component.selected .radio-button-circle.color-white:after {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.radio-button-component:hover.color-white .radio-button-circle:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: -1px;
  transform: scale(0.5);
}
.radio-button-component:hover:not(.disabled):not(.color-white) .radio-button-circle {
  border-width: 2px;
}
.radio-button-component:hover:not(.disabled):not(.color-white) .radio-button-circle:after {
  top: -2px;
  left: -2px;
}
.radio-button-component.disabled {
  cursor: default;
}
.radio-button-component.disabled .radio-button-label {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.radio-button-component.disabled .radio-button-circle {
  border-color: rgba(103, 104, 121, 0.75);
  border-color: var(--disabled-text-color);
}
.radio-button-component.disabled .radio-button-circle:after {
  background-color: rgba(103, 104, 121, 0.75);
  background-color: var(--disabled-text-color);
}
.settings-radio-buttons-component {
  display: flex;
  flex-direction: column;
}
.settings-radio-buttons-component .settings-radio-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.settings-radio-buttons-component .settings-radio-buttons-wrapper .radio-button-component {
  flex: 0 1 auto;
  min-width: 200px;
  margin-right: 16px;
  margin-bottom: 8px;
}
.settings-radio-buttons-component .settings-radio-buttons-wrapper .radio-button-component .settings-input-component {
  max-width: 130px;
}
.settings-radio-buttons-component.dark-theme .settings-radio-buttons-wrapper .radio-button-component {
  color: #ffffff;
}
.settings-radio-buttons-component.dark-theme .settings-radio-buttons-wrapper .radio-button-component:hover {
  color: #b2b3d0;
}
.settings-color-component {
  white-space: normal;
}
.settings-color-component .settings-color-button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.settings-color-component .settings-color-button:not(:last-child) {
  margin-right: 5px;
}
.settings-color-component .settings-color-button:hover {
  opacity: 0.8;
}
.settings-color-component .settings-color-button.active {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
}
.settings-color-component .settings-color-button.active:before {
  content: "";
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.numeric-symbols-component .symbol-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  padding: 2px 5px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #323338;
  color: var(--primary-text-color);
  font-size: 13px;
  text-transform: capitalize;
  cursor: pointer;
}
.numeric-symbols-component .symbol-item:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.numeric-symbols-component .symbol-item.symbol-none {
  min-width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  display: block;
  flex: 1 0 auto;
}
.numeric-symbols-component .symbol-item:not(:last-child) {
  border-right: 0;
}
.numeric-symbols-component .symbol-item:first-child {
  border-radius: 4px 0 0 4px;
}
.numeric-symbols-component .symbol-item:last-child {
  border-radius: 0 4px 4px 0;
}
.numeric-symbols-component .symbol-item.selected {
  position: relative;
  color: #0085ff;
  color: var(--primary-color);
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.numeric-symbols-component .symbol-item.selected + div {
  border-left: 0;
}
.numeric-symbols-component .symbol-item.symbol-custom-item {
  flex: 1 1 auto;
  color: #323338;
  color: var(--primary-text-color);
}
.numeric-symbols-component .symbol-item.symbol-custom-item.selected {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.numeric-symbols-component .symbol-item.symbol-custom-item input {
  max-width: 100%;
  line-height: 13px;
  font-size: 13px;
  border: 0;
  min-width: 0;
  outline: none;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.numeric-symbols-component {
  flex: 1;
  min-width: 0;
  display: flex;
  margin-right: 15px;
  height: 25px;
  color: #666;
}
.numeric-directions-component {
  display: flex;
}
.numeric-directions-component .direction-item {
  width: 25px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  font-size: 13px;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
}
.numeric-directions-component .direction-item:first-child {
  border-radius: 4px 0px 0px 4px;
  border-right: 0;
}
.numeric-directions-component .direction-item:last-child {
  border-radius: 0px 4px 4px 0px;
}
.numeric-directions-component .direction-item:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.numeric-directions-component .direction-item.selected {
  color: #0085ff;
  color: var(--primary-color);
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.numeric-directions-component .direction-item.selected + div {
  border-left: 0;
}
.settings-unit-component .units-content {
  display: flex;
}
.settings-background-component {
  white-space: normal;
}
.settings-background-component .settings-background-button {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.settings-background-component .settings-background-button:not(:last-child) {
  margin-right: 5px;
}
.settings-background-component .settings-background-button.white {
  border: 1px solid #8e9fab;
}
.settings-background-component .settings-background-button:hover {
  opacity: 0.8;
}
.settings-background-component .settings-background-button.active {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
}
.settings-background-component .settings-background-button.active:before {
  content: "";
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 4px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}
.checkbox-component {
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 16px;
}
.checkbox-component.checkbox-round .checkbox-button {
  border-radius: 50%;
}
.checkbox-component .checkbox-button {
  flex: 0 0 16px;
  height: 16px;
  font-size: 12px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-component.selected .checkbox-button {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.checkbox-component.selected .checkbox-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.checkbox-component .checkbox-label {
  margin-left: 8px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.checkbox-component:hover:not(.disabled) .checkbox-button, .checkbox-component.hovered .checkbox-button {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #33aeff;
}
.checkbox-component.disabled {
  cursor: not-allowed;
}
.checkbox-component.disabled:active {
  pointer-events: none;
}
.checkbox-component.disabled .checkbox-button {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.checkbox-component.disabled .checkbox-label {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .option .option-icon {
  border-color: #6e6f8f;
  background: #6e6f8f;
  color: white;
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .option.all-option {
  border-bottom-color: #6e6f8f;
  margin-bottom: 4px;
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .option.column-option .column-type-icon {
  color: #6e6f8f;
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .option.column-option.option {
  font-weight: 300;
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .option:hover:not(.disabled) .option-icon {
  border: 1px solid #6e6f8f;
  background: #b2b3d0;
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .add-column-link {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-field-component.dark-theme .settings-columns-picker-component .choose-columns .add-column-link.disabled {
  cursor: auto;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .option .option-icon {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .option.all-option {
  border-bottom-color: #0085FF;
  margin-bottom: 4px;
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .option.column-option .column-type-icon {
  color: #c5c7d0;
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .option.column-option.option {
  font-weight: 300;
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .option:hover:not(.disabled) .option-icon {
  border: 1px solid #0085FF;
  background: #daf3fd;
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .add-column-link {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-field-component.light-theme .settings-columns-picker-component .choose-columns .add-column-link.disabled {
  cursor: auto;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component .settings-columns-picker-component .choose-columns {
  margin-bottom: 8px;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option {
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option.disabled {
  cursor: default;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option.disabled .option-icon {
  border-color: #808080;
  background-color: #c4c4c4;
  opacity: 0.5;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option .option-icon {
  flex: 0 0 16px;
  height: 16px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option .option-text {
  flex: 1;
  margin: 0px 8px;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option.column-option {
  margin-bottom: 8px;
}
.settings-field-component .settings-columns-picker-component .choose-columns .option.column-option .column-type-icon {
  margin-left: auto;
  margin-right: 8px;
}
.settings-field-component .settings-columns-picker-component .choose-columns .choose-column-footer {
  white-space: break-spaces;
}
/* mixin for multiline */
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .sub-category-wrapper {
  padding: 4px 0px;
  margin-left: 8px;
  margin-top: 8px;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .sub-category-wrapper .option.object-option {
  padding-left: 16px;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option .option-icon {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background: #ffffff;
  background: var(--primary-background-color);
  color: white;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option .option-icon.selected {
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option.all-option {
  border-bottom-color: #f1f1f1;
  padding: 4px 6px;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option.object-option {
  padding: 4px 6px;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option.object-option .column-type-icon {
  color: #6e6f8f;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 4px;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) .option-icon {
  border: 1px solid #6e6f8f;
  background: #b2b3d0;
}
.settings-field-component.dark-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) .option-icon.selected {
  background: #339dff;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .sub-category-wrapper {
  padding: 4px 0px;
  margin-left: 8px;
  margin-top: 8px;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .sub-category-wrapper .option.object-option {
  padding-left: 16px;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option .option-icon {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background: #ffffff;
  background: var(--primary-background-color);
  color: white;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option .option-icon.selected {
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option.all-option {
  border-bottom-color: #f1f1f1;
  padding: 4px 6px;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option.object-option {
  padding: 4px 6px;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option.object-option .column-type-icon {
  color: #61caf7;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 4px;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) .option-icon {
  border: 1px solid #0085FF;
  background: #daf3fd;
}
.settings-field-component.light-theme .settings-objects-per-category-picker-component .choose-objects .option:hover:not(.disabled) .option-icon.selected {
  background: #339dff;
}
.settings-field-component:last-child .settings-objects-per-category-picker-component .choose-objects.dropdown:last-child {
  margin-bottom: 80px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects {
  margin-bottom: 8px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects:not(:first-child) {
  margin-top: 16px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper .category-name {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper .category-name .object-type-icon {
  margin-right: 8px;
  width: 14px;
  height: 21px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper .category-name .object-type-icon.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper .clear-selection {
  flex: 0 1 auto;
  font-size: 12px;
  color: #1f76c2;
  color: var(--link-color);
  cursor: pointer;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper .clear-selection:hover {
  text-decoration: underline;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-wrapper__single-value--reset {
  width: 100%;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option {
  width: 100%;
  display: flex;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option .option-icon {
  flex: 0 0 22px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option .option-label {
  border: 0;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option {
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option.disabled {
  cursor: default;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option.disabled .option-icon {
  border-color: #808080;
  background-color: #c4c4c4;
  opacity: 0.5;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option .option-icon {
  flex: 0 0 16px;
  height: 16px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option .option-text {
  flex: 1;
  margin-right: 8px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option .option-text.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option.object-option .object-type-icon {
  margin-right: 8px;
  width: 14px;
  height: 21px;
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option.object-option .object-type-icon.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.settings-field-component .settings-objects-per-category-picker-component .choose-objects .option-text {
  font-size: 14px;
  font-weight: 300;
}
.ds-text-glyph-component {
  letter-spacing: 2px;
}
a.ds-text-link-component {
  color: #0071d9 !important;
}
a.ds-text-link-component:hover {
  text-decoration: underline;
}
.text-with-highlights {
  display: inline-block;
}
.text-with-highlights em {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
  border-radius: 2px;
  color: #666666;
  color: var(--pulse-text-color);
}

.advanced-filter-full-match {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
  border-radius: 2px;
  padding: 0 4px;
  color: #666666;
  color: var(--pulse-text-color);
}
/* mixin for multiline */
.ds-text-component {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0 2px;
}
.ds-text-component.line-clamp {
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 18px;
}
.ds-text-component.suggesting {
  cursor: text;
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.combos .combo-missing-container {
  display: flex;
  flex-wrap: wrap;
}
.combos .combo-missing-container .add-combo-link {
  margin-left: 4px;
}
.dropdown-option-v2 {
  width: 100%;
  display: flex;
  align-items: center;
}
.dropdown-option-v2 .dropdown-option-icon {
  height: 18px;
  width: 20px;
  border-radius: 4px;
}
.dropdown-option-v2 .dropdown-option-icon .icon {
  height: 100%;
  width: 100%;
}
.dropdown-option-v2 .option-label {
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.dropdown-option-v2 .no-selection {
  margin-left: 0px;
}

.settings-objects-per-category-picker-component-v2 .dropdown-wrapper__single-value--reset {
  width: 100%;
}
.settings-objects-per-category-picker-component-v2 .dropdown-wrapper__single-value--reset .dropdown-option-v2 {
  width: 100%;
  display: flex;
  align-items: center;
}
.columns .column-missing-container {
  display: flex;
  flex-wrap: wrap;
}
.columns .column-missing-container .add-column-link {
  margin-left: 4px;
}
.add-column-link {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
/* mixin for multiline */
.monday-columns-per-board-with-type-enforcement {
  display: flex;
  flex-direction: column;
}
.monday-columns-per-board-with-type-enforcement__picker {
  margin-top: 8px;
  overflow-y: scroll;
  max-height: 194px;
  padding-bottom: 16px;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-control,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-control {
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-value,
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-placeholder,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-value,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-placeholder {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-value-label,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-menu-outer,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-menu-outer {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-menu-outer .Select-option,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-menu-outer .Select-option {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-menu-outer .Select-option.is-focused,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-focused {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-menu-outer .Select-option.is-selected,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select-noresults,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select-noresults {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select--multi .Select-value,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select--multi .Select-value {
  background-color: !important;
  background-color: var(--notification-unread-highlight-color) !important;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select--multi .Select-value .Select-value-icon,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-dropdown-component .Select--multi .Select-value .Select-value-icon:hover,
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon:hover {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-field-component input {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.monday-columns-per-board-with-type-enforcement__picker .settings-field-component input[disabled] {
  background-color: #e6e9ef !important;
  background-color: var(--disabled-background-color) !important;
  cursor: not-allowed;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-field-component input[disabled]:-ms-input-placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.monday-columns-per-board-with-type-enforcement__picker .settings-field-component input[disabled]::placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.monday-columns-per-board-with-type-enforcement__picker .settings-multiple-component .item-list-item-actions button {
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-multiple-component .item-list-item-actions button:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: initial;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component.columns:last-child .choose-objects.dropdown:last-child {
  margin-bottom: 0px;
}
.monday-columns-per-board-with-type-enforcement__picker .settings-objects-per-category-picker-component.columns .choose-objects.dropdown .category-name {
  font-weight: 300;
}
.monday-columns-per-board-with-type-enforcement__undo-column-type {
  font-weight: bold;
}
.monday-columns-per-board-with-type-enforcement__hide {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 8px;
  cursor: pointer;
}
.monday-columns-per-board-with-type-enforcement__hide:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.monday-columns-per-board-with-type-enforcement__undo-section {
  position: relative;
  border-radius: 4px;
  padding: 8px;
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.monday-columns-per-board-with-type-enforcement__error-section {
  position: relative;
  border-radius: 4px;
  padding: 8px;
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.monday-columns-per-board-with-type-enforcement__undo {
  font-width: bold;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.monday-columns-per-board-with-type-enforcement__undo:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.settings-column-picker-component .choose-column .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-column-picker-component .choose-column .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-column-picker-component .choose-column .select-option-wrapper .icon {
  font-size: 12px;
}
.settings-column-picker-component .choose-column .choose-column-footer {
  margin-top: 8px;
  white-space: break-spaces;
}
.settings-column-picker-component .validation-error {
  font-size: 12px;
  color: #e44258;
}
.settings-boolean-component {
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: space-between;
  text-align: left;
}
.settings-boolean-component .info-tooltip {
  margin-right: 8px;
}
.settings-boolean-component.disabled {
  cursor: default;
  color: #b2b3d0;
}
.settings-boolean-component .boolean-option {
  display: flex;
  align-items: center;
}
.settings-boolean-component .boolean-option .boolean-option-text {
  flex: 1 1 auto;
  margin-left: 8px;
  width: 70%;
}
.settings-boolean-component .boolean-option .option-icon {
  flex: 0 0 16px;
  background-color: #ffffff;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 12px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: transparent;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 2px;
}
.settings-boolean-component .boolean-option .option-icon .fa-check {
  opacity: 0;
  transition: opacity 0.1s ease;
  top: -2px;
}
.settings-boolean-component .boolean-option .option-icon.selected .fa-check {
  color: #0085ff;
  color: var(--primary-color);
  position: relative;
  opacity: 1;
}
.settings-boolean-component .boolean-option .option-icon.disabled {
  color: #b2b3d0;
  border: 1px solid #b2b3d0;
  background-color: transparent;
}
.settings-boolean-component .boolean-option .option-icon.disabled .fa-check {
  color: #b2b3d0;
}
.settings-boolean-component .boolean-option .boolean-type-icon {
  color: #6e6f8f;
  margin-right: 8px;
}
.settings-boolean-component .boolean-option:hover:not(.disabled) .option-icon, .settings-boolean-component .boolean-option.selected:hover:not(.disabled) .option-icon {
  background: #daf3fd;
}
.settings-boolean-component .boolean-option:hover:not(.disabled) .option-icon .fa-check, .settings-boolean-component .boolean-option.selected:hover:not(.disabled) .option-icon .fa-check {
  position: relative;
  top: -2px;
  opacity: 1;
}
.settings-boolean-component.dark-theme.disabled {
  color: #6e6f8f;
}
.settings-boolean-component.dark-theme.disabled .boolean-option:hover:not(.disabled), .settings-boolean-component.dark-theme.disabled .boolean-option.selected:hover:not(.disabled) {
  color: #6e6f8f;
}
.settings-boolean-component.dark-theme.disabled .boolean-option:hover:not(.disabled) .option-icon .fa-check, .settings-boolean-component.dark-theme.disabled .boolean-option.selected:hover:not(.disabled) .option-icon .fa-check {
  opacity: 0;
}
.settings-boolean-component.dark-theme .boolean-option .option-icon {
  background-color: transparent;
  border: 1px solid #6e6f8f;
}
.settings-boolean-component.dark-theme .boolean-option .option-icon.selected {
  background-color: #6e6f8f;
}
.settings-boolean-component.dark-theme .boolean-option .option-icon.selected .fa-check {
  color: #ffffff;
}
.settings-boolean-component.dark-theme .boolean-option .option-icon.disabled .fa-check {
  color: #b2b3d0;
}
.settings-boolean-component.dark-theme .boolean-option .boolean-type-icon {
  color: #6e6f8f;
}
.settings-boolean-component.dark-theme .boolean-option:hover:not(.disabled), .settings-boolean-component.dark-theme .boolean-option.selected:hover:not(.disabled) {
  color: #ffffff;
}
.settings-boolean-component.dark-theme .boolean-option:hover:not(.disabled) .option-icon .fa-check, .settings-boolean-component.dark-theme .boolean-option.selected:hover:not(.disabled) .option-icon .fa-check {
  color: #b2b3d0;
}
.settings-boolean-component.dark-theme .boolean-option:hover:not(.disabled) .option-icon {
  background-color: transparent;
}
.settings-boolean-component.dark-theme .boolean-option:hover:not(.disabled) .option-icon.selected {
  background-color: #6e6f8f;
}

.settings-boards-component .select-menu-content {
  padding: 0;
  height: initial;
}
.settings-boards-component .select-menu-content .select-menu-header {
  padding-left: 0;
  padding-right: 0;
}
.settings-boards-component .title-divider {
  border-bottom: 1px solid #f1f1f1;
  margin: 16px 0;
}
.settings-boards-component .settings-objects-per-category-picker-component .choose-objects .object-option .object-type-icon.public {
  color: #009aff;
}
.settings-boards-component .settings-objects-per-category-picker-component .choose-objects .object-option .object-type-icon.share {
  color: #a358df;
}
.settings-boards-component .settings-objects-per-category-picker-component .choose-objects .object-option .object-type-icon.private {
  color: #f65f7c;
}
.spinner-loader-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.select-menu-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 8px 0px;
}
.select-menu-content .select-menu-header {
  padding: 0 8px 8px 8px;
}
.select-menu-content .select-menu-header .select-menu-description {
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 16px;
}
.select-menu-content .select-menu-header .select-menu-title-wrapper {
  display: flex;
  margin-bottom: 8px;
}
.select-menu-content .select-menu-header .select-menu-title-wrapper .select-menu-custom-button {
  display: flex;
  font-size: 14px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-radius: 16px;
  font-weight: 400;
  cursor: pointer;
}
.select-menu-content .select-menu-header .select-menu-title-wrapper .select-menu-title {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
}
.select-menu-content .select-menu-header .select-menu-title-wrapper .select-menu-title .title-icon {
  margin-right: 8px;
}
.select-menu-content .select-menu-header .select-menu-input-wrapper {
  display: flex;
  position: relative;
}
.select-menu-content .select-menu-header .select-menu-input-wrapper .select-menu-search-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #676879;
  color: var(--icon-color);
}
.select-menu-content .select-menu-header .select-menu-input-wrapper .select-menu-input {
  flex: 1;
  height: 37px;
  font-size: 13px;
  padding-right: 25px;
  outline: none;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.select-menu-content .select-menu-header .select-menu-input-wrapper .select-menu-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.select-menu-content .select-menu-list {
  height: 100%;
  min-height: 0;
  flex-grow: 1;
}
.settings-textarea-component textarea {
  width: 100%;
  outline: none;
  padding: 4px 8px;
  border: 1px solid;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 2px;
  height: auto;
  resize: none;
  font-size: 16px;
}
.settings-textarea-component textarea:focus, .settings-textarea-component textarea:hover:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-textarea-component textarea:hover {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-field-component.error .settings-textarea-component textarea {
  border-color: #e44258;
}
.settings-textarea-component.dark-theme textarea {
  background-color: transparent;
  border-color: #6e6f8f;
  white-space: pre-wrap;
}
.settings-textarea-component.dark-theme textarea:-ms-input-placeholder {
  color: #b2b3d0;
}
.settings-textarea-component.dark-theme textarea::placeholder {
  color: #b2b3d0;
}
.settings-file-component {
  width: 100%;
  outline: none;
  padding: 4px 8px;
  border: 2px dashed #c4c4c4;
  border-radius: 2px;
  height: auto;
  resize: none;
  font-size: 16px;
}
.settings-file-component.rejected {
  border-color: #e44258;
}
.settings-file-component.accepted {
  border-color: #00ca72;
}
.settings-file-component .file {
  cursor: pointer;
  text-align: center;
  outline: none;
}
.settings-file-component:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-field-component.error .settings-file-component {
  border-color: #e44258;
}
.settings-file-component.dark-theme {
  background-color: transparent;
  border-color: #6e6f8f;
  white-space: pre-wrap;
}
.settings-file-component.dark-theme:-ms-input-placeholder {
  color: #b2b3d0;
}
.settings-file-component.dark-theme::placeholder {
  color: #b2b3d0;
}
.person-picker-component {
  width: 100%;
}
.person-picker-component .person-picker-input {
  width: 100%;
  height: 35px;
  outline: 0;
}
.person-picker-component .person-picker-input:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.person-picker-component .person-picker-input:-ms-input-placeholder {
  font-size: 14px;
}
.person-picker-component .person-picker-input::placeholder {
  font-size: 14px;
}
.person-picker-component .person-picker-input .tt-menu .loader {
  position: absolute;
  top: -36px;
  right: 12px;
  padding: 0px;
}
.subscribers-list-component {
  width: 100%;
  overflow: auto;
  padding-right: 10px;
  padding-bottom: 120px;
}
.subscribers-list-component::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  width: 4px;
  height: 11px;
  transform: rotateX(180deg);
}
.subscribers-list-component::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e1e1e1;
}
.users-empty-list-component {
  display: flex;
  flex-direction: column;
}
.users-empty-list-component .users-empty-text {
  color: #c4c4c4;
}
.users-empty-list-component .users-empty-img {
  width: 250px;
  height: 168px;
  align-self: center;
  margin-top: 32px;
}
.user-subscription-item-component {
  font-size: 15px;
  margin-bottom: 16px;
  min-height: 36px;
}
.user-subscription-item-component .user-subscription-item-component-inner {
  display: flex;
  align-items: center;
}
.user-subscription-item-component .user-subscription-item-component-inner .user-name,
.user-subscription-item-component .user-subscription-item-component-inner .team-name {
  font-weight: 500;
}
.user-subscription-item-component .user-subscription-item-component-inner .user-image {
  height: 30px;
  width: 30px;
  margin-right: 12px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon {
  cursor: pointer;
  font-size: 15px;
  color: grey;
  background-color: #c4c4c4;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  line-height: 21px;
  flex-shrink: 0;
  margin-left: 8px;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active {
  color: white;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active.public {
  background-color: #009aff;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active.private {
  background-color: #f65f7c;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active.share {
  background-color: #a358df;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active:hover.public {
  background-color: #007bcc;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active:hover.private {
  background-color: #f32f54;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.active:hover.share {
  background-color: #8b2dd7;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon:hover:not(.disabled) {
  color: white;
  background-color: #ababab;
}
.user-subscription-item-component .user-subscription-item-component-inner .crown-icon.disabled {
  cursor: default;
}
.user-subscription-item-component .user-subscription-item-component-inner .remove-user-icon {
  cursor: pointer;
  font-size: 20px;
  color: #676879;
  color: var(--icon-color);
  margin-left: 8px;
  flex-shrink: 0;
}
.user-subscription-item-component .user-subscription-item-component-inner .remove-user-icon:hover:not(.disabled) {
  color: #333333;
}
.user-subscription-item-component .user-subscription-item-component-inner .remove-user-icon.disabled {
  cursor: default;
}
.user-subscription-item-component .user-subscription-item-component-inner .progress {
  margin-bottom: 0;
}
.user-subscription-item-component .user-extra-permssions-wrapper {
  border-top: 1px solid #e6e9ef;
  padding: 16px 16px;
}
.user-info-card-detail {
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}
.user-info-card-detail.title, .user-info-card-detail.title a {
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
}
.user-info-card-detail.title a {
  text-decoration: none;
}
.user-info-card-detail.title a:hover {
  text-decoration: underline;
}
.user-info-card-detail.sub-title {
  font-size: 14px;
  font-weight: 400;
  color: #676879;
  color: var(--secondary-text-color);
}
.user-info-card-detail.sub-title .value {
  color: #676879;
  color: var(--secondary-text-color);
}
.user-info-card-detail.placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.user-info-card-detail.highlighted {
  color: #0085ff;
  color: var(--primary-color);
}
.user-info-card-detail ~ .user-info-card-detail {
  margin-top: 6px;
}
.user-info-card-detail.separator {
  margin-top: 20px;
}
.user-info-card-detail.separator + .user-info-card-detail, .user-info-card-detail.title + .user-info-card-detail.sub-title {
  margin-top: 0;
}
.user-info-card-detail a.link {
  min-width: 0;
}
.user-info-card-detail .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 13px;
  min-width: 0;
  height: 20px;
  padding-bottom: 2px;
  margin-right: 4px;
}
.user-info-card-detail .icon-wrapper .icon {
  max-width: 12px;
  max-height: 16px;
}
.user-info-card-detail .icon-wrapper .icon.icon-v2-day-time {
  color: #fdab3d;
}
.user-info-card-detail .value {
  color: #323338;
  color: var(--primary-text-color);
  padding: 0;
}
.user-activity-indication-component {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}
.user-activity-indication-component .dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.user-activity-indication-component .online-indication {
  background-color: #00ca72;
}
.user-info-contact-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.user-info-contact-detail:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.user-info-contact-detail ~ .user-info-contact-detail {
  margin-top: 20px;
}
.user-info-contact-detail .contact-details-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 75%;
}
.user-info-contact-detail .contact-details-content .icon {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #676879;
  color: var(--icon-color);
}
.user-info-contact-detail .contact-details-content .value {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.contact-details-action-bar .quick-actions-menu {
  display: flex;
  color: #323338;
  color: var(--primary-text-color);
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}
.contact-details-action-bar .quick-actions-menu .action {
  flex: 1;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.contact-details-action-bar .quick-actions-menu .action .user-info-contact-detail .contact-details-content .value {
  color: #323338;
  color: var(--primary-text-color);
}
.contact-details-action-bar .quick-actions-menu .action:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.contact-details-action-bar .quick-actions-menu .action:hover .user-info-contact-detail .contact-details-content {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.contact-details-action-bar .quick-actions-menu .action:hover .user-info-contact-detail .contact-details-content .value,
.contact-details-action-bar .quick-actions-menu .action:hover .user-info-contact-detail .contact-details-content .icon {
  color: #323338;
  color: var(--primary-text-color);
}
.contact-details-action-bar .quick-actions-menu .action:first-child {
  border-bottom-left-radius: 8px;
}
.contact-details-action-bar .quick-actions-menu .action:last-child {
  border-bottom-right-radius: 8px;
}
.contact-details-action-bar .quick-actions-menu .action:not(:last-child) {
  border-right: 1px solid;
  border-right-color: #c5c7d0;
  border-right-color: var(--ui-border-color);
}
.contact-details-action-bar .quick-actions-menu .action .icon {
  margin-right: 4px;
}
.contact-details-action-bar .quick-actions-menu .action.contact-details .icon {
  height: 10px;
  font-size: 10px;
  margin: 0 0 0 4px;
}
.contact-details-action-bar .quick-actions-menu .action.quick-menu-contact-detail .user-info-contact-detail {
  flex: 1;
  justify-content: center;
  height: 40px;
}
.contact-details-action-bar .quick-actions-menu .action.quick-menu-contact-detail .icon {
  font-size: 16px;
  line-height: initial;
}
.contact-details-action-bar .contact-details-card {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  width: 100%;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  margin: 8px 0 16px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding: 20px 16px 16px 16px;
}
.contact-details-action-bar .contact-details-card .user-info-contact-detail {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.user-info-card-component {
  width: 335px;
  border-radius: 8px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.user-info-card-component .user-info-content {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  padding: 16px 24px;
}
.user-info-card-component .user-info-content .card-details {
  margin-left: 16px;
  padding-left: 4px;
  min-width: 0;
  flex: 1;
}
.user-info-card-component .user-info-content .person-bullet-component.wrapper {
  width: initial;
  height: initial;
}
.user-info-card-component .user-info-content .person-bullet-component.wrapper .user-hint {
  right: 4px;
  bottom: 0;
}
.user-info-card-component .user-info-content .person-bullet-component.wrapper .person-bullet-component-out-of-office-container {
  max-height: 25px;
  max-width: 25px;
}
.user-info-card-component .user-info-content .person-bullet-image {
  width: 75px;
  height: 75px;
  margin: 0;
}
.person-bullet-component {
  position: relative;
  display: flex;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
.person-bullet-component.error-image {
  filter: grayscale(100%);
}
.person-bullet-component.person-image-no-radius {
  border-radius: 0%;
  padding: 3px;
}
.person-bullet-component .person-bullet-image {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  vertical-align: top;
  border-radius: 50%;
  border: 0;
}
.person-bullet-component .person-bullet-image.disabled {
  opacity: 0.3;
}
.person-bullet-component .person-bullet-guest-stamp-new {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 53%;
  height: 53%;
  max-width: 18px;
  max-height: 18px;
  transform: rotate(-10deg);
}
.person-bullet-component .person-bullet-view-only-new {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 53%;
  height: 53%;
  max-width: 18px;
  max-height: 18px;
}
.person-bullet-component.disabled {
  opacity: 0.3;
}

.person-bullet-component-out-of-office-container {
  position: absolute;
  bottom: -3px;
  width: 47%;
  height: 47%;
  max-width: 18px;
  max-height: 18px;
}
.team-details-section {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
}
.team-details-section .team-name-and-title-container {
  display: inline-flex;
}
.team-details-section .team-name-and-title-container .team-title {
  display: inline-flex;
  line-height: inherit;
  color: #9699a6;
  font-size: 14px;
  white-space: pre;
  overflow: hidden;
}
.team-details-section .team-name-and-title-container .team-title > * {
  display: inline-block;
}
.team-details-section .team-name-and-title-container .team-link {
  color: #323338;
  color: var(--primary-text-color);
}
.team-details-section .team-name-and-title-container .team-link:hover {
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
/*$link-color:#168ae0;*/
.user-details-section {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
}
.user-details-section .user-name-and-title-container {
  display: inline-flex;
}
.user-details-section .user-name-and-title-container .user-title {
  display: inline-flex;
  line-height: inherit;
  color: #9699a6;
  font-size: 14px;
  white-space: pre;
  overflow: hidden;
}
.user-details-section .user-name-and-title-container .user-title > * {
  display: inline-block;
}
.user-details-section .user-name-and-title-container .user-link {
  color: #323338;
  color: var(--primary-text-color);
}
.user-details-section .user-name-and-title-container .user-link:hover {
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
.user-details-section .user-details {
  white-space: pre;
  display: flex;
  line-height: initial;
  font-size: 12px;
}
.user-details-section .user-details .user-status {
  color: #676879;
  color: var(--secondary-text-color);
}
.user-details-section .user-details .resend-container {
  color: #1f76c2;
}
.user-details-section .user-details .resend-container .resend-email-confirmation-btn {
  margin-right: 3px;
  cursor: pointer;
}
.user-details-section .user-details .resend-container .resend-email-success {
  color: #37dd4e;
}
.shimmer-component {
  margin-bottom: 0;
}
.shimmer-component .progress-bar {
  width: 100%;
  background-color: inherit;
  box-shadow: none;
}
.manage-followers-component .manage-followers-header {
  font-size: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.manage-followers-component .manage-followers-header .add-teammates-icon {
  margin-right: 8px;
  color: #333333;
}
.manage-followers-component .manage-followers-header .bold-title {
  font-weight: 700;
}
.manage-followers-component .manage-followers-subtitle {
  font-size: 14px;
  line-height: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  margin-top: 4px;
}
.manage-followers-component .manage-followers-content {
  margin-top: 16px;
}
.manage-followers-component .manage-followers-content .read-only-info {
  display: flex;
  border: 1px dashed #c4c4c4;
  padding: 8px;
  margin-top: 8px;
  position: relative;
}
.manage-followers-component .manage-followers-content .read-only-info .icon-dapulse-info {
  flex: 0 0 32px;
  font-size: 32px;
  top: 2px;
  color: #11eea5;
  line-height: 32px;
}
.manage-followers-component .manage-followers-content .read-only-info .icon-dapulse-info.public {
  color: #009aff;
}
.manage-followers-component .manage-followers-content .read-only-info .icon-dapulse-info.private {
  color: #f65f7c;
}
.manage-followers-component .manage-followers-content .read-only-info .icon-dapulse-info.share {
  color: #a358df;
}
.manage-followers-component .manage-followers-content .read-only-info .text-container {
  flex: 1 1 auto;
  margin: 0 8px;
  display: flex;
  align-items: center;
  color: #323338;
  color: var(--primary-text-color);
}
.manage-followers-component .manage-followers-content .read-only-info .text-container .text {
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
}
.manage-followers-component .manage-followers-content .teammates-container {
  height: 365px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.manage-followers-component .manage-followers-content .teammates-container .teammates-list-wrapper {
  margin-top: 8px;
  flex-grow: 1;
  overflow: auto;
  display: flex;
}
.settings-user-picker-component .manage-followers-component .manage-followers-content .teammates-container {
  height: unset;
}
.settings-user-picker-component.maxed .person-picker-wrapper {
  display: none;
}

.time-input-component .time-input-title {
  height: 40px;
  line-height: 40px;
  width: 60px;
}
.time-input-component .time-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  padding: 0 12px;
  font-size: 14px;
}
.time-input-component .time-input-wrapper .light-hour,
.time-input-component .time-input-wrapper .light-minute {
  width: 20px;
}
.time-input-component .time-input-wrapper.empty {
  color: #c4c4c4;
}
.time-input-component .time-input-wrapper.empty .time-input {
  color: #c4c4c4;
}
.time-input-component .time-input-wrapper.error {
  border: 1px solid red;
}
.time-input-component .time-input-wrapper.transparent {
  opacity: 0;
  cursor: pointer;
}
.time-input-component .time-input-wrapper .ds-text-component,
.time-input-component .time-input-wrapper .ds-editable-input {
  border: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.time-input-component .time-input-wrapper .time-icon {
  font-size: 15px;
  margin-right: 5px;
}
.time-input-component .time-input-wrapper .ampm {
  cursor: pointer;
}
.ds-editable-component {
  min-width: 0;
}
.ds-editable-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: inline-block;
  width: 100%;
  max-height: 100%;
  margin: auto 0;
  padding: 0 2px;
  outline: none;
  border: 1px dashed #808080;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.ds-editable-input.ds-editable-input-text-align {
  text-align: left;
}
.ds-editable-input.no-resize {
  resize: none;
}
.settings-time-component .settings-time-field .time-input-wrapper {
  height: 31px;
  border-radius: 2px;
  justify-content: flex-start;
}
.settings-time-component .settings-time-field .time-input-wrapper .time-icon {
  display: none;
}
.settings-multiple-component {
  width: 100%;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item {
  display: flex;
  align-items: center;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field {
  flex: 1;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component {
  margin-top: 8px;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions {
  flex: 0 0 auto;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions .remove-button {
  font-size: 12px;
  margin-left: 8px;
  color: #c4c4c4;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions .remove-button:hover {
  color: #e44258;
}
.settings-multiple-component .settings-multiple-item-footer {
  margin-top: 8px;
  text-align: right;
}
.settings-multiple-component .settings-multiple-item-footer .add-item-link {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-multiple-component .settings-multiple-item-footer .add-item-link:hover {
  color: #0071d9;
}
.settings-nested-component.inline .settings-nested-wrapper .settings-nested-item-list {
  display: flex;
}
.settings-nested-component.inline .settings-nested-wrapper:not(:last-of-type) {
  margin-right: 16px;
}
.settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component {
  margin-top: 0px;
  margin-bottom: 8px;
  flex: 1;
}
.settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component .settings-field-title-wrapper .settings-field-title {
  font-weight: 300;
  font-size: 14px;
}
.settings-gallery-component {
  margin-bottom: 8px;
}
.settings-gallery-component .gallery-groups-wrapper {
  display: flex;
  flex-flow: column;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group {
  display: flex;
  flex-flow: column;
  margin-bottom: 20px;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-title {
  width: 100%;
  margin-bottom: 8px;
  background-color: transparent;
  border: none;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-title .group-title-text {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 12px;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
  background-color: transparent;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper {
  cursor: pointer;
  margin-right: 8px;
  margin-top: 8px;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper.item-disabled {
  color: #9699a6;
  cursor: default;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 5px;
  box-sizing: border-box;
  padding: 4px;
  width: 52px;
  height: 52px;
  text-align: center;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item .gallery-item-text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  font-size: 20px;
  width: 100%;
  height: 100%;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item .gallery-item-text .gallery-item-icon {
  vertical-align: middle;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item .gallery-item-text .gallery-item-image {
  vertical-align: middle;
  height: 36px;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item .gallery-item-text .gallery-item-image.item-disabled {
  opacity: 0.6;
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item:hover:not(.item-disabled):not(.selected) {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.settings-gallery-component .gallery-groups-wrapper .gallery-group .gallery-group-content .gallery-item-wrapper .gallery-item.selected {
  border: 1px solid #0085FF;
}

.gallery-collapsed-selection .gallery-collapsed-selection-item {
  display: flex;
}
.gallery-collapsed-selection .gallery-collapsed-selection-item .gallery-collapsed-selection-icon {
  display: inline;
  margin-right: 8px;
}
.gallery-collapsed-selection .gallery-collapsed-selection-item .gallery-collapsed-selection-image {
  display: inline-block;
  align-self: center;
  height: 15px;
  margin-right: 8px;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper {
  cursor: pointer;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-input div {
  outline: 0;
  box-shadow: none;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-focused .Select-control,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-control {
  background: transparent !important;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select .select-option-wrapper,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-focused .Select-control .select-option-wrapper,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select .select-option-wrapper .select-option-text,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-focused .Select-control .select-option-wrapper .select-option-text,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select .select-option-wrapper .icon,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-focused .Select-control .select-option-wrapper .icon,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select .select-option-wrapper .left-icon,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-focused .Select-control .select-option-wrapper .left-icon,
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select-control .select-option-wrapper .left-icon {
  font-size: 12px;
  margin-right: 8px;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-disabled {
  cursor: default;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper .Select.is-disabled .Select-control {
  cursor: default;
}
.dropdown-collapsible-container .dropdown-collapsed-wrapper :hover {
  cursor: pointer;
}
.dropdown-collapsible-container.dark-theme .Select .Select-option,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-option {
  margin: 4px;
}
.dropdown-collapsible-container.dark-theme .Select .Select-option:hover, .dropdown-collapsible-container.dark-theme .Select .Select-option:hover.is-selected, .dropdown-collapsible-container.dark-theme .Select .Select-option.is-focused,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-option:hover,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-option:hover.is-selected,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-option.is-focused {
  background-color: #6e6f8f;
  border-radius: 2px;
  color: #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .Select-option.is-selected,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-option.is-selected {
  background-color: #ffffff;
  color: #333333;
}
.dropdown-collapsible-container.dark-theme .Select .is-disabled .Select-control .Select-placeholder,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-placeholder {
  color: #b2b3d0;
}
.dropdown-collapsible-container.dark-theme .Select .is-disabled .Select-control .Select-arrow,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-arrow {
  border-color: #b2b3d0 transparent transparent;
}
.dropdown-collapsible-container.dark-theme .Select .is-disabled .Select-control:hover .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select .is-disabled .Select-control:hover .Select-placeholder,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-placeholder {
  color: #b2b3d0;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control {
  background-color: transparent;
  border-color: #6e6f8f !important;
  color: #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control:hover .Select-arrow,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-arrow {
  border-color: #b2b3d0 transparent transparent;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select .Select-control:hover .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select .Select-control:hover .is-disabled,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control:hover .is-disabled {
  color: #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control:hover .Select-placeholder,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-placeholder {
  color: #b2b3d0;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-placeholder,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-placeholder {
  transition: color 0.1s ease;
  color: #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-value:focus,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-value:focus {
  background: transparent;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-value .Select-value-label {
  transition: all 0.1s ease;
  color: #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-input:focus,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-input:focus {
  background: transparent;
}
.dropdown-collapsible-container.dark-theme .Select .Select-control .Select-arrow,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .Select-control .Select-arrow {
  transition: all 0.1s ease;
  border-color: #ffffff transparent transparent;
}
.dropdown-collapsible-container.dark-theme .Select .is-open .Select-control:hover .Select-arrow,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-open .Select-control:hover .Select-arrow {
  border-color: transparent transparent #b2b3d0;
}
.dropdown-collapsible-container.dark-theme .Select .is-open .Select-control .Select-arrow,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .is-open .Select-control .Select-arrow {
  border-color: transparent transparent #ffffff;
}
.dropdown-collapsible-container.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-multi-value-wrapper .Select-value .Select-value-label,
.dropdown-collapsible-container.dark-theme .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label {
  color: #ffffff;
}
.dropdown-collapsible-container .dropdown-wrapper__menu--open .dropdown-collapsible-dailog-content {
  padding: 8px;
  overflow: auto;
  max-height: 220px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border: 1px solid;
  border-radius: 4px;
}
/* mixin for multiline */
.settings-fields-container-component .trigger-button {
  cursor: pointer;
}

.settings-fields-container-modal-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.settings-fields-container-modal-container .settings-fields-container-modal-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 8px 24px 8px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component {
  flex: 1 1 auto;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component {
  margin-left: 8px;
  margin-right: 8px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component .settings-field-title-wrapper {
  flex-grow: 1;
  width: auto;
  margin: 0;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config .settings-input-component {
  width: 70px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config .settings-input-component input {
  text-align: center;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-container-config {
  flex: 1 1 100%;
  margin: 16px 0 0 8px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-container-config::-webkit-scrollbar {
  width: 4px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-container-config::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .is-default-capacity-config {
  margin-bottom: 8px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config,
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .is-default-capacity-config {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config .settings-field-component,
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-config .settings-field-component {
  margin-left: 8px;
  margin-right: 8px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config .settings-input-component input:-ms-input-placeholder, .settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-config .settings-input-component input:-ms-input-placeholder {
  color: #9699a6;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config .settings-input-component input::placeholder,
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-config .settings-input-component input::placeholder {
  color: #9699a6;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .default-capacity-config,
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .is-default-capacity-config,
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .capacity-per-resource-config {
  flex: none;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .settings-value-per-group-item .capacity-per-resource-config {
  margin-top: 0;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .settings-value-per-group-item .settings-field-component .settings-input-component {
  width: 70px;
}
.settings-fields-container-modal-container .overview-section-settings-fields-component .overview-section-settings-content .settings-value-per-group-item .settings-field-component .settings-input-component input {
  font-weight: 400;
  text-align: center;
}
.settings-fields-container-modal-container .settings-fields-container-modal-buttons-container {
  flex: 0 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 30px;
}
.settings-fields-container-modal-container.overview-section-boards-selection .overview-section-settings-fields-component {
  overflow: auto;
}
.overview-section-settings-fields-component {
  font-size: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.overview-section-settings-fields-component .overview-section-settings-content {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 0 auto;
  position: relative;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component .settings-field-title {
  flex-shrink: 0;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 4px;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component .settings-boards-component {
  min-height: 0;
  height: 100%;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component.done-button {
  height: 50px;
  border-top: 1px solid #c4c4c4;
  padding-top: 8px;
  margin: 0px -16px;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin-top: auto;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component.done-button.disabled .settings-buttons-component .settings-button {
  background-color: #c4c4c4;
  color: gray;
  cursor: default;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component.done-button .settings-buttons-component {
  justify-content: flex-end;
}
.overview-section-settings-fields-component .overview-section-settings-content .settings-field-component.done-button .settings-buttons-component .settings-button {
  flex: 0 1 auto;
  margin-right: 24px;
  border-radius: 20px;
  padding: 4px 16px;
  color: white;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.board-view-ui-fullscreen-settings-component {
  font-weight: 400;
  height: 100%;
  padding: 16px;
  padding-bottom: 100px;
  overflow: auto;
}
.board-view-ui-fullscreen-settings-component .board-views-settings {
  margin-bottom: 24px;
}
.board-view-ui-fullscreen-settings-component .board-view-ui-settings-title {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 14px;
  color: #9699a6;
}
.board-view-ui-fullscreen-settings-component.light-theme, .light-theme .board-view-ui-fullscreen-settings-component {
  border-left: 1px solid;
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  background: #ffffff;
  background: var(--primary-background-color);
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  color: #1c1f3b;
}
.board-view-ui-fullscreen-settings-component.dark-theme, .dark-theme .board-view-ui-fullscreen-settings-component {
  border-left: 1px solid;
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  background: #ffffff;
  background: var(--primary-background-color);
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  color: #ffffff;
}
.board-view-ui-fullscreen-settings-component.dark_overview-theme, .dark_overview-theme .board-view-ui-fullscreen-settings-component {
  border-left: 1px solid;
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  background: #ffffff;
  background: var(--primary-background-color);
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
  color: #ffffff;
}
.board-view-ui-fullscreen-settings-component .board-view-ui-settings-content {
  white-space: nowrap;
}
.board-view-display-settings {
  padding-left: 8px;
}

.view-display-settings-wrapper .view-display-settings-title {
  font-weight: 300;
  margin-bottom: 16px;
  font-size: 14px;
  color: #9699a6;
}
.view-display-settings-wrapper .view-display-settings {
  display: flex;
  margin-top: 12px;
  cursor: pointer;
}
.view-display-settings-wrapper .view-display-settings:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.view-display-settings-wrapper .view-display-settings .view-display-settings-option {
  margin-left: 16px;
}
.settings-value-per-group-component .settings-value-per-group-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.settings-value-per-group-component .settings-value-per-group-item .user-image {
  height: 30px;
  width: 30px;
  margin-right: 16px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
}
.settings-value-per-group-component .settings-value-per-group-item .field-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.settings-value-per-group-component .settings-value-per-group-item .field-wrapper .field-name {
  font-size: 14px;
}
.settings-value-per-group-component .settings-value-per-group-item .field-wrapper .field-title {
  font-size: 12px;
}
.function-item-component {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 2px 5px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  font-size: 13px;
  text-align: center;
  text-transform: capitalize;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
}
.function-item-component .ds-text-component {
  border: none;
  padding: 0;
}
.function-item-component:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.function-item-component.selected {
  position: relative;
  color: #0085ff;
  color: var(--primary-color);
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.function-item-component.selected + div {
  border-left: 0;
}
.function-item-component:not(:last-child):not(.selected) {
  border-right: 0;
}
.function-item-component:first-child {
  border-radius: 4px 0 0 4px;
}
.function-item-component:last-child {
  border-radius: 0 4px 4px 0;
}
.numeric-functions-component .functions-title {
  font-weight: 400;
  margin-bottom: 8px;
}
.numeric-functions-component .function-items-container {
  display: flex;
  overflow: hidden;
}
.settings-file-uploader-component {
  width: 100%;
  outline: none;
  padding: 4px 8px;
  border: 2px dashed #c4c4c4;
  border-radius: 2px;
  height: auto;
  resize: none;
  font-size: 16px;
}
.settings-file-uploader-component.accepted {
  border-color: #00ca72;
}
.settings-file-uploader-component.rejected, .settings-file-uploader-component.error {
  border-color: #e44258;
}
.settings-file-uploader-component .file {
  cursor: pointer;
  text-align: center;
  outline: none;
}
.settings-file-uploader-component .file-name {
  border: 1px solid black;
}
.settings-file-uploader-component:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.settings-field-component.error .settings-file-uploader-component {
  border-color: #e44258;
}
.settings-file-uploader-component.dark-theme {
  background-color: transparent;
  border-color: #6e6f8f;
  white-space: pre-wrap;
}
.settings-file-uploader-component.dark-theme:-ms-input-placeholder {
  color: #b2b3d0;
}
.settings-file-uploader-component.dark-theme::placeholder {
  color: #b2b3d0;
}

.choose-button {
  margin-top: 16px;
}
.settings-workspace-component .choose-workspace {
  margin-bottom: 8px;
}
.settings-workspace-component .choose-workspace .Select,
.settings-workspace-component .choose-workspace .Select-control {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-workspace-component .choose-workspace .Select .Select-value-label,
.settings-workspace-component .choose-workspace .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.settings-workspace-component .choose-workspace .Select .Select-placeholder,
.settings-workspace-component .choose-workspace .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.settings-workspace-component .choose-workspace .Select .select-option-wrapper,
.settings-workspace-component .choose-workspace .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-workspace-component .choose-workspace .Select .select-option-wrapper .select-option-text,
.settings-workspace-component .choose-workspace .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-workspace-component .choose-workspace .Select .select-option-wrapper .icon,
.settings-workspace-component .choose-workspace .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.settings-workspace-component .choose-workspace .Select.is-disabled {
  cursor: default;
}
.settings-workspace-component .choose-workspace .Select.is-disabled .Select-control {
  cursor: default;
}
.settings-workspace-component .choose-workspace .Select.is-open .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-workspace-component .choose-workspace .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-workspace-component .choose-workspace .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-workspace-component .choose-workspace .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.settings-workspace-component .choose-workspace .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.settings-workspace-component .choose-workspace .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.settings-workspace-component .validation-error {
  font-size: 12px;
  color: #e44258;
}
.settings-board-component .choose-board {
  margin-bottom: 8px;
}
.settings-board-component .choose-board .Select,
.settings-board-component .choose-board .Select-control {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-board-component .choose-board .Select .Select-value-label,
.settings-board-component .choose-board .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.settings-board-component .choose-board .Select .Select-placeholder,
.settings-board-component .choose-board .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.settings-board-component .choose-board .Select .select-option-wrapper,
.settings-board-component .choose-board .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-board-component .choose-board .Select .select-option-wrapper .select-option-text,
.settings-board-component .choose-board .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-board-component .choose-board .Select .select-option-wrapper .icon,
.settings-board-component .choose-board .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.settings-board-component .choose-board .Select.is-disabled {
  cursor: default;
}
.settings-board-component .choose-board .Select.is-disabled .Select-control {
  cursor: default;
}
.settings-board-component .choose-board .Select.is-open .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-board-component .choose-board .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-board-component .choose-board .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-board-component .choose-board .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.settings-board-component .choose-board .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.settings-board-component .choose-board .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.settings-board-component .validation-error {
  font-size: 12px;
  color: #e44258;
  color: var(--negative-color);
}
.settings-overview-component .choose-overview {
  margin-bottom: 8px;
}
.settings-overview-component .choose-overview .Select,
.settings-overview-component .choose-overview .Select-control {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-overview-component .choose-overview .Select .Select-value-label,
.settings-overview-component .choose-overview .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.settings-overview-component .choose-overview .Select .Select-placeholder,
.settings-overview-component .choose-overview .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.settings-overview-component .choose-overview .Select .select-option-wrapper,
.settings-overview-component .choose-overview .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.settings-overview-component .choose-overview .Select .select-option-wrapper .select-option-text,
.settings-overview-component .choose-overview .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-overview-component .choose-overview .Select .select-option-wrapper .icon,
.settings-overview-component .choose-overview .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.settings-overview-component .choose-overview .Select.is-disabled {
  cursor: default;
}
.settings-overview-component .choose-overview .Select.is-disabled .Select-control {
  cursor: default;
}
.settings-overview-component .choose-overview .Select.is-open .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-overview-component .choose-overview .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-overview-component .choose-overview .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.settings-overview-component .choose-overview .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.settings-overview-component .choose-overview .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.settings-overview-component .choose-overview .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.settings-overview-component .validation-error {
  font-size: 12px;
  color: #e44258;
  color: var(--negative-color);
}
/* mixin for multiline */
.dropdown-container {
  position: relative;
  display: flex;
  width: 100%;
}
.dropdown-container .selected-item-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  width: 100%;
  height: 32px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-container .selected-item-container .selected-item-title {
  max-width: 95%;
}
.dropdown-container .selected-item-container .open-options-icon {
  font-size: 12px;
  height: 12px;
}

.settings-dropdown-new-items-container {
  position: absolute;
  z-index: 1;
  margin-top: 4px;
  padding: 8px;
  overflow-y: scroll;
  border-radius: 10px;
  max-height: 260px;
  max-width: 260px;
  background: white;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.settings-dropdown-new-items-container .item-option {
  padding-left: 8px;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.settings-dropdown-new-items-container .item-option:hover {
  border-radius: 6px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
}

.option-placeholder {
  color: grey;
}
.settings-multiple-new-component {
  width: 80%;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item {
  display: flex;
  align-items: center;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .add-item-button {
  margin-left: 16px;
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .add-item-button:hover {
  color: #0071d9;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .add-item-button::before {
  content: "+";
  font-size: 22px;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  font-size: 7px;
  border-radius: 100%;
  cursor: pointer;
  margin-right: 8px;
  background: #f5f6f8;
  color: #333333;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .remove-button .icon-dapulse-x-slim {
  position: relative;
  top: 1px;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .remove-button:hover {
  background: #e6e9ef;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .item-list-item-field {
  flex: 1;
}
.settings-multiple-new-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component {
  margin-top: 4px;
  margin-bottom: 4px;
}
.settings-multiple-new-component .settings-multiple-item-footer {
  margin-top: 8px;
}
.settings-multiple-new-component .settings-multiple-item-footer .add-item-link {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.settings-multiple-new-component .settings-multiple-item-footer .add-item-link:hover {
  color: #0071d9;
}
.settings-number-component {
  display: flex;
  align-items: center;
}
.settings-number-component .numeric-input-wrapper {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.settings-number-component .text-before {
  margin-right: 4px;
}
.settings-number-component .text-after {
  margin-left: 4px;
}
.checkbox-and-text-component .authorization-checkbox {
  display: inline-flex;
  margin-bottom: 8px;
}
.checkbox-and-text-component .authorization-label {
  margin-left: 8px;
}
.settings-link-component {
  display: flex;
  justify-content: space-between;
}
.settings-link-component .settings-link-component-link {
  color: #1f76c2;
  text-decoration: underline;
  cursor: pointer;
}
.settings-link-component .settings-link-component-link.disabled {
  color: #676879;
  cursor: default;
}
.items-list-component .right-renderer-wrapper {
  background: #f5f6f8;
  font-weight: 400;
  padding: 4px 4px;
  margin: 4px;
  border-radius: 2px;
  width: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  color: #333333;
  text-align: center;
}
.pulse-list-dialog-component {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.2);
  width: 280px;
  display: flex;
  flex-direction: column;
}
.pulse-list-dialog-component .shown-pulse-list-wrapper {
  flex-grow: 1;
  height: 188px;
}
.pulse-list-dialog-component .shown-pulse-list-wrapper .pulse-list-component .list-end-padding {
  display: none;
}
.pulse-list-dialog-component .shown-pulse-list-wrapper .pulse-list-component .pulse-list-inner .pulse-item-wrapper {
  margin: 0;
}
.pulse-list-dialog-component .show-all-btn-container {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pulse-list-dialog-component .show-all-btn-container .show-all-btn {
  margin-top: 12px;
}
.pulse-list-dialog-component.showing-all .shown-pulse-list-wrapper {
  height: 242px;
}

.items-list-summary {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.items-list-summary .summary-text {
  font-weight: 500;
  margin-right: 4px;
}
.items-list-summary .summery-sub-title-text {
  margin-left: 4px;
  font-weight: 300;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.pulse-list-component {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pulse-list-component .pulse-list-wrapper {
  height: 100%;
}
.pulse-list-component .pulse-list-wrapper .add-pulse-wrapper {
  margin: 0px 16px;
}
.pulse-list-component .pulse-list-wrapper .group-item .group-name {
  padding: 12px 16px 8px 16px;
}
.pulse-list-component .pulse-list-wrapper .no-results {
  height: 100%;
}
.pulse-list-component .pulse-list-wrapper .pulse-list-inner .pulse-list-title {
  padding-left: 16px;
  font-weight: 400;
  margin-top: 16px;
}
.pulse-list-component .pulse-list-wrapper .pulse-list-inner .pulse-item:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.pulse-list-component .pulse-list-wrapper .pulse-list-inner .pulse-item-wrapper {
  margin: 0px 16px;
}
.pulse-list-component .pulse-list-wrapper .pulse-list-inner .list-end-padding {
  height: 32px;
}
.pulse-list-component .pulse-list-wrapper .load-pulse-container .spinner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pulse-list-component .pulse-list-wrapper .load-pulse-container .spinner-wrapper .loading-pulse-list {
  font-size: 20px;
}
.pulse-list-component .pulse-list-wrapper:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.pulse-list-component .pulse-list-wrapper .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.pulse-list-component .pulse-list-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  right: 0px !important;
}
.pulse-list-component .pulse-list-wrapper .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
.name-cell-component .pulse-left-indicator {
  flex: 0 0 8px;
  height: 100%;
  transition: flex-basis 0.1s ease-in;
  position: relative;
}
.name-cell-component .pulse-left-indicator:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 8px;
  width: 24px;
}
.name-cell-component .pulse-left-indicator.renaming:before {
  width: 0px;
}
.name-cell-component .pulse-left-indicator .left-indicator-inner {
  position: relative;
  width: 8px;
  height: 100%;
  overflow: hidden;
  transition: width 0.07s cubic-bezier(0, 0, 0.35, 1);
  will-change: width;
}
.name-cell-component .pulse-left-indicator .left-indicator-inner .left-indicator-checkbox {
  background-color: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
  height: 14px;
  width: 14px;
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px rgba(255, 255, 255, 0.2) solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.name-cell-component .pulse-left-indicator .left-indicator-inner .left-indicator-checkbox .left-indicator-checkbox-mark {
  opacity: 0;
  transition: opacity 0.07s cubic-bezier(0, 0, 0.35, 1);
  font-size: 10px;
}
.name-cell-component .pulse-left-indicator .left-indicator-inner .left-indicator-checkbox.selected {
  background-color: #fff;
}
.name-cell-component .pulse-left-indicator .left-indicator-inner .left-indicator-checkbox.selected .left-indicator-checkbox-mark {
  opacity: 1;
}
.name-cell-component .pulse-left-indicator:hover.can-edit .left-indicator-inner {
  width: 32px;
}
.pulse-item-component {
  margin-bottom: 2px;
}
.pulse-item-component.selected .pulse-item {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.pulse-item-component.selected .pulse-item .pulse-item-icon {
  display: block !important;
}
.pulse-item-component .pulse-item {
  display: flex;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-on-secondary-color);
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  color: #666666;
  color: var(--pulse-text-color);
  border-radius: 4px;
}
.ds-menu-old .pulse-item-component .pulse-item {
  border-radius: 0px;
}
.pulse-item-component .pulse-item .right-renderer-wrapper {
  align-self: center;
}
.pulse-item-component .pulse-item:hover {
  color: #666666;
  color: var(--pulse-text-color);
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.pulse-item-component .pulse-item:hover .pulse-item-icon {
  display: block !important;
}
.pulse-item-component .pulse-item .left-indicator-inner {
  position: relative;
  width: 6px;
  height: 100%;
  overflow: hidden;
  transition: width 0.1s ease-in;
  will-change: width;
  border-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pulse-item-component .pulse-item .left-indicator-wrapper .left-indicator-inner {
  width: 32px;
}
.pulse-item-component .pulse-item .pulse-name-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0 2px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding-left: 5px;
}
.pulse-item-component .pulse-item .pulse-name-wrapper .pulse-name {
  height: auto;
}
.pulse-item-component .pulse-item .pulse-item-color-decoration {
  flex-shrink: 0;
  align-self: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: blue;
  margin-right: 5px;
  display: flex;
}
.pulse-item-component .pulse-item .pulse-item-color-decoration .pulse-item-icon {
  display: none;
  color: #fff;
  align-self: center;
  margin-left: 7px;
  font-size: 12px;
}
.no-results-component {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #c4c4c4;
}
.pulse-list-wrapper .add-pulse-slim-component {
  display: flex;
}
.pulse-list-wrapper .add-pulse-slim-component .add-pulse-left-indicator {
  flex: 0 0 8px;
  opacity: 0.5;
  transition: opacity 0.1s ease;
  height: 35px;
}
.pulse-list-wrapper .add-pulse-slim-component .pulse-input-wrapper {
  display: flex;
  flex-grow: 1;
}
.pulse-list-wrapper .add-pulse-slim-component .pulse-input-wrapper .add-pulse-right-indicator {
  transition: width 0.3s ease;
  width: 8px;
  border-right: 8px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  height: 35px;
}
.pulse-list-wrapper .add-pulse-slim-component .pulse-input-wrapper .add-pulse-input {
  flex: 1 1 auto;
  border-radius: 0;
  border: 1px solid;
  height: 35px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  font-size: 14px;
  font-weight: 400;
  outline: none;
  padding-top: 5px;
  text-align: left;
}
.pulse-list-wrapper .add-pulse-slim-component .pulse-input-wrapper .add-pulse-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.pulse-list-wrapper .add-pulse-slim-component .button-wrapper .add-pulse-button {
  visibility: collapse;
  opacity: 0;
  position: relative;
  width: 0;
  right: 0;
  bottom: 0;
  transition: visibility 0s, opacity 0.1s ease;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  outline: none;
  border: 0;
  padding: 0px;
  height: 35px;
}
.pulse-list-wrapper .add-pulse-slim-component .button-wrapper .add-pulse-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.pulse-list-wrapper .add-pulse-slim-component.focused .pulse-input-wrapper .add-pulse-left-indicator {
  opacity: 1;
}
.pulse-list-wrapper .add-pulse-slim-component.focused .button-wrapper .add-pulse-button {
  opacity: 1;
  visibility: visible;
  width: 100%;
  padding: 0 12px;
}
.pulse-list-wrapper .add-pulse-slim-component.focused .button-wrapper .add-pulse-right-indicator {
  border-color: #dedede;
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  width: 38px;
}
.pulse-list-wrapper .add-pulse-slim-component:hover .add-pulse-left-indicator {
  opacity: 1;
}
.pulse-list-wrapper .add-pulse-slim-component:hover .add-pulse-right-indicator {
  border-color: #dedede;
}
.button-cell-component {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 4px 4px;
  cursor: default;
}
.button-cell-component .button-cell-button {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  min-height: unset;
}
.button-cell-component .button-cell-button:hover {
  opacity: 0.9;
}
.button-cell-actions-settings-component .actions-footer .choose-action {
  color: #0085ff;
  color: var(--primary-color);
}
.button-cell-actions-settings-component .actions-footer .choose-action:hover {
  text-decoration: underline;
  cursor: pointer;
}
.button-automation-card {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  padding: 8px 16px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 8px;
  display: flex;
}
.button-automation-card .automations-editor-field-term-component .field-text {
  font-weight: bold;
}
.button-automation-card .button-column-automation-actions {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: flex;
}
.button-automation-card .button-column-automation-actions .delete-automation, .button-automation-card .button-column-automation-actions .edit-automation {
  cursor: pointer;
  margin-left: 16px;
}
.button-automation-card .button-column-automation-actions .delete-automation.disabled, .button-automation-card .button-column-automation-actions .edit-automation.disabled {
  cursor: default;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.button-automation-card .button-column-automation-actions .delete-automation:hover, .button-automation-card .button-column-automation-actions .edit-automation:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-editor-sentence-wrapper .automations-editor-recipe-tip {
  position: relative;
  display: flex;
  opacity: 0.8;
  font-size: 20px;
  font-weight: 400;
}
.automations-editor-sentence-wrapper .automations-editor-sentence {
  text-align: left;
}
.automations-editor-sentence-wrapper .automations-editor-sentence .automations-editor-text-term-component {
  margin-top: 30px;
}
.automations-editor-sentence-wrapper .automations-editor-sentence .highlight-term {
  font-weight: 500;
}
.automations-editor-field-term-component {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 1px;
}
.automations-editor-field-term-component .field-text {
  position: relative;
  transition: color 0.1s ease;
  max-width: 420px;
}
.automations-editor-field-term-component .field-text:before {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  height: 1px;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 2px;
}
.automations-editor-field-term-component .field-text .ds-text-component {
  padding: 0;
}
.automations-editor-field-term-component.in-editor {
  margin-top: 30px;
}
.automations-editor-field-term-component.in-editor:not(.disable) {
  cursor: pointer;
}
.automations-editor-field-term-component.in-editor .field-text {
  min-height: 54px;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.automations-editor-field-term-component.in-editor .field-text:before {
  content: "";
  background-color: #323338;
  background-color: var(--primary-text-color);
  height: 2px;
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: 2px;
}
.automations-editor-field-term-component.in-editor.with-value .field-text {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-field-term-component.in-editor.missing-value {
  -webkit-animation: nudge 0.3s;
          animation: nudge 0.3s;
}
@-webkit-keyframes nudge {
  0%, 33%, 66%, 100% {
    transform: translateX(0);
  }
  16%, 83% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-6px);
  }
}
@keyframes nudge {
  0%, 33%, 66%, 100% {
    transform: translateX(0);
  }
  16%, 83% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-6px);
  }
}
.automations-editor-field-term-component .field-config {
  position: absolute;
  top: 50px;
  left: 0px;
  font-size: 14px;
}

.automations-field-dialog-wrapper.centralized {
  top: 50vh !important;
  left: 50vw !important;
  transform: translate(-50%, -50%) !important;
}
.automations-field-dialog-wrapper.right-skew {
  top: 50vh !important;
  left: 65vw !important;
  transform: translate(-50%, -50%) !important;
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component {
  display: block;
  padding: 8px;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border-radius: 8px;
  overflow: auto;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  outline: none;
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component.connections-modal {
  padding: 0;
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component .automations-editor-field-dialog-inner {
  outline: none;
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component .automations-editor-field-dialog-inner .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 1;
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component .automations-editor-field-dialog-inner .close-button:hover {
  color: #676879;
  color: var(--secondary-text-color);
}
.automations-field-dialog-wrapper .automations-editor-field-dialog-component .automations-editor-field-dialog-inner .primary-button-wrapper {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 95%;
  bottom: 10px;
  padding: 0 12px 8px 16px;
}
.automations-column-field-component {
  width: 250px;
  max-height: 250px;
}
.automations-column-field-component .field-title-wrapper {
  display: flex;
  margin: 4px 0 8px 8px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-column-field-component .field-title-wrapper .field-title {
  font-size: 14px;
}
.automations-column-field-component .field-title-wrapper .field-title-icon {
  margin-right: 8px;
  font-size: 14px;
}
.automations-column-field-component .column-options-wrapper:not(:first-child) {
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
}
.automations-column-field-component .column-options-wrapper:not(:first-child) .field-title-wrapper {
  margin-top: 12px;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option,
.automations-column-field-component .column-options-wrapper .add-new-column-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option:hover,
.automations-column-field-component .column-options-wrapper .add-new-column-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white !important;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option {
  display: flex;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option .column-icon,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option .column-icon {
  margin-right: 8px;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option .column-title,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option .column-title {
  cursor: pointer;
  flex: 1;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option .column-title .icon,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option .column-title .icon {
  margin-right: 8px;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option.selected,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option.selected {
  background: rgba(0, 154, 255, 0.2);
  font-weight: 400;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option.disabled,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option.disabled {
  color: #c5c7d0 !important;
  cursor: default;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option.disabled .column-title,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option.disabled .column-title {
  cursor: default;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.automations-column-field-column-option.disabled:hover,
.automations-column-field-component .column-options-wrapper .add-new-column-option.automations-column-field-column-option.disabled:hover {
  background: #f5f6f8 !important;
}
.automations-column-field-component .column-options-wrapper .automations-column-field-column-option.add-new-column-option,
.automations-column-field-component .column-options-wrapper .add-new-column-option.add-new-column-option {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #0085ff;
  color: var(--primary-color);
  text-align: center;
}

.automations-column-field-column-option-tooltip {
  max-width: 320px;
}
.automations-column-options-component {
  display: flex;
  height: 16vw;
  flex-direction: column;
}
.automations-column-options-component .automations-column-options-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.automations-column-options-component .automations-column-options-wrapper .field-title-wrapper {
  display: flex;
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 4px;
  color: #676879;
  color: var(--secondary-text-color);
}
.automations-column-options-component .automations-column-options-wrapper .field-title-wrapper .field-title {
  font-size: 14px;
}
.automations-column-options-component .automations-column-options-wrapper .field-title-wrapper .field-title-icon {
  margin-right: 8px;
  font-size: 14px;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option {
  padding: 4px 8px 4px 0;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option .automations-column-option-inner {
  width: auto;
  height: 32px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  padding: 4px 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option .automations-column-option-inner:hover {
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #e6e9ef;
  background-color: var(--automations-border-color);
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option .automations-column-option-inner .column-icon {
  margin-right: 8px;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option .automations-column-option-inner .column-title:hover {
  cursor: pointer;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .automations-column-option.current .automations-column-option-inner {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .add-new-column-option {
  display: flex;
  width: auto;
  height: 32px;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #0085ff;
  color: var(--primary-color);
  padding: 4px 16px;
  margin: 4px 8px 4px 0;
}
.automations-column-options-component .automations-column-options-wrapper .automations-column-options-list .add-new-column-option:hover {
  cursor: pointer;
  background-color: #e6e9ef;
  background-color: var(--automations-border-color);
  border-radius: 4px;
}
.automations-group-field-component {
  min-width: 250px;
  max-width: 300px;
  max-height: 180px;
}
.automations-group-field-component .field-title {
  margin-top: 4px;
  font-size: 14px;
  margin-left: 8px;
  color: #a1a1a1;
  margin-bottom: 8px;
}
.automations-group-field-component .automations-group-field-group-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
}
.automations-group-field-component .automations-group-field-group-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white !important;
}
.automations-group-field-component .automations-group-field-group-option:hover .top-group-explicit-name {
  color: white;
}
.automations-group-field-component .automations-group-field-group-option .group-title {
  display: flex;
  cursor: pointer;
  flex: 1;
  max-width: 250px;
}
.automations-group-field-component .automations-group-field-group-option.selected {
  background: rgba(0, 154, 255, 0.2);
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-group-option-component {
  display: flex;
  height: 16vw;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
.automations-group-option-component .automations-group-field-group-option {
  padding: 4px 8px 4px 0;
}
.automations-group-option-component .automations-group-field-group-option .automations-group-field-group-option-inner {
  display: flex;
  width: auto;
  height: 32px;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  padding: 4px 16px 4px 8px;
  border-radius: 4px;
}
.automations-group-option-component .automations-group-field-group-option .automations-group-field-group-option-inner .color-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.automations-group-option-component .automations-group-field-group-option .automations-group-field-group-option-inner:hover {
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #e6e9ef;
  background-color: var(--automations-border-color);
}
.automations-group-option-component .automations-group-field-group-option .automations-group-field-group-option-inner .group-title {
  display: flex;
  cursor: pointer;
  flex: 1;
  max-width: 250px;
}
.automations-group-option-component .automations-group-field-group-option.selected .automations-group-field-group-option-inner {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.variables-list-wrapper {
  font-size: 14px;
  padding: 0 16px 16px 16px;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  border-radius: 0 0 8px 8px;
}
.variables-list-wrapper.with-separator {
  padding-top: 8px;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
}
.variables-list-wrapper .variable-list-title-wrapper {
  display: flex;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.variables-list-wrapper .variable-list-title-wrapper .variable-list-title-icon {
  margin-right: 8px;
  font-size: 14px;
}
.variables-list-wrapper .variables-list {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  margin-top: 8px;
}
.variables-list-wrapper .variables-list .variable-option {
  margin-bottom: 8px;
  border-radius: 4px;
  padding: 2px 16px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-on-secondary-color);
  cursor: pointer;
}
.variables-list-wrapper .variables-list .variable-option.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-on-secondary-color);
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  cursor: not-allowed;
}
.variables-list-wrapper .variables-list .variable-option.disabled:hover {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-on-secondary-color);
}
.variables-list-wrapper .variables-list .variable-option:not(:last-child) {
  margin-right: 8px;
}
.variables-list-wrapper .variables-list .variable-option:hover {
  background-color: #c5c7d0;
  background-color: var(--ui-border-on-secondary-color);
}
.automations-sms-field-component {
  width: 450px;
  max-height: 350px;
  margin: -8px;
}
.automations-sms-field-component .sms-field-wrapper {
  padding: 16px;
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-sms-field-component .sms-field-wrapper .sms-input-field {
  width: 100%;
  height: 120px;
  resize: none;
  outline: none;
  border: none;
  font-size: 16px;
  padding-left: 0;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.automations-sms-field-component .sms-field-wrapper .sms-input-field:-ms-input-placeholder {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-sms-field-component .sms-field-wrapper .sms-input-field::placeholder {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-sms-field-component .letter-counter {
  position: absolute;
  top: 108px;
  right: 8px;
  font-size: 12px;
  color: #a1a1a1;
}
.automations-phone-call-field-component {
  width: 400px;
  max-height: 400px;
  margin: -8px;
}
.automations-phone-call-field-component .phone-call-voice-language-selector {
  display: flex;
  align-items: center;
  padding: 16px 16px 8px 16px;
}
.automations-phone-call-field-component .phone-call-voice-language-selector .select-voice {
  flex: 1;
}
.automations-phone-call-field-component .phone-call-voice-language-selector .select-language {
  flex: 2;
}
.automations-phone-call-field-component .phone-call-voice-language-selector > *:not(:last-child) {
  margin-right: 8px;
}
.automations-phone-call-field-component .phone-call-input-field {
  width: 100%;
  height: 144px;
  resize: none;
  outline: none;
  font-size: 14px;
  border: none;
  padding: 8px 16px;
}
.automations-phone-call-field-component .phone-call-input-field:-ms-input-placeholder {
  color: #808080;
}
.automations-phone-call-field-component .phone-call-input-field::placeholder {
  color: #808080;
}
.automations-phone-call-field-component .letter-counter {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 12px;
  color: #a1a1a1;
}
.automations-column-value-field-component {
  width: 250px;
  max-height: 180px;
}
.automations-column-value-field-component .field-title {
  margin-top: 4px;
  font-size: 14px;
  margin-left: 8px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  margin-bottom: 8px;
}
.automations-column-value-field-component .automations-column-value-field-column-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
}
.automations-column-value-field-component .automations-column-value-field-column-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.automations-column-value-field-component .automations-column-value-field-column-option .column-value-title {
  cursor: pointer;
  flex: 1;
  display: flex;
}
.automations-column-value-field-component .automations-column-value-field-column-option .column-value-title .icon {
  margin-right: 8px;
}
.automations-column-value-field-component .automations-column-value-field-column-option .column-value-title .color-circle,
.automations-column-value-field-component .automations-column-value-field-column-option .column-value-title .image-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.automations-column-value-field-component .automations-column-value-field-column-option.selected {
  background: rgba(0, 154, 255, 0.2);
  font-weight: 400;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.automations-column-value-option-component {
  display: flex;
  height: 16vw;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.automations-column-value-option-component .automations-column-value-field-column-option {
  display: flex;
  font-weight: 300;
  align-items: center;
  padding-right: 8px;
  color: white;
  font-weight: 400;
  cursor: pointer;
  padding-top: 8px;
}
.automations-column-value-option-component .automations-column-value-field-column-option .column-value {
  padding: 8px 16px;
  border-radius: 4px;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 1;
  display: flex;
}
.automations-column-value-option-component .automations-column-value-field-column-option .column-value.anything {
  background: linear-gradient(-194deg, #ffcb01 15%, #fbaa49 17%, #fbaa49 32%, #e2445b 34%, #e2445b 48%, #784bd1 50%, #784bd1 65%, #1aa2e2 67%, #1aa2e2 82%, #20c976 84%, #20c976 100%);
}
.automations-column-value-option-component .automations-column-value-field-column-option.current {
  padding-top: 7px;
}
.automations-column-value-option-component .automations-column-value-field-column-option.current .column-value {
  border: 2px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-column-value-option-component .automations-column-value-field-column-option.selected {
  background: rgba(0, 154, 255, 0.2);
  font-weight: 400;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.automations-user-field-component {
  width: auto;
  min-width: 250px;
  max-width: 280px;
  height: auto;
  max-height: 230px;
  min-height: 180px;
}
.automations-user-field-component .multiple-person-dialog-content-component {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-user-field-component .multiple-person-dialog-content-component .twitter-typeahead .tt-menu {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-user-field-component .multiple-person-dialog-content-component .twitter-typeahead .tt-menu .loader {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
/* mixin for multiline */
.cell-component.multiple-person-cell.navigation-focus .multiple-person-bullet {
  border-color: #e5f4ff;
}

.multiple-person-dialog-content-component {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 264px;
  outline: 0;
  transition: width 0.1s ease-in, right 0.1s ease-in, left 0.1s ease-in;
  border-radius: 8px;
  box-sizing: content-box;
  right: 0;
  position: relative !important;
  top: 0 !important;
}
.multiple-person-dialog-content-component.with-shadow {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
}
.multiple-person-dialog-content-component:not(.can-change-content) {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}
.reposition-right .multiple-person-dialog-content-component:not(.can-change-content) {
  margin-left: 15px;
}
.multiple-person-dialog-content-component.expanded {
  width: 500px;
  left: -33%;
}
.multiple-person-dialog-content-component.reposition-right {
  transform-origin: 100% 0;
  right: 4px;
  left: auto;
}
.multiple-person-dialog-content-component.reposition-right.expanded {
  right: 240px;
  left: auto;
}
.multiple-person-dialog-content-component.embedded-pulse-card {
  width: 200px;
}
.multiple-person-dialog-content-component .multiple-person-cell-window-component {
  position: relative;
  z-index: 1;
}
.multiple-person-dialog-content-component .person-picker-hotkeys-wrapper {
  outline: 0;
}
.multiple-person-dialog-content-component .person-picker-wrapper {
  width: 100%;
  outline: 0;
  position: relative;
  z-index: 0;
  transition: transform 0.1s ease;
}
.multiple-person-dialog-content-component .person-picker-wrapper .person-picker-input {
  border: none;
  outline: none;
  font-size: 14px;
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  padding-left: 8px;
}
.multiple-person-dialog-content-component .person-picker-wrapper .tt-menu {
  border-radius: 0 0 8px 8px;
  border: none;
  /* important allows to overwrite inline styles for TwitterTypeAhead component */
  position: relative !important;
  top: 0 !important;
  box-shadow: none !important;
}
.multiple-person-dialog-content-component .person-picker-wrapper .tt-menu .loader {
  position: absolute;
  top: -28px;
  right: 12px;
  padding: 0px;
}
.multiple-person-dialog-content-component .confirm_unauthorized_email_dialog {
  position: relative;
  background-color: transparent;
  border: none;
}
.multiple-person-dialog-content-component .confirm_unauthorized_email_dialog .invite_user_button,
.multiple-person-dialog-content-component .confirm_unauthorized_email_dialog .close_btn {
  margin-top: 0;
  border-radius: 0 0 8px 8px;
}
.not-found-shareable-private-wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  background: #f7f7f7;
  justify-content: center;
}
.not-found-shareable-private-wrapper .dialog-link {
  color: #0086c0;
  cursor: pointer;
}
.not-found-shareable-private-wrapper .text-content {
  color: #333333;
  font-size: 13px;
  font-weight: 300;
  padding: 8px;
  text-align: left;
}
.not-found-shareable-private-wrapper .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.not-found-shareable-private-wrapper .icon-wrapper.icon-color-private {
  background-color: #f65f7c;
}
.not-found-shareable-private-wrapper .icon-wrapper.icon-color-share {
  background-color: #a358df;
}
.not-found-shareable-private-wrapper .share-icon {
  flex-grow: 1;
  padding: 8px;
  margin: 4px;
  color: #333333;
}
.single-box-item-component {
  display: flex;
  align-items: center;
  transition: flex-shrink 0.15s ease-in;
  margin: 4px;
  min-width: 0;
  background: #e5f4ff !important;
  border: 1px solid #f7f7f7;
  color: #333333;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 400;
  height: 22px;
  box-sizing: content-box;
}
.single-box-item-component .item-wrapper {
  flex-shrink: 1;
  min-width: 0;
}
.single-box-item-component .item-wrapper.with-click {
  cursor: pointer;
}
.single-box-item-component .clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  font-size: 8px;
  border-radius: 100%;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 2px;
  flex-shrink: 0;
}
.single-box-item-component .clear-button .icon-dapulse-x-slim {
  position: relative;
  top: 1px;
}
.single-box-item-component .clear-button:hover {
  background: #ffffff;
}
.single-box-item-component:not(.can-change-content) {
  padding-right: 8px;
}
.multiple-items-box-component {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 2px 2px 0;
}
.multiple-items-box-component .item-tokens-line {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.multiple-items-box-component .item-tokens-line.extra-tokens-line {
  max-width: calc(100% - 32px);
}
.multiple-items-box-component.expanded .item-tokens-line {
  flex-wrap: wrap;
  max-width: calc(100% - 28px);
}
.multiple-items-box-component .item-token {
  margin: 4px;
  min-width: 0;
  max-width: calc(100% - 8px);
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  color: #333333;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 400;
  height: 22px;
  box-sizing: content-box;
  max-width: calc(100% - 8px);
}
.multiple-items-box-component .item-token.extra-items {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 4px;
  cursor: pointer;
  min-width: 0;
}
.multiple-items-box-component .item-token.is-hovered {
  flex-shrink: 0;
}
.multiple-items-box-component .tokens-box-collapse-button {
  position: absolute;
  background: #f7f7f7;
  top: 4px;
  right: 4px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 10px;
  font-weight: 400;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.multiple-items-box-component .tokens-box-collapse-button:hover {
  transform: scale(1.3);
}
.person-token-component {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.person-token-component .person-bullet-component {
  flex-shrink: 0;
  margin-right: 4px;
  width: 22px;
  height: 22px;
}
.person-token-component .person-token-name {
  flex-shrink: 1;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.automations-team-field-component {
  width: auto;
  min-width: 250px;
  max-width: 280px;
  height: auto;
  max-height: 230px;
  min-height: 180px;
}
.automations-team-field-component .multiple-person-dialog-content-component {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-team-field-component .multiple-person-dialog-content-component .twitter-typeahead .tt-menu {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-team-field-component .multiple-person-dialog-content-component .twitter-typeahead .tt-menu .loader {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-receiver-field-component {
  width: auto;
  min-width: 250px;
  max-width: 280px;
  height: 220px;
  transition: height 0.1s ease;
}
.automations-receiver-field-component:not(.option-is-selected) {
  height: 210px;
}
.automations-receiver-field-component .receiver-title {
  display: flex;
  padding: 8px 12px;
}
.automations-receiver-field-component .receiver-title .receiver-title-text {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  flex: 1;
}
.automations-receiver-field-component .receiver-title .back-button-wrapper .back-button {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  text-decoration: none;
}
.automations-receiver-field-component .receiver-options {
  padding-bottom: 8px;
}
.automations-receiver-field-component .receiver-options .receiver-field-option {
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.automations-receiver-field-component .receiver-options .receiver-field-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.automations-receiver-field-component .receiver-options .receiver-field-option .my-photo {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.automations-receiver-field-component .receiver-options .receiver-field-option .option-title {
  flex: 1;
}
.automations-receiver-field-component .receiver-options .receiver-field-option .option-icon {
  margin-left: 8px;
  font-size: 10px;
}
.automations-subscribers-field-component {
  width: 250px;
  max-height: 180px;
}
.automations-subscribers-field-component .automations-subscribers-field-subscriber-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
}
.automations-subscribers-field-component .automations-subscribers-field-subscriber-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white !important;
}
.automations-conditions-field-component {
  min-width: 500px;
  max-width: 800px;
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.automations-conditions-field-component .automations-conditions-field-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-title {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-title .primary-part {
  font-size: 18px;
  font-weight: 400;
  margin-right: 8px;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-title .secondary-part {
  font-size: 14px;
  color: #888;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-conditions .conditions-field-condition {
  display: flex;
  margin-bottom: 16px;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-conditions .conditions-field-condition .condition-fields-wrapper {
  min-width: 0px;
  flex: 1;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-conditions .conditions-field-condition .remove-condition-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-conditions .conditions-field-condition .remove-condition-wrapper .remove-condition-link {
  margin-left: 8px;
  cursor: pointer;
  color: #a1a1a1;
  text-decoration: none;
  font-size: 12px;
}
.automations-conditions-field-component .automations-conditions-field-inner .conditions-field-conditions .conditions-field-condition .remove-condition-wrapper .remove-condition-link:hover {
  color: black;
}
.automations-conditions-field-component .automations-conditions-field-inner .add-condition-wrapper {
  margin-top: 16px;
  flex: 1;
}
.automations-conditions-field-component .automations-conditions-field-inner .add-condition-wrapper .add-condition-link {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.automations-conditions-field-component .automations-conditions-field-inner .add-condition-wrapper .add-condition-link:hover {
  color: black;
}
.automations-conditions-field-component .automations-conditions-field-inner .submit-button-wrapper {
  text-align: right;
}
.automations-condition-field-component .automations-condition-field-inner {
  height: 100%;
  display: flex;
}
.automations-condition-field-component .automations-condition-field-inner .input-wrapper.value-input-wrapper {
  max-width: 300px;
}
.automations-condition-field-component .automations-condition-field-inner .input-wrapper.condition-indicator-wrapper {
  text-align: center;
  background: #f5f6f8;
  color: #c5c7d0;
  width: 60px;
  line-height: 32px;
  border-radius: 4px;
  font-size: 16px;
}
.automations-condition-field-component .automations-condition-field-inner .input-wrapper:not(:last-child) {
  margin-right: 8px;
}
.automations-condition-field-component .automations-condition-field-inner .input-wrapper input {
  height: 100%;
  outline: none;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding-left: 8px;
}
.automations-condition-field-input-component {
  height: 100%;
}
.automations-condition-field-input-component .field-select {
  width: 100%;
  height: 100%;
  outline: none;
}
.automations-field-dialog-component .field-text {
  padding: 4px 8px;
  min-height: 32px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  border: 1px solid;
}
.automations-field-dialog-component .field-text:hover {
  opacity: 0.9;
}
.automations-field-dialog-component .field-text .open-arrow {
  margin-left: 16px;
  margin-right: 8px;
  font-size: 12px;
  transform: rotate(90deg);
  transform: rotate(90deg);
}
.automations-field-dialog-component .disabled,
.automations-field-dialog-component .view-only {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-on-secondary-color);
  border-color: #e6e9ef;
  border-color: var(--disabled-background-on-secondary-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-on-secondary-color);
  cursor: auto;
}
.automations-field-dialog-component .disabled:hover,
.automations-field-dialog-component .view-only:hover {
  opacity: 1;
}
.automations-field-dialog-component .disabled .open-arrow,
.automations-field-dialog-component .view-only .open-arrow {
  opacity: 0;
}
.automations-condition-operator-input-component {
  height: 100%;
}
.automations-condition-operator-input-component .field-select {
  width: 100%;
  outline: none;
  height: 100%;
}
.automations-condition-value-input-component {
  height: 100%;
}
.automations-condition-value-input-component .field-select {
  width: 100%;
  height: 100%;
}
.automations-list-field-component {
  max-width: 250px;
  max-height: 180px;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  outline: none;
}
.automations-list-field-component .remote-placeholder {
  display: flex;
  justify-content: center;
}
.automations-list-field-component .list-search-wrapper {
  margin-bottom: 8px;
}
.automations-list-field-component .list-search-wrapper .list-search-input {
  width: 100%;
  height: 32px;
  outline: none;
  padding-left: 8px;
  border-radius: 2px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-list-field-component .list-search-wrapper .list-search-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-list-field-component .list-search-wrapper .list-search-input:-ms-input-placeholder {
  color: #c4c4c4;
}
.automations-list-field-component .list-search-wrapper .list-search-input::placeholder {
  color: #c4c4c4;
}
.automations-list-field-component .list-options-wrapper {
  flex: 1;
  min-height: 0px;
  overflow: auto;
  outline: none;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 2px;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option:hover, .automations-list-field-component .list-options-wrapper .automations-list-field-option.focused {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option:hover .option-legend, .automations-list-field-component .list-options-wrapper .automations-list-field-option.focused .option-legend {
  color: white;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option .option-title {
  flex: 1;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option .option-legend {
  font-size: 12px;
  margin-left: 8px;
  color: #888;
}
.automations-list-field-component .list-options-wrapper .automations-list-field-option.selected {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-list-field-component .options-loader {
  display: flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 12px;
}

.remote-options-disclaimer {
  width: 250px;
}
.automations-text-field-component {
  width: 280px;
  height: 120px;
  display: flex;
  flex-direction: column;
}
.automations-text-field-component .text-input-wrapper {
  flex: 1 1;
  min-height: 0px;
  position: relative;
}
.automations-text-field-component .text-input-wrapper .text-input-field {
  width: 100%;
  height: calc(100% - 30px);
  resize: none;
  outline: none;
  font-size: 14px;
  border: none;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-text-field-component .text-input-wrapper .text-input-field:-ms-input-placeholder {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-text-field-component .text-input-wrapper .text-input-field::placeholder {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-text-field-component .submit-button-wrapper {
  flex: 0 0;
  text-align: right;
  margin-top: 8px;
}
.automations-duration-field-component {
  width: 256px;
  height: 72px;
}
.automations-duration-field-component .field-title {
  margin: 4px 0 5px 0;
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-duration-field-component .duration-controls {
  display: flex;
  justify-content: right;
}
.automations-duration-field-component .duration-controls .duration-time-input {
  width: 50px;
  height: 33px;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-duration-field-component .duration-controls .time-unit-select {
  width: 148px;
  margin-left: 10px;
}
.automations-duration-field-component .duration-controls .submit-button-wrapper {
  flex: 0 0;
  text-align: right;
  margin-left: 15px;
}
.date-trigger-options {
  margin: 10px 0 0 14px;
  width: 510px;
  height: 145px;
}
.date-trigger-options .field-title {
  margin-bottom: 12px;
  font-size: 16px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.date-trigger-options .this-date-option {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.date-trigger-options .date-offset-option {
  display: flex;
  justify-content: flex-start;
}
.date-trigger-options .date-offset-option .offset-hour {
  display: flex;
  justify-content: flex-start;
  margin-left: 8px;
}
.date-trigger-options .date-offset-option .offset-hour .offset-hour-text {
  line-height: 35px;
}
.date-offset {
  display: flex;
  justify-content: flex-start;
}
.date-offset .date-offset-count {
  margin-top: -1px;
  width: 50px;
  height: 35px;
  cursor: auto;
  font-size: 14px;
  outline: 0;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.date-offset .date-offset-count:focus {
  border-color: #0fa2e2;
}
.date-offset .time-unit-select {
  margin-left: 8px;
  width: 105px;
}
.date-offset .direction-select {
  margin-left: 8px;
  width: 95px;
}
.date-offset.count-disabled .date-offset-count {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-on-secondary-color);
  border-color: #e6e9ef;
  border-color: var(--disabled-background-on-secondary-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-on-secondary-color);
}
.date-offset.invalid-count-input .date-offset-count {
  border-color: #e44258;
}
.hour-select-container {
  display: inline-block;
}
.hour-select-container .hour-select {
  margin-left: 8px;
  width: 96px;
}
/* mixin for multiline */
.pulse-picker-component {
  height: 348px;
  width: 400px;
  display: flex;
  flex-direction: column;
}
.pulse-picker-component:not(.embedded) {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.pulse-picker-component .select-menu-content {
  padding: 16px 0px 16px 0px;
}
.pulse-picker-component .select-menu-content .select-menu-header {
  padding: 0px 16px 16px 16px;
}
.pulse-picker-component.mobileDevice {
  width: 100%;
}
.pulse-picker-component .no-result-add-pulse {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  align-items: center;
}
.pulse-picker-component .no-result-add-pulse .add-pulse-text {
  align-self: center;
  text-align: center;
}
.pulse-picker-component .no-result-add-pulse .add-pulse-text .emphasized {
  font-weight: 500;
}
.automations-pulse-field-component {
  height: 250px;
}
.automations-pulse-field-component .pulse-picker-component {
  height: 100%;
  border: none;
  box-shadow: none;
}
.automations-pulse-field-component .pulse-picker-component .pulse-item-component .pulse-item {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
}
.automations-pulse-field-component .pulse-picker-component .pulse-item-component .pulse-item:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.automations-pulse-field-component .pulse-picker-component .pulse-input-wrapper .add-pulse-input {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
}
/* mixin for multiline */
.automations-pulse-mapping-field-component {
  min-width: 500px;
  max-width: 800px;
  max-height: 500px;
  width: 570px;
  padding-left: 58px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-pulse-mapping-field-component .clear-button-wrapper {
  flex: 0 0 auto;
  display: flex;
  padding: 0 16px;
  flex-direction: row-reverse;
}
.automations-pulse-mapping-field-component .clear-button-wrapper .clear-button {
  margin-right: 68px;
}
.automations-pulse-mapping-field-component .pulse-card-wrapper {
  flex: 1 1 100%;
  overflow: auto;
  padding: 16px;
}
.automations-pulse-mapping-field-component .pulse-card-wrapper::-webkit-scrollbar {
  width: 4px;
}
.automations-pulse-mapping-field-component .pulse-card-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.automations-pulse-mapping-field-component .pulse-card-component .pulse-card-cell-wrapper .column-title {
  flex: 1;
}
/* mixin for multiline */
.text-cell-component {
  line-height: 24px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.text-cell-component.light .light-text {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 3px;
  width: 100%;
}
.text-cell-component.light .light-text.line-clamp {
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 18px;
}
.text-cell-icons-picker-content {
  position: relative;
  width: 90px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding-top: 10px;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-on-secondary-color);
  text-align: center;
}
.text-cell-icons-picker-content:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 23px;
  height: 1px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.text-cell-icons-picker-content .text-cell-picker-icon {
  width: 25px;
  height: 30px;
  font-size: 18px;
  cursor: pointer;
  opacity: 0.8;
}
.text-cell-icons-picker-content .text-cell-picker-icon:hover {
  opacity: 1;
}
.text-cell-icons-picker-content .clear-container {
  font-size: 14px;
  margin-bottom: 8px;
  color: #0085ff;
  color: var(--primary-on-secondary-color);
  cursor: pointer;
}
.text-cell-icons-picker-content .clear-container:hover {
  color: #0071d9;
  color: var(--primary-hover-on-secondary-color);
}
.text-autosuggest-component {
  width: 130px;
  font-size: 13px;
  text-align: center;
  box-shadow: 1px 1px 4px #e1e1e1;
  border-style: solid;
  border-width: 1px;
  background: #ffffff;
  background: var(--primary-background-color);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.text-autosuggest-component .suggestion {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 0;
  outline: none;
}
.text-autosuggest-component .suggestion .text-content {
  color: #323338;
  color: var(--primary-text-color);
}
.text-autosuggest-component .suggestion:not(:last-child) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.text-autosuggest-component .suggestion:hover, .text-autosuggest-component .suggestion.mark {
  background: #0071d9;
  background: var(--primary-hover-color);
}
.text-autosuggest-component .suggestion:hover .text-content, .text-autosuggest-component .suggestion.mark .text-content {
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.text-cell-input-component {
  display: flex;
  align-items: center;
  height: 100%;
}
.text-cell-input-component .tooltip-input-wrapper {
  height: 100%;
  width: 100%;
}
.text-cell-input-component .ds-editable-input {
  text-align: center;
  border: 1px dashed #0fa2e2;
  line-height: 25px;
}
.text-cell-input-component .text-cell-icons-button {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  flex: 0 0 25px;
  height: 100%;
  background: #ffffff;
  background: var(--primary-background-color);
  border: 1px dashed #0fa2e2;
  border-left: 0;
  border-radius: 0 50% 50% 0;
  outline: none;
  font-size: 15px;
  color: #0fa2e2;
}
.text-cell-input-component .text-cell-icons-button:hover {
  border-style: solid;
}
.text-cell-input-component .text-cell-icons-button.open {
  border-style: solid;
  border-bottom: 0;
  border-radius: 0 50% 0 0;
}
.hidden-share-to-microsoft-teams-component {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}

.menu-item-logo-icon {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 8px;
}
.right-click-keyboard-icon {
  display: flex;
  font-size: 14px;
  justify-content: space-evenly;
  color: #676879;
  color: var(--secondary-text-color);
}
.right-click-keyboard-icon .icon-part {
  padding-left: 2px;
}
.right-click-keyboard-icon .icon-v2-backspace-line {
  font-size: 16px;
}
.move-to-board-component {
  height: 100%;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.group-list-wrapper {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
}
.group-list-wrapper .no-results {
  height: calc(100% - 40px);
}
.group-list-wrapper .load-group-container {
  height: 100%;
}
.group-list-wrapper:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.group-list-wrapper .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.group-list-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  right: 0px !important;
}
.group-list-wrapper .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}

.create-new-group {
  text-align: center;
  font-weight: 400;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #0085ff;
  color: var(--primary-color);
  bottom: 8px;
  left: 8px;
  right: 8px;
  position: absolute;
}
.create-new-group.disabled, .create-new-group.disabled:hover {
  background-color: #fff;
  color: #c4c4c4;
  cursor: default;
}
.group-item-component.selected .group-item {
  background: #e5f4ff;
  background: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.group-item-component.selected .group-item:hover {
  background: #e5f4ff;
  background: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.group-item-component.selected .group-item .group-item-icon {
  display: block !important;
}
.group-item-component .group-item {
  line-height: 22px;
  display: flex;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  color: #323338;
  color: var(--primary-text-color);
}
.ds-menu-old .group-item-component .group-item {
  border-radius: 0;
}
.group-item-component .group-item:hover {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.group-item-component .group-item:hover .group-item-icon {
  display: block !important;
}
.group-item-component .group-item .group-item-color-decoration {
  flex-shrink: 0;
  align-self: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: blue;
  margin-right: 5px;
  display: flex;
}
.group-item-component .group-item .group-item-color-decoration .group-item-icon {
  display: none;
  color: #ffffff;
  align-self: center;
  margin-left: 7px;
  font-size: 12px;
}

.virtual-list-component {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.virtual-list-component:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.virtual-list-component .virtual-list-scrollable-container {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.virtual-list-component .virtual-list-scrollable-container.disable-scroll {
  overflow: hidden;
}
.virtual-list-component .virtual-list-scrollable-container::-webkit-scrollbar {
  width: 4px;
}
.virtual-list-component .virtual-list-scrollable-container::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.system-board-item-component {
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 8px;
  padding: 0 6px;
  color: #323338;
  color: var(--primary-text-color);
}
.system-board-item-component.with-workspaces .board-item-kind-name {
  width: auto;
  flex-grow: 0;
  color: #ffffff;
  color: var(--text-color-on-card);
}
.system-board-item-component.isSelected {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.system-board-item-component.isSelected .board-item-kind-name {
  color: #0085ff;
  color: var(--primary-color);
}
.system-board-item-component .workspace-icon-container {
  margin-left: auto;
}
.system-board-item-component .board-item-kind-name {
  flex-grow: 1;
  height: auto !important;
  width: 100%;
  margin-right: 2px;
}
.system-board-item-component .icon-dapulse-share {
  color: #a358df;
}
.system-board-item-component .icon-dapulse-private {
  color: #f65f7c;
}
.system-board-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.system-board-item-component:hover .board-item-kind-name,
.system-board-item-component:hover .board-item-kind-icon {
  color: #323338;
  color: var(--primary-text-color);
}
.system-board-item-component:hover .workspace-permission-icon-wrapper {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.change-workspace-icon-button-component {
  height: 100%;
}
.change-workspace-icon-button-component .change-workspace-icon-button {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 16px;
  cursor: pointer;
  transition: background-color ease 100ms;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.change-workspace-icon-dialog-content-component {
  border-radius: 8px;
  width: 280px;
  box-shadow: 0px 5.89755px 17.6926px rgba(0, 0, 0, 0.100091);
  overflow: auto;
  height: 438px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.change-workspace-icon-dialog-content-component > * {
  padding-left: 12px;
  padding-right: 12px;
}
.change-workspace-icon-dialog-content-component > *:first-child {
  padding-top: 12px;
}
.change-workspace-icon-dialog-content-component > *:last-child {
  padding-bottom: 4px;
}
.change-workspace-icon-dialog-content-component .section-title {
  color: #676879;
  color: var(--secondary-text-color);
  margin: 8px 0 4px 4px;
}
.change-workspace-icon-dialog-content-component .color-items-wrapper,
.change-workspace-icon-dialog-content-component .color-shapes-wrapper,
.change-workspace-icon-dialog-content-component .image-items-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.change-workspace-icon-dialog-content-component .color-shapes-wrapper {
  padding-bottom: 5px;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--card-border-color);
}
.change-workspace-icon-dialog-content-component .upload-icon-photo-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: -5px;
  padding-top: 6px;
}
.change-workspace-icon-dialog-content-component.new-workspace {
  height: 100%;
}
.change-workspace-icon-color-item-component {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  cursor: pointer;
  margin: 4px;
}
.change-workspace-icon-color-item-component .selected-color-icon {
  color: #ffffff;
  margin-left: 7px;
  margin-top: 8px;
  font-size: 14px;
}
.change-workspace-icon-shape-item-component {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  font-size: 22px;
}
.change-workspace-icon-shape-item-component .letter {
  font-weight: 500;
}
.upload-workspace-icon-photo-button-component {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.upload-workspace-icon-photo-button-component .new-mark {
  border-radius: 8px;
  border-bottom-left-radius: 0;
  padding: 4px 8px;
  background-color: #0085FF;
  color: white;
  font-size: 13px;
  font-weight: 400;
}
.upload-workspace-icon-photo-button-component .upload-workspace-icon-photo-icon {
  margin-right: 5px;
}
.upload-workspace-icon-photo-button-component:hover .menu-item-new-mark {
  border-color: white;
}
.workspace-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.1s ease-out;
}
.workspace-icon-container .workspace-icon-shape-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.workspace-icon-container .workspace-icon-shape-container .workspace-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  color: #ffffff;
}
.workspace-icon-container .workspace-icon-shape-container .workspace-icon .icon {
  vertical-align: middle;
}
.workspace-icon-container .workspace-icon-shape-container .workspace-icon img {
  height: 100%;
  width: 100%;
}
.workspace-icon-container .workspace-icon-shape-container:hover .change-workspace-icon-button-component-wrapper {
  opacity: 1;
  visibility: visible;
}
.workspace-icon-container .workspace-icon-shape-container .change-workspace-icon-button-component-wrapper {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease;
  height: 100px;
  width: 100px;
}
.workspace-icon-container .workspace-permission-icon-wrapper {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: absolute;
}
.workspace-icon-container .workspace-permission-icon-wrapper .workspace-permission-icon-inner {
  height: 100%;
  width: 100%;
}
.workspace-icon-container .workspace-permission-icon-wrapper.closed-workspace-icon-wrapper {
  right: -8px;
  bottom: -6px;
  border-top-left-radius: 6px;
  font-size: 12px;
}
.workspace-icon-container .workspace-permission-icon-wrapper.closed-workspace-icon-wrapper .closed-workspace-icon-inner {
  border-top-left-radius: 6px;
  padding: 2px 2px 1px 1px;
}
.workspace-icon-container .workspace-permission-icon-wrapper.closed-workspace-icon-wrapper .closed-workspace-icon-inner .closed-workspace-icon {
  width: 11px;
  height: 13px;
}
.workspace-icon-container .workspace-permission-icon-wrapper.main-workspace-icon-wrapper {
  color: #323338;
  color: var(--primary-text-color);
  right: -6px;
  bottom: -6px;
  border-top-left-radius: 10px;
  font-size: 13px;
}
.workspace-icon-container .workspace-permission-icon-wrapper.main-workspace-icon-wrapper .main-workspace-icon-inner {
  border-top-left-radius: 10px;
  padding: 0px 1px 0px;
}
.workspace-icon-container.workspace-size-xs .workspace-icon-shape-container {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  flex-shrink: 0;
}
.workspace-icon-container.workspace-size-xs .main-workspace-icon-wrapper {
  right: -5px;
  bottom: -5px;
  border-top-left-radius: 6px;
}
.workspace-icon-container.workspace-size-xs .main-workspace-icon-inner {
  display: flex;
  padding-top: 1px;
  padding: 2px 0 0 1px;
}
.workspace-icon-container.workspace-size-xs .main-workspace-icon-inner .icon {
  font-size: 12px;
  display: flex;
}
.workspace-icon-container.workspace-size-xs .closed-workspace-icon-wrapper {
  right: -6px;
  bottom: -3px;
  border-top-left-radius: 6px;
}
.workspace-icon-container.workspace-size-xs .closed-workspace-icon-wrapper .closed-workspace-icon-inner {
  display: flex;
}
.workspace-icon-container.workspace-size-xs .closed-workspace-icon-wrapper .closed-workspace-icon-inner .closed-workspace-icon {
  width: 9px;
  height: 12px;
}
.workspace-icon-container.workspace-size-sm.hover-effect:hover {
  transform: scale(1.2);
}
.workspace-icon-container.workspace-size-sm .workspace-icon-shape-container {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  flex-shrink: 0;
}
.workspace-icon-container.workspace-size-sm .workspace-permission-icon-wrapper {
  height: 16px;
}
.workspace-icon-container.workspace-size-sm .workspace-icon {
  font-size: 14px;
}
.workspace-icon-container.workspace-size-md .workspace-icon-shape-container {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  flex-shrink: 0;
}
.workspace-icon-container.workspace-size-md .main-workspace-icon-wrapper {
  right: -4px;
  bottom: -6px;
  border-top-left-radius: 10px;
  font-size: 12px;
}
.workspace-icon-container.workspace-size-md .main-workspace-icon-wrapper .main-workspace-icon-inner {
  padding: 0 0 0 1px;
}
.workspace-icon-container.workspace-size-md .workspace-icon {
  font-size: 16px;
}
.workspace-icon-container.workspace-size-ml .workspace-icon-shape-container {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  font-size: 20px;
  font-weight: 500;
  flex-shrink: 0;
}
.workspace-icon-container.workspace-size-ml .main-workspace-icon-wrapper {
  right: -6px;
  bottom: -6px;
  border-top-left-radius: 10px;
  font-size: 13px;
}
.workspace-icon-container.workspace-size-ml .main-workspace-icon-wrapper .main-workspace-icon-inner {
  padding: 0 0 0 1px;
}
.workspace-icon-container.workspace-size-ml .workspace-icon {
  font-size: 16px;
}
.workspace-icon-container.workspace-size-lg .workspace-icon-shape-container {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  font-size: 24px;
  flex-shrink: 0;
}
.workspace-icon-container.workspace-size-lg .closed-workspace-icon-wrapper {
  right: -8px;
  bottom: -8px;
  font-size: 14px;
  border-top-left-radius: 10px;
}
.workspace-icon-container.workspace-size-lg .closed-workspace-icon-wrapper .closed-workspace-icon-inner {
  border-top-left-radius: 6px;
  padding: 3px 1px 0px;
}
.workspace-icon-container.workspace-size-lg .closed-workspace-icon-wrapper .closed-workspace-icon-inner .closed-workspace-icon {
  width: 18px;
  height: 20px;
}
.workspace-icon-container.workspace-size-lg .main-workspace-icon {
  font-size: 18px;
}
.workspace-icon-container.workspace-size-xl {
  border-radius: 25px;
  overflow: hidden;
}
.workspace-icon-container.workspace-size-xl .workspace-icon-shape-container {
  border-radius: 10px;
  width: 100px;
  height: 100px;
  font-size: 52px;
  font-weight: 500;
  flex-shrink: 0;
}
.no-results-component {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #c4c4c4;
}
.pulse-select-menu .select-menu-title-wrapper {
  padding: 6px 0;
}
.cell-notice-tooltip-component {
  max-width: 336px;
}
.cell-notice-tooltip-component .cell-notice-tooltip-content {
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.cell-notice-tooltip-component .cell-notice-tooltip-content .cell-notice-message-wrapper {
  display: flex;
  flex-direction: row;
}
.cell-notice-tooltip-component .cell-notice-tooltip-content .cell-notice-message-wrapper .close-btn {
  flex: 0 0 auto;
  margin-left: 16px;
  font-size: 12px;
  cursor: pointer;
}
.cell-notice-tooltip-component .cell-notice-tooltip-content .cell-notice-message-wrapper .notice-message {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 300;
  white-space: pre-wrap;
}
.cell-notice-tooltip-component .cell-notice-tooltip-content .callback-button {
  margin-top: 8px;
  align-self: flex-end;
  background: #ffffff;
  color: #0085ff;
  color: var(--primary-color);
}
.cell-notice-component-wrapper {
  height: 100%;
  width: 100%;
}
.base-cell-unlock-with-keyboard-navigation-component {
  outline: 0;
}
.base-cell-unlock-component {
  border: 1px solid #c4c4c4;
  background: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.32);
  position: relative;
  width: 260px;
  outline: 0;
}
.base-cell-unlock-component .base-cell-unlock-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.base-cell-unlock-component .base-cell-unlock-content .base-cell-unlock-header {
  padding: 32px 40px 16px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
  white-space: pre-wrap;
}
.base-cell-unlock-component .base-cell-unlock-content .base-cell-unlock-text {
  padding: 0 24px 32px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  text-align: center;
  color: #333333;
}
.base-cell-unlock-component .base-cell-unlock-content .base-cell-unlock-button {
  margin-bottom: 32px;
}
.base-cell-unlock-component:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border-left: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  transform: translateX(-50%) rotate(45deg);
  top: -7px;
  right: 117px;
}

.reposition-right .base-cell-unlock-component:before {
  right: 56px;
}
.loading-cell-component {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-cell-component .shimmer-component.progress {
  margin-bottom: 0;
}
.pulse-card-cell-wrapper-component {
  flex: 1 1 auto;
  min-width: 0;
}
.pulse-card-cell-wrapper-component .pulse-card-name-cell .ds-editable-component {
  height: 100% !important;
}
.pulse-card-cell-wrapper-component .pulse-card-name-cell .ds-editable-component input,
.pulse-card-cell-wrapper-component .pulse-card-name-cell .ds-editable-component .ds-text-component {
  padding-left: 8px;
}
.pulse-card-cell-wrapper-component .cell-wrapper.can-edit {
  cursor: pointer;
}
.pulse-card-cell-wrapper-component .cell-wrapper .cell-component > * {
  height: 100%;
}
.pulse-card-cell-wrapper-component .cell-wrapper > div {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.pulse-card-cell-wrapper-component .cell-wrapper > div:not(.dialog-node) {
  height: 40px;
  width: 300px;
}
.pulse-card-cell-wrapper-component .cell-wrapper > div:not(.dialog-node):hover:not(.meta-cell) {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.pulse-card-cell-wrapper-component .cell-wrapper.embedded-pulse-card > div:not(.dialog-node) {
  max-width: 300px;
  width: auto;
}
.pulse-card-cell-wrapper-component .cell-wrapper .cell-component:not(.color-cell) {
  border: none;
}
.pulse-card-component {
  width: 100%;
  line-height: 40px;
  flex: 1 0 0;
}
.pulse-card-component .pulse-card-columns-header {
  margin: 0px auto 8px;
  color: #c4c4c4;
  height: 30px;
}
.pulse-card-component .pulse-card-cell-wrapper {
  margin: 0px auto 8px;
  display: flex;
}
.pulse-card-component .pulse-card-cell-wrapper.disabled .column-title {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.pulse-card-component .pulse-card-cell-wrapper .monday-style-dialog-content-wrapper {
  z-index: 100;
}
.pulse-card-component .pulse-card-cell-wrapper .column-title {
  display: flex;
  align-items: center;
  flex: 0 0 140px;
  max-width: 140px;
  margin-right: 16px;
}
.pulse-card-component .pulse-card-cell-wrapper .column-title .column-icon {
  margin-right: 8px;
}
.pulse-card-component .pulse-card-cell-wrapper.column-names-on-top {
  flex-direction: column;
  margin-bottom: 14px;
}
.pulse-card-component .pulse-card-cell-wrapper .board-select {
  width: 100%;
  max-width: 300px;
}
.pulse-card-component .pulse-card-cell-wrapper .pulse-attribute-value-text {
  width: auto;
  height: auto;
}
.recurring-options-wrapper {
  margin: 8px;
  width: 400px;
  height: 210px;
}
.recurring-options-wrapper .field-title {
  margin: 0 0 12px 12px;
  font-size: 16px;
  color: #808080;
}
.recurring-options-wrapper .recurring-options {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0 0 14px;
}
.recurring-options-wrapper .recurring-options .days-selector {
  display: flex;
  justify-content: flex-start;
}
.recurring-options-wrapper .recurring-options .hour-selector .hour-selector-components {
  display: flex;
  justify-content: flex-start;
  margin-top: 50px;
}
.recurring-options-wrapper .recurring-options .hour-selector .hour-selector-components .hour-selector-text {
  line-height: 35px;
}
.form-checkbox-component label {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 23px;
  width: 75%;
}
.form-checkbox-component label .form-checkbox-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-checkbox-component label .form-checkbox-input-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.form-checkbox-component label:hover .form-checkbox-input-placeholder {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.form-checkbox-component label input:checked ~ .form-checkbox-input-placeholder,
.form-checkbox-component label input:focus ~ .form-checkbox-input-placeholder,
.form-checkbox-component label input:focus:checked ~ .form-checkbox-input-placeholder {
  background-color: #ffffff;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.form-checkbox-component label:hover input:checked ~ .form-checkbox-input-placeholder {
  background-color: rgba(0, 161, 230, 0.16);
}
.form-checkbox-component label .form-checkbox-input-placeholder:after {
  content: "";
  position: absolute;
  display: none;
}
.form-checkbox-component label input:checked ~ .form-checkbox-input-placeholder:after {
  display: block;
}
.form-checkbox-component label input:disabled ~ .form-checkbox-input-placeholder {
  background-color: #f1f1f1;
  border-color: #c4c4c4;
}
.form-checkbox-component label .form-checkbox-input-placeholder:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 12px;
  border: solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-input-with-popout-wrapper {
  width: 100%;
  margin-bottom: 8px;
  height: 68px;
}
.form-input-with-popout-wrapper .form-input-with-popout-label {
  position: relative;
  display: flex;
  font-family: Roboto, helvetica;
  flex-grow: 1;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input {
  height: 26px;
  background-color: transparent;
  width: 100%;
  line-height: 1.4;
  padding: 6px 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: none;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
  outline: 0;
  border-radius: 4px;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input:focus {
  border-color: #66afe9;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input:-ms-input-placeholder {
  opacity: 0;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input::placeholder {
  opacity: 0;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input.show-placeholder:-ms-input-placeholder {
  opacity: 1;
  color: #aaaab2;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input.show-placeholder::placeholder {
  opacity: 1;
  color: #aaaab2;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input.show-placeholder:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #aaaab2;
}
.form-input-with-popout-wrapper .form-input-with-popout-label input.show-placeholder::-webkit-input-placeholder {
  /* Edge */
  opacity: 1;
  color: #aaaab2;
}
.form-input-with-popout-wrapper .form-input-with-popout-label .pop-label {
  position: absolute;
  top: 12px;
  font-size: 16px;
  font-weight: 300;
  z-index: -1;
  margin-left: 12px;
  font-size: 16px;
  color: #c4c4c4;
  transition: all 0.3s ease;
  display: table;
  left: 0;
}
.form-input-with-popout-wrapper .form-input-with-popout-label .pop-label i {
  margin-left: 3px;
}
.form-input-with-popout-wrapper .form-input-with-popout-label .pop-label.pop {
  transform: translateX(-100%) translateX(-20px);
  color: #777;
}
.form-input-with-popout-wrapper .form-input-with-popout-label .pop-label.highlight {
  color: #66afe9;
}
.form-input-with-popout-wrapper .input-bottom-part {
  display: flex;
  width: 100%;
  justify-content: space-between;
  min-height: 24px;
}
.form-input-with-popout-wrapper .input-bottom-part .input-hint,
.form-input-with-popout-wrapper .input-bottom-part .optional-hint,
.form-input-with-popout-wrapper .input-bottom-part .input-error {
  font-size: 12px;
  margin-top: 4px;
  color: #b1b1b1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-input-with-popout-wrapper .input-bottom-part .input-hint {
  text-align: left;
  max-width: 75%;
}
@media (max-width: 767px) {
  .form-input-with-popout-wrapper .input-bottom-part .input-hint {
    max-width: 80%;
  }
}
.form-input-with-popout-wrapper .input-bottom-part .input-error {
  text-align: right;
  color: #e2445c;
}
.form-input-with-popout-wrapper.error .form-input-with-popout-label input {
  border-color: #e2445c;
}
.form-multiselect {
  display: flex;
  flex-wrap: wrap;
}
.form-multiselect .multiselect-option {
  width: calc(50% - 8px);
  padding-bottom: 24px;
  font-size: 16px;
  min-height: 32px;
  padding-right: 8px;
}
.form-multiselect .other-section {
  width: 50%;
}
.form-multiselect .other-section .other-input {
  height: 71px;
  border: 1px solid #66afe9;
  border-radius: 2px;
}
.settings-item-component {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.settings-item-component .title {
  margin-bottom: 8px;
}
.settings-item-component .settings-buttons-component .settings-button {
  padding: 8px 8px;
}
.settings-item-component .value-explanation {
  color: #c4c4c4;
  margin-top: 8px;
  font-size: 14px;
}

.no-explanations {
  margin-bottom: 4px;
}
.scheduler-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: felx-start;
  width: 340px;
  margin: 8px 0;
}
.scheduler-grid .scheduler-grid-item {
  display: flex;
  margin: 2px 4px;
  width: 40px;
  height: 38px;
  font-size: 16px;
  line-height: 40px;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
}
.scheduler-grid .scheduler-grid-item:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
  border-radius: 38px;
}
.scheduler-grid .selected-item {
  background-color: rgba(0, 154, 255, 0.15);
  border-radius: 38px;
  color: #0085ff;
  color: var(--primary-color);
  font-weight: bolder;
}
.scheduler-wrapper {
  width: 342px;
  overflow: hidden;
}
.scheduler-wrapper .scheduler-tabs-component {
  width: 100%;
  height: 40px;
  margin-bottom: 0px;
}
.scheduler-wrapper .scheduler-tab-wrapper {
  justify-content: flex-start;
  transition: max-height 0.15s, min-height 0.15s;
}
.scheduler-wrapper .scheduler-tab-wrapper.Daily {
  min-height: 70px;
  max-height: 70px;
}
.scheduler-wrapper .scheduler-tab-wrapper.Weekly {
  min-height: 130px;
  max-height: 150px;
}
.scheduler-wrapper .scheduler-tab-wrapper.Monthly {
  min-height: 295px;
  max-height: 350px;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter {
  margin-top: 16px;
  margin-bottom: 8px;
  margin-left: 8px;
  /* Webkit browsers like Safari and Chrome */
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .recurrence-sentence {
  display: inline;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .recurrence-numeric-input {
  display: inline;
  width: 40px;
  height: 31px;
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 2px;
  padding: 6px;
  outline: none;
  text-align: center;
  /* For Firefox */
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter input[type=number] {
  -moz-appearance: textfield;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter input[type=number]::-webkit-inner-spin-button,
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .hour-selector {
  display: inline;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .hour-selector .hour-selector-components {
  display: inline;
  margin-top: 50px;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .hour-selector .hour-selector-components .hour-selector-text {
  line-height: 35px;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-preview {
  line-height: 20px;
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-email-field-component {
  margin: -8px;
  width: 450px;
  max-height: 400px;
}
.automations-email-field-component .email-subject {
  font-size: 14px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e6e9ef;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  box-shadow: none;
  font-weight: bold;
}
.automations-email-field-component .email-subject:focus {
  border: none !important;
  border-bottom: 1px solid #e6e9ef !important;
}
.automations-email-field-component .email-subject:-ms-input-placeholder {
  color: #9699a6;
}
.automations-email-field-component .email-subject::placeholder {
  color: #9699a6;
}
.automations-email-field-component .email-body-wrapper {
  position: relative;
  padding: 8px 16px;
  height: 120px;
}
.automations-email-field-component .email-body-wrapper .email-body {
  width: 100%;
  height: 100%;
  resize: none;
  outline: none;
  font-size: 14px;
  border: none;
  padding: 0;
  line-height: 24px;
}
.automations-email-field-component .email-body-wrapper .email-body:-ms-input-placeholder {
  color: #9699a6;
}
.automations-email-field-component .email-body-wrapper .email-body::placeholder {
  color: #9699a6;
}
.automations-email-field-component .email-variable-list .variables-list .variable-option {
  white-space: nowrap;
}
.column-store-welcome-component {
  overflow: auto;
}
.column-store-welcome-component .column-store-welcome-image-wrapper {
  margin: 24px auto 0;
  max-height: 35vh;
}
.column-store-welcome-component .column-store-welcome-image {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
.column-store-welcome-component .column-store-welcome-title {
  text-align: center;
  margin: 16px auto 0;
  font-size: 32px;
  color: #323338;
  color: var(--primary-text-color);
}
.column-store-welcome-component .column-store-welcome-description {
  text-align: center;
  margin: 16px auto 0;
  padding: 0 20px;
  max-width: 610px;
  font-size: 16px;
  line-height: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.column-store-welcome-component .column-store-welcome-button {
  display: block;
  margin: 32px auto 20px;
}
.column-store-component .column-store-card,
.column-template-dialog-component .column-store-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background: #ffffff;
  background: var(--card-background-color);
}
.column-store-component .column-store-card--disabled,
.column-template-dialog-component .column-store-card--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.column-store-component .column-store-card--disabled .column-store-card-text button.action-button,
.column-template-dialog-component .column-store-card--disabled .column-store-card-text button.action-button {
  cursor: not-allowed;
}
.column-store-component .column-store-card:hover,
.column-template-dialog-component .column-store-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.column-store-component .column-store-card .column-store-card-lock-indication,
.column-template-dialog-component .column-store-card .column-store-card-lock-indication {
  position: absolute;
  top: 12px;
  right: 0;
}
.column-store-component .column-store-card .column-store-card-text,
.column-template-dialog-component .column-store-card .column-store-card-text {
  width: calc(100% - 120px);
  height: 100px;
  margin-top: 12px;
}
.column-store-component .column-store-card .column-store-card-text.higher,
.column-template-dialog-component .column-store-card .column-store-card-text.higher {
  height: 140px;
}
.column-store-component .column-store-card .column-store-card-text .column-store-card-title,
.column-template-dialog-component .column-store-card .column-store-card-text .column-store-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 500;
  margin-bottom: 4px;
}
.column-store-component .column-store-card .column-store-card-text .column-store-card-subtitle,
.column-template-dialog-component .column-store-card .column-store-card-text .column-store-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  line-height: 19px;
}
.column-store-component .column-store-card .action-button,
.column-template-dialog-component .column-store-card .action-button {
  vertical-align: bottom;
}
.column-store-component .column-store-card .column-store-card-likes-wrapper,
.column-template-dialog-component .column-store-card .column-store-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
.column-store-component .column-store-card .column-store-card-icon-bg,
.column-template-dialog-component .column-store-card .column-store-card-icon-bg {
  width: 88px;
  height: 88px;
  border-radius: 8px;
  margin: 12px;
}
.column-store-component .column-store-card .column-icon,
.column-template-dialog-component .column-store-card .column-icon {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .column-store-component .column-store-card,
.column-template-dialog-component .column-store-card {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
}
@media (max-width: 830px) {
  .column-store-component .column-store-card,
.column-template-dialog-component .column-store-card {
    flex: 0 1 100%;
  }
}
.column-store-card-menu-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
.column-store-card-menu-wrapper .store-card-menu-button-container {
  padding: 8px;
  width: 38px;
  position: relative;
  margin-top: 8px;
}
.column-store-card-menu-wrapper .store-card-menu-button-container .store-card-menu-button {
  color: #676879;
  color: var(--icon-color);
  position: relative;
}
.column-store-card-menu-wrapper .store-card-menu-button-container:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  left: 0px;
  top: -1px;
}
.column-store-card-menu-wrapper .store-card-menu-button-container:hover:before {
  background: #e6e9ef;
  background: var(--card-border-color);
}
.column-store-card-menu-wrapper .store-card-menu-button-container.open {
  color: #0085ff;
  color: var(--primary-color);
}
.column-store-card-menu-wrapper .store-card-menu-button-container.open:before {
  background: #e5f4ff;
}
.column-store-footer-component {
  text-align: center;
  width: 400px;
  margin: 0px auto;
}
.column-store-footer-component .column-store-footer-title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}
.column-store-footer-component .column-store-footer-subtitle {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  margin: 0 auto 16px auto;
  width: 300px;
}
.column-store-footer-component .link-wrapper .separator {
  padding: 8px;
  color: #1f76c2;
  color: var(--link-color);
}
.column-store-footer-component .link-wrapper .suggest-link,
.column-store-footer-component .link-wrapper .help-link {
  color: #1f76c2;
  color: var(--link-color);
  cursor: pointer;
  font-weight: 400;
}
.column-store-component.overview_sections.with-left-pane .overview-section-card {
  width: calc(50% - 16px);
}
.column-store-component.overview_sections .overview-section-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  min-width: 290px;
  max-width: 355px;
}
.column-store-component.overview_sections .overview-section-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.column-store-component.overview_sections .overview-section-card .overview-section-card-top {
  height: 123px;
}
.column-store-component.overview_sections .overview-section-card .overview-section-card-top .overview-section-icon {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  cursor: pointer;
}
.column-store-component.overview_sections .overview-section-card .overview-section-card-top.AppFeatureOverviewSection-card-top {
  height: 16px;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-bottom {
  height: 124px;
  padding-left: 12px;
  padding-top: 12px;
  position: relative;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-bottom.higher {
  height: 140px;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-bottom .overviews-store-card-lock-indication {
  position: absolute;
  top: 14px;
  right: 0;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-bottom .overivew-section-card-title {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: bold;
  margin-bottom: 4px;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-bottom .overivew-section-card-subtitle {
  color: #676879;
  color: var(--secondary-text-color);
  padding-right: 12px;
}
.column-store-component.overview_sections .overview-section-card .action-button-wrapper {
  position: absolute;
  bottom: 8px;
}
.column-store-component.overview_sections .overview-section-card .action-button-wrapper .added-to-board-subtitle-message {
  color: #c4c4c4;
}
.column-store-component.overview_sections .overview-section-card .overivew-section-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1100px) {
  .column-store-component.overview_sections .overview-section-card {
    width: calc(50% - 16px);
  }
}
.form-consumer-iframe-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.form-consumer-iframe-container iframe {
  display: block;
}
.form-consumer-iframe-container.show-loading iframe {
  display: none;
}
.form-consumer-iframe-container .additional-header {
  background-color: #2b2c5d;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.form-consumer-iframe-container .additional-header .title {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 38px;
  font-weight: 400;
}
.form-consumer-iframe-container .additional-header .subtitle {
  font-size: 16px;
}
.form-consumer-iframe-container .loader-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.form-consumer-iframe-container .loader-wrapper .monday-loader-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overview-section-footer-page-component {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.overview-section-footer-page-component .description-header {
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.overview-section-footer-page-component .description-header .title-and-description-wrapper {
  display: flex;
  flex-direction: column;
}
.overview-section-footer-page-component .description-header .title-and-description-wrapper .back-button {
  margin-bottom: 16px;
  cursor: pointer;
  color: #0086c0;
}
.overview-section-footer-page-component .description-header .title-and-description-wrapper .back-button .description-back-arrow {
  margin-right: 8px;
}
.overview-section-footer-page-component .description-header .title-and-description-wrapper .title {
  font-size: 25px;
  font-weight: 500;
}
.overview-section-footer-page-component .description-header .title-and-description-wrapper .description {
  font-size: 16px;
}
.overview-section-footer-page-component .form-input-component {
  flex: 1 0 0;
}
.overview-section-footer-page-component .form-input-component .footer-page-form-iframe {
  width: 100%;
  height: calc(100% + 100px);
  position: relative;
  top: -71px;
}
.column-store-component.overview_sections .column-store-wrapper .column-store-content .store-cards-container .column-store-category .column-store-cards .featured-banner-component .banner-content .banner-image,
.column-store-component.solutions .column-store-wrapper .column-store-content .store-cards-container .column-store-category .column-store-cards .featured-banner-component .banner-content .banner-image {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
.column-store-component.overview_sections.with-left-pane .solution-card,
.column-store-component.solutions.with-left-pane .solution-card {
  width: calc(50% - 16px);
}
.column-store-component.overview_sections .solution-card,
.column-store-component.solutions .solution-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  min-width: 290px;
  max-width: 360px;
}
.column-store-component.overview_sections .solution-card:hover,
.column-store-component.solutions .solution-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.column-store-component.overview_sections .solution-card .solution-card-top,
.column-store-component.solutions .solution-card .solution-card-top {
  height: 123px;
}
.column-store-component.overview_sections .solution-card .solution-card-top .solution-icon,
.column-store-component.solutions .solution-card .solution-card-top .solution-icon {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  cursor: pointer;
}
.column-store-component.overview_sections .solution-card .solution-card-bottom,
.column-store-component.solutions .solution-card .solution-card-bottom {
  height: 124px;
  padding-left: 12px;
  padding-top: 12px;
  position: relative;
}
.column-store-component.overview_sections .solution-card .solution-card-bottom .solution-card-title,
.column-store-component.solutions .solution-card .solution-card-bottom .solution-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 4px;
}
.column-store-component.overview_sections .solution-card .solution-card-bottom .solution-card-subtitle,
.column-store-component.solutions .solution-card .solution-card-bottom .solution-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  padding-right: 12px;
}
.column-store-component.overview_sections .solution-card .solution-card-bottom .solution-card-subtitle .learn-more,
.column-store-component.solutions .solution-card .solution-card-bottom .solution-card-subtitle .learn-more {
  margin-left: 4px;
  color: #0086c0;
}
.column-store-component.overview_sections .solution-card .solution-card-bottom .solution-card-subtitle .learn-more:not(:hover),
.column-store-component.solutions .solution-card .solution-card-bottom .solution-card-subtitle .learn-more:not(:hover) {
  text-decoration: none !important;
}
.column-store-component.overview_sections .solution-card .action-button-wrapper,
.column-store-component.solutions .solution-card .action-button-wrapper {
  position: absolute;
  bottom: 8px;
}
.column-store-component.overview_sections .solution-card .action-button-wrapper .added-to-board-subtitle-message,
.column-store-component.solutions .solution-card .action-button-wrapper .added-to-board-subtitle-message {
  color: #c4c4c4;
}
.column-store-component.overview_sections .solution-card .action-button-wrapper .action-button,
.column-store-component.solutions .solution-card .action-button-wrapper .action-button {
  height: 24px;
  vertical-align: bottom;
}
.column-store-component.overview_sections .solution-card .board-view-card-likes-wrapper,
.column-store-component.solutions .solution-card .board-view-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1100px) {
  .column-store-component.overview_sections .solution-card,
.column-store-component.solutions .solution-card {
    width: calc(50% - 16px);
  }
}
.column-store-component.templates {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  align-items: center;
}
.column-store-component.templates .column-store-content .store-left-pane {
  padding: 32px 0 32px 0px;
}
.column-store-component.templates .column-store-wrapper {
  max-width: 1480px;
  width: 100%;
  padding: 0 40px;
}
.column-store-component.templates .column-store-wrapper .store-cards-container {
  width: 100%;
}
.column-store-component.templates .column-store-wrapper .column-store-title {
  width: 100%;
  margin: 40px 0 0;
}
.column-store-component.templates .column-store-wrapper .column-store-title .column-store-back-button {
  display: none;
}
.column-store-component.templates .column-store-wrapper .column-store-category {
  margin-bottom: 56px;
}
.column-store-component.templates .column-store-wrapper .column-store-category .column-store-category-title {
  font-size: 18px;
  font-weight: 500;
}
.column-store-component.templates .column-store-wrapper .column-store-category .featured-banner-component {
  margin-bottom: -32px;
}
.column-store-component.templates .template-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 72px) * 0.333);
  margin: 8px;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  min-width: 290px;
  max-width: 300px;
  opacity: 1;
}
.column-store-component.templates .template-card .template-card-button {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-store-component.templates .template-card .template-card-top,
.column-store-component.templates .template-card .template-card-bottom {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.column-store-component.templates .template-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.column-store-component.templates .template-card:hover .template-card-top,
.column-store-component.templates .template-card:hover .template-card-bottom {
  opacity: 0.1;
}
.column-store-component.templates .template-card:hover .template-card-button {
  opacity: 1;
}
.column-store-component.templates .template-card .template-card-top {
  height: 123px;
}
.column-store-component.templates .template-card .template-card-top .template-icon {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  cursor: pointer;
}
.column-store-component.templates .template-card .template-card-bottom {
  height: 124px;
  padding-left: 12px;
  padding-top: 12px;
  position: relative;
}
.column-store-component.templates .template-card .template-card-bottom .template-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 18px;
}
.column-store-component.templates .template-card .template-card-bottom .template-card-title .template-card-title-icon {
  margin-right: 4px;
}
.column-store-component.templates .template-card .template-card-bottom .template-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  padding-right: 12px;
}
.column-store-component.templates .template-card .template-card-bottom .template-card-subtitle .learn-more {
  margin-left: 4px;
  color: #0086c0;
}
.column-store-component.templates .template-card .template-card-bottom .template-card-subtitle .learn-more:not(:hover) {
  text-decoration: none !important;
}
.column-store-component.templates .template-card .board-view-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1100px) {
  .column-store-component.templates .template-card {
    width: calc(50% - 16px);
  }
}
.template-description-page-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.template-description-page-component .description-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-shrink: 0;
}
.template-description-page-component .description-header .use-template-button {
  max-height: 48px;
}
.template-description-page-component .description-header .title-and-description-wrapper {
  display: flex;
  flex-direction: column;
}
.template-description-page-component .description-header .title-and-description-wrapper .back-button {
  margin-bottom: 16px;
}
.template-description-page-component .description-header .title-and-description-wrapper .title {
  font-size: 25px;
  font-weight: 500;
}
.template-description-page-component .description-header .title-and-description-wrapper .description {
  font-size: 16px;
}
.template-image-container {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 470px;
}
.template-image-container .template-main-image-title {
  font-size: 22px;
  padding: 16px;
  font-weight: 400;
}
.template-image-container .template-image-wrapper {
  padding: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  display: inline-block;
  max-width: 100%;
  min-width: 70%;
}
.template-image-container .template-image-wrapper::-webkit-scrollbar {
  background: white;
  width: 8px;
  height: 10px;
}
.template-image-container .template-image-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.template-image-container .template-image-wrapper::-webkit-scrollbar-thumb {
  background: #b2b2b2;
  border-radius: 100px;
}
.template-image-container .template-image-wrapper .template-image {
  height: 100%;
  max-height: 450px;
}
.templates-set-tabs-component .content {
  align-items: flex-start;
  height: 100%;
}
.templates-set-tabs-component .tabs {
  margin-bottom: 54px;
  justify-content: center;
  margin-top: 12px;
}
.templates-set-tabs-component .tab-label-component {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  cursor: pointer;
  transition: all 0.1s ease;
}
.templates-set-tabs-component .tab-label-component .tab-label-image-wrapper {
  height: 80px;
  width: 160px;
  margin-bottom: 12px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 4px;
  border: 1px solid transparent;
  transition: all 0.1s ease;
}
.templates-set-tabs-component .tab-label-component .tab-label-image-wrapper img {
  width: 100%;
  height: 100%;
}
.templates-set-tabs-component .tab-label-component .tab-label-title {
  text-align: center;
  font-size: 14px;
  color: #808080;
  transition: all 0.1s ease;
}
.templates-set-tabs-component .tab-label-component:hover {
  transform: scale(1.1);
}
.templates-set-tabs-component .tab-label-component:hover .tab-label-image-wrapper {
  font-weight: 500;
}
.templates-set-tabs-component .tab-label-component.active .tab-label-image-wrapper {
  border: 2px solid #a358df;
}
.templates-set-tabs-component .tab-label-component.active .tab-label-title {
  color: #a358df;
}
.templates-set-tabs-component .tab-content-template {
  width: 100%;
}
.templates-set-tabs-component .tab-content-template.dashboard .template-image-wrapper .template-image {
  width: 100%;
  max-height: none;
}
.templates-set-tabs-component .tab-content-template .entity-type-ribbon {
  position: absolute;
  display: flex;
  right: 0;
  top: 20px;
  color: #ffffff;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  padding: 4px 12px;
  font-size: 14px;
  background: #f65f7c;
}
.templates-set-tabs-component .tab-content-template .entity-type-ribbon .icon {
  margin-right: 6px;
  display: flex;
  align-items: center;
}
.templates-set-tabs-component .tab-content-template .entity-type-ribbon.board {
  background: #00ca72;
  padding: 4px 28px;
}
.templates-set-tabs-component .tab-content-template .entity-type-ribbon.board .icon {
  position: relative;
  top: 2px;
}
.templates-set-tabs-component .tab-content-template .template-image-wrapper {
  padding: 16px;
}
.templates-set-description-page-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.templates-set-description-page-component .description-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-shrink: 0;
}
.templates-set-description-page-component .description-header .use-template-button {
  max-height: 48px;
}
.templates-set-description-page-component .description-header .title-and-description-wrapper {
  display: flex;
  flex-direction: column;
}
.templates-set-description-page-component .description-header .title-and-description-wrapper .back-button {
  margin-bottom: 16px;
}
.templates-set-description-page-component .description-header .title-and-description-wrapper .title {
  font-size: 25px;
  font-weight: 500;
}
.templates-set-description-page-component .description-header .title-and-description-wrapper .title .title-icon {
  margin-right: 8px;
}
.templates-set-description-page-component .description-header .title-and-description-wrapper .description {
  font-size: 16px;
}
.column-store-component.videos {
  width: 1150px;
  height: 650px;
  max-width: 100%;
  max-height: 100%;
  align-items: center;
}
.column-store-component.videos .column-store-content .store-left-pane {
  padding: 32px 0 32px 0px;
}
.column-store-component.videos .column-store-wrapper {
  max-width: 1480px;
  width: 100%;
  padding: 0 40px;
}
.column-store-component.videos .column-store-wrapper .store-cards-container {
  width: 100%;
}
.column-store-component.videos .column-store-wrapper .store-cards-container .active-video-component {
  padding-bottom: 0;
}
.column-store-component.videos .column-store-wrapper .column-store-title {
  width: 100%;
  margin: 40px 0 0;
}
.column-store-component.videos .column-store-wrapper .column-store-category {
  margin-bottom: 56px;
}
.column-store-component.videos .column-store-wrapper .column-store-category .column-store-category-title {
  font-size: 18px;
  font-weight: 500;
}
.column-store-component.videos .column-store-wrapper .column-store-category .featured-banner-component {
  margin-bottom: -32px;
}
.column-store-component.videos .video-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 72px) * 0.333);
  margin: 8px;
  align-items: center;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  min-width: 290px;
  max-width: 300px;
  opacity: 1;
  height: 230px;
  background-color: blue;
}
.column-store-component.videos .video-card .video-card-button {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-store-component.videos .video-card .video-card-left,
.column-store-component.videos .video-card .video-card-right {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.column-store-component.videos .video-card .video-card-left {
  height: 145%;
  background-color: white;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 70%;
  display: flex;
  align-items: center;
  padding: 28px 48px 28px 28px;
  position: relative;
}
.column-store-component.videos .video-card .video-card-left .video-card-play-button-wrapper {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -28px;
  border-radius: 99px;
  font-size: 56px;
  transition: all 0.1s ease;
  cursor: pointer;
  display: flex;
}
.column-store-component.videos .video-card .video-card-left .video-card-play-button-wrapper .video-card-play {
  display: flex;
  position: relative;
  width: 56px;
}
.column-store-component.videos .video-card .video-card-left .video-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 18px;
}
.column-store-component.videos .video-card .video-card-left .video-card-title .video-card-title-icon {
  margin-right: 4px;
}
.column-store-component.videos .video-card:hover .video-card-play-button-wrapper {
  color: #009aff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.column-store-component.videos .video-card .video-card-right {
  padding-left: 12px;
  padding-top: 12px;
  position: relative;
}
.column-store-component.videos .video-card .video-card-right .video-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  padding-right: 12px;
}
.column-store-component.videos .video-card .video-card-right .video-card-subtitle .learn-more {
  margin-left: 4px;
  color: #0086c0;
}
.column-store-component.videos .video-card .video-card-right .video-card-subtitle .learn-more:not(:hover) {
  text-decoration: none !important;
}
.column-store-component.videos .video-card .board-view-card-likes-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1100px) {
  .column-store-component.videos .video-card {
    width: calc(50% - 16px);
  }
}
.active-video-component {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
.active-video-component iframe,
.active-video-component img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.active-video-component img {
  filter: brightness(80%);
}
.active-video-component .play-button-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 60px;
  cursor: pointer;
}
.active-video-component .play-button-container .icon-play-button {
  transition: color 0.1s ease-in, font-size 0.1s ease-in;
}
.active-video-component:hover .play-button-container .icon-play-button {
  color: #e6e6e6;
  font-size: 72px;
}
.video-store-description-page-component {
  width: 100%;
  height: 100%;
}
.standalone-upgrade-indication-icon {
  background: #5ca9f8;
  border-radius: 19px;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
}

.subset_create_new_view_wrapper .ds-menu-item .icon-upgrade-stars-new,
.add-column-menu-dialog .ds-menu-item .icon-upgrade-stars-new,
.add-column-menu-v2-dialog .ds-menu-item .icon-upgrade-stars-new {
  display: none;
}
.subset_create_new_view_wrapper .ds-menu-item:hover .icon-upgrade-stars-new,
.add-column-menu-dialog .ds-menu-item:hover .icon-upgrade-stars-new,
.add-column-menu-v2-dialog .ds-menu-item:hover .icon-upgrade-stars-new {
  display: flex;
}

.menu-item-details-wrapper .menu-item-details-main-container {
  padding: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.menu-item-details-wrapper .menu-item-details-main-container .explain-gif {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-item-details-wrapper .menu-item-details-main-container .explain-gif img {
  height: 125px;
  width: 146px;
}
.menu-item-details-wrapper .menu-item-details-main-container .text-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.menu-item-details-wrapper .menu-item-details-main-container .text-box .header {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0px;
}
.menu-item-details-wrapper .menu-item-details-main-container .text-box .text {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  margin-top: 8px;
  width: 200px;
}
.menu-item-details-wrapper .arrow {
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
  right: -6px;
  border-style: solid solid none none;
  border-color: #c4c4c4;
  border-width: 1px;
  background-color: white;
}
.group-header-component .add-column-container {
  flex: 0 0 38px;
  font-size: 19px;
  max-width: 38px;
  min-width: 0px;
  padding: 7px 4px 0;
  text-align: center;
}
.group-header-component .add-column-container .ds-menu-button-container {
  height: 30px;
}
.group-header-component .add-column-container .ds-menu-button-container.ds-menu-button-old .add-column-menu-button:hover {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.group-header-component .add-column-container .button-wrapper {
  display: flex;
  align-items: center;
}
.group-header-component .add-column-container .button-wrapper .button-text {
  position: absolute;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 32px;
  font-size: 14px;
}
.group-header-component .add-column-container .add-column-button-disabled {
  position: relative;
  cursor: auto;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
}
.group-header-component .add-column-container .add-column-menu-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
}
.group-header-component .add-column-container .add-column-menu-button.single-color {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container .add-column-menu-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container .add-column-menu-button:hover.single-color {
  opacity: 0.8;
}
.group-header-component .add-column-container .add-column-menu-button .icon {
  position: absolute;
  top: 1px;
  left: 5px;
  transition: transform 0.2s ease, color 0.1s ease;
  font-size: 18px;
}
.group-header-component .add-column-container.open .add-column-menu-button {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container.open .add-column-menu-button .icon {
  transform: rotate(45deg);
}
.group-header-component .add-column-container.open .ds-menu-button-old .add-column-menu-button {
  border: 1px solid #c4c4c4;
  border-radius: 50% 50% 0 0;
}
.group-header-component .add-column-light {
  font-size: 18px;
  padding-top: 9px;
}

.add-column-menu-dialog.ds-menu-dialog {
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin-bottom: 80px;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu {
  transition: all 50ms ease-in;
  transition-property: opacity, width;
  transition: none;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-exit {
  width: 250px;
  opacity: 1;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-enter {
  width: 0;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-enter-active {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-enter-active {
  transition: width 50ms ease-in;
}
.add-column-menu-dialog.ds-menu-dialog.ds-menu-xs .ds-seconday-menu-wrapper-left .ds-menu-inner.ds-seconday-menu.secondary-menu-exit-active {
  border-style: none;
}
.add-column-menu-dialog.ds-menu-dialog .ds-menu-item .ds-icon .status-column-icon {
  background-image: url("/images/color2.png");
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  left: -2px;
  top: 7px;
}
.add-column-menu-dialog.ds-menu-dialog .column-store-button {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}
.add-column-menu-dialog.ds-menu-dialog .add-column-menu-patch {
  position: absolute;
  right: 0px;
  top: -1px;
  background: white;
  width: 28px;
  height: 1px;
  z-index: 1;
}
.add-column-menu-dialog.ds-menu-dialog .add-column-menu-button {
  position: absolute;
  right: -1px;
  top: -30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: white;
  color: black;
}
.add-column-menu-dialog.ds-menu-dialog .add-column-menu-button .icon {
  transform: rotate(45deg);
  position: absolute;
  top: 1px;
  left: 5px;
  transition: transform 0.2s ease, color 0.1s ease;
  font-size: 18px;
}
/* mixin for multiline */
.automations-dynamic-mapping-field-component {
  display: flex;
  flex-direction: column;
  width: 600px;
  height: 620px;
  padding: 8px;
  transition: height 0.05s ease-in;
}
.automations-dynamic-mapping-field-component .icon-info_stroke {
  padding-left: 8px;
}
.automations-dynamic-mapping-field-component.user-mapping-mode {
  height: 480px;
}
.automations-dynamic-mapping-field-component .primary-button-wrapper {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 95%;
  bottom: 10px;
  padding: 0 12px 8px 16px;
}
.automations-dynamic-mapping-field-component .primary-button-wrapper .cancel-button {
  margin-right: 8px;
}
.automations-dynamic-mapping-field-component.in-loading-state {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.automations-dynamic-mapping-field-component .loading-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.automations-dynamic-mapping-field-component .loading-state .monday-loader-wrapper {
  display: flex;
  justify-content: center;
  margin-top: -45px;
}
.automations-dynamic-mapping-field-component .error-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 604px;
  font-size: 18px;
}
.automations-dynamic-mapping-field-component .mapping-resource-description {
  margin-bottom: 8px;
  padding-bottom: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.automations-dynamic-mapping-field-component .mapping-resource-description .unsupported-help {
  margin-left: 8px;
}
.automations-dynamic-mapping-field-component .mapping-options {
  height: 517px;
  overflow-y: scroll;
  padding-top: 16px;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping.field-mapping-cell {
  justify-content: flex-start;
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping .target-field-icon {
  font-size: 16px;
  margin-right: 4px;
  padding: 8px 5px;
  width: 24px;
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping .target-field-icon.image-icon-field {
  padding: 4px 4px;
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping .image-icon-holder .integration-column-image-icon {
  margin-top: 2px;
  height: 18px;
  width: 18px;
}
.automations-dynamic-mapping-field-component .mapping-options .field-mapping .target-field-title {
  flex-basis: 30%;
  padding: 4px 5px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  font-size: 14px;
  line-height: 29px;
}
.automations-dynamic-mapping-field-component .mapping-options .status-column-warning {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  margin: -12px 0 8px 165px;
  font-size: 12px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container {
  width: 100%;
  line-height: 40px;
  flex-grow: 1;
  margin-bottom: 16px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper {
  margin: 0px auto 8px;
  display: flex;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .column-title {
  width: 120px;
  display: flex;
  align-items: center;
  cursor: default;
  font-size: 14px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .column-title .column-icon {
  font-size: 18px;
  padding-right: 3px;
  margin-left: 2px;
  margin-right: 7px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper {
  margin-left: auto;
  margin-right: 10px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper .pulse-card-name-cell .ds-editable-component {
  height: 100% !important;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper .pulse-card-name-cell .ds-editable-component input,
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper .pulse-card-name-cell .ds-editable-component .ds-text-component {
  padding-left: 8px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper .transparent-deadline-indicator {
  display: none;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper .status-note-wrapper {
  display: none;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper.can-edit {
  cursor: pointer;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper > div:not(.dialog-node) {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px solid;
  border-radius: 6px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  height: 40px;
  width: 410px;
}
.automations-dynamic-mapping-field-component .mapping-options .cell-wrapper-container .pulse-card-cell-wrapper .cell-wrapper > div:not(.dialog-node):hover:not(.meta-cell) {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.automations-dynamic-mapping-field-component .mapping-options .add-new-column-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 157px;
  margin-bottom: 16px;
}
.automations-dynamic-mapping-field-component .mapping-options .add-new-column-wrapper .add-column-container,
.automations-dynamic-mapping-field-component .mapping-options .add-new-column-wrapper .add-column-container-v2 {
  padding: 0;
}

.status-column-icon {
  background-image: url("/images/color2.png");
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 5px;
}
/* mixin for multiline */
.mapping-input-box-component {
  margin-right: 10px;
}
.mapping-input-box-component .input-box-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 410px;
  min-height: 40px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 6px;
  font-size: 14px;
}
.mapping-input-box-component .input-box-container.input-box-container-focused {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.mapping-input-box-component .input-box-container .mapping-parts-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 2px 4px;
  width: 380px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input {
  border: none;
  outline: none;
  padding: 4px 5px;
  max-width: 150px;
  line-height: 30px;
  overflow-x: hidden;
  white-space: nowrap;
  cursor: text;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input.first-text {
  padding-left: 0;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input.last-text {
  width: 120px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input.text-only {
  padding-left: 8px;
  max-width: 380px;
  width: 380px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input.placeholder {
  color: #a1a1a1;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .custom-text-input:empty:before {
  content: attr(placeholder);
  display: block;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .field-part {
  margin: 6px 0;
  display: flex;
  justify-content: space-between;
  padding: 2px 8px;
  color: #0085ff;
  color: var(--primary-color);
  background: #e5f4ff;
  border-radius: 16px;
  min-width: 80px;
  max-width: 250px;
  line-height: 20px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .field-part.one-field-only {
  margin-left: 4px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .field-part.generated-field {
  margin-left: 4px;
  background: #dfdfdf;
  color: white;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .field-part .field-title {
  margin: 0 8px;
  max-width: 160px;
}
.mapping-input-box-component .input-box-container .mapping-parts-container .field-part .remove-field-btn {
  margin-right: 4px;
  font-size: 10px;
  line-height: 21px;
  cursor: pointer;
}
.mapping-input-box-component .input-box-container .add-field-icon {
  margin-left: auto;
  margin-right: 8px;
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  color: white;
  background-color: #0085ff;
  background-color: var(--primary-color);
  cursor: pointer;
}
.mapping-input-box-component .input-box-container .add-field-icon:hover {
  opacity: 0.8;
}
.mapping-input-box-component .input-box-container .add-field-icon.disabled {
  cursor: initial;
  opacity: 0.5;
}
.mapping-input-box-component .input-box-container .add-field-icon:before {
  content: "+";
}
.mapping-input-box-component .field-options {
  position: relative;
}
.mapping-input-box-component .field-options .field-options-wrapper {
  overflow: hidden;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container {
  position: absolute;
  z-index: 1;
  margin-top: 5px;
  padding: 8px;
  overflow-y: scroll;
  border-radius: 10px;
  min-width: 410px;
  max-height: 260px;
  background: white;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .supported-fields-header-wrapper {
  display: flex;
  flex-direction: row;
  color: #676879;
  padding-left: 8px;
  font-size: 14px;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .supported-fields-header-wrapper:not(:first-child) {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e6e9ef;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .supported-fields-header-wrapper .supported-fields-icon {
  margin-top: 2px;
  margin-right: 4px;
  font-size: 12px;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .field-option {
  padding-left: 8px;
  background: white;
  color: #333333;
  width: 394px;
  height: 40px;
  line-height: 40px;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .field-option:hover {
  border-radius: 6px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
  cursor: pointer;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .field-option.disabled {
  color: #c5c7d0 !important;
  cursor: default;
}
.mapping-input-box-component .field-options .field-options-wrapper .field-options-container .field-option.disabled:hover {
  background: #f5f6f8 !important;
}
.invite-users-external-component {
  display: flex;
  align-items: center;
  height: 60px;
}
.invite-users-external-component.with-buttons {
  height: unset;
}
.invite-users-external-component .title {
  font-size: 14px;
  font-weight: 400;
  color: #676879;
  color: var(--secondary-text-color);
}
.invite-users-external-component .integration-icon {
  height: 24px;
  margin-left: 12px;
  cursor: pointer;
}
.invite-users-external-component .import-contacts-wrapper {
  width: 520px;
  height: 100%;
}
.invite-users-external-component .import-contacts-wrapper.without-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts-header {
  margin-bottom: 8px;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts {
  display: flex;
  width: 100%;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts .import-button {
  display: flex;
  height: 40px;
  border: 1px solid #e6e9ef;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
  flex: 1 1 200px;
  justify-content: center;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts .import-button:hover {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.invite-users-external-component .import-contacts-wrapper .import-contacts .import-button .import-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts .import-button .import-text-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.invite-users-external-component .import-contacts-wrapper .import-contacts .import-button .import-text-wrapper .import-text {
  color: #0085ff;
  color: var(--primary-color);
}
.modal-component.invite-users-modal {
  padding: 0;
  border-radius: 8px;
}
.modal-component.invite-users-modal .step-component-wrapper {
  transition: height 0.1s ease-out;
  overflow: hidden;
}
.modal-component.invite-users-modal .exit-modal-icon {
  top: 12px;
  right: 16px;
}
.invite-to-team-component {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  display: flex;
  position: relative;
  min-height: 40px;
}
.invite-to-team-component:hover {
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.invite-to-team-component .picked-teams-wrapper {
  padding: 4px;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 72px;
  overflow: auto;
}
.invite-to-team-component .picked-teams-wrapper .team-picker-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  min-width: 140px;
  border: none;
  outline: none;
  flex-grow: 1;
  height: 32px;
  padding-left: 4px;
  font-size: 14px;
}
.invite-to-team-component .picked-teams-wrapper .team-picker-input::-webkit-input-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.invite-to-team-component .teams-picker-wrapper {
  position: absolute;
  width: 100%;
  bottom: -4px;
}
.invite-to-team-component .teams-picker-wrapper .person-picker-component {
  width: auto;
  position: relative;
}
.invite-to-team-component .teams-picker-wrapper .person-picker-input {
  border: none;
  visibility: hidden;
}
.invite-to-team-component .teams-picker-wrapper .tt-menu {
  border-radius: 8px;
  border: none;
  box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.1) !important;
}
.invite-to-team-component:focus, .invite-to-team-component.focused {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.invite-to-team-component.disabled .picked-teams-wrapper .team-picker-input::-webkit-input-placeholder {
  color: #c4c4c4;
}
.team-chip-inner-component {
  display: flex;
  align-items: center;
}
.team-chip-inner-component .team-picture {
  border-radius: 50%;
  height: 22px;
  width: 22px;
  flex-shrink: 0;
}
.team-chip-inner-component .team-name {
  flex-shrink: 1;
  min-width: 0px;
  overflow: hidden;
}
.tags-input-component {
  display: flex;
}
.tags-input-component .tags-input-wrapper {
  width: 100%;
  flex-wrap: wrap;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  max-height: 160px;
  padding-left: 4px;
  padding-right: 4px;
}
.tags-input-component .tags-input-wrapper:hover {
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.tags-input-component .tags-input-wrapper.error {
  border: 1px solid #e44258;
}
.tags-input-component .tags-input-wrapper.focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.tags-input-component .tags-input-wrapper .tags-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 115px;
}
.tags-input-component .tags-input-wrapper .tags-wrapper::-webkit-scrollbar {
  width: 4px;
}
.tags-input-component .tags-input-wrapper .tags-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.tags-input-component .tags-input-wrapper .tags-wrapper .tag-item-wrapper {
  margin-top: 8px;
  margin-right: 4px;
  margin-left: 4px;
}
.tags-input-component .tags-input-wrapper .tags-input {
  min-width: 100%;
  flex: 1;
  outline: none;
  border: none;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #323338;
  color: var(--primary-text-color);
}
.tags-input-component .tags-input-wrapper .tags-input::-webkit-input-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}

.tags-input-tooltip-content {
  max-width: 200px;
}
.tag-input-item-component {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 24px;
  font-size: 13px;
  font-weight: 300;
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  border-radius: 40px;
  word-break: break-all;
}
.tag-input-item-component .tag {
  padding-left: 8px;
}
.tag-input-item-component .remove-tag-icon {
  margin-top: 1px;
  font-size: 9px;
  padding-right: 12px;
  padding-left: 8px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.tag-input-item-component.error {
  color: #e44258;
  background-color: #f7c6cd;
}
.tag-input-item-component.error.over-limit {
  background-color: #f5f6f8;
  color: #9699a6;
}
.tag-input-item-component.error.over-limit .remove-tag-icon {
  color: #9699a6;
}
.tag-input-item-component.error .remove-tag-icon {
  color: #e44258;
}
.invite-with-link-component {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.invite-with-link-component.disabled .invite-with-link-button-container .invite-with-link-input {
  color: #c5c7cd;
  background: #f5f6f8;
}
.invite-with-link-component .invite-link-permissions-text {
  font-size: 14px;
  color: #808080;
}
.invite-with-link-component .invite-link-permissions-text.hide-text {
  visibility: hidden;
}
.invite-with-link-component .invite-with-link-title {
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.invite-with-link-component .invite-with-link-title .icon-invitation {
  padding-right: 8px;
}
.invite-with-link-component .invite-with-link-title .create-or-disable-link {
  cursor: pointer;
  margin-left: 8px;
}
.invite-with-link-component .invite-with-link-button-container {
  display: flex;
  margin-bottom: 8px;
}
.invite-with-link-component .invite-with-link-button-container .invite-with-link-input-wrapper {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.invite-with-link-component .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-input {
  flex-grow: 1;
  border: 1px solid #c5c7d0;
  height: 40px;
  outline: none;
  padding: 3px 10px 1px 10px;
  color: #333333;
  font-weight: 300;
  font-size: 14px;
  margin-right: 8px;
}
.invite-with-link-component .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-copy {
  height: 39px;
  max-width: 96px;
  flex: 0 0 96px;
  padding: 0 12px;
}
.user-mapping-options {
  padding: 8px 16px;
  color: #333333;
}
.user-mapping-options .user-mapping-title {
  font-size: 22px;
  font-weight: bold;
}
.user-mapping-options .user-mapping-subtitle {
  margin-top: 4px;
  font-size: 18px;
}
.user-mapping-options .existing-users-title {
  display: flex;
  margin-top: 32px;
  font-size: 16px;
}
.user-mapping-options .existing-users-title .existing-users-icon {
  margin-top: -4px;
  margin-right: 8px;
}
.user-mapping-options .existing-user-bullets {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100% - 24px);
  margin-top: 8px;
  margin-left: 40px;
  position: relative;
}
.user-mapping-options .existing-user-bullets .user-bullet {
  box-sizing: content-box;
  margin: 0 -4px;
  border: 2px solid #f5f6f8;
  display: flex;
  align-items: center;
  border-radius: 25px;
  height: 25px;
  flex-shrink: 0;
  z-index: 0;
  min-width: 0;
}
.user-mapping-options .existing-user-bullets .user-bullet .person-bullet-component {
  flex-shrink: 0;
}
.user-mapping-options .unmapped-users-title {
  display: flex;
  margin-top: 32px;
  font-size: 16px;
}
.user-mapping-options .unmapped-users-title .unmapped-users-icon {
  margin-top: -1px;
  margin-right: 8px;
}
.user-mapping-options .invite-users-component {
  margin-top: 8px;
  max-height: 200px;
}
.user-mapping-options .future-users-title {
  margin-top: 32px;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  font-weight: bold;
}
.user-mapping-options .future-users-title.without-unmapped {
  margin-top: 32px;
}
.user-mapping-options .future-users-checkbox {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}
.user-mapping-options .future-users-checkbox .future-users-text {
  margin-left: 8px;
  font-size: 14px;
  line-height: 18px;
  color: #808080;
  cursor: pointer;
}
/* mixin for multiline */
.checkbox-options-field {
  display: flex;
  flex-direction: column;
  width: 600px;
  height: 550px;
  padding-top: 24px;
}
.checkbox-options-field .title {
  margin-left: 24px;
  font-size: 22px;
  font-weight: bold;
}
.checkbox-options-field .selection-buttons-wrapper {
  margin-top: 24px;
  margin-left: 24px;
}
.checkbox-options-field .selection-buttons-wrapper .selection-button {
  margin-right: 8px;
  font-size: 14px;
  color: #00a9ff;
  cursor: pointer;
}
.checkbox-options-field .selection-buttons-wrapper .selection-button:hover {
  text-decoration: underline;
}
.checkbox-options-field .checkbox-options {
  margin-top: 4px;
  overflow-y: scroll;
  height: 375px;
  border-bottom: 1px solid #e6e9ef;
}
.checkbox-options-field .checkbox-options .options-wrapper {
  padding: 0 24px;
}
.checkbox-options-field .checkbox-options .options-wrapper .option {
  display: flex;
}
.checkbox-options-field .checkbox-options .options-wrapper .option:last-child {
  margin-bottom: 150px;
}
.checkbox-options-field .checkbox-options .options-wrapper .option:not(:last-child) {
  margin-bottom: 16px;
}
.checkbox-options-field .checkbox-options .options-wrapper .option .option-checkbox {
  margin-right: 8px;
  border-color: #00a1e6;
}
.checkbox-options-field .checkbox-options .options-wrapper .option .option-title {
  font-size: 16px;
  cursor: pointer;
}
.checkbox-options-field .remote-placeholder {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 100%;
}
.checkbox-options-field .loading-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.checkbox-options-field .loading-state .monday-loader-wrapper {
  display: flex;
  justify-content: center;
  margin-top: -45px;
}
.dropdown-options-field {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 600px;
  height: 550px;
  padding: 24px 32px;
}
.dropdown-options-field .automations-list-field-component {
  max-height: 230px;
  max-width: 300px;
  width: 300px;
}
.dropdown-options-field .automations-list-field-component .list-options-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 8px 8px 0px 8px;
}
.dropdown-options-field .title {
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 32px 0;
}
.dropdown-options-field .subtitle {
  font-size: 16px;
}
.dropdown-options-field .remote-placeholder {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 100%;
}
.dropdown-options-field .loading-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -45px;
  width: 100%;
  height: 100%;
}
.dropdown-options-field .loading-state .monday-loader-wrapper {
  display: flex;
  justify-content: center;
}
.automations-board-field-component {
  width: 250px;
}
.automations-board-field-component .field-title {
  margin-top: 4px;
  font-size: 14px;
  margin-left: 8px;
  color: #a1a1a1;
  margin-bottom: 8px;
}
.automations-board-field-component .automations-board-field-board-option {
  padding: 8px;
  border-radius: 4px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
}
.automations-board-field-component .automations-board-field-board-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white !important;
}
.automations-board-field-component .automations-board-field-board-option .board-title {
  display: flex;
  cursor: pointer;
  flex: 1;
  max-width: 200px;
}
.automations-board-field-component .automations-board-field-board-option.selected {
  background: rgba(0, 154, 255, 0.2);
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
}
.new-board-options-component {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.new-board-options-component .choose-board-kind-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 16px;
}
.new-board-options-component .board-kind-options-title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
}
.new-board-options-component .board-kind-options {
  display: flex;
  margin-bottom: 8px;
}
.new-board-options-component .board-kind-options .board-kind-option {
  display: flex;
  align-items: center;
  margin-right: 16px;
  cursor: pointer;
  font-weight: 400;
}
.new-board-options-component .board-kind-options .board-kind-option:last-child {
  margin-right: 0;
}
.new-board-options-component .board-kind-options .board-kind-option .board-kind-icon {
  margin-right: 8px;
}
.new-board-options-component .board-kind-options .board-kind-option .board-kind-title {
  white-space: nowrap;
}
.new-board-options-component .board-kind-options .board-kind-option .unlock-button-component {
  margin-left: 8px;
}
.new-board-options-component .options-spaces-align .board-kind-option {
  margin-right: 0;
}
.new-board-options-component .options-spaces-align .radio-button-component {
  margin-right: 0px;
  min-width: 144px;
}
.new-board-options-component .selected-board-kind-description {
  color: #9699a6;
  font-weight: 300;
  font-size: 14px;
}

.board-kind-tooltip {
  max-width: 280px;
}
.unlock-button-component .unlock-button {
  background-color: rgba(0, 202, 114, 0.3);
  cursor: pointer;
  padding: 0 8px;
  color: #00ca72;
  border: none;
}
.unlock-button-component .unlock-button:hover {
  background-color: #00ca72;
  color: #ffffff;
}
.new-board-locked-component {
  margin-top: 16px;
  border-top: 1px solid #e6e9ef;
  border-bottom: 1px solid #e6e9ef;
}
.new-board-locked-component .board-locked-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 24px 0;
  height: 146px;
}
.new-board-locked-component .board-locked-container .board-locked-message {
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.new-board-locked-component .board-locked-container .board-locked-message .board-locked-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #1c1f3b;
}
.new-board-locked-component .board-locked-container .board-locked-message .board-locked-description {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #9699a6;
}
.new-board-locked-component .board-locked-container .preview-image {
  width: 141px;
}
.advanced-wrapper .advanced-link {
  display: flex;
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.advanced-wrapper .advanced-link .advanced-text {
  margin-right: 8px;
  font-size: 14px;
}
.advanced-wrapper .advanced-link .arrow-wrapper {
  display: flex;
  align-items: center;
}
.automations-board-mapping-field-component {
  width: 480px;
  margin: 16px;
}
.automations-board-mapping-field-component.is-editing-board-name {
  position: relative;
}
.automations-board-mapping-field-component .header {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 16px;
}
.automations-board-mapping-field-component .header .workspace-info {
  margin-left: 8px;
}
.automations-board-mapping-field-component .Select .Select-control {
  border-radius: 4px;
  border: 1px solid #e6e9ef;
}
.automations-board-mapping-field-component .Select .Select-control .Select-multi-value-wrapper .Select-value,
.automations-board-mapping-field-component .Select .Select-control .Select-multi-value-wrapper .Select-input {
  font-size: 16px;
  color: #323338;
  line-height: 40px;
  height: 40px;
  max-width: 360px;
  overflow: hidden;
}
.automations-board-mapping-field-component .Select.is-focused .Select-control {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-board-mapping-field-component .Select.is-focused:not(.is-open) .Select-control {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  box-shadow: none;
  -webkit-box-shadow: none;
}
.automations-board-mapping-field-component .Select .Select-menu-outer {
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 0;
  margin-top: 4px;
  padding: 8px;
  max-height: 144px;
  overflow-y: auto;
}
.automations-board-mapping-field-component .Select .Select-menu-outer .Select-menu {
  overflow: hidden;
  max-height: none;
}
.automations-board-mapping-field-component .Select .Select-menu-outer .Select-menu .Select-option {
  border-radius: 4px;
}
.automations-board-mapping-field-component .Select .Select-menu-outer .Select-menu .Select-option:hover, .automations-board-mapping-field-component .Select .Select-menu-outer .Select-menu .Select-option.is-focused {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.automations-board-mapping-field-component .Select .Select-menu-outer .Select-menu .Select-option.is-selected {
  background: #e5f4ff;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-board-mapping-field-component .footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e6e9ef;
  padding-top: 16px;
}
.automations-board-mapping-field-component .info-part {
  padding-bottom: 24px;
}
.automations-board-mapping-field-component .info-part .board-mapping-variables {
  z-index: 1;
  margin-top: 68px;
  padding: 8px 16px 0px 16px;
  position: absolute;
  top: 144px;
  left: 0;
  right: 0;
  border-radius: 8px;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.automations-board-mapping-field-component .info-part .board-name-container {
  display: flex;
  align-items: center;
  border: 1px solid #e6e9ef;
  border-radius: 4px;
}
.automations-board-mapping-field-component .info-part .board-name-container.focused {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-board-mapping-field-component .info-part .board-name-container .add-field-icon {
  margin-left: auto;
  margin-right: 8px;
  text-align: center;
  line-height: 16px;
  width: 17px;
  height: 16px;
  border-radius: 10px;
  color: white;
  background-color: #0085ff;
  background-color: var(--primary-color);
  cursor: pointer;
}
.automations-board-mapping-field-component .info-part .board-name-container .add-field-icon:hover {
  opacity: 0.8;
}
.automations-board-mapping-field-component .info-part .board-name-container .add-field-icon.disabled {
  cursor: initial;
  opacity: 0.5;
}
.automations-board-mapping-field-component .info-part .board-name-container .add-field-icon:before {
  content: "+";
}
.automations-board-mapping-field-component .info-part .board-name-container .board-name {
  font-size: 16px;
  padding: 0px 8px;
  border: none;
  height: 40px;
  outline: none;
  width: 100%;
}
.automations-board-mapping-field-component .info-part .guidance-text {
  color: #9699a6;
  font-size: 14px;
  height: 22px;
  margin-bottom: 4px;
  padding: 0px;
}
.automations-board-mapping-field-component .info-part .advanced-area {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  transition: max-height 0.2s ease;
  max-height: 58px;
  height: 58px;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-workspace-picker .workspace-option-with-icon {
  display: flex;
  flex-direction: row;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-workspace-picker .Select {
  transition: opacity 0.2s linear;
  visibility: visible;
  position: absolute;
  width: 288px;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-workspace-picker .Select .workspace-option {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-workspace-picker .Select .workspace-option .workspace-option-label {
  margin-left: 16px;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-folder-picker {
  margin-left: 304px;
}
.automations-board-mapping-field-component .info-part .advanced-area .board-mapping-folder-picker .Select {
  transition: opacity 0.2s linear;
  visibility: visible;
  position: absolute;
  width: 176px;
}
.automations-board-mapping-field-component .info-part .advanced-area.advanced-closed {
  max-height: 0;
  overflow: hidden;
  margin: 0;
}
.automations-board-mapping-field-component .info-part .advanced-area.advanced-closed .Select {
  visibility: hidden;
}
.automations-keywords-field-component {
  width: 300px;
  height: 175px;
  display: flex;
  flex-direction: column;
}
.automations-keywords-field-component .keywords-input-wrapper {
  flex: 1 1;
  min-height: 0px;
  position: relative;
}
.automations-keywords-field-component .keywords-input-wrapper .tags-input-component {
  width: 100%;
  height: calc(100% - 20px);
}
.automations-keywords-field-component .keywords-input-wrapper .tags-input-component .tags-input-wrapper {
  border: none;
  padding: 0;
}
.automations-keywords-field-component .keywords-input-wrapper .tags-input-component .tags-input-wrapper .tag-input-item-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  color: #323338;
  color: var(--primary-text-color);
  background: transparent;
}
.automations-keywords-field-component .keywords-input-wrapper .tags-input-component .tags-input-wrapper .tags-input {
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-keywords-field-component .keywords-input-wrapper .keywords-input-hint {
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  margin-left: 5px;
}
.connections-field-modal {
  display: flex;
  margin: -8px;
  padding: 24px 0 24px 24px;
  width: 400px;
  min-height: 216px;
  max-height: 480px;
}
.connections-field-modal .automations-editor-select-authentication-component {
  align-self: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  max-width: 480px;
}
.connections-field-modal .automations-editor-select-authentication-component .logo-sub-title {
  align-self: flex-start;
  font-size: 18px;
  margin-bottom: 16px;
  margin-left: 24px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder {
  max-height: 184px;
  width: 100%;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder::-webkit-scrollbar {
  width: 4px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder {
  margin-top: 0px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item {
  height: 42px;
  width: 292px;
  box-shadow: none;
  align-items: center;
  border: 1px solid #c5c7d0;
  border-radius: 4px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item:hover {
  box-shadow: none;
  cursor: pointer;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon {
  margin: 8px 8px 2px 12px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon .app-icon-image {
  max-height: 18px;
  max-width: 18px;
}
.connections-field-modal .automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon .authentication-hexagon {
  width: 24px;
  height: 34px;
  opacity: 0;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication {
  width: 100%;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button {
  margin-left: 12px;
  background: white;
  border: 1px solid;
  border-color: white;
  border-radius: 4px;
  height: 42px;
  width: 292px;
  opacity: 1;
  box-shadow: none;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button:hover {
  opacity: 0.9;
  box-shadow: none;
  cursor: pointer;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button.light-theme {
  opacity: 1;
  border-color: white;
  border-radius: 4px;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button.light-theme:hover {
  opacity: 0.7;
  box-shadow: none;
}
.connections-field-modal .automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button .create-new-authentication-button-text {
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
}
.connections-field-modal .new-connection-modal {
  display: flex;
  flex-direction: column;
  padding: 8px 32px 8px 8px;
}
.connections-field-modal .new-connection-modal .new-connection-title {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 16px;
}
.connections-field-modal .new-connection-modal .new-connection-title .new-connection-title-beta-mark {
  border: 1px solid #323338;
  border-radius: 4px;
  margin: 5px 8px 0 8px;
  padding: 2px 4px;
  font-size: 13px;
  line-height: 13px;
  height: 19px;
  font-weight: normal;
}
.connections-field-modal .new-connection-modal .new-connection-content {
  flex-direction: column;
  font-size: 16px;
  margin-bottom: 16px;
}
.connections-field-modal .new-connection-modal .new-connection-footer {
  flex-direction: row;
  align-self: flex-end;
}
.connections-field-modal .new-connection-modal .new-connection-footer .new-connection-button {
  background-color: #323338;
}
.automations-editor-select-authentication-component {
  display: flex;
  flex-direction: column;
  color: #323338;
  color: var(--primary-text-color);
  width: 90%;
  max-width: 350px;
  align-self: flex-start;
}
.automations-editor-select-authentication-component .logo-sub-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 24px;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder {
  overflow: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder {
  margin: 0 auto auto auto;
  margin-top: 8px;
  max-width: 320px;
  max-height: 215px;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  display: flex;
  justify-content: left;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder:hover {
  cursor: pointer;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item {
  display: flex;
  justify-content: flex-start;
  width: 320px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.32);
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item:hover {
  opacity: 0.9;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item.light-theme:hover {
  opacity: 0.7;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon {
  margin: 8px 16px 2px 12px;
  position: relative;
  top: 0;
  left: 0;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon .app-icon-image {
  position: absolute;
  top: 8px;
  left: 6px;
  height: 32px;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-icon .authentication-hexagon {
  position: relative;
  top: 0;
  left: 0;
  width: 45px;
  height: 48px;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-title {
  max-width: 210px;
  line-height: 64px;
  font-size: 16px;
  font-weight: normal;
  color: #323338;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-remove-container {
  margin: auto 8px auto auto;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-remove-container .available-authentication-item-remove {
  font-size: 15px;
  color: #323338;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder .available-authentications-holder .available-authentication-holder .available-authentication-item .available-authentication-item-remove-container .available-authentication-item-remove:hover {
  color: #0085FF;
  background-color: #dff0ff;
}
.automations-editor-select-authentication-component .choose-previously-connected-authentication-holder-bottom {
  background-color: rgba(0, 0, 0, 0.1);
  height: 40px;
  margin: 0 auto auto auto;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.automations-editor-select-authentication-component .create-new-authentication {
  margin-top: 8px;
  padding: 0 16px;
  font-size: 18px;
  text-align: center;
}
.automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button {
  border: 2px dashed;
  border-color: white;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.24);
  width: 320px;
  height: 64px;
  font-weight: bold;
  color: white;
  background: rgba(0, 0, 0, 0);
}
.automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button:hover {
  opacity: 0.8;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.32);
  cursor: pointer;
}
.automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button.light-theme {
  color: #323338;
  border-color: #333333;
  opacity: 0.7;
}
.automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button.light-theme:hover {
  opacity: 1;
}
.automations-editor-select-authentication-component .create-new-authentication .create-new-authentication-button .create-new-authentication-button-text {
  line-height: 59px;
}
.automations-editor-select-authentication-component .automations-editor-authentication-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 32px;
}

.automations-editor-page-component .automations-editor-page-inner.light-theme .automations-editor-new-connection-form .footer-link {
  color: black;
}
.remote-options-disclaimer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.button-empty-state-settings {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
.button-empty-state-settings .button-settings-img {
  margin-bottom: 16px;
  width: 100%;
}
.button-empty-state-settings .button-settings-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
}
.button-empty-state-settings .button-settings-description {
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
}
.add-hint-component {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 14px;
  height: 100%;
  align-items: center;
  z-index: 2;
}
.add-hint-component .icon-dapulse-addbtn {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-hint-component .icon-dapulse-addbtn:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
}
.add-hint-component .icon-dapulse-addbtn:before {
  z-index: 1;
}
.single-select-component {
  padding: 0px 16px;
}
.single-select-component .single-select .Select-control {
  border-color: #f1f1f1;
}
.single-select-component .single-select.is-focused .Select-control {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.single-select-component .single-select.is-focused .Select-menu-outer {
  border-bottom-color: #0085ff;
  border-bottom-color: var(--primary-color);
  border-left-color: #0085ff;
  border-left-color: var(--primary-color);
  border-right-color: #0085ff;
  border-right-color: var(--primary-color);
}
.single-select-component .single-select .Select-menu-outer {
  z-index: 2;
}
.single-select-component .single-select .select-option-wrapper {
  display: flex;
  align-items: center;
}
.single-select-component .single-select .select-option-wrapper .board-icon {
  margin-right: 8px;
}
.single-select-component .single-select .select-option-wrapper .selected-items-count {
  padding-left: 8px;
  font-size: 13px;
}
.single-select-component .single-select .select-option-wrapper .option-label {
  font-weight: 500;
  max-width: 90%;
}
/* mixin for multiline */
.board-relation-item-picker-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.board-relation-item-picker-component .pulse-picker-component .select-menu-content {
  padding-top: 0px;
}
.board-relation-item-picker-component .pulse-picker-component .open-card-icon {
  display: flex;
  padding: 8px;
  margin-right: 8px;
  align-items: center;
  justify-content: center;
  width: 24px;
  border-radius: 16px;
  height: 24px;
  font-size: 11px;
}
.board-relation-item-picker-component .pulse-picker-component .open-card-icon:hover {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-on-secondary-color);
}
.board-relation-item-picker-component .top-bar-wrapper {
  padding: 16px;
  display: flex;
}
.board-relation-item-picker-component .top-bar-wrapper .top-bar-button {
  display: flex;
  font-size: 14px;
  background-color: white;
  color: #0085ff;
  color: var(--primary-color);
  border-radius: 16px;
  font-weight: 400;
  cursor: pointer;
}
.board-relation-item-picker-component .top-bar-wrapper .top-bar-title {
  flex: 1;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
}
/* mixin for multiline */
.board-relation-linked-board-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  overflow: auto;
  max-width: 35vw;
  max-height: 60vh;
  padding: 8px 0;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .show-items-toggle {
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  padding-top: 8px;
  text-align: center;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 24px;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component {
  padding-left: 0;
  padding-top: 8px;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .board-content-wrapper {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .pulse-right-indicator {
  background-color: #f5f6f8 !important;
  background-color: var(--dark-background-on-secondary-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .pulse-component-wrapper {
  background-color: #f5f6f8 !important;
  background-color: var(--dark-background-on-secondary-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .pulse-component-wrapper .pulse-menu-component {
  background-color: #ffffff !important;
  background-color: var(--dialog-background-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .columns-footer-component .empty-block-before-columns {
  background-color: #ffffff !important;
  background-color: var(--dialog-background-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .group-footer-component .add-pulse-component .add-pulse-input {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .group-footer-component .empty-block-before-add-pulse {
  background-color: #ffffff !important;
  background-color: var(--dialog-background-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .group-header-component .group-menu {
  background-color: #ffffff !important;
  background-color: var(--dialog-background-color) !important;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .name-column-header {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .pulse-component {
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .board-content-component .name-column-header .group-name .router:hover {
  background: #ffffff;
  background: var(--dialog-background-color);
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-table-wrapper .react-cross-board-component {
  overflow: auto;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-picker-actions {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 16px 25px 0;
  z-index: 1500;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-picker-actions .board-relation-selected-board-dropdown > div {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-picker-actions .board-relation-selected-board-dropdown > div > div {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-picker-actions .board-relation-selected-board-dropdown .dropdown-wrapper__single-value--reset {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-action {
  margin-right: 8px;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-boards-list-wrapper {
  width: 30%;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-term-search-wrapper {
  width: 25%;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-option {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: baseline;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-option span {
  margin-left: 6px;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .board_relation_picker_title {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  padding: 8px 24px;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .show_items_toggle_wrapper {
  display: flex;
  padding: 24px 0 16px 24px;
  flex: 1 1 auto;
}
.board-relation-linked-board-dialog-component .board-relation-linked-board-content .show_items_toggle_wrapper .show_items_toggle_title {
  padding-right: 8px;
}
.overview-section-grid-wrapper.TableOverviewSection-overview-section .overview-section-content-header-container {
  max-height: 80px;
}
.overview-section-grid-wrapper.TableOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component .overview-section-header-content-footer-wrapper .overview-section-content-container .react-cross-board-component .board-wrapper {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 8px;
}
.overview-section-grid-wrapper.TableOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component .overview-section-header-content-footer-wrapper .overview-section-content-container .react-cross-board-component .board-wrapper .board-content-component {
  padding-top: 0;
  padding-bottom: 0;
}
.clusters-board-banner-component {
  width: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  z-index: 2;
}
.clusters-board-banner-component .clusters-banner-dismiss {
  color: #0085ff;
  color: var(--primary-color);
  margin-left: 8px;
  cursor: pointer;
}
.clusters-board-banner-component .clusters-banner-dismiss:hover {
  text-decoration: underline;
}
.clusters-board-banner-component .banner-megaphone {
  width: 76px;
  height: 40px;
  margin-left: 32px;
}
.clusters-board-banner-component .banner-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 263px;
  margin-left: 24px;
}
.clusters-board-banner-component .banner-content-wrapper .banner-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.clusters-board-banner-component .banner-content-wrapper .banner-title .banner-title-clusters {
  color: #00ca72;
}
.clusters-board-banner-component .banner-content-wrapper .banner-body {
  font-size: 14px;
}
.board-bottom-banner-component {
  position: relative;
  z-index: 1;
}
.filter-no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
  width: 100%;
  color: #323338;
  color: var(--primary-text-color);
}
.filter-no-results .filter-no-results-inner {
  text-align: center;
}
.filter-no-results .filter-no-results-inner .no-results-image-wrapper {
  margin-bottom: 16px;
}
.filter-no-results .filter-no-results-inner .no-results-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
}
.fetch-group-pulses-empty {
  margin-left: 30px;
  padding: 6px;
  padding-left: 20px;
  border: 1px dashed #e1e1e1;
  font-size: 13px;
  text-align: left;
  color: #c4c4c4;
}

.fetch-group-pulses {
  margin-left: 30px;
  z-index: 10;
  background: white;
  height: 35px;
  border: 1px dashed #e1e1e1;
  font-size: 13px;
  padding-left: 20px;
  color: #c4c4c4;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 32px;
  position: relative;
}
.fetch-group-pulses .left-decoration {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 0px;
  transition: width 0.2s ease;
}
.fetch-group-pulses .progress {
  display: none;
  height: 7px;
  position: absolute;
  top: 14px;
  left: 14px;
  border-radius: 2px;
  width: 200px;
}
.fetch-group-pulses .progress .progress-bar {
  width: 100%;
  background-color: #e7e7e7;
  box-shadow: none;
}
.fetch-group-pulses.fetching, .fetch-group-pulses:hover {
  background-color: #f1f1f1;
  border-style: solid;
  border-top: 1px solid #f1f1f1 !important;
  border-bottom: 1px solid #f1f1f1 !important;
  border-right: 6px solid #e7e7e7 !important;
}
.fetch-group-pulses.fetching .left-decoration, .fetch-group-pulses:hover .left-decoration {
  width: 6px;
}
.fetch-group-pulses.fetching.fetching, .fetch-group-pulses:hover.fetching {
  border-bottom: 1px solid white !important;
}
.fetch-group-pulses.fetching.fetching .progress, .fetch-group-pulses:hover.fetching .progress {
  display: inline-block;
}
.fetch-group-pulses.fetching.fetching .fetch-text, .fetch-group-pulses:hover.fetching .fetch-text {
  display: none;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.board-content-wrapper .cross-board-name .board-name .kind-icon {
  line-height: 32px;
}
.board-content-wrapper .cross-board-name .board-name .board-template-icon {
  font-size: 18px;
}
.board-content-wrapper .cross-board-name .router {
  font-size: 20px;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 2px;
}
.board-content-wrapper .cross-board-name .router:hover {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
}
.board-content-wrapper .cross-board-name .router em {
  background: #b5daf0;
  padding: 3px 0px;
  color: #333;
  background: #cce9ff;
}
.board-content-wrapper .board-name, .board-wrapper .board-name,
.object-name-component .board-name {
  font-size: 28px;
  white-space: nowrap;
  font-weight: 500;
  cursor: text;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
}
.board-content-wrapper .board-name .board-top-loader, .board-wrapper .board-name .board-top-loader,
.object-name-component .board-name .board-top-loader {
  height: 40px;
  margin-right: 2px;
  margin-left: 0;
  transform: scale(0.5);
}
.board-content-wrapper .board-name.disabled, .board-wrapper .board-name.disabled,
.object-name-component .board-name.disabled {
  cursor: default;
}
.board-content-wrapper .board-name .kind-icon, .board-wrapper .board-name .kind-icon,
.object-name-component .board-name .kind-icon {
  font-size: 24px;
  margin-right: 8px;
  cursor: default;
}
.board-content-wrapper .board-name .homepage-icon, .board-wrapper .board-name .homepage-icon,
.object-name-component .board-name .homepage-icon {
  font-size: 24px;
  margin-right: 8px;
  cursor: default;
}
.board-content-wrapper .board-name .board-template-icon, .board-wrapper .board-name .board-template-icon,
.object-name-component .board-name .board-template-icon {
  cursor: default;
  font-size: 24px;
  margin-right: 8px;
}
.board-content-wrapper .board-name.renaming-board, .board-wrapper .board-name.renaming-board,
.object-name-component .board-name.renaming-board {
  display: flex;
  flex: 1;
}
.board-content-wrapper .board-name.renaming-board .ds-editable-component, .board-wrapper .board-name.renaming-board .ds-editable-component,
.object-name-component .board-name.renaming-board .ds-editable-component {
  flex: 1;
}
.board-content-wrapper.embedded-board .board-name .kind-icon, .board-wrapper.embedded-board .board-name .kind-icon,
.object-name-component.embedded-board .board-name .kind-icon {
  margin-left: 8px;
}
.board-kind-icon-component.private {
  color: #e44258;
}
.board-kind-icon-component.share {
  color: #a358df;
}
.star-component {
  color: #e6e9ef;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-left: 4px;
  padding: 4px 8px;
  border-radius: 4px;
}
.star-component:hover {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.star-component .icon {
  color: #676879;
  color: var(--secondary-text-color);
}
.star-component .icon.is-on {
  color: #ffcb00;
  visibility: visible;
}
.star-component .icon.is-off:before {
  font-weight: 800;
}
.star-component.is-pending {
  pointer-events: none;
}
.circle-loader-component {
  position: relative;
  height: 50px;
  width: 50px;
}
.circle-loader-component .circle-loader-spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.circle-loader-component .circle-loader-spinner .circle-loader-spinner-path {
  stroke: #c5c7d0;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes 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;
  }
}
@keyframes 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;
  }
}
.cross-board-header {
  position: relative;
  z-index: 1;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.cross-board-header .cross-board-header-content-wrapper {
  padding: 15px 30px 15px 8px;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main {
  display: flex;
  align-items: center;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .cross-board-header-left {
  flex: 0 1 auto;
  margin-right: 4px;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results {
  position: relative;
  color: #777;
  font-size: 13px;
  text-decoration: none;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results .separator {
  margin-right: 5px;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results .number {
  font-weight: 600;
  color: #333;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results .fa-spinner {
  display: none;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results.fetching .more-results-inner {
  display: none;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results.fetching .fa-spinner {
  display: inline-block;
}
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results:hover .more-results-inner,
.cross-board-header .cross-board-header-content-wrapper .cross-board-header-main .more-results:hover .number {
  color: #0086c0;
}
.workspace-container {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.workspace-container:hover .workspace-name-container span {
  color: #0086c0;
}
.workspace-container .separator {
  margin-right: 8px;
}
.workspace-container .search-everything-workspace-icon {
  margin-right: 6px;
  margin-top: 2px;
}
.workspace-container .workspace-name-container span {
  margin-right: 8px;
  color: #9699a6;
}
.column-header-drag-layer {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000001;
  opacity: 0.75;
}
.column-header-drag-layer.sticky-feature {
  position: absolute;
}
.column-header-drag-layer .column-header-drag-effect {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  font-size: 13px;
  padding: 10px 5px 0;
  border-radius: 4px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  height: 160px;
  box-shadow: 15px 18px 112px -12px #c5c7d0;
  box-shadow: 15px 18px 112px -12px var(--ui-border-color);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* mixin for multiline */
.group-header-component .group-menu {
  align-items: center;
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  display: flex;
  flex: 0 0 30px;
  justify-content: center;
  max-width: 30px;
  padding-bottom: 1px;
  position: relative;
  z-index: 2;
}
.group-header-component .group-menu:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.group-header-component .group-menu .group-menu-button {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: 1px solid;
  transition: color 0.1s ease, background-color 0.1s ease, opacity 0.1s ease;
}
.group-header-component .group-menu .group-menu-button:not(:hover) {
  color: #ffffff !important;
  color: var(--primary-background-color) !important;
}
.group-header-component .group-menu .group-menu-button:hover {
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
}
.group-header-component .group-menu.open .group-menu-button {
  border-radius: 50%;
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
  border-color: transparent !important;
  opacity: 1;
}
.group-header-component .group-menu.open .ds-menu-button-old .group-menu-button {
  border-radius: 50% 50% 0 0;
  background-color: white !important;
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.group-header-component .group-menu.is-hidden {
  opacity: 0;
}

.group-menu-dialog .group-menu-patch {
  position: absolute;
  left: 0px;
  width: 14px;
  background-color: white;
  height: 1px;
  top: -1px;
}
.group-menu-dialog .ds-menu-item .keyboard-shortcut-icon {
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 14px;
}
.group-menu-dialog .ds-menu-item .keyboard-shortcut-icon .icon {
  font-weight: 400;
  margin-right: 2px;
}
.group-menu-dialog .ds-menu-item:hover .keyboard-shortcut-icon {
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.group-menu-dialog .collapse-icon-menu-bar {
  font-size: 16px;
}
.cell-error-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}
.group-header-component .column-header .sort-by-column,
.group-header-component .name-column-header .sort-by-column {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -18px;
  padding: 5px;
  z-index: 1000;
}
.group-header-component .column-header .sort-by-column .sort-button,
.group-header-component .column-header .sort-by-column .clear-button,
.group-header-component .column-header .sort-by-column .save-button,
.group-header-component .name-column-header .sort-by-column .sort-button,
.group-header-component .name-column-header .sort-by-column .clear-button,
.group-header-component .name-column-header .sort-by-column .save-button {
  position: relative;
  display: block;
  color: #333333;
  background-color: white;
  box-shadow: 0px 1px 8px 1px rgba(51, 51, 51, 0.16);
  height: 20px;
  cursor: pointer;
  transition: background-color 0.1s ease, transform 0.2s ease, opacity 0.2s ease;
}
.group-header-component .column-header .sort-by-column .sort-button.button-disabled,
.group-header-component .column-header .sort-by-column .clear-button.button-disabled,
.group-header-component .column-header .sort-by-column .save-button.button-disabled,
.group-header-component .name-column-header .sort-by-column .sort-button.button-disabled,
.group-header-component .name-column-header .sort-by-column .clear-button.button-disabled,
.group-header-component .name-column-header .sort-by-column .save-button.button-disabled {
  color: #c5c7d0;
  background-color: #f5f6f8;
}
.group-header-component .column-header .sort-by-column .sort-button:not(.button-disabled):hover,
.group-header-component .column-header .sort-by-column .clear-button:not(.button-disabled):hover,
.group-header-component .column-header .sort-by-column .save-button:not(.button-disabled):hover,
.group-header-component .name-column-header .sort-by-column .sort-button:not(.button-disabled):hover,
.group-header-component .name-column-header .sort-by-column .clear-button:not(.button-disabled):hover,
.group-header-component .name-column-header .sort-by-column .save-button:not(.button-disabled):hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
}
.group-header-component .column-header .sort-by-column .sort-button.clear-button, .group-header-component .column-header .sort-by-column .sort-button.save-button,
.group-header-component .column-header .sort-by-column .clear-button.clear-button,
.group-header-component .column-header .sort-by-column .clear-button.save-button,
.group-header-component .column-header .sort-by-column .save-button.clear-button,
.group-header-component .column-header .sort-by-column .save-button.save-button,
.group-header-component .name-column-header .sort-by-column .sort-button.clear-button,
.group-header-component .name-column-header .sort-by-column .sort-button.save-button,
.group-header-component .name-column-header .sort-by-column .clear-button.clear-button,
.group-header-component .name-column-header .sort-by-column .clear-button.save-button,
.group-header-component .name-column-header .sort-by-column .save-button.clear-button,
.group-header-component .name-column-header .sort-by-column .save-button.save-button {
  border-radius: 12px;
  padding: 1px 8px;
  font-size: 12px;
}
.group-header-component .column-header .sort-by-column .sort-button.sort-button,
.group-header-component .column-header .sort-by-column .clear-button.sort-button,
.group-header-component .column-header .sort-by-column .save-button.sort-button,
.group-header-component .name-column-header .sort-by-column .sort-button.sort-button,
.group-header-component .name-column-header .sort-by-column .clear-button.sort-button,
.group-header-component .name-column-header .sort-by-column .save-button.sort-button {
  transform: rotate(0deg);
  width: 20px;
  border-radius: 10px;
}
.group-header-component .column-header .sort-by-column .sort-button.sort-button .icon,
.group-header-component .column-header .sort-by-column .clear-button.sort-button .icon,
.group-header-component .column-header .sort-by-column .save-button.sort-button .icon,
.group-header-component .name-column-header .sort-by-column .sort-button.sort-button .icon,
.group-header-component .name-column-header .sort-by-column .clear-button.sort-button .icon,
.group-header-component .name-column-header .sort-by-column .save-button.sort-button .icon {
  position: absolute;
  left: 7px;
  top: 4px;
  font-size: 12px;
}
.group-header-component .column-header .sort-by-column .sort-button.clear-button,
.group-header-component .column-header .sort-by-column .clear-button.clear-button,
.group-header-component .column-header .sort-by-column .save-button.clear-button,
.group-header-component .name-column-header .sort-by-column .sort-button.clear-button,
.group-header-component .name-column-header .sort-by-column .clear-button.clear-button,
.group-header-component .name-column-header .sort-by-column .save-button.clear-button {
  visibility: hidden;
}
.group-header-component .column-header .sort-by-column .sort-button.clear-button .icon,
.group-header-component .column-header .sort-by-column .clear-button.clear-button .icon,
.group-header-component .column-header .sort-by-column .save-button.clear-button .icon,
.group-header-component .name-column-header .sort-by-column .sort-button.clear-button .icon,
.group-header-component .name-column-header .sort-by-column .clear-button.clear-button .icon,
.group-header-component .name-column-header .sort-by-column .save-button.clear-button .icon {
  position: absolute;
  left: 6px;
  top: 5px;
  font-size: 7px;
}
.group-header-component .column-header .sort-by-column .sort-button.save-button,
.group-header-component .column-header .sort-by-column .clear-button.save-button,
.group-header-component .column-header .sort-by-column .save-button.save-button,
.group-header-component .name-column-header .sort-by-column .sort-button.save-button,
.group-header-component .name-column-header .sort-by-column .clear-button.save-button,
.group-header-component .name-column-header .sort-by-column .save-button.save-button {
  visibility: hidden;
}
.group-header-component .column-header .sort-by-column .sort-button.save-button .icon,
.group-header-component .column-header .sort-by-column .clear-button.save-button .icon,
.group-header-component .column-header .sort-by-column .save-button.save-button .icon,
.group-header-component .name-column-header .sort-by-column .sort-button.save-button .icon,
.group-header-component .name-column-header .sort-by-column .clear-button.save-button .icon,
.group-header-component .name-column-header .sort-by-column .save-button.save-button .icon {
  position: absolute;
  left: 5px;
  top: 4px;
  font-size: 9px;
}
.group-header-component .column-header .sort-by-column .clear-button-wrapper,
.group-header-component .column-header .sort-by-column .save-button-wrapper,
.group-header-component .name-column-header .sort-by-column .clear-button-wrapper,
.group-header-component .name-column-header .sort-by-column .save-button-wrapper {
  position: absolute;
}
.group-header-component .column-header .sort-by-column .clear-button-wrapper.clear-button-wrapper,
.group-header-component .column-header .sort-by-column .save-button-wrapper.clear-button-wrapper,
.group-header-component .name-column-header .sort-by-column .clear-button-wrapper.clear-button-wrapper,
.group-header-component .name-column-header .sort-by-column .save-button-wrapper.clear-button-wrapper {
  left: -18px;
}
.group-header-component .column-header .sort-by-column .clear-button-wrapper.save-button-wrapper,
.group-header-component .column-header .sort-by-column .save-button-wrapper.save-button-wrapper,
.group-header-component .name-column-header .sort-by-column .clear-button-wrapper.save-button-wrapper,
.group-header-component .name-column-header .sort-by-column .save-button-wrapper.save-button-wrapper {
  left: 7px;
}
.group-header-component .column-header .sort-by-column.sorted .sort-button,
.group-header-component .name-column-header .sort-by-column.sorted .sort-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
  transform: rotate(360deg);
  transition: all 0.1s ease-in-out;
}
.group-header-component .column-header .sort-by-column.sorted .sort-button .icon,
.group-header-component .name-column-header .sort-by-column.sorted .sort-button .icon {
  transition: all 0.1s ease-in-out;
  font-size: 14px;
  top: 3px;
  left: 6px;
}
.group-header-component .column-header .sort-by-column.sorted .sort-button .asc-icon,
.group-header-component .name-column-header .sort-by-column.sorted .sort-button .asc-icon {
  opacity: 0.4;
}
.group-header-component .column-header .sort-by-column.descending .sort-button .icon,
.group-header-component .name-column-header .sort-by-column.descending .sort-button .icon {
  transform: rotate(180deg);
}
.group-header-component .column-header:hover .sort-by-column.sorted .clear-button,
.group-header-component .name-column-header:hover .sort-by-column.sorted .clear-button {
  transform: translateX(-20px);
  visibility: visible;
}
.group-header-component .column-header:hover .sort-by-column.sorted .save-button,
.group-header-component .name-column-header:hover .sort-by-column.sorted .save-button {
  transform: translateX(20px);
  visibility: visible;
}
.group-color-dialog {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  padding: 5px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  width: 90px;
  line-height: 0px;
}
.group-color-dialog .group-color-item {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  transition: opacity 0.1 ease;
  margin: 3px;
}
.group-color-dialog .group-color-item:hover {
  opacity: 0.8;
}
.name-column-header .group-name-input .group-color-picker .group-color-picker-button {
  position: absolute;
  top: -2px;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.name-column-header .group-name-input .group-color-picker .group-color-picker-button .group-color-picker-button-inner {
  width: 21px;
  height: 21px;
  display: inline-block;
  border-radius: 50%;
  transition: opacity 0.1 ease;
}
.name-column-header .group-name-input .group-color-picker .group-color-picker-button:hover {
  opacity: 0.8;
}
.name-column-header .group-name-input .group-color-picker.open .group-color-picker-button {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 50% 50% 0 0;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}

.group-color-dialog {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  position: relative;
  padding: 5px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  width: 142px;
  line-height: 0px;
}
.group-color-dialog:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  left: 0px;
  top: -1px;
  width: 31px;
  height: 1px;
}
.name-column-header .group-name-input input {
  padding-left: 30px;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.name-column-header .group-name {
  position: relative;
  transition: margin-left 0.1s ease;
}
.name-column-header .group-name a {
  text-decoration: none;
}
.name-column-header .group-name.renaming-group {
  flex: 1 0 auto;
  transition: none;
  margin-right: 8px;
}
.name-column-header .group-name:not(.renaming-group) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name-column-header .group-name .router {
  padding-left: 3px;
  padding-right: 3px;
}
.name-column-header .group-name .router:hover {
  border: 1px solid #e1e1e1;
  background: #f1f1f1;
  text-decoration: none;
  margin-left: 5px;
}
.name-column-header .group-name .router:not(:hover) em {
  background: #b5daf0;
  padding: 3px 0px;
  color: #333;
  background: #cce9ff;
}
.name-column-header:hover.can-edit .column-header-inner .group-name:not(.renaming-group) {
  margin-left: 36px;
}
.name-column-header:hover.can-edit.can-not-drag .column-header-inner .group-name:not(.renaming-group) {
  margin-left: 18px;
}
.name-column-header:hover.can-edit.resizing .column-header-inner .group-name:not(.renaming-group) {
  margin-left: 0;
}
.name-column-header:hover:not(.can-edit) .column-header-inner .group-name:not(.renaming-group) {
  margin-left: 18px;
}
.group-header-component .name-column-header .collapse-group-button {
  position: absolute;
  display: none;
  align-self: center;
}
.group-header-component .name-column-header:hover .column-header-inner .collapse-group-button {
  display: inline-block;
}
.collapse-group-toggle-component {
  color: #666;
  background: #e1e1e1;
  font-size: 13px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 19px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.collapse-group-toggle-component:hover {
  background: #d1d1d1;
}
.collapse-group-toggle-component .line {
  font-size: 0px;
  transition: font-size 0.3s;
}
.collapse-group-toggle-component .arrow {
  position: absolute;
  height: 13px;
  width: 100%;
  left: 0;
}
.collapse-group-toggle-component .arrow.top {
  top: 7px;
  transition: top 0.198s;
}
.collapse-group-toggle-component .arrow.bottom {
  bottom: 12px;
  transition: bottom 0.198s;
}
.collapse-group-toggle-component.collapsed .line {
  font-size: 13px;
}
.collapse-group-toggle-component.collapsed .arrow.top {
  top: 0;
}
.collapse-group-toggle-component.collapsed .arrow.bottom {
  bottom: 5px;
}

.group-header-component .column-header .resize-column,
.group-header-component .name-column-header .resize-column {
  cursor: ew-resize;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 4px;
  transition: background 0.1s ease;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.group-header-component .column-header:hover .resize-column,
.group-header-component .name-column-header:hover .resize-column {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.group-header-component .column-header:hover .resize-column:hover,
.group-header-component .name-column-header:hover .resize-column:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.group-header-component .column-header.resizing .resize-column, .group-header-component .column-header.column-resize-mode .resize-column,
.group-header-component .name-column-header.resizing .resize-column,
.group-header-component .name-column-header.column-resize-mode .resize-column {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.name-column-header-light {
  padding: 0 3px;
}

.name-column-header {
  position: relative;
  min-height: 40px;
  text-align: left;
  font-size: 18px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  flex: 1 0 308px;
  min-width: 0px;
  display: flex;
  align-items: center;
  padding-bottom: 1px;
  z-index: 1;
}
.name-column-header .column-header-inner {
  min-width: 0px;
  width: 100%;
  display: flex;
}
.name-column-header .drag-handle {
  cursor: move;
  position: absolute;
  display: none;
  top: 10px;
  left: 24px;
  font-size: 13px;
  color: #c4c4c4;
}
.name-column-header .pulses-count {
  flex: 1 0 auto;
  text-align: right;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 400;
}
.name-column-header.name-column-header-light > .pulses-count {
  padding-right: 12px;
  /* light version. */
}
.name-column-header .resize-column {
  display: none;
}
.name-column-header.resizing .resize-column {
  display: block;
}
.name-column-header .sort-by-column {
  display: none;
}
.name-column-header.sorted .sort-by-column {
  display: block;
}
.name-column-header:hover .resize-column,
.name-column-header:hover .sort-by-column {
  display: block;
}
.name-column-header:hover .column-header-inner .drag-handle {
  display: inline-block;
}
.numeric-units-component {
  margin-bottom: 20px;
}
.numeric-units-component .units-title {
  font-weight: 400;
  margin-bottom: 8px;
}
.numeric-units-component .units-content {
  display: flex;
}
.numerics-sum-component .numerics-sum-hr {
  margin-top: 16px;
  margin-bottom: 8px;
  height: 0px;
  border: 0.5px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
/* mixin for multiline */
.group-footer-component.with-columns-footer .add-pulse-component:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  background: white;
  height: 76px;
  z-index: 1;
}

.numeric-configuration-content-component {
  width: 325px;
  position: relative;
  padding: 10px;
  pointer-events: all;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}

.numeric-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before, .numeric-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  left: auto !important;
  right: 100%;
}
.numeric-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before {
  border-left-color: transparent;
  border-right-color: #e1e1e1;
}
.numeric-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  border-right-color: #ffffff;
  border-left-color: transparent;
}
.numeric-column-footer-dialog-wrapper {
  pointer-events: none;
}
.numeric-column-footer-dialog-wrapper .numeric-configuration-content-wrapper {
  display: flex;
  justify-content: flex-end;
}
.numeric-column-footer-dialog-wrapper.reposition-left .numeric-configuration-content-wrapper {
  justify-content: flex-start;
}

.numeric-column-footer-component {
  height: 100%;
  text-align: center;
  transition: background 0.15s ease;
}
.numeric-column-footer-component:hover.can-edit {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.numeric-column-footer-component.can-edit {
  cursor: pointer;
}
.numeric-column-footer-component.can-edit:hover .numeric-column-footer-function .column-footer-function-inner {
  color: #0085ff;
  color: var(--primary-color);
}
.numeric-column-footer-component .numeric-column-footer-value {
  font-weight: 400;
  font-size: 15px;
  padding: 3px;
  max-width: 140px;
  margin: 0px auto;
  color: #323338;
  color: var(--primary-text-color);
}
.numeric-column-footer-component .numeric-column-footer-function {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-color);
  bottom: 0px;
  right: 0;
  left: 0;
}
.numeric-column-footer-component .column-footer-function-inner.inner-link-saw-tip {
  color: #0085ff;
  color: var(--primary-color);
}
/* mixin for multiline */
.group-header-component.collapsed .columns-footer-component .empty-footer-column {
  flex-shrink: 0;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  border-radius: unset;
}
.group-header-component.collapsed .columns-footer-component .columns-footer-column {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  border-radius: 4px 0 0 4px;
}
.group-header-component.collapsed .columns-footer-component .columns-footer-column:before {
  background: none;
}

.columns-footer-component {
  height: 40px;
  display: flex;
  position: relative;
  margin: 0 38px 0 0;
}
.columns-footer-component.sticky-feature .empty-block-before-columns {
  position: -webkit-sticky;
  position: sticky;
  left: 16px;
}
.columns-footer-component .floating-first-footer {
  background-color: rgba(255, 255, 255, 0.93) !important;
  background-color: rgba(var(--primary-background-color), 0.93) !important;
  position: relative;
}
.columns-footer-component .empty-block-before-columns {
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  width: 30px;
  z-index: 2;
}
.columns-footer-component .empty-block-before-columns:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.columns-footer-component .columns-footer-column {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-radius: 0 0 4px 4px;
  height: 100%;
  min-width: 0;
  position: relative;
}
.columns-footer-component .columns-footer-column.placeholder {
  background-color: rgba(245, 246, 248, 0.5);
}
.columns-footer-component .columns-footer-column:before {
  content: "";
  position: absolute;
  height: 36px;
  top: -36px;
  left: 0px;
  right: 0px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  opacity: 0.5;
  pointer-events: none;
}
.columns-footer-component .columns-footer-column:not(.name-footer) {
  flex-grow: 0;
  flex-shrink: 0;
}
.columns-footer-component .columns-footer-column.locked {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35) 6px, rgba(255, 255, 255, 0.5) 6px, rgba(255, 255, 255, 0.5) 13px);
  background: repeating-linear-gradient(45deg, rgba(var(--primary-background-color-rgb), 0.35), rgba(var(--primary-background-color-rgb), 0.35) 6px, rgba(var(--primary-background-color-rgb), 0.5) 6px, rgba(var(--primary-background-color-rgb), 0.5) 13px);
}
.columns-footer-component .columns-footer-column.collapsing, .columns-footer-component .columns-footer-column.expanding {
  transition: flex-basis 300ms;
}
.columns-footer-component .columns-footer-column.loading {
  transition: flex-basis 400ms ease-out;
}
.columns-footer-component .columns-footer-column.removing {
  transition: flex-basis 400ms ease-in;
}
.columns-footer-component .columns-footer-column.name-footer {
  flex: 1 0 300px;
}
.columns-footer-component .columns-footer-column.color-footer {
  flex: 0 0 140px;
}
.columns-footer-component .columns-footer-column.person-footer {
  flex: 0 0 80px;
}
.columns-footer-component .columns-footer-column.tag-footer {
  flex: 0 0 140px;
}
.columns-footer-component .columns-footer-column.date-footer {
  flex: 0 0 140px;
}
.columns-footer-component .columns-footer-column.timerange-footer {
  flex: 0 0 160px;
}
.columns-footer-component .columns-footer-column.text-footer {
  flex: 0 0 140px;
}
.columns-footer-component .columns-footer-column.numeric-footer {
  flex: 0 0 140px;
}
.breadcrumbs-column-header {
  background-color: #f5f6f880;
  background-color: var(--pulse-background-color-opacity);
  color: #323338;
  color: var(--primary-text-color);
  border-top-left-radius: 4px;
  display: flex;
  align-items: center;
  flex: 0 0 950px;
  height: 44px;
}
.breadcrumbs-column-header .breadcrumbs-path {
  margin-left: 8px;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.breadcrumbs-column-header .breadcrumbs-path .breadcrumbs-board-name,
.breadcrumbs-column-header .breadcrumbs-path .breadcrumbs-arrow,
.breadcrumbs-column-header .breadcrumbs-path .breadcrumbs-group-name {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs-column-header .breadcrumbs-path .breadcrumbs-board-name,
.breadcrumbs-column-header .breadcrumbs-path .breadcrumbs-group-name {
  margin: 0 2px;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs-column-header .board-icon {
  margin-left: 8px;
  margin-top: 2px;
}
.column-integration-tooltip .column-integration-tooltip-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400;
}

.column-summary-tooltip__title {
  font-size: 16px;
  margin: 8px 0;
  font-weight: 400;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.group-header-component .column-header {
  position: relative;
  min-width: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
  min-height: 40px;
  padding: 10px 0 0;
  border-right: 1px solid;
  border-right-color: #ffffff;
  border-right-color: var(--primary-background-color);
  flex-grow: 0;
  flex-shrink: 0;
}
.group-header-component .column-header .column-header-element-wrapper {
  width: 20px;
}
.group-header-component .column-header.description .column-header-element-wrapper {
  display: flex;
  width: 40px;
}
.group-header-component .column-header.description .title-wrapper {
  width: calc(100% - 10px);
}
.group-header-component .column-header .extended-drop-target {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
}
.group-header-component .column-header .title-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.group-header-component .column-header .title-wrapper.has-permissions {
  margin-left: 6px;
  width: calc(100% - 6px);
}
.group-header-component .column-header.dragging {
  border: 1px dashed;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #f5f6f8 !important;
  background-color: var(--pulse-background-color) !important;
}
.group-header-component .column-header.valid-target {
  border: 1px dashed;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px;
  color: transparent;
  background-color: rgba(97, 202, 247, 0.25) !important;
}
.group-header-component .column-header.valid-target *:not(.extended-drop-target) {
  display: none !important;
}
.group-header-component .column-header .column-header-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}
.group-header-component .column-header .drag-handle {
  cursor: move;
  width: 0px;
  display: none;
  flex: 0 0 auto;
}
.group-header-component .column-header:hover, .group-header-component .column-header.resizing, .group-header-component .column-header.menu-open, .group-header-component .column-header.column-resize-mode, .group-header-component .column-header.column-drag-mode {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.group-header-component .column-header:hover:not(.renaming-column):not(.column-resize-mode) .drag-handle, .group-header-component .column-header.resizing:not(.renaming-column):not(.column-resize-mode) .drag-handle, .group-header-component .column-header.menu-open:not(.renaming-column):not(.column-resize-mode) .drag-handle, .group-header-component .column-header.column-resize-mode:not(.renaming-column):not(.column-resize-mode) .drag-handle, .group-header-component .column-header.column-drag-mode:not(.renaming-column):not(.column-resize-mode) .drag-handle {
  display: block;
  width: 10px;
}
.group-header-component .column-header:hover:not(.renaming-column):not(.column-resize-mode) .drag-handle.column-drag-mode, .group-header-component .column-header.resizing:not(.renaming-column):not(.column-resize-mode) .drag-handle.column-drag-mode, .group-header-component .column-header.menu-open:not(.renaming-column):not(.column-resize-mode) .drag-handle.column-drag-mode, .group-header-component .column-header.column-resize-mode:not(.renaming-column):not(.column-resize-mode) .drag-handle.column-drag-mode, .group-header-component .column-header.column-drag-mode:not(.renaming-column):not(.column-resize-mode) .drag-handle.column-drag-mode {
  -webkit-animation: blink-drag 2s;
          animation: blink-drag 2s;
}
.group-header-component .column-header:hover:not(.renaming-column) .column-menu-button-placeholder, .group-header-component .column-header.resizing:not(.renaming-column) .column-menu-button-placeholder, .group-header-component .column-header.menu-open:not(.renaming-column) .column-menu-button-placeholder, .group-header-component .column-header.column-resize-mode:not(.renaming-column) .column-menu-button-placeholder, .group-header-component .column-header.column-drag-mode:not(.renaming-column) .column-menu-button-placeholder {
  width: 16px;
}
.group-header-component .column-header:hover:not(.renaming-column) .title-wrapper, .group-header-component .column-header.resizing:not(.renaming-column) .title-wrapper, .group-header-component .column-header.menu-open:not(.renaming-column) .title-wrapper, .group-header-component .column-header.column-resize-mode:not(.renaming-column) .title-wrapper, .group-header-component .column-header.column-drag-mode:not(.renaming-column) .title-wrapper {
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}
.group-header-component .column-header:hover:not(.renaming-column) .title-wrapper .column-title-inner-wrapper, .group-header-component .column-header.resizing:not(.renaming-column) .title-wrapper .column-title-inner-wrapper, .group-header-component .column-header.menu-open:not(.renaming-column) .title-wrapper .column-title-inner-wrapper, .group-header-component .column-header.column-resize-mode:not(.renaming-column) .title-wrapper .column-title-inner-wrapper, .group-header-component .column-header.column-drag-mode:not(.renaming-column) .title-wrapper .column-title-inner-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-header-component .column-header:hover:not(.renaming-column) .title-wrapper:not(.renaming-column), .group-header-component .column-header.resizing:not(.renaming-column) .title-wrapper:not(.renaming-column), .group-header-component .column-header.menu-open:not(.renaming-column) .title-wrapper:not(.renaming-column), .group-header-component .column-header.column-resize-mode:not(.renaming-column) .title-wrapper:not(.renaming-column), .group-header-component .column-header.column-drag-mode:not(.renaming-column) .title-wrapper:not(.renaming-column) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-header-component .column-header.merged-column {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--primary-background-color);
}
.group-header-component .column-header.merged-column:hover, .group-header-component .column-header.merged-column.resizing, .group-header-component .column-header.merged-column.menu-open, .group-header-component .column-header.merged-column.column-resize-mode, .group-header-component .column-header.merged-column.column-drag-mode {
  border-top-right-radius: 0px;
}
.group-header-component .column-header.merged-column .merged-column-indication-icon {
  margin-right: 8px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 13px;
}
.group-header-component .column-header.merged-column .merged-column-indication-icon:not(.has-permissions) {
  margin-left: 8px;
}
.group-header-component .column-header .column-type-icon {
  color: #808080;
  font-size: 11px;
  margin-right: 2px;
}
.group-header-component .column-header .column-title-image-icon {
  height: 16px;
  width: 16px;
  margin: 0 4px 0 0;
}
.group-header-component .column-header.left-to-linked {
  border-right: 0px;
  border-top-right-radius: 0px;
}
.group-header-component .column-header.left-to-linked .merged-column-indication-icon {
  display: none;
}
.group-header-component .column-header.right-to-linked {
  border-top-left-radius: 0px;
}
.group-header-component .column-header.right-to-linked .merged-column-indication-icon {
  display: none;
}
.group-header-component .column-header.collapsing, .group-header-component .column-header.expanding {
  transition: flex-basis 300ms;
}
.group-header-component .column-header.loading {
  transition: flex-basis 400ms;
}
.group-header-component .column-header.removing {
  transition: flex-basis 400ms ease-in;
}
@-webkit-keyframes blink-drag {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes blink-drag {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.group-header-component .column-header .due-date-reminder-notification {
  cursor: pointer;
  margin: 0 4px;
}
.group-header-component .column-header .due-date-reminder-notification:hover {
  color: #0085ff;
  color: var(--primary-color);
}

.column-header-plain {
  border-top: 1px solid transparent;
}
.lookup-cell-tooltip-component {
  max-width: 200px;
}
.lookup-cell-tooltip-component .connect-link,
.lookup-cell-tooltip-component .board-link {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}
.due-date-automation-tool-tip-content {
  display: flex;
  flex-direction: column;
  padding-right: 24px;
}
.due-date-automation-tool-tip-content .title {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}
.due-date-automation-tool-tip-content .title .automation-icon {
  margin-right: 8px;
}
.due-date-automation-tool-tip-content .content {
  padding: 8px 0;
  font-size: 14px;
}
.email-integration-tooltip {
  width: 260px;
}
.email-integration-tooltip .email-integration-tooltip-title {
  margin-bottom: 4px;
  font-weight: bold;
  display: flex;
}
.email-integration-tooltip .email-integration-tooltip-title .icons-wrapper .integration-badge-container {
  cursor: default;
}
.email-integration-tooltip .email-integration-tooltip-title p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-integration-tooltip .integration-app-category-button {
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  text-decoration: underline;
}
.hexagon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hexagon-container.disabled {
  opacity: 0.4;
}
.integration-badges-component {
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-badges-component .integration-badge-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-badges-component .integration-badge-container .background-hexagon {
  position: absolute;
  top: -2px;
}
.integration-badges-component .integration-badge-container .extra-counter {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
}
.integration-badges-component .integration-badge-container .integration-logo {
  position: absolute;
  height: 18px;
  width: 18px;
}
.integration-badges-component .integration-badge-container:hover {
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.08));
  cursor: pointer;
}
.integration-badges-component .integration-badge-container:hover .background-hexagon {
  top: 0;
}
.integration-badges-component .integration-badge-container:not(:first-child) {
  margin-left: -13px;
}
.change-column-type-content {
  padding: 6px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.change-column-type-content .change-column-type-title {
  font-size: inherit;
  font-weight: 600;
  padding-bottom: 2px;
}
.change-column-type-content .change-column-type-body {
  font-size: inherit;
  padding-bottom: 5px;
}
.change-column-type-content .change-column-type-button-square {
  display: flex;
  padding-top: 8px;
  justify-content: space-around;
}
.column-permissions-dialog-component {
  display: flex;
  flex-direction: column;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.column-permissions-dialog-component .permissions-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.column-permissions-dialog-component .permissions-dialog-content .person-picker-wrapper {
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
  margin: 0px 16px;
}
.column-permissions-dialog-component .permissions-dialog-content .person-list-component {
  flex: 1 1 auto;
}
.column-permissions-dialog-component .permissions-dialog-content .footer {
  border-top: 1px dashed #c4c4c4;
  padding: 16px 0px;
  margin: 0px 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.column-permissions-dialog-component .permissions-dialog-content .footer .footer-text {
  flex: 0 0 auto;
}
.column-permissions-dialog-component .permissions-dialog-content .footer .crown-icon {
  flex: 0 0 auto;
  color: #ffffff;
  background: #333333;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  margin-right: 8px;
}
.person-list-item-component {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.person-list-item-component .user-image-wrapper {
  position: relative;
  margin-right: 16px;
}
.person-list-item-component .user-image-wrapper .user-image {
  height: 30px;
  width: 30px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
}
.person-list-item-component .user-image-wrapper .user-type-icon {
  position: absolute;
  bottom: 5px;
  right: -5px;
}
.person-list-item-component .user-image-wrapper .user-type-icon.type-guest {
  transform: rotate(-10deg);
  color: #a358df;
  bottom: 2px;
  right: -2px;
}
.person-list-item-component .user-image-wrapper .user-type-icon.type-owner {
  color: #ffffff;
  background: #333333;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  bottom: 5px;
  right: -5px;
}
.person-list-item-component .user-image-wrapper .view-only {
  position: absolute;
  bottom: 4px;
  right: -3px;
  width: 55%;
}
.person-list-item-component .user-name {
  font-size: 16px;
  flex-grow: 1;
}
.person-list-item-component .crown_user {
  color: #ffffff;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-radius: 50%;
  font-size: 16px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
}
.person-list-item-component .delete-user-icon {
  cursor: pointer;
  font-size: 20px;
  color: #c4c4c4;
}
.person-list-item-component .delete-user-icon:hover {
  color: #333333;
}
.person-list-item-component.disabled .user-image-wrapper {
  opacity: 0.3;
}
.person-list-item-component.disabled .user-name {
  opacity: 0.3;
}
.person-list-component {
  overflow: auto;
  padding: 16px;
  min-height: 190px;
  max-height: 250px;
}
.column-permissions-dialog-header {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
}
.column-permissions-dialog-header .title {
  flex: 1 0 auto;
  padding: 16px;
}
.column-permissions-dialog-header .action-button {
  flex: 0 0 auto;
  padding: 16px;
  font-weight: 500;
  height: 100%;
}
.column-permissions-dialog-header .action-button:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
/* mixin for multiline */
.permissions-column-button-component {
  margin-right: 6px;
}
.permissions-column-button-component .permissions-dialog-button.emphasized-mode {
  -webkit-animation: blink_symbol 3000ms;
          animation: blink_symbol 3000ms;
}
.permissions-column-button-component .permissions-dialog-button.open, .permissions-column-button-component .permissions-dialog-button:hover:not(.floating) {
  color: #0085ff;
  color: var(--primary-color);
}
.permissions-column-button-component .permissions-dialog-button.floating {
  cursor: default;
  color: #c4c4c4;
}
.permissions-column-button-component .permissions-dialog-button .unpermitted {
  font-size: 16px;
}

.permissions-dialog-wrapper {
  width: 340px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}
.permissions-dialog-wrapper:not(.mobileDevice):before {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -5px;
  right: calc(50% - 5px);
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  z-index: 100000;
}
.reposition-right .permissions-dialog-wrapper:not(.mobileDevice):before {
  right: 14px;
}
.reposition-right .permissions-dialog-wrapper {
  margin-left: 15px;
}

@-webkit-keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}

@keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}
.description-dialog {
  min-width: 296px;
  min-height: 111px;
  border-right: 4px;
  padding: 16px;
  background: #ffffff;
  background: var(--dialog-background-color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}
.description-dialog .description-dialog-input {
  margin-bottom: 16px;
  min-height: 40px;
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  resize: none;
  overflow: hidden;
  padding: 8px;
  height: auto;
  outline: none;
  border-radius: 4px;
  max-height: 60vh;
}
.description-dialog .description-dialog-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.description-dialog .description-dialog-input:not(:empty) {
  height: auto;
}
.description-dialog .description-dialog-actions-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.description-dialog .description-dialog-actions-container .description-dialog-cancel-action {
  margin-right: 10px;
}
.description-icon {
  margin-right: 4px;
  margin-left: 2px;
  font-size: 15px;
}
.description-icon:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.description-icon.floating {
  cursor: initial;
}
.collapsed-column-header-component {
  cursor: pointer;
  font-size: 100%;
}
.collapsed-column-header-component.disabled {
  cursor: default;
  color: #c4c4c4;
}
.column-header-inner .column-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding-bottom: 1px;
}

.column-menu-dialog-wrapper {
  width: 528px;
  pointer-events: none;
}
.column-menu-dialog-wrapper.reposition-right {
  display: flex;
  justify-content: flex-end;
}

.column-menu-dialog:not(.column-settings-menu) {
  min-width: 224px;
}
.column-menu-dialog:not(.column-settings-menu) .column-menu-patch + .ds-menu-inner {
  min-width: 224px;
}

.column-menu-dialog {
  pointer-events: all;
}
.column-menu-dialog .column-menu-patch {
  position: absolute;
  left: 0px;
  width: 14px;
  background-color: white;
  height: 1px;
  top: -1px;
}
.column-menu-dialog.column-settings-menu .ds-menu-inner {
  overflow: visible;
}
.column-menu-dialog .change-column-type-secondary-menu .secondary-menu-title {
  font-weight: 300;
}
.column-menu-dialog .ds-menu-item .ds-icon .status-column-icon {
  background-image: url("/images/small-status-column.svg");
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
}
.column-menu-dialog .ds-menu-item .ds-icon .icon-eye:before {
  transform: translateY(2px);
}
.column-menu-dialog .ds-menu-item .ds-icon .icon-hidden-eye:before {
  transform: translateY(1px);
}
.column-menu-dialog .ds-menu-item .ds-icon .desc-icon,
.column-menu-dialog .ds-menu-item .ds-icon .asc-icon {
  font-size: 12px;
}
.column-menu-dialog .ds-menu-item:not(.disabled):hover .ds-icon .status-column-icon, .column-menu-dialog .ds-menu-item:not(.disabled).active .ds-icon .status-column-icon {
  background-image: url("/images/small-status-column-white.svg");
}
.column-menu-dialog .ds-menu-item.column-id {
  color: #9699a6;
}
.column-menu-dialog .ds-menu-item.column-id:hover {
  background-color: white;
}
.column-menu-dialog .ds-menu-item.column-id .ds-icon {
  color: #9699a6;
}
.column-menu-dialog .collapse-icon-menu-bar {
  font-size: 16px;
}

.column-store-button {
  text-align: center;
}

.reposition-right .column-menu-dialog .column-menu-patch {
  left: auto;
  right: 0px;
}

.selected-menu-item {
  -webkit-animation: fade_out 3s ease-out;
          animation: fade_out 3s ease-out;
}
.column-settings-component {
  padding: 16px;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.column-settings-component.board-relation {
  padding: 0px;
}
.column-settings-component.board-relation .column-settings-title {
  display: none;
}
.column-settings-component.lookup-column-type .column-settings-title, .column-settings-component.timerange-column-type .column-settings-title {
  display: none;
}
.column-settings-component .column-settings-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
  margin-bottom: 8px;
}
.column-settings-component.formula-column-type {
  padding: 8px 0px 0px 0px;
}
.column-settings-component.formula-column-type .column-settings-title {
  display: none;
}
.upsale-feature-component {
  height: 100%;
  width: 100%;
  display: flex;
}
.upsale-feature-component .upsale-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px;
  background-color: #e5f4ff;
  border-radius: 4px;
  padding: 8px;
  height: 260px;
  min-width: 184px;
  width: 100%;
}
.upsale-feature-component .upsale-content .upsale-content-image-wrapper {
  height: 64px;
  margin-bottom: 24px;
}
.upsale-feature-component .upsale-content .upsale-content-image-wrapper .upsale-content-image {
  height: 100%;
}
.upsale-feature-component .upsale-content .upsale-content-desc,
.upsale-feature-component .upsale-content .upsale-content-header {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  white-space: normal;
}
.upsale-feature-component .upsale-content .upsale-content-header {
  font-weight: bold;
  margin-bottom: 8px;
}
.upsale-feature-component .upsale-content .upsale-content-button-wrapper {
  padding-top: 32px;
}
.column-title {
  cursor: text;
}
.column-title:not(.renaming-column) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-title.change-type-new-column {
  font-weight: 500;
}
.column-title .ds-editable-input {
  text-align: center;
}
.column-title .column-title-light-inner {
  padding: 0px 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-header-component {
  display: flex;
  position: relative;
}
.group-header-component.group-header-component-light.collapsed .collapsed-columns-footer-wrapper {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  margin: 0 38px 0 0;
  width: 100%;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.group-header-component.group-header-component-light.dragLayer .group-menu {
  display: none;
}
.group-header-component.group-header-component-light.dragLayer .columns-footer-component {
  margin-right: 0;
}
.group-header-component.group-header-component-light.dragLayer .name-column-header {
  background: #e6e9ee !important;
}
.group-header-component .columns-footer-component {
  width: 100%;
}
.group-header-component .columns-footer-component .empty-block-before-columns {
  width: 0;
}
.group-header-component .group-menu-mobile-placeholder {
  flex: 1 0 30px;
}
.group-header-component.collapsed:not(.floating-column) .name-column-header {
  background: transparent;
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
  transition: background 0.1s ease;
  padding-left: 8px;
}
.group-header-component.collapsed:not(.floating-column) .name-column-header .drag-handle {
  left: 32px;
}
.group-header-component.collapsed:not(.floating-column) .name-column-header.name-column-header-light {
  padding-left: 11px;
}
.group-header-component.collapsed:not(.floating-column) .name-column-header:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.group-header-component.collapsed:not(.floating-column) .name-column-header:hover:before {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.group-header-component.collapsed:not(.floating-column) .group-menu-button {
  opacity: 0;
  pointer-events: none;
}
.group-header-component:hover .group-menu-button {
  opacity: 1;
}
.group-header-component .header-placeholder {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  flex-grow: 1;
}
/* mixin for multiline */
.pulse-loading-indicator {
  flex: 1;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.pulse-loading-indicator.grid-pulse:before {
  width: 46px;
  left: -16px;
}
.pulse-loading-indicator.grid-pulse .left-indicator {
  position: -webkit-sticky;
  position: sticky;
  left: 46px;
}
.pulse-loading-indicator.grid-pulse .left-indicator:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.pulse-loading-indicator.grid-pulse .left-indicator:before {
  width: 46px;
  left: -54px;
}
.pulse-loading-indicator.grid-pulse .progress {
  position: -webkit-sticky;
  position: sticky;
  left: 66px;
}
.pulse-loading-indicator .left-indicator {
  border-left-width: 8px;
  border-left-style: solid;
  height: 100%;
  padding-right: 10px;
}
.pulse-loading-indicator .pulse-loading-text {
  font-weight: 400;
  font-size: 13px;
  margin-left: 4px;
  height: 24px;
  display: flex;
  align-items: center;
  color: #666666;
  color: var(--pulse-text-color);
  opacity: 0.6;
}
.pulse-loading-indicator .pulse-loading-text .preloader_active {
  margin-left: 4px;
}
.pulse-loading-indicator .progress {
  width: 150px;
  height: 7px;
  border-radius: 2px;
  margin: 0;
}
.pulse-loading-indicator .progress .progress-bar {
  width: 100%;
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  box-shadow: none;
}
/* mixin for multiline */
.pulse-menu-dialog-wrapper .add-subitem-right-renderer {
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #e5f4ff;
  color: #0085ff;
  color: var(--primary-color);
}
.pulse-menu-dialog-wrapper .add-subitem-right-renderer .icon {
  margin-right: 2px;
  font-size: 15px;
}

.pulse-component:hover .pulse-menu-component .subitem-discoverability-badge, .pulse-component:hover .grid-pulse-menu-component .subitem-discoverability-badge,
.pulse-component .is-open.grid-pulse-menu-component .subitem-discoverability-badge,
.pulse-component .is-open.pulse-menu-component .subitem-discoverability-badge {
  display: block;
}

.grid-pulse-menu-component,
.pulse-menu-component {
  align-items: center;
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  display: flex;
  flex: 0 0 30px;
  justify-content: center;
  max-width: 30px;
  z-index: 1;
}
.grid-pulse-menu-component:before,
.pulse-menu-component:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.grid-pulse-menu-component .subitem-discoverability-badge,
.pulse-menu-component .subitem-discoverability-badge {
  display: none;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 2px white;
  border-radius: 50%;
  background-color: #db4c3f;
  transform: translate(7px, -7px);
  position: absolute;
}
.pulse-drag-effect .grid-pulse-menu-component,
.pulse-drag-effect .pulse-menu-component {
  display: none;
}
.grid-pulse-menu-component .ds-menu-button-container,
.pulse-menu-component .ds-menu-button-container {
  opacity: 0;
}
.grid-pulse-menu-component.is-open .ds-menu-button-container,
.pulse-menu-component.is-open .ds-menu-button-container {
  opacity: 1;
}
/* mixin for multiline */
.cell-component {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  border-right: 1px solid;
  border-right-color: #ffffff;
  border-right-color: var(--primary-background-color);
  color: #666666;
  color: var(--pulse-text-color);
  position: relative;
}
.cell-component > * {
  height: 34px;
}
.double-item-height .cell-component > * {
  height: 54px;
}
.triple-item-height .cell-component > * {
  height: 80px;
}
.cell-component:not(.color-cell) {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.placeholder.cell-component {
  border-right: none;
}
.batch-actions-hover.cell-component:after, .navigation-focus.cell-component:after {
  position: absolute;
  content: "";
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.batch-actions-hover.cell-component:after {
  box-shadow: inset 0 0 0 1px #99d4ff;
  background: rgba(15, 162, 226, 0.15);
}
.navigation-focus.cell-component {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
}
.navigation-focus.cell-component:after {
  box-shadow: inset 0 0 0 1px #e6e9ef;
  box-shadow: inset 0 0 0 1px var(--pulse-selected-background-color);
}
.filter-highlight.cell-component {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
}
.filter-highlight.cell-component .clear-btn:after {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
}

.cell-component.name-cell {
  flex: 1 0 308px;
  will-change: transform;
  height: 100%;
}
.cell-component:not(.name-cell) {
  flex: 0 0;
}
.cell-component.text-cell {
  overflow: visible;
  min-width: 0;
}
.cell-component.meta-cell {
  cursor: default;
}
.cell-component .cell-component-unlock-wrapper,
.cell-component .cell-component-notice-wrapper {
  width: 100%;
  height: 100%;
}
.cell-component.collapsed-cell {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  cursor: default;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.cell-component.collapsed-cell + .cell-component.collapsed-cell {
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
}
.cell-component.collapsing, .cell-component.expanding {
  transition: flex-basis 300ms;
}
.cell-component.loading {
  transition: flex-basis 400ms ease-out;
}
.cell-component.removing {
  transition: flex-basis 400ms ease-in;
}
.cell-component.change-type-original-cell:not(.color-cell) {
  background-color: #e6e9ef;
  background-color: var(--pulse-selected-background-color);
}
.cell-component.change-type-original-cell:not(.color-cell) > div {
  opacity: 0.5;
}
.cell-component.locked-cell:not(.color-cell):before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35) 6px, rgba(255, 255, 255, 0.5) 6px, rgba(255, 255, 255, 0.5) 13px);
  background: repeating-linear-gradient(45deg, rgba(var(--primary-background-color-rgb), 0.35), rgba(var(--primary-background-color-rgb), 0.35) 6px, rgba(var(--primary-background-color-rgb), 0.5) 6px, rgba(var(--primary-background-color-rgb), 0.5) 13px);
}
.cell-component.locked-cell.color-cell:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 6px, rgba(255, 255, 255, 0.45) 6px, rgba(255, 255, 255, 0.45) 13px);
  background: repeating-linear-gradient(45deg, rgba(var(--primary-background-color-rgb), 0.5), rgba(var(--primary-background-color-rgb), 0.5) 6px, rgba(var(--primary-background-color-rgb), 0.45) 6px, rgba(var(--primary-background-color-rgb), 0.45) 13px);
}
.cell-component .clear-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  width: 17px;
  height: 17px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #c4c4c4;
  cursor: pointer;
}
.cell-component .clear-btn:before {
  z-index: 1;
}
.cell-component .clear-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 30px;
  height: 100%;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 30%, black 100%);
          mask-image: linear-gradient(90deg, transparent 0%, black 30%, black 100%);
}
.cell-component .clear-btn:hover {
  color: #777;
  cursor: pointer;
}
.pulse-component.open .cell-component .clear-btn:after {
  background-color: #e6e9ef;
  background-color: var(--pulse-selected-background-color);
}
.cell-component.conditional-formatting-highlight .clear-btn:after {
  display: none;
}
.cell-component:hover .clear-btn {
  display: flex;
}
.cell-component:hover.suggest-editing:hover {
  cursor: text;
}
.cell-component:hover.suggest-editing:hover:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  bottom: 4px;
  left: 5px;
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  pointer-events: none;
  z-index: 1;
}

.mobile-web-cell-input-component,
.mobile-web-cell-input-component:focus {
  display: flex;
  align-items: center;
  border: 1px #00a1e6 solid !important;
  width: 100%;
  height: 32px;
  padding: 8px;
  font-size: 14px;
  box-shadow: none;
  outline: none;
}
.mobile-web-cell-input-component .ds-text-component,
.mobile-web-cell-input-component:focus .ds-text-component {
  height: auto;
}

.pulse-component .cell-component.change-type-new-cell {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
}

.cell-light-ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
.pulse-ghost-component {
  flex: 1;
  background-color: #f5f6f8;
  display: flex;
  align-items: center;
  border-left-width: 8px;
  border-left-style: solid;
  padding: 0px 10px;
}
.pulse-ghost-component.grid-pulse:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.pulse-ghost-component.grid-pulse:before {
  width: 46px;
  left: -16px;
}
/* mixin for multiline */
.name-cell-component {
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
  height: 100%;
  text-align: left;
}
.name-cell-component.floating {
  background-color: rgba(250, 250, 250, 0.95);
  box-shadow: 2px 0px 8px -6px;
}
.name-cell-component:hover {
  cursor: pointer;
}
.name-cell-component:hover .name-cell-text:not(.is-editing) {
  color: #1f76c2;
  color: var(--link-color);
}
.name-cell-component:hover .edit-icon {
  display: block;
}
.name-cell-component .edit-icon {
  display: none;
  flex: 0 0 24px;
  text-align: center;
  line-height: 24px;
  color: #bbb;
  order: 1;
}
.name-cell-component .edit-icon:hover {
  color: #888;
  background-color: #e0e0e0;
}
.name-cell-component .edit-icon:hover.light-name-cell-component {
  background-color: transparent;
}
.name-cell-component .edit-icon:hover ~ .name-cell-light-text,
.name-cell-component .edit-icon:hover ~ .ds-editable-component {
  border: 1px dashed #c5c7d0;
}
.name-cell-component .subtasks-icon {
  text-align: center;
}
.name-cell-component .number-of-linked-items {
  margin: 0;
  position: initial !important;
  left: initial !important;
}

.name-cell-text {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding-left: 10px;
  line-height: 24px;
  text-decoration: none;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 13px;
}
.name-cell-text .ds-editable-component {
  border: 1px dashed transparent;
}
.name-cell-text .ds-editable-component .ds-text-component {
  border-top: none;
  border-bottom: none;
}
.name-cell-text.is-editing .ds-editable-component {
  border-top: none;
  border-bottom: none;
}
.name-cell-text.is-editing .ds-editable-component .ds-editable-input {
  line-height: 25px;
}

.name-cell-light-text {
  border: 1px solid transparent;
  display: inline-block;
  overflow: hidden;
  padding: 0 3px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name-cell-light-text.line-clamp {
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 18px;
}
.grid-cell-component {
  height: 100%;
}
.grid-cell-component.placeholder {
  border-right: 1px solid;
  border-right-color: #ffffff;
  border-right-color: var(--primary-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.grid-cell-component .grid-cell-component-inner {
  height: 100%;
}
.grid-cell-component .grid-cell-component-inner > .cell-component {
  height: 100%;
}
.grid-cells-row-component {
  width: 100%;
  position: relative;
  height: 100%;
}
.grid-cells-row-component .grid-cell-component-wrapper {
  position: absolute;
  height: 100%;
  will-change: transform;
}
.grid-cells-row-component .grid-cell-component-wrapper.not-in-viewport {
  left: 0;
  width: 0;
  display: none;
}
.grid-pulse-menu-component {
  padding-right: 0 !important;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner {
  height: 100%;
  width: 100%;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner.light {
  padding-right: 4px;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner.light .pulse-menu-component {
  padding-right: 0 !important;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner .pulse-menu-component {
  padding-left: 0 !important;
  max-width: 100% !important;
}
.grid-floating-cells-row-component {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}
.grid-floating-cells-row-component.sticky-feature {
  position: -webkit-sticky;
  position: sticky;
  left: 46px;
  z-index: 2000;
}
.pulse-drag-layer .grid-floating-cells-row-component.sticky-feature {
  left: 0;
}
.grid-floating-cells-row-component.sticky-feature.grid-subitem {
  left: 62px;
}
.grid-floating-cells-row-component.grid-subitem {
  flex-grow: 0;
}
.grid-floating-cells-row-component .grid-floating-cell-pulse-menu {
  position: absolute;
  width: 30px;
  left: -30px;
  height: 100%;
  display: flex;
}
.grid-floating-cells-row-component .grid-floating-cell-component-wrapper {
  flex-grow: 1;
  width: 0;
}
.pulse-component {
  display: flex;
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--primary-background-color);
}
.pulse-component .grid-cells-row-component-wrapper.placeholder {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.first-pulse.subitem-pulse .pulse-component .grid-cells-row-component-wrapper.placeholder {
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
}
.pulse-component.grid-pulse {
  padding-left: 30px;
}
.pulse-component .grid-floating-cells-row-component,
.pulse-component .grid-cells-row-component-wrapper {
  flex-shrink: 0;
}
.pulse-component.ghost {
  pointer-events: none;
}
.pulse-component.can-edit {
  cursor: pointer;
}
.pulse-component:hover .pulse-menu-component .ds-menu-button-container {
  opacity: 1;
}
.pulse-component .cell-placeholder-component {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.board-wrapper.pulse-dragging .pulse-component.dragging {
  position: relative;
}
.board-wrapper.pulse-dragging .pulse-component.dragging:before, .board-wrapper.pulse-dragging .pulse-component.dragging:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  z-index: 3000;
}
.board-wrapper.pulse-dragging .pulse-component.dragging:before {
  left: 30px;
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  z-index: 3012;
}
.pulse-component.open > .cell-component {
  background-color: #e6e9ef;
  background-color: var(--pulse-selected-background-color);
}
.pulse-component.open .grid-cell-component-inner > .cell-component {
  background-color: #e6e9ef;
  background-color: var(--pulse-selected-background-color);
}
.pulse-component.highlight:not(.open) > .cell-component,
.pulse-component.highlight:not(.open) .cell-placeholder-component, .pulse-component:hover:not(.open) > .cell-component,
.pulse-component:hover:not(.open) .cell-placeholder-component {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.pulse-component.highlight:not(.open) .grid-cell-component-inner > .cell-component, .pulse-component:hover:not(.open) .grid-cell-component-inner > .cell-component {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.pulse-component.syncing > .cell-component:not(.pulse-menu-component) {
  opacity: 0.3;
}
.pulse-component.syncing .grid-cell-component-inner > .cell-component:not(.pulse-menu-component) {
  opacity: 0.3;
}
.pulse-component.syncing .preloader {
  top: 6px;
}
.pulse-component .pulse-right-indicator {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  border-right: 8px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  flex: 0 0 38px;
  max-width: 38px;
}

.board-wrapper.pulse-dragging .pulse-component .cell-component,
.board-wrapper.pulse-dragging .pulse-component .pulse-loading-indicator {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.conversation-indicator-component {
  display: flex;
  justify-content: center;
  padding: 0 4px;
}
.conversation-indicator-component .conversation-indicator-icon {
  min-width: 24px;
  height: 24px;
  line-height: 28px;
  position: relative;
}
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-without-update {
  font-size: 24px;
  color: #c5c7d0;
  transition: color 200ms ease;
}
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-without-update:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.conversation-indicator-component .conversation-indicator-icon.recently-updated .icon-v2-chat-with-update {
  color: #0085ff;
  color: var(--primary-color);
}
.conversation-indicator-component .conversation-indicator-icon.recently-updated .updates-count {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-with-update {
  font-size: 24px;
  color: #c5c7d0;
}
.conversation-indicator-component .conversation-indicator-icon .updates-count {
  position: absolute;
  color: #ffffff;
  color: var(--primary-background-color);
  left: 9px;
  top: 10px;
  line-height: 9px;
  font-size: 10px;
  font-weight: 400;
  background: #c5c7d0;
  border-radius: 10px;
  text-align: center;
  padding: 2px 4px;
}
.checklist-indicator-component {
  display: flex;
  padding: 0 4px;
}
.checklist-indicator-component .pulse_checklist_count {
  border-radius: 50%;
  color: #aaa;
  border: 1px solid #aaa;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: relative;
}
.checklist-indicator-component .pulse_checklist_count .checklist-progress {
  display: flex;
  margin: -2px;
  height: 22px;
  width: 22px;
  transform: rotate(-90deg);
}
.checklist-indicator-component .pulse_checklist_count .checklist-progress circle {
  fill: transparent;
  stroke: #00c875;
  stroke-width: 2;
}
.checklist-indicator-component .pulse_checklist_count .checkmark-container {
  font-size: 20px;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -1px;
  left: 0px;
}
.checklist-indicator-component .pulse_checklist_count .checkmark-container.checklist-done {
  color: #00c875;
}
.checklist-indicator-component .pulse_checklist_count .checkmark-container i {
  margin: 0 auto;
}
.subitem-indicator-component {
  padding-left: 18px;
  padding-top: 6px;
}
.upgrade-message-wrapper {
  flex: 1 1 auto;
  text-align: center;
  border: 1px solid #c4c4c4;
  border-bottom: none;
  margin: 20px 24px -20px 24px;
  height: 20px;
  cursor: pointer;
}
.upgrade-message-wrapper .upgrade-message {
  background: white;
  display: inline-block;
  position: relative;
  bottom: 10px;
  padding: 0px 30px;
}
.upgrade-message-wrapper .upgrade-message .upgrade-link {
  text-decoration: none;
  outline: none;
  margin-right: 3px;
  color: #0085ff;
  color: var(--primary-color);
}
.upgrade-message-wrapper .upgrade-message .upgrade-link:hover {
  color: #0086c0;
}
.pulse-search-block-component {
  flex: 1 0 auto;
  position: relative;
  border-left: 1px dashed #c4c4c4;
  border-right: 1px dashed #c4c4c4;
}
.pulse-search-block-component.is-first {
  border-top: 1px dashed #c4c4c4;
}
.pulse-search-block-component.is-last {
  border-bottom: 1px dashed #c4c4c4;
}
.pulse-search-block-component .background-holder {
  opacity: 0.1;
  height: 100%;
}
.pulse-search-block-component:hover .pulse-block {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.pulse-search-block-component .pulse-block {
  opacity: 0;
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  height: 24px;
  line-height: 18px;
  padding: 2px 10px;
  background-color: white;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
}
.pulse-search-block-component .pulse-block .upgrade-message {
  padding: 0;
  bottom: 0;
}
.bootbox.confirmation-style-v2.drag-pulse-while-sort-dialog .modal-header {
  padding: 24px 24px 0;
}
.bootbox.confirmation-style-v2.drag-pulse-while-sort-dialog .modal-body {
  padding: 16px 24px 20px !important;
}
.pulse-drag-layer {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.pulse-drag-effect {
  transform: rotate(1deg);
  opacity: 0.8;
  box-shadow: 0 0 10px -2px #c5c7d0;
  box-shadow: 0 0 10px -2px var(--ui-border-color);
  z-index: 10;
}
.board-footer-wrapper {
  position: absolute;
  width: 100%;
  z-index: 0;
  margin-top: 24px;
  will-change: transform;
}
.board-footer-wrapper .columns-footer-component {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.board-footer-wrapper .columns-footer-component .columns-footer-column {
  border-radius: 4px 4px 0 0;
}
.board-footer-wrapper .columns-footer-component .columns-footer-column:before {
  background: none;
}
.section-header-wrapper {
  position: absolute;
  padding-top: 32px;
  padding-bottom: 16px;
  width: 100%;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--application-border-color);
}
.section-header-wrapper .toggle-wrapper {
  position: absolute;
  bottom: 16px;
}
.section-header-wrapper .toggle-wrapper .collapse-group-button-background--ASSIGNED_IN_THE_PAST_WEEK_SECTION {
  background: #784bd1;
  color: #ffffff;
}
.section-header-wrapper .toggle-wrapper .collapse-group-button-background--ASSIGNED_IN_THE_PAST_MONTH_SECTION {
  background: #66ccff;
  color: #ffffff;
}
.section-header-wrapper .toggle-wrapper .collapse-group-button-background--PREVIOUSLY_ASSIGNED_SECTION {
  background: #ff158a;
  color: #ffffff;
}
.section-header-wrapper .section-header {
  margin-left: 28px;
  font-size: 18px;
  font-weight: bold;
}
.section-header-wrapper .section-header .info-icon {
  margin-left: 8px;
}
.section-header-wrapper .section-header .section-color--ASSIGNED_IN_THE_PAST_WEEK_SECTION {
  color: #784bd1;
  font-weight: 300;
}
.section-header-wrapper .section-header .section-color--ASSIGNED_IN_THE_PAST_MONTH_SECTION {
  color: #66ccff;
  font-weight: 300;
}
.section-header-wrapper .section-header .section-color--PREVIOUSLY_ASSIGNED_SECTION {
  color: #ff158a;
  font-weight: 300;
}
/* mixin for multiline */
.group-footer-component.with-columns-footer .add-pulse-component:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  background: white;
  height: 76px;
  z-index: 1;
}
/* mixin for multiline */
.add-pulse-component {
  display: flex;
  position: relative;
  z-index: 1;
}
.add-pulse-component .add-pulse-left-side {
  width: 100%;
  display: flex;
}
.add-pulse-component .empty-block-before-add-pulse {
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  width: 30px;
  z-index: 2;
}
.add-pulse-component .empty-block-before-add-pulse:before {
  content: "";
  height: 100%;
  width: 16px;
  position: absolute;
  left: -16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.add-pulse-component:after {
  /* Right indicator fallback for light mode. */
  border-right: 8px solid #f1f1f1;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.add-pulse-component .add-pulse-left-indicator {
  flex: 0 0 8px;
  opacity: 0.5;
  transition: opacity 0.1s ease;
}
.add-pulse-component .add-pulse-right-indicator {
  transition: width 0.3s ease;
  width: 8px;
  border-right: 8px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  opacity: 0.5;
  z-index: 1;
}
.add-pulse-component .add-pulse-input {
  height: 35px;
  flex: 1 1 auto;
  border-radius: 0;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  font-size: 14px;
  outline: none;
  font-weight: 400;
  padding-left: 20px;
  padding-top: 5px;
  text-align: left;
}
.add-pulse-component .add-pulse-input:-ms-input-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.add-pulse-component .add-pulse-input::placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.add-pulse-component .add-pulse-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.add-pulse-component .add-pulse-input.light {
  line-height: 26px;
  color: #676879;
  color: var(--placeholder-color);
}
.add-pulse-component .add-pulse-button {
  position: absolute;
  top: 0;
  right: 38px;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.1s ease;
  color: #fff;
  border-color: #0085ff;
  border-color: var(--primary-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  outline: none;
  border: 0;
  padding: 0 12px;
  border-right: 1px solid;
  border-right-color: #ffffff;
  border-right-color: var(--primary-background-color);
}
.add-pulse-component .add-pulse-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.add-pulse-component.focused .add-pulse-left-indicator,
.add-pulse-component.focused .add-pulse-button {
  opacity: 1;
}
.add-pulse-component.focused .add-pulse-right-indicator {
  opacity: 1;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  width: 38px;
}
.add-pulse-component:hover .add-pulse-left-indicator {
  opacity: 1;
}
.add-pulse-component:hover .add-pulse-right-indicator {
  opacity: 1;
}
.joined-board-add-content-component {
  position: relative;
  min-width: 700px;
  padding: 32px 136px 32px 32px;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.17);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.joined-board-add-content-component:before, .joined-board-add-content-component:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.joined-board-add-content-component:before {
  left: 6%;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  border-width: 20px;
  transform: translateX(-11px);
}
.joined-board-add-content-component:after {
  left: 6%;
  border-bottom-color: white;
  border-width: 18px;
  transform: translateX(-9px);
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper .image-container {
  display: flex;
  align-items: center;
  width: 54px;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper .image-container img {
  width: 100%;
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper .content-container {
  flex: 1;
  display: flex;
  align-items: center;
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper .content-container .welcome-to-monday {
  font-size: 22px;
  line-height: 32px;
}
.joined-board-add-content-component .welcome-to-monday-content-wrapper .content-container .user-name {
  text-transform: capitalize;
}
.joined-board-add-content-component .call-to-action-subtitle {
  padding-left: 70px;
}
.joined-board-add-content-component .do-it-later-container {
  position: absolute;
  right: 16px;
  bottom: 16px;
  text-decoration: underline;
  font-size: 14px;
  color: #c4c4c4;
  cursor: pointer;
}
.joined-board-add-content-component .do-it-later-container:hover {
  color: #ababab;
}
.add-first-task-component {
  position: relative;
  width: 376px;
  padding: 48px 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.17);
  background: #ffffff;
  text-align: center;
}
.add-first-task-component:before, .add-first-task-component:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.add-first-task-component:before {
  left: 50%;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  border-width: 20px;
  transform: translateX(-50%);
}
.add-first-task-component:after {
  left: 50%;
  border-bottom-color: white;
  border-width: 18px;
  transform: translateX(-50%);
}
.add-first-task-component .image-container {
  margin-bottom: 8px;
}
.add-first-task-component .image-container img {
  width: 60px;
}
.add-first-task-component .title-container {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
}
.add-first-task-component .subtitle-container {
  font-size: 16px;
  line-height: 20px;
}
.assign-invitee-component {
  border-radius: 8px;
  position: relative;
  padding: 18px;
  width: 376px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.17);
  background: #ffffff;
  text-align: left;
}
.assign-invitee-component:before, .assign-invitee-component:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.assign-invitee-component:before {
  left: 50%;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  border-width: 20px;
  transform: translateX(-50%);
}
.assign-invitee-component:after {
  left: 50%;
  border-bottom-color: white;
  border-width: 18px;
  transform: translateX(-50%);
}
.assign-invitee-component .title-container {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
}
.assign-invitee-component .subtitle-container {
  font-size: 15px;
  line-height: 20px;
}
.assign-invitee-component .icon-dapulse-x-slim {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 12px;
  cursor: pointer;
}
.column-menu-item-wrapper .column-menu-item {
  margin-right: 8px;
}
.group-header-component .add-column-container-v2 {
  flex: 0 0 38px;
  font-size: 19px;
  max-width: 38px;
  min-width: 0px;
  padding: 7px 4px 0;
  text-align: center;
}
.group-header-component .add-column-container-v2 .ds-menu-button-container {
  height: 30px;
}
.group-header-component .add-column-container-v2 .ds-menu-button-container.ds-menu-button-old .add-column-menu-button:hover {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.group-header-component .add-column-container-v2 .button-wrapper {
  display: flex;
  align-items: center;
}
.group-header-component .add-column-container-v2 .button-wrapper .button-text {
  position: absolute;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 32px;
  font-size: 14px;
}
.group-header-component .add-column-container-v2 .add-column-button-disabled {
  position: relative;
  cursor: auto;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
}
.group-header-component .add-column-container-v2 .add-column-menu-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
}
.group-header-component .add-column-container-v2 .add-column-menu-button.single-color {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container-v2 .add-column-menu-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container-v2 .add-column-menu-button:hover.single-color {
  opacity: 0.8;
}
.group-header-component .add-column-container-v2 .add-column-menu-button .icon {
  position: absolute;
  top: 1px;
  left: 5px;
  transition: transform 0.2s ease, color 0.1s ease;
  font-size: 18px;
}
.group-header-component .add-column-container-v2.open .add-column-menu-button {
  color: #0085ff;
  color: var(--primary-color);
}
.group-header-component .add-column-container-v2.open .add-column-menu-button .icon {
  transform: rotate(45deg);
}
.group-header-component .add-column-container-v2.open .ds-menu-button-old .add-column-menu-button {
  border: 1px solid #c4c4c4;
  border-radius: 50% 50% 0 0;
}
.group-header-component .add-column-light-v2 {
  font-size: 18px;
  padding-top: 9px;
}

.add-column-menu-v2-dialog.ds-menu-dialog {
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  width: 346px;
  padding: 16px 16px 0 16px;
  margin-bottom: 80px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .essential-section {
  border-bottom: 0;
}
.add-column-menu-v2-dialog.ds-menu-dialog .useful-section {
  padding-bottom: 16px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .column-store-section {
  padding-left: 0;
  padding-right: 0;
}
.add-column-menu-v2-dialog.ds-menu-dialog .column-menu-section-wrapper {
  width: 346px;
  display: flex;
}
.add-column-menu-v2-dialog.ds-menu-dialog .column-menu-section-wrapper .left-pane {
  width: 153px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .column-menu-section-wrapper .right-pane {
  width: 153px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .ds-menu-inner {
  width: 346px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .ds-menu-item .ds-icon .status-column-icon {
  background-image: url("/images/color2.png");
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 7px;
}
.add-column-menu-v2-dialog.ds-menu-dialog .column-store-button {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.add-column-menu-v2-dialog.ds-menu-dialog .add-column-menu-patch {
  position: absolute;
  right: 0px;
  top: -1px;
  background: white;
  width: 28px;
  height: 1px;
  z-index: 1;
}
.add-column-menu-v2-dialog.ds-menu-dialog .add-column-menu-button {
  position: absolute;
  right: -1px;
  top: -30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: white;
  color: black;
}
.add-column-menu-v2-dialog.ds-menu-dialog .add-column-menu-button .icon {
  transform: rotate(45deg);
  position: absolute;
  top: 1px;
  left: 5px;
  transition: transform 0.2s ease, color 0.1s ease;
  font-size: 18px;
}
.fullscreen-body#main .leftnav,
.fullscreen-body#main #header,
.fullscreen-body#main .collapse-leftpane-button {
  display: none;
}
.fullscreen-body#main #main_container {
  top: 0px !important;
}
.fullscreen-body#main .board-top-header-text {
  margin-left: 10px;
}
.fullscreen-body#main .modal-open #content_wrapper.fullscreen {
  opacity: 0.5;
}
.fullscreen-body#main .modal-open .bootbox.modal {
  z-index: 2147483647;
}

.group-floating-header {
  position: fixed;
  overflow: hidden;
  padding-left: 16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  right: 10px;
  left: 230px;
  z-index: 1000000;
}
.group-floating-header.secondery-surface-open {
  margin-left: 50px;
}
.group-floating-header .header-wrapper {
  padding-top: 18px;
  overflow: hidden;
}
.group-floating-header .header-wrapper .group-header-component {
  padding-right: 30px;
}

#first-level-content-wrapper.first-level-control-pinned #first-level-content .group-floating-header {
  left: 321px;
}
#first-level-content-wrapper.first-level-control-unpinned #first-level-content .group-floating-header {
  left: 96px;
}

#content_wrapper.fullscreen .group-floating-header,
.fullscreen-body .group-floating-header {
  left: 0px !important;
  top: 0px !important;
}

.collapse-leftpane #content_wrapper.old-leftpane .group-floating-header {
  left: 0px;
}

#content_wrapper.old-leftpane .group-floating-header {
  left: 250px;
}
@media (max-width: 1400px) and (min-width: 769px) {
  #content_wrapper.old-leftpane .group-floating-header {
    left: 200px;
  }
}
@media (max-width: 769px) {
  #content_wrapper.old-leftpane .group-floating-header {
    left: 0px;
    top: 0px !important;
  }
}

@media (max-width: 769px) {
  body.header-fixed .group-floating-header {
    transform: translateY(65px);
  }
}

#content_wrapper.search_open .group-floating-header {
  display: none;
}

#application.with-top-reminder .group-floating-header,
#main_container.with-top-reminder .group-floating-header {
  transform: translateY(40px);
}
#application.with-top-reminder .group-floating-header-container.sticky-feature .group-floating-header,
#main_container.with-top-reminder .group-floating-header-container.sticky-feature .group-floating-header {
  transform: translateY(0px);
}
.open-pulse-scroll-to-indicator {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  background-color: white;
  position: fixed;
  z-index: 1000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  bottom: 30px;
}
.open-pulse-scroll-to-indicator:hover {
  background-color: #e6e9ef;
  transition: all 0.1s;
  transform: translateY(2px);
}
.open-pulse-scroll-to-indicator.below .icon {
  height: 12px;
}
.open-pulse-scroll-to-indicator .icon {
  height: 16px;
  color: #0085ff;
  color: var(--primary-color);
}
.subitems-loader-component {
  padding-left: 46px;
  opacity: 0.5;
}
.subitems-loader-component .pulse-loading-indicator {
  border-left-width: 4px;
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  border-top-color: #e6e9ef !important;
  border-top-color: var(--layout-border-color) !important;
  border-bottom-color: #e6e9ef !important;
  border-bottom-color: var(--layout-border-color) !important;
}
.subitems-loader-component .pulse-right-indicator {
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  border-top-color: #e6e9ef !important;
  border-top-color: var(--layout-border-color) !important;
  border-bottom-color: #e6e9ef !important;
  border-bottom-color: var(--layout-border-color) !important;
}
.board-content-component-margin {
  margin-top: 26px;
}

.group-floating-header-container.sticky-feature {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000000;
}
.group-floating-header-container.sticky-feature .group-floating-header {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  margin-left: -16px;
}

.board-content-component {
  box-sizing: content-box;
  padding-bottom: 40px;
  padding-top: 18px;
  padding-left: 16px;
}
.board-content-component a {
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  text-decoration: none;
}
.board-content-component a:hover {
  text-decoration: none;
}
.board-content-component.monday-v2-header-content {
  margin-top: 0px;
}
.board-content-component .clear-board-content-button-wrapper {
  position: relative;
  margin-bottom: 16px;
  margin-left: 7px;
}
.board-content-component .clear-board-content-button-wrapper .clear-board-content-button {
  padding-right: 16px;
  padding-left: 16px;
}
.board-content-component .collapse-all-groups-wrapper {
  margin-left: 6px;
  margin-top: -24px;
  margin-bottom: 4px;
}
.board-content-component .collapse-all-groups-wrapper .collapse-all-groups {
  border-right: none;
}
.board-content-component .collapse-all-groups-wrapper .collapse-all-groups .collapse-group-toggle-component {
  background-color: transparent;
}
.board-content-component .collapse-all-groups-wrapper .collapse-all-groups:hover .collapse-group-toggle-component {
  background-color: #edeef0;
}
.board-content-component.embedded-board {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
}
.board-content-component.no-results .ReactVirtualized__List {
  width: 100% !important;
}
.board-content-component .ReactVirtualized__List,
.board-content-component .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
  min-width: 100%;
  outline: none;
}

.board-content-wrapper {
  box-sizing: content-box;
  padding-right: 30px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 8px;
}
.board-content-wrapper.cross-board {
  padding-left: 16px;
}
.board-content-wrapper.open-selection .pulse-component-wrapper .pulse-component .name-cell-component .pulse-left-indicator:not(.disabled) .left-indicator-inner {
  width: 32px;
}
.board-content-wrapper .filter-blocking-overlay {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  opacity: 0.4;
  height: 100%;
  width: 100%;
  z-index: 100;
  visibility: visible;
  transition: opacity 0.3s;
}
.board-content-wrapper .filter-blocking-overlay.block-hidden {
  visibility: hidden;
  opacity: 0;
}

.board-content-items {
  height: 100%;
  width: 100%;
  outline: none;
  position: relative;
}

.subitems-loader-wrapper,
.board-title-wrapper,
.fetch-group-pulses-wrapper,
.group-footer-wrapper,
.pulse-component-wrapper,
.board-relation-inline-component-wrapper {
  position: absolute;
  width: 100%;
  z-index: 0;
}
.board-content-component.firefox .subitems-loader-wrapper,
.board-content-component.firefox .board-title-wrapper,
.board-content-component.firefox .fetch-group-pulses-wrapper,
.board-content-component.firefox .group-footer-wrapper,
.board-content-component.firefox .pulse-component-wrapper,
.board-content-component.firefox .board-relation-inline-component-wrapper {
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.board-relation-inline-component-wrapper {
  overflow: hidden;
}

.board-relation-inline-component-wrapper {
  overflow: auto;
}

.group-header-wrapper {
  position: absolute;
  width: 100%;
}
.group-header-wrapper.search-block .group-header-component .name-column-header {
  max-width: 350px;
}
.group-header-wrapper.group-is-dragged .group-header-component {
  position: relative;
}
.group-header-wrapper.group-is-dragged .group-header-component:before, .group-header-wrapper.group-is-dragged .group-header-component:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  z-index: 1;
}
.group-header-wrapper.group-is-dragged .group-header-component:before {
  left: 30px;
  right: 36px;
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  z-index: 2;
}

.pulse-component-wrapper {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.pulse-component-wrapper .ghost-pulse {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--primary-background-color);
  margin-left: 30px;
  border-left: 8px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-right: 8px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  height: 100%;
}
.pulse-component-wrapper.search-block .pulse-component .name-cell {
  max-width: 350px;
}
.pulse-component-wrapper.search-block .pulse-component .pulse-right-indicator {
  display: none;
}
.pulse-component-wrapper.flash-animate {
  -webkit-animation: semiflash 0.8s;
          animation: semiflash 0.8s;
}

.board-wrapper.pulse-dragging .pulse-component-wrapper.dragging-target-group {
  will-change: transform;
  transition: transform 0.2s ease;
  z-index: 2;
}
.board-wrapper.pulse-dragging .pulse-component-wrapper.dragging-target-group.dragging {
  transition: none;
  z-index: 1;
}

@-webkit-keyframes semiflash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.5;
  }
}

@keyframes semiflash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.5;
  }
}
.board-wrapper.group-dragging .group-header-wrapper {
  will-change: transform;
  transition: transform 0.2s ease;
}
.board-wrapper.group-dragging .group-header-wrapper.dragging {
  transition: transform 0.1s ease;
  z-index: 1;
}
.board-wrapper.group-dragging .group-header-wrapper .group-header-component .name-column-header .collapse-group-button,
.board-wrapper.group-dragging .group-header-wrapper .group-header-component .name-column-header .drag-handle {
  display: none;
}
.board-wrapper.pulse-dragging .subitem-pulse .pulse-component.dragging:before {
  left: 45px;
}
.board-wrapper.pulse-dragging .pulse-drag-layer.subitem .pulse-component .cell-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.board-wrapper.pulse-dragging .pulse-drag-layer.subitem .pulse-component .cell-component .pulse-left-indicator {
  flex: 0 0 4px;
}
.board-wrapper.pulse-dragging .pulse-drag-layer.subitem .pulse-component .cell-component .pulse-left-indicator .left-indicator-inner {
  width: 4px;
}
.board-wrapper.pulse-dragging .pulse-drag-layer.subitem .pulse-component .cell-component .pulse-left-indicator:hover.can-edit .left-indicator-inner {
  width: 32px;
}
.board-wrapper.pulse-dragging .board-content-component .pulse-component-wrapper.subitem-pulse .grid-pulse-menu-component,
.board-wrapper.pulse-dragging .board-content-component .pulse-component-wrapper.subitem-pulse .pulse-menu-component {
  padding-left: 42px;
}
.board-wrapper.pulse-dragging .board-content-component .pulse-component-wrapper.subitem-pulse .cell-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}

.board-content-component .group-header-wrapper.subitems-group-header {
  padding-top: 8px;
}
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header,
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header-light {
  flex-grow: 0;
  margin-left: 46px;
  padding: 0;
}
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header:before,
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header-light:before {
  content: "";
  position: absolute;
  width: 62px;
  height: 48px;
  transform: translateX(-100%);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header .column-header-inner,
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header-light .group-name {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 400;
}
.board-content-component .group-header-wrapper.subitems-group-header .name-column-header:hover .column-header-inner .group-name {
  margin-left: 0;
}
.board-content-component .group-header-wrapper.subitems-group-header .column-header {
  color: #323338;
  color: var(--primary-text-color);
}
.board-content-component .group-header-wrapper.subitems-group-header .column-header:hover {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.board-content-component .group-header-wrapper.subitems-group-header .column-header .drag-handle {
  color: #323338;
  color: var(--primary-text-color);
}
.board-content-component .group-header-wrapper.subitems-group-header .resize-column {
  width: 3px;
  right: -2px;
}
.board-content-component .group-header-wrapper.subitems-group-header .group-header-component-light .group-name {
  padding: 0 3px;
}
.board-content-component .subitems-loader-component,
.board-content-component .pulse-component-wrapper.subitem-pulse {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.board-content-component .subitems-loader-component.first-pulse .pulse-component .cell-component:not(.color-cell),
.board-content-component .subitems-loader-component.first-pulse .pulse-component .pulse-right-indicator,
.board-content-component .pulse-component-wrapper.subitem-pulse.first-pulse .pulse-component .cell-component:not(.color-cell),
.board-content-component .pulse-component-wrapper.subitem-pulse.first-pulse .pulse-component .pulse-right-indicator {
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
}
.board-content-component .subitems-loader-component .pulse-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component {
  margin-bottom: 1px;
}
.board-content-component .subitems-loader-component .pulse-component.grid-pulse,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component.grid-pulse {
  padding-left: 46px;
}
.board-content-component .subitems-loader-component .pulse-component:hover .cell-component:not(.color-cell),
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component:hover .cell-component:not(.color-cell) {
  border-right-color: #ffffff;
  border-right-color: var(--primary-background-color);
}
.board-content-component .subitems-loader-component .pulse-component .cell-component:not(.color-cell),
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component:not(.color-cell) {
  border-right: 1px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
}
.board-content-component .subitems-loader-component .pulse-component .cell-component:not(.color-cell) > *,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component:not(.color-cell) > * {
  height: 30px;
}
.board-content-component .subitems-loader-component .pulse-component .cell-component:not(.color-cell) .text-cell-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component:not(.color-cell) .text-cell-component {
  line-height: 22px;
}
.board-content-component .subitems-loader-component .pulse-component .person-bullet-image,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .person-bullet-image {
  border-color: transparent;
}
.board-content-component .subitems-loader-component .pulse-component .name-cell-text,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .name-cell-text {
  line-height: 22px;
  height: 22px;
}
.board-content-component .subitems-loader-component .pulse-component .name-cell-text .ds-editable-component,
.board-content-component .subitems-loader-component .pulse-component .name-cell-text .name-cell-light-text,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .name-cell-text .ds-editable-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .name-cell-text .name-cell-light-text {
  height: 22px !important;
}
.board-content-component .subitems-loader-component .pulse-component .cell-component.name-cell,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component.name-cell {
  flex-grow: 0;
}
.board-content-component .subitems-loader-component .pulse-component .cell-component.color-cell,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component.color-cell {
  height: 31px;
}
.board-content-component .subitems-loader-component .pulse-component .cell-component.color-cell .status-cell-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .cell-component.color-cell .status-cell-component {
  height: 31px;
}
.board-content-component .subitems-loader-component .pulse-component .pulse-left-indicator,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator {
  flex: 0 0 4px;
}
.board-content-component .subitems-loader-component .pulse-component .pulse-left-indicator .left-indicator-inner,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator .left-indicator-inner {
  width: 4px;
}
.board-content-component .subitems-loader-component .pulse-component .pulse-left-indicator:hover.can-edit,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:hover.can-edit {
  flex: 0 0 32px;
}
.board-content-component .subitems-loader-component .pulse-component .pulse-left-indicator:hover.can-edit .left-indicator-inner,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:hover.can-edit .left-indicator-inner {
  width: 32px;
}
.board-content-component .subitems-loader-component .pulse-right-indicator,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-right-indicator {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  flex-grow: 1;
  max-width: none;
  position: relative;
}
.board-content-component .subitems-loader-component .pulse-right-indicator:before,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-right-indicator:before {
  content: " ";
  border-right: 1px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  position: absolute;
  left: 36px;
  height: 100%;
}
.board-content-component .subitems-loader-component .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-menu-component {
  padding-left: 24px;
  padding-right: 4px;
  max-width: 58px;
}
.board-content-component .subitems-loader-component .pulse-menu-component.read-only,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-menu-component.read-only {
  padding-left: 42px;
}
.board-content-component .subitems-loader-component .pulse-menu-component .ds-menu-button:not(:hover),
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-menu-component .ds-menu-button:not(:hover) {
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
}
.board-content-component .subitems-loader-component .pulse-component-placeholder .pulse-menu-component,
.board-content-component .subitems-loader-component .pulse-component-light .pulse-menu-component,
.board-content-component .subitems-loader-component .pulse-component.syncing .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component-placeholder .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component-light .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component.syncing .pulse-menu-component {
  padding-left: 42px;
}
.board-content-component .subitems-loader-component .pulse-component-placeholder .grid-floating-cell-pulse-menu .pulse-menu-component,
.board-content-component .subitems-loader-component .pulse-component-light .grid-floating-cell-pulse-menu .pulse-menu-component,
.board-content-component .subitems-loader-component .pulse-component.syncing .grid-floating-cell-pulse-menu .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component-placeholder .grid-floating-cell-pulse-menu .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component-light .grid-floating-cell-pulse-menu .pulse-menu-component,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component.syncing .grid-floating-cell-pulse-menu .pulse-menu-component {
  padding-left: 0;
}
.board-content-component .subitems-loader-component .grid-pulse-menu-component-inner.light,
.board-content-component .pulse-component-wrapper.subitem-pulse .grid-pulse-menu-component-inner.light {
  padding-left: 18px;
}
.board-content-component .subitems-loader-component .pulse-component.syncing .grid-pulse-menu-component .grid-pulse-menu-component-inner.light,
.board-content-component .pulse-component-wrapper.subitem-pulse .pulse-component.syncing .grid-pulse-menu-component .grid-pulse-menu-component-inner.light {
  padding-left: 0;
}
.board-content-component .group-footer-wrapper.subitems-group-footer {
  margin-left: 42px;
  padding-right: 12px;
  width: calc(100% - 12px);
}
.board-content-component .group-footer-wrapper.subitems-group-footer::after {
  content: " ";
  height: 2px;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  margin-left: -10px;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component {
  margin-right: 30px;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component.focused .add-pulse-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .empty-block-before-add-pulse {
  width: 4px;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .add-pulse-left-indicator {
  flex: 0 0 0;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .add-pulse-input {
  border-color: transparent;
  transition: border-color 0.1s ease;
  height: 28px;
  line-height: 28px;
  padding-top: 4px;
  padding-left: 16px;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .add-pulse-input.light {
  padding-top: 0;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .add-pulse-button {
  display: none;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component .add-pulse-right-indicator, .board-content-component .group-footer-wrapper.subitems-group-footer .add-pulse-component::after {
  width: 0;
  border-right: none;
}
.board-content-component .group-footer-wrapper.subitems-group-footer .columns-footer-component {
  height: 0;
}
.board-filter-item-component .item-title {
  transition: max-width 200ms ease-in-out;
  max-width: 0;
  opacity: 0;
}
.board-filter-item-component .item-state-enter-active .item-title,
.board-filter-item-component .item-state-enter-done .item-title {
  max-width: 140px;
  opacity: 1;
}
.board-filter-item-component .item-state-exit .board-filter-item-content:not(.has-value) {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-filter-item-component .item-state-exit .board-filter-item-content .item-title {
  opacity: 0;
}
.board-filter-item-component .item-state-exit-active .board-filter-item-content:not(.has-value) {
  transition: background-color 400ms ease-out;
  background-color: transparent;
}
.board-filter-item-component .board-filter-item-content {
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-filter-item-component .board-filter-item-content:not(.icon-renderer) {
  overflow: hidden;
}
.board-filter-item-component .board-filter-item-content .item-icon {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-filter-item-component .board-filter-item-content .caret-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  height: 100%;
  text-align: center;
  border-left: 1px solid;
  border-left-color: #ffffff;
  border-left-color: var(--primary-background-color);
}
.board-filter-item-component .board-filter-item-content .caret-icon-container .icon {
  font-size: 9px;
  padding-top: 8px;
  width: 24px;
  height: 24px;
}
.board-filter-item-component .board-filter-item-content.has-value .caret-icon-container {
  margin-left: 8px;
}
.board-filter-item-component .board-filter-item-content:not(.opened):not(.has-value):hover,
.board-filter-item-component .board-filter-item-content:not(.opened):not(.has-value):hover .caret-icon-container {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-filter-item-component .board-filter-item-content:not(.opened):not(.has-value):hover .caret-icon-container:hover {
  background-color: #c5c7d0;
  background-color: var(--ui-border-color);
}
.board-filter-item-component .board-filter-item-content.opened, .board-filter-item-component .board-filter-item-content.has-value {
  color: #0085ff;
  color: var(--primary-color);
}
.board-filter-item-component .board-filter-item-content.opened .item-title, .board-filter-item-component .board-filter-item-content.has-value .item-title {
  padding-left: 4px;
}
.board-filter-item-component .board-filter-item-content.opened .item-title + .item-count, .board-filter-item-component .board-filter-item-content.has-value .item-title + .item-count {
  padding-left: 4px;
}
.board-filter-item-component .board-filter-item-content.has-value .item-title {
  max-width: 140px;
  opacity: 1;
}
.board-filter-item-component .board-filter-item-content .item-title {
  white-space: nowrap;
  overflow: hidden;
}
.board-filter-item-component .board-filter-item-content .has-count .item-title {
  padding-right: 4px;
}
.board-filter-item-component .board-filter-item-content.show-title-when-closed.has-count .item-title, .board-filter-item-component .board-filter-item-content.show-title-when-closed.with-caret .item-title {
  padding-right: 0;
}
.board-filter-item-component .board-filter-item-content.show-title-when-closed .item-title {
  max-width: 140px;
  opacity: 1;
  padding-left: 0px;
  white-space: nowrap;
  padding-right: 12px;
}
.board-filter-item-component .board-filter-item-content.show-title-when-closed .item-title .item-icon {
  margin-right: 0px;
}
.board-filter-item-component .board-filter-item-content .item-title,
.board-filter-item-component .board-filter-item-content .item-count {
  font-size: 14px;
  font-weight: 400;
}
.board-filter-item-component .board-filter-item-content.opened, .board-filter-item-component .board-filter-item-content.has-value {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed), .board-filter-item-component .board-filter-item-content.has-value {
  color: #0085ff;
  color: var(--primary-color);
  white-space: nowrap;
  padding-left: 4px;
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed):not(.with-caret), .board-filter-item-component .board-filter-item-content.has-value:not(.with-caret) {
  padding-right: 12px;
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed).without-additional-data, .board-filter-item-component .board-filter-item-content.has-value.without-additional-data {
  padding-right: 4px;
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed) .item-icon, .board-filter-item-component .board-filter-item-content.has-value .item-icon {
  margin-right: -4px;
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed).opened:not(.has-count):not(.show-title-when-open), .board-filter-item-component .board-filter-item-content.has-value.opened:not(.has-count):not(.show-title-when-open) {
  padding: 0px;
}
.board-filter-item-component .board-filter-item-content.opened:not(.show-title-when-closed).opened:not(.has-count):not(.show-title-when-open) .item-icon, .board-filter-item-component .board-filter-item-content.has-value.opened:not(.has-count):not(.show-title-when-open) .item-icon {
  margin-right: 0;
}
.board-filter-item-component .board-filter-item-content.without-additional-data {
  padding: 0px;
}
.board-filter-item-component .board-filter-item-content.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  cursor: default;
}
.board-filter-item-component:not(:last-child) .board-filter-item-content,
.board-filter-item-component .right-space .board-filter-item-content {
  margin-right: 6px;
}
.person-filter-item-component {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  vertical-align: top;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.person-filter-item-component:hover {
  background-color: #ffffff;
  background-color: var(--card-hover-background-color);
}
.person-filter-item-component.selected {
  background-color: #d9f0ff;
  background-color: var(--card-selected-background-color);
}
.person-filter-item-component .person-bullet-component {
  width: 30px;
  height: 30px;
}
.person-filter-item-component .person-filter-person-bullet-component {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
/* mixin for multiline */
.new-person-filter-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 8px 8px 10px 8px;
  max-width: 416px;
  min-width: 220px;
}
.new-person-filter-dialog-component .person-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.new-person-filter-dialog-component.board-filter {
  margin: 0px;
}
.new-person-filter-dialog-component .empty-message {
  padding: 9px 20px;
}
.new-person-filter-dialog-component .person-select-item {
  cursor: pointer;
}
.new-person-filter-dialog-component .save-button-wrapper {
  display: flex;
  justify-content: center;
  margin-left: 4px;
}
.new-person-filter-dialog-component .clear-person-filter-button {
  display: flex-end;
  position: absolute;
  font-size: 14px;
  margin-right: 8px;
  margin-top: 4px;
  right: 0;
  color: #0085ff;
  color: var(--primary-color);
}
.new-person-filter-dialog-component .clear-person-filter-button:hover {
  color: #006acc;
}
.new-person-filter-dialog-component .clear-person-filter-button:last-child {
  padding-right: 0;
}
.new-person-filter-dialog-component .filter-title-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
  justify-content: space-between;
}
.new-person-filter-dialog-component .filter-title-actions .clear-person-filter-button {
  display: block;
  flex: 0 1 auto;
  position: relative;
  font-size: 14px;
  color: #0085ff;
  color: var(--primary-color);
  padding-right: 25px;
  padding-left: 16px;
}
.new-person-filter-dialog-component .filter-title-actions .clear-person-filter-button:hover {
  color: #006acc;
}
.new-person-filter-dialog-component .filter-title-actions .clear-person-filter-button:last-child {
  padding-right: 0;
}
.new-person-filter-dialog-component .filter-title-actions .clear-advanced-filter-button {
  padding: 0;
}
.new-person-filter-dialog-component .filter-title-actions .advanced-filter-subset-save {
  width: 100%;
}
.board-filter .person-select {
  margin-left: 5px;
  position: relative;
  transition: transform 0.2s ease-in-out;
}
.board-filter .person-select.open {
  flex: 1;
}
.board-filter .person-select.with-value {
  transform: translate3d(-33px, 0, 0);
}
.board-filter .person-select.with-value_v2 {
  transform: translate3d(-40px, 0, 0);
}

.person-filter-component .clear-selected-person {
  display: flex;
  width: 10px;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-left: 8px;
  line-height: 11px;
}
.person-filter-component .person-filter-icon {
  font-size: 16px;
  margin-top: 3px;
}
.person-filter-component .person-filter-selected-user {
  display: flex;
  align-items: center;
}
.person-filter-component .person-filter-selected-user .person-filter-bullet {
  height: 32px;
  width: 32px;
  padding: 3px;
}
.person-filter-component .person-filter-selected-user .clear-button {
  margin-left: 2px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 12px;
}
.person-filter-component .person-filter-selected-user .clear-button:hover {
  color: #0071d9;
}
.person-filter-component .board-filter-item-content.has-value, .person-filter-component .board-filter-item-content.opened {
  padding-left: 0;
}
.localized-template-button-component {
  display: flex;
}
.localized-template-button-component .localized-template-extra-info {
  display: flex;
  position: absolute;
  bottom: -20px;
  font-size: 13px;
  margin-left: 3px;
}
.localized-template-button-component .localized-template-extra-info .simple-time-ago {
  font-weight: bold;
  margin-left: 2px;
}
.localized-template-button-component .localized-template-triangle-patch:before, .localized-template-button-component .localized-template-triangle-patch:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  left: 10px;
  transform: translateX(50%);
  border-bottom-color: #c4c4c4;
  border-width: 10px;
}
.localized-template-button-component .localized-template-triangle-patch:after {
  border-bottom-color: #ffffff;
  border-width: 8px;
  left: 14px;
}
.localized-template-button-component .button-with-dropdown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.localized-template-button-component .dropdown-button {
  border-radius: 0px 15rem 15rem 0px;
  border-left: 1px solid;
  border-left-color: #0071d9;
  border-left-color: var(--primary-hover-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  height: 40px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--text-color-on-primary);
  font-size: 15px;
  cursor: pointer;
  transition: background-color 100ms ease-in;
}
.localized-template-button-component .dropdown-button.disabled {
  cursor: default;
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.localized-template-button-component .dropdown-button .fa-angle-down {
  font-weight: 700;
}
.localized-template-button-component .dropdown-button.small-button {
  height: 32px;
}
.localized-template-button-component .dropdown-button:hover:not(.disabled) {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.localized-template-button-component .dropdown-button:active:not(.disabled) {
  outline: none;
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
  border-color: #0071d9;
  border-color: var(--primary-hover-color);
  border-left: 1px solid;
  border-left-color: #0071d9;
  border-left-color: var(--primary-hover-color);
  background-image: none;
}
.localized-template-button-component .ds-btn.ds-btn-primary {
  padding-right: 12px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 15px;
  display: inline-flex;
}
.localized-template-button-component .ds-btn.ds-btn-primary:active {
  transform: scale(1);
}
.localized-template-button-component .ds-btn.ds-btn-primary .add-icon {
  display: inline;
  font-size: 18px;
  position: relative;
  top: -1px;
  padding-right: 4px;
}

.localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item {
  cursor: pointer;
  padding: 8px 8px;
}
.localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item .ds-image {
  flex: 0 0 18px;
  margin-right: 10px;
}
.localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item .ds-icon {
  font-size: 16px;
  margin-right: 10px;
}
.localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item:not(.disabled) .ds-icon {
  color: #333333;
}
.localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item:not(.disabled):hover .ds-icon, .localized-template-dialog.ds-menu-dialog .ds-menu-inner:not(.ds-seconday-menu) .ds-menu-item:not(.disabled).active .ds-icon {
  color: #ffffff;
}
.save-btn-wrapper {
  text-align: center;
}
.save-btn-wrapper .subset-save-button {
  height: initial;
}
.save-btn-wrapper .subset-save-button.subset-save-button-not-square {
  padding-left: 0;
  padding-right: 0;
}
.board-subset-picker-error-component {
  display: flex;
  flex: 1 1;
  font-size: 15px;
  font-weight: 400;
}
.board-subset-picker-error-component .board-subset-picker-error-tooltip {
  display: flex;
}
.board-subset-picker-error-component .board-subset-picker-error-tooltip .icon.subset-icon {
  font-size: 18px;
  padding-right: 6px;
}
.board-subset-picker-error-component .board-subset-picker-error-tooltip .ds-text-component {
  display: flex;
  align-items: center;
}
.board-subset-picker-error-component .board-subset-picker-error-tooltip:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.views-filter-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  padding: 0 10px;
}
.views-filter-empty-state .views-filter-empty-state-text {
  word-break: break-all;
  text-align: center;
}
.board-subset-picker-option {
  cursor: pointer;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
  font-weight: 400;
}
.board-subset-picker-option .subset-icon {
  padding-right: 4px;
}
.board-subset-picker-option .action-subset-icon {
  visibility: hidden;
  padding: 0 8px;
  font-size: 13px;
}
.board-subset-picker-option .subset-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
}
.board-subset-picker-option .subset-actions .save-changes-button {
  height: 20px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 11px;
}
.board-subset-picker-option .subset-actions .save-changes-button:disabled {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  opacity: 0.3;
}
.board-subset-picker-option .subset-actions .share-icon {
  margin-right: 10px;
}
.board-subset-picker-option .subset-actions .share-icon.disabled {
  cursor: default;
}
.board-subset-picker-option .subset-actions .favorite-icon {
  color: #676879;
  color: var(--secondary-text-color);
  margin-right: 4px;
  font-size: 12px;
}
.board-subset-picker-option .subset-actions .menu-subset-edit-options-button-container {
  height: 24px;
  display: flex;
  align-items: center;
  width: 24px;
  justify-content: center;
  visibility: hidden;
}
.board-subset-picker-option .subset-actions .menu-subset-edit-options-button-container .menu-subset-edit-options-button {
  display: block;
  height: 10px;
}
.board-subset-picker-option .subset-name {
  line-height: 28px;
}
.board-subset-picker-option .subset-name .ds-editable-input {
  font-size: 14px;
  border-radius: 3px;
  height: 28px;
  color: #323338;
  color: var(--primary-text-color);
}
.board-subset-picker-option.current-subset {
  background-color: #d9f0ff;
  background-color: var(--card-selected-background-color);
  color: #0085ff;
  color: var(--card-selected-text-color);
}
.board-subset-picker-option:hover:not(.current-subset) {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-subset-picker-option:hover:not(.current-subset) .action-subset-icon:hover {
  color: #323338;
  color: var(--primary-text-color);
}
.board-subset-picker-option:hover .action-subset-icon {
  visibility: visible;
}
.board-subset-picker-option:hover .menu-subset-edit-options-button-container {
  visibility: visible;
}
.board-subset-picker-option:hover .menu-subset-edit-options-button-container:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.board-subset-picker-option:hover .menu-subset-edit-options-button-container-open {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.board-subset-picker-option:not(:hover) .menu-subset-edit-options-button-container-open {
  background-color: #d9f0ff;
  border-radius: 50%;
  visibility: visible;
}
.board-subset-picker-option:not(:hover) .menu-subset-edit-options-button-container-open .menu-subset-edit-options-button {
  color: #0085ff;
  color: var(--primary-color);
}
.board-subset-dialog-pinnable-option-component .menu-subset-edit-options-button-container {
  margin-right: 5px;
}
.board-subset-dialog-pinnable-option-component .share-icon.icon.icon-v2-spp {
  margin-right: 5px;
}
.board-subset-dialog-pinnable-option-component .monday-pin-icon-wrapper--unpinnable {
  opacity: 0.4;
}
.add-view-button {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  padding: 0px 16px;
  height: 36px;
  border-radius: 18px;
}
.add-view-button.menu-open {
  background-color: #d9f0ff;
}
.add-view-button.menu-open:hover {
  background-color: #d9f0ff;
  color: #0085ff;
  color: var(--primary-color);
}
.add-view-button:hover {
  color: #333333;
  background-color: #edeef0;
}
.add-view-button .add-icon {
  font-size: 18px;
  line-height: 18px;
  padding-right: 4px;
}
.add-view-button .add-text {
  font-weight: 400;
}

.subset-dialog-more-views-item {
  text-align: center;
}

.ds-menu-item .menu-item-new-mark {
  border: 1px solid #0085FF;
  border-radius: 4px;
  margin-left: 16px;
  padding: 0 8px;
  background-color: #ffffff;
  color: #0085FF;
  font-size: 14px;
  font-weight: 400;
}
.ds-menu-item .menu-item-new-mark.regular-item {
  height: 24px;
  padding: 0px 8px;
  line-height: 22px;
}
.board-subset-picker-footer {
  display: flex;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
}
.board-subset-picker-footer .board-subset-dialog-save-new {
  width: 100%;
  padding: 0 8px;
}
.board-subset-picker-footer .board-subset-dialog-save-new .add-view-dialog-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 36px;
  border-radius: 4px;
  justify-content: space-between;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
}
.board-subset-picker-footer .board-subset-dialog-save-new .add-view-dialog-button .icon-list-arrow {
  font-size: 12px;
  color: #323338;
  color: var(--primary-text-color);
}
.board-subset-picker-footer .board-subset-dialog-save-new .add-view-dialog-button:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-subset-picker-footer .board-subset-dialog-save-new .add-view-dialog-button:hover .icon-list-arrow {
  color: #323338;
  color: var(--primary-text-color);
}
/* mixin for multiline */
.board-subset-picker-content-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  color: #323338;
  color: var(--primary-text-color);
  width: 300px;
  display: flex;
  flex-direction: column;
}
.board-subset-picker-content-component .board-subset-filter {
  padding: 0 4px 0 2px;
}
.board-subset-picker-content-component .board-subset-picker-content-title {
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #323338;
  color: var(--primary-text-color);
}
.board-subset-picker-content-component .board-subset-picker-options {
  padding: 0 8px 8px 8px;
  max-height: 200px;
  overflow: auto;
  font-size: 14px;
  font-weight: 400;
}
.board-subset-picker-content-component .board-subset-picker-options::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff;
}
.board-subset-picker-content-component .board-subset-picker-options::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.board-subset-picker-content-component .board-subset-picker-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e1e1e1;
}
.board-subset-picker-content-component .board-subset-picker-options .add-subset-input {
  outline: none;
  width: 100%;
  height: 36px;
  border: 1px dashed;
  font-size: 14px;
  border-radius: 8px;
  padding-left: 17px;
}
/* mixin for multiline */
.board-subset-picker-content-component-v2 {
  padding-top: 16px;
}
.board-subset-picker-content-component-v2 .monday-pinned-subsets-separator-wrapper {
  padding: 0px 16px;
}
.board-subset-picker-content-component-v2 .monday-pinned-subsets-separator-wrapper .monday-pinned-subsets-separator {
  height: 1px;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: 5px;
}
.board-subset-picker-content-component-v2 .monday-pinned-subsets-section-title {
  padding: 8px 12px;
  font-size: 14px;
}
@charset "UTF-8";
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  80% {
    opacity: 0.9;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  80% {
    opacity: 0.9;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
.tooltip-content .board-subset-tooltip {
  width: 150px;
}

.board-subset-picker-component {
  display: flex;
  align-items: center;
  margin-right: 8px;
  width: 100%;
}
.board-subset-picker-component.board-subset-picker-component-v2 {
  border: 1px solid;
  border-color: var(--ui-border-color);
  padding: 0px 2px;
  padding-left: 8px;
  border-radius: 4px;
  cursor: pointer;
}
.board-subset-picker-component.board-subset-picker-component-v2:hover {
  background: var(--primary-background-hover-color);
}
.board-subset-picker-component.board-subset-picker-component-v2:hover .board-subset-picker-switch {
  color: currentColor;
}
.board-subset-picker-component.board-subset-picker-component-v2:hover .board-subset-picker-switch:hover {
  color: currentColor;
}
.board-subset-picker-component.board-subset-picker-component-v2 .board-subset-picker-button .board-subset-picker-switch.open {
  color: #0085ff;
  color: var(--primary-color);
}
.board-subset-picker-component .board-subset-picker-button {
  height: 38px;
  font-size: 15px;
  font-weight: 400;
  line-height: 34px;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-grow: 0;
  max-width: 200px;
  margin-right: 8px;
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch__views-count:before {
  content: " / ";
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch__views-count--highlighted {
  color: #0085ff;
  color: var(--primary-color);
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch .arrows-icon {
  margin-left: 12px;
  font-size: 9px;
  margin-top: 4px;
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch .subset-icon {
  font-size: 18px;
  padding-right: 6px;
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch:hover .arrows-icon {
  color: currentColor;
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch.open {
  color: #0085ff;
  color: var(--primary-color);
}
.board-subset-picker-component .board-subset-picker-button .board-subset-picker-switch.open .subset-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.add-task-triangle-patch:before, .add-task-triangle-patch:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  left: 10px;
  transform: translateX(50%);
  border-bottom-color: #c4c4c4;
  border-width: 10px;
}
.add-task-triangle-patch:after {
  border-bottom-color: #ffffff;
  border-width: 8px;
  left: 14px;
}

.add-task-button-component {
  display: flex;
}
.add-task-button-component .add-with-dropdown {
  border-radius: 4px 0 0 4px;
}
.add-task-button-component .add-with-dropdown.add-with-dropdown-not-square {
  border-radius: 15rem 0px 0px 15rem;
}
.add-task-button-component.disabled .dropdown-button {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  border-left-color: #e6e9ef;
  border-left-color: var(--disabled-background-color);
  pointer-events: none;
}
.add-task-button-component .dropdown-button {
  border-radius: 0 4px 4px 0;
  border-left: 1px solid;
  border-left-color: #0071d9;
  border-left-color: var(--primary-hover-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  height: 40px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--text-color-on-primary);
  font-size: 15px;
  cursor: pointer;
  transition: background-color 100ms ease-in;
}
.add-task-button-component .dropdown-button.dropdown-button-dialog-is-open {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.add-task-button-component .dropdown-button .fa-angle-down {
  font-weight: 700;
}
.add-task-button-component .dropdown-button.small-button {
  height: 32px;
}
.add-task-button-component .dropdown-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
.add-task-button-component .dropdown-button:active {
  outline: none;
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
  border-color: #0071d9;
  border-color: var(--primary-hover-color);
  border-left: 1px solid;
  border-left-color: #0071d9;
  border-left-color: var(--primary-hover-color);
  background-image: none;
}
.add-task-button-component .ds-btn.ds-btn-primary {
  padding-right: 12px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 15px;
  display: inline-flex;
}
.add-task-button-component .ds-btn.ds-btn-primary:active {
  transform: scale(1);
}
.add-task-button-component .ds-btn.ds-btn-primary .add-icon {
  display: inline;
  font-size: 18px;
  position: relative;
  top: -1px;
  padding-right: 4px;
}
.board-filter-hint-component {
  position: absolute;
  top: 34px;
  left: 8px;
  font-size: 12px;
  color: #c4c4c4;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  width: 360px;
}
.board-filter-hint-component.show-tip {
  opacity: 1;
}
.board-filter-hint-component .tip-message {
  margin-left: 8px;
}
.board-filter-hint-component .tip-message .tip-term {
  color: #0085ff;
  color: var(--primary-color);
  outline: none;
}

.board-filter-hint-component_v2 {
  position: absolute;
  left: 8px;
  font-size: 12px;
  color: #808080;
  opacity: 0;
  transition: visibility 0s linear 0.1s, opacity 0.1s ease-in-out;
  visibility: hidden;
  white-space: nowrap;
  top: 48px;
}
.board-filter-hint-component_v2.show-tip {
  transition: visibility 0s linear 0s, opacity 0.1s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.board-filter-hint-component_v2 .tip-message {
  margin-left: 8px;
}
.board-filter-hint-component_v2 .tip-message .tip-term {
  color: #0085ff;
  color: var(--primary-color);
  outline: none;
}
/* mixin for multiline */
.board-filter .board-filter-input-wrapper_v2 {
  position: relative;
  padding: 2px 0;
}
.board-filter .board-filter-input-wrapper_v2 input {
  width: 300px;
  border: 1px solid #c4c4c4;
  height: 32px;
  border-radius: 4px;
  outline: none;
  padding-right: 50px;
  padding-left: 15px;
  transition: width 0.1s ease, height 0.1s ease;
}
.board-filter .board-filter-input-wrapper_v2 input::-webkit-input-placeholder {
  color: #c4c4c4;
}
.board-filter .board-filter-input-wrapper_v2 input:-ms-input-placeholder {
  color: #c4c4c4;
}
.board-filter .board-filter-input-wrapper_v2 input::-moz-placeholder {
  color: #c4c4c4;
}
.board-filter .board-filter-input-wrapper_v2 input:-moz-placeholder {
  color: #c4c4c4;
}
.board-filter .board-filter-input-wrapper_v2 input:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.board-filter .board-filter-input-wrapper_v2 .input-icon-wrapper {
  position: absolute;
  border-radius: 50%;
  width: 24px;
  text-align: center;
  color: #c4c4c4;
  top: 3px;
  bottom: 3px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-filter .board-filter-input-wrapper_v2 .clear-button {
  position: absolute;
  right: 11px;
  top: 8px;
  color: #a1a1a1;
  cursor: pointer;
  outline: none;
}
.board-filter .board-filter-input-wrapper_v2 .clear-button:hover {
  color: #666;
}
.board-filter .board-filter-input-wrapper_v2.active input {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.board-filter .board-filter-input-wrapper_v2.active .input-icon-wrapper {
  background: #66ccf5;
  color: white;
}
.board-filter-input-container--expandable {
  transition: background-color 0.1s cubic-bezier(0, 0, 0.35, 1);
  border-radius: 4px;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
  background-color: unset;
  padding-left: 5px;
  width: 60px;
  transition: background-color 0.1s cubic-bezier(0, 0, 0.35, 1), width 0.1s cubic-bezier(0, 0, 0.35, 1);
  border: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input::-webkit-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 14px;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input:-ms-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 14px;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input::-moz-placeholder {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 14px;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input:-moz-placeholder {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 14px;
}
.board-filter-input-container--expandable .icon.icon-v2-search {
  margin: 0 0 0 10px;
}
.board-filter-input-container--expandable:not(.board-filter-input-container--focused) {
  cursor: pointer;
}
.board-filter-input-container--expandable:not(.board-filter-input-container--focused) .board-filter-input-wrapper_v2 input {
  cursor: pointer;
}
.board-filter-input-container--focused {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.board-filter-input-container--focused .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
  width: 190px;
  cursor: text;
}
.board-filter-input-container--focused .board-filter-input-wrapper_v2 .icon-and-input-wrapper input::-webkit-input-placeholder {
  color: #808080;
}
.board-filter-input-container--focused .board-filter-input-wrapper_v2 .icon-and-input-wrapper input:-ms-input-placeholder {
  color: #808080;
}
.board-filter-input-container--focused .board-filter-input-wrapper_v2 .icon-and-input-wrapper input::-moz-placeholder {
  color: #808080;
}
.board-filter-input-container--focused .board-filter-input-wrapper_v2 .icon-and-input-wrapper input:-moz-placeholder {
  color: #808080;
}
.board-filter-input-container--has-term {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-filter-input-container--has-term .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
  width: 190px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  padding-right: 35px;
}

.clean-board-layout .board-filter-input-container {
  display: flex;
  align-items: center;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2.is-closed input {
  width: 26px;
  padding: 0;
  border: 1px solid #333333;
  color: transparent;
  cursor: pointer;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2.is-closed input::-webkit-input-placeholder {
  color: transparent;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2.is-closed input:-ms-input-placeholder {
  color: transparent;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2.is-closed input::-moz-placeholder {
  color: transparent;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2.is-closed input:-moz-placeholder {
  color: transparent;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2 .icon-and-input-wrapper:hover input {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2 .icon-and-input-wrapper:hover .icon-v2-search {
  color: #0085ff;
  color: var(--primary-color);
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2 .clear-button {
  right: -65px;
  top: 6px;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2 .icon-v2-search {
  margin-right: 8px;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
}
.clean-board-layout .board-filter-input-container .board-filter-input-wrapper_v2 input {
  padding-left: 26px;
  height: 26px;
}
.clean-board-layout.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-input-wrapper_v2 .clear-button {
  right: -67px;
  top: 8px;
}
.clean-board-layout.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-input-wrapper_v2 input {
  height: 28px !important;
}

.board-filter.new-board-filter input,
.board-filter.board-filter-v3 input {
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  width: 190px;
  padding-right: 0;
}
.board-filter.new-board-filter .board-filter-input-container,
.board-filter.board-filter-v3 .board-filter-input-container {
  display: flex;
  align-items: center;
}
.board-filter.new-board-filter .board-filter-input-container .board-filter-input-wrapper_v2,
.board-filter.board-filter-v3 .board-filter-input-container .board-filter-input-wrapper_v2 {
  margin-right: 4px;
}

.board-filter.board-filter-v3 .board-filter-input-wrapper_v2 input {
  height: 32px;
}
.collapse-all-groups {
  border-right: 1px solid #e1e1e1;
  padding-right: 16px;
  margin-right: 24px;
}
/* mixin for multiline */
.clean-board-layout .board-filter .advanced-filter .advanced-filter-dialog_v2 {
  left: -10px;
}
.clean-board-layout .board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:before {
  left: 12px;
}
.clean-board-layout .board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:after {
  left: 14px;
}

.board-view-ui-component:not(.clean-board-layout) .board-view-ui-filter-wrapper .board-filter .advanced-filter .advanced-filter-dialog_v2.minimized {
  left: 0;
}

.board-filter .advanced-filter .advanced-filter-dialog_v2 {
  z-index: 1000002;
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  left: -310px;
  top: 50px;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
}
.board-filter .advanced-filter .advanced-filter-dialog_v2.advanced-filter-dialog-restricted {
  border: none;
}
.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner {
  position: relative;
}
.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:before, .board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:after {
  z-index: 1000;
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  transition: left 0.1s ease;
}
.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:before {
  left: 312px;
  border-bottom-color: #c4c4c4;
  border-width: 10px;
}
.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:after {
  left: 314px;
  border-bottom-color: #f5f5f5;
  border-width: 8px;
}
.board-filter .advanced-filter .advanced-filter-dialog_v2.minimized {
  cursor: pointer;
}

.board-filter.new-board-filter .advanced-filter .advanced-filter-dialog_v2,
.board-filter.board-filter-v3 .advanced-filter .advanced-filter-dialog_v2 {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  border: 0;
  top: 40px;
}
.board-filter.new-board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-title,
.board-filter.board-filter-v3 .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-title {
  background: transparent;
  padding: 22px 16px 16px 16px;
  font-size: 15px;
  color: #323338;
  color: var(--primary-text-color);
}
.board-filter.new-board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:before,
.board-filter.board-filter-v3 .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:before {
  content: none;
}
.board-filter.new-board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:after,
.board-filter.board-filter-v3 .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner:after {
  content: none;
}

.board-filter.new-board-filter .advanced-filter .advanced-filter-dialog_v2 {
  left: unset;
  right: 0px;
}

.board-filter.board-filter-v3:not(.top-bar) .advanced-filter .advanced-filter-dialog_v2 {
  right: 0px;
  left: unset;
}

.board-filter.new-board-filter.monday-v2-header .advanced-filter .advanced-filter-dialog_v2 {
  right: initial;
}

.board-filter.board-filter-v3.monday-v2-header:not(.top-bar) .advanced-filter .advanced-filter-dialog_v2 {
  right: initial;
}
.advanced-board-filters-upsale-component {
  background-color: #fff;
  width: 360px;
  border-radius: 4px;
  position: relative;
  border: 1px solid #c4c4c4;
  box-shadow: 0px 2px 4px 0px rgba(183, 183, 183, 0.5);
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner {
  padding: 8px;
  position: relative;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-image {
  padding: 8px 0;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-image img {
  width: 350px;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-floating-content {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-floating-content .board-filters-upsale-floating-component-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 16px 32px;
  max-height: 100%;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-floating-content .board-filters-upsale-floating-component-inner .board-filters-upsale-description {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-floating-content .board-filters-upsale-floating-component-inner .board-filters-upsale-description .description-example {
  margin: 0 4px;
  color: #61caf7;
}
.advanced-board-filters-upsale-component .board-filters-upsale-inner .board-filters-upsale-floating-content .board-filters-upsale-floating-component-inner .board-filters-upsale-button {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.board-filter .advanced-filter-title,
.advanced-board-filters-upsale-component .advanced-filter-title {
  padding: 10px;
  font-size: 14px;
  border-radius: 4px 4px 0px 0px;
}
.board-filter .advanced-filter-title .title-container,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container {
  display: flex;
  align-items: baseline;
}
.board-filter .advanced-filter-title .title-container .main-title,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .main-title {
  flex: 1 1 auto;
}
.board-filter .advanced-filter-title .title-container .main-title .title,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .main-title .title {
  margin-right: 16px;
  font-weight: 500;
  font-size: 16px;
}
.board-filter .advanced-filter-title .title-container .main-title .clear-advanced-filter-button,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .main-title .clear-advanced-filter-button {
  flex: 0 1 auto;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  padding-right: 25px;
  padding-left: 16px;
}
.board-filter .advanced-filter-title .title-container .main-title .clear-advanced-filter-button:hover,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .main-title .clear-advanced-filter-button:hover {
  color: #006acc;
}
.board-filter .advanced-filter-title .title-container .main-title .clear-advanced-filter-button:last-child,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .main-title .clear-advanced-filter-button:last-child {
  padding-right: 0;
}
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button,
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button {
  flex: 0 1 auto;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  padding-right: 25px;
  padding-left: 16px;
}
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button:hover,
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button:hover,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button:hover,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button:hover {
  color: #006acc;
}
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button:last-child,
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button:last-child,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button:last-child,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .export-advanced-filter-button:last-child {
  padding-right: 0;
}
.board-filter .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button,
.advanced-board-filters-upsale-component .advanced-filter-title .title-container .advanced-filter-title-actions .clear-advanced-filter-button {
  padding: 0;
}
.board-filter .advanced-filter-title.with-view-filter-save-button,
.advanced-board-filters-upsale-component .advanced-filter-title.with-view-filter-save-button {
  padding-top: 24px;
}
.board-filter .advanced-filter-title.with-view-filter-save-button .title-container,
.advanced-board-filters-upsale-component .advanced-filter-title.with-view-filter-save-button .title-container {
  align-items: flex-start;
}
.board-filter .advanced-filter-title.with-view-filter-save-button .title-container .advanced-filter-title-actions,
.advanced-board-filters-upsale-component .advanced-filter-title.with-view-filter-save-button .title-container .advanced-filter-title-actions {
  height: 32px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.board-filter .advanced-filter-title.with-view-filter-save-button .title-container .advanced-filter-title-actions .export-to-excel-advanced-filter-button,
.advanced-board-filters-upsale-component .advanced-filter-title.with-view-filter-save-button .title-container .advanced-filter-title-actions .export-to-excel-advanced-filter-button {
  margin-right: 8px;
}
.clear-advanced-button-square {
  margin-left: 4px;
}
.advanced-filter-title .main-title {
  flex: 1 1 auto;
}
.advanced-filter-title .main-title .title {
  margin-right: 5px;
}
.advanced-filter-title .main-title .clear-advanced-filter-button {
  flex: 0 1 auto;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  padding-right: 25px;
  padding-left: 16px;
}
.advanced-filter-title .main-title .clear-advanced-filter-button:hover {
  color: #006acc;
}
.advanced-filter-title .main-title .clear-advanced-filter-button:last-child {
  padding-right: 0;
}
.advanced-board-filters-upsale-component.board-log-filter-upsale {
  width: 400px;
}
.advanced-board-filters-upsale-component.board-log-filter-upsale .board-filters-upsale-inner {
  padding-bottom: 0;
  position: relative;
}
.advanced-board-filters-upsale-component.board-log-filter-upsale .board-filters-upsale-inner .board-filters-upsale-image {
  opacity: 0.2;
  padding-top: 0;
  padding-bottom: 0;
}
.advanced-board-filters-upsale-component.board-log-filter-upsale .board-filters-upsale-inner .board-filters-upsale-image #board-filter-upsale-image {
  min-height: 194px;
  width: 390px;
}
.advanced-board-filters-upsale-component.board-log-filter-upsale .board-filters-upsale-inner .board-filters-upsale-floating-content .board-filters-upsale-floating-component-inner .board-filters-upsale-description {
  font-weight: bold;
  text-align: center;
}
.board-filter .advanced-filter-items {
  text-align: center;
  overflow: hidden;
}
.board-filter .advanced-filter-items .advanced-filter-items-inner {
  padding: 25px;
  white-space: nowrap;
  display: inline-block;
  max-height: 320px;
}
.board-filter .advanced-filter-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.board-filter .advanced-filter-item:not(:last-of-type) {
  margin-right: 10px;
}
.board-filter .advanced-filter-item .advanced-filter-item-title {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-filter .advanced-filter-item .seperator-text {
  margin: 4px 0;
  position: relative;
  font-size: 13px;
  color: #676879;
  color: var(--secondary-text-color);
  text-align: left;
  z-index: 1;
  white-space: pre-line;
}
.board-filter .advanced-filter-item .advanced-filter-item-options.selected {
  position: relative;
}
.board-filter .advanced-filter-item .advanced-filter-item-options.selected::before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 0px;
  height: 10px;
  box-shadow: inset 0px -9px 8px -3px white;
  z-index: 1;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  font-size: 13px;
  padding-left: 8px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more .advanced-filter-arrow {
  margin-left: 3px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.board-filter .advanced-filter-item .advanced-filter-item-options:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
/* mixin for multiline */
.advanced-filter-option-person-column-content-component {
  align-items: center;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advanced-filter-option-person-column-content-component .person-image {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px;
}
.advanced-filter-option-person-column-content-component .person-image.disabled,
.advanced-filter-option-person-column-content-component .person-image.disabled ~ .name {
  opacity: 0.3;
}
.advanced-filter-option-person-column-content-component .name {
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.advanced-filter-option-text-column-content-component {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.advanced-filter-option-status-column-content-component {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advanced-filter-option-status-column-content-component .status-circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-radius: 50%;
  margin-right: 5px;
  flex: 0 0 auto;
}
.advanced-filter-option-status-column-content-component .status-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.deadline-static-indication-icon-component .deadline-icon {
  font-size: 16px;
}
.deadline-static-indication-icon-component .deadline-icon.done {
  color: #00c875;
}
.deadline-static-indication-icon-component .deadline-icon.overdue {
  color: #e0394e;
}
.deadline-static-indication-icon-component .deadline-icon.today, .deadline-static-indication-icon-component .deadline-icon.upcoming {
  color: #5d6387;
}
.filling-progress-circle-component {
  margin-top: 5px;
}
.filling-progress-circle-component .circle-container {
  height: 16px;
  transform: rotate(-90deg);
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.advanced-filter-option-tags-column-content-component {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
/*$link-color:#168ae0;*/
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option {
  position: relative;
  display: flex;
  height: 32px;
  background: #f5f5f5;
  color: #333333;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 4px;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  transition: background-color 0.1s ease;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .deadline-icon {
  font-size: 16px;
  padding-right: 4px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .deadline-icon.irrelevant-to-deadline {
  color: #c4c4c4;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option:hover {
  background-color: #e1e1e1;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.selected {
  background-color: #d9f0ff;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.selected:hover {
  background-color: #c0e6ff;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .deadline-option {
  display: flex;
  align-items: center;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .advanced-filter-option-content {
  flex: 1 1 auto;
  min-width: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .advanced-filter-option-counter {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 100;
  color: #a1a1a1;
  margin-left: 5px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .advanced-filter-option-counter.today {
  background-color: #0085FF;
  border-radius: 15px;
  color: white;
  font-size: 10px;
  font-weight: 300;
  height: 15px;
  padding: 0px 1px 0;
  text-align: center;
  min-width: 15px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .subset-indication {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 10px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option .default-value {
  color: #b1b1b1;
  font-style: italic;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.person .advanced-filter-option-content, .board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.multiple-person .advanced-filter-option-content {
  align-items: center;
  display: flex;
  overflow: unset;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.person .person-image, .board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.multiple-person .person-image {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.person .person-image.disabled, .board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.multiple-person .person-image.disabled {
  opacity: 0.3;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-option.timerange .timeline-icon {
  padding-right: 8px;
  width: 24px;
  height: 8px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .intersect {
  background-image: url("/images/board-filters/intersect-overlay.svg");
}
/* mixin for multiline */
.board-filter .advanced-filter-items {
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.board-filter .advanced-filter-items::-webkit-scrollbar {
  height: 8px;
}
.board-filter .advanced-filter-items::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.board-filter .advanced-filter-items .advanced-filter-items-inner {
  padding: 25px;
  white-space: nowrap;
  display: inline-block;
  max-height: 320px;
}
/* mixin for multiline */
.board-filter .advanced-filter-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.board-filter .advanced-filter-item:not(:last-of-type) {
  margin-right: 10px;
}
.board-filter .advanced-filter-item .advanced-filter-item-title {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
.board-filter .advanced-filter-item .seperator-text {
  margin: 4px 0;
  position: relative;
  font-size: 13px;
  color: #676879;
  color: var(--secondary-text-color);
  text-align: left;
  z-index: 1;
  white-space: pre-line;
}
.board-filter .advanced-filter-item .advanced-filter-item-options {
  overflow-y: auto;
  overflow-x: hidden;
}
.board-filter .advanced-filter-item .advanced-filter-item-options::-webkit-scrollbar {
  width: 4px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options.selected {
  position: relative;
}
.board-filter .advanced-filter-item .advanced-filter-item-options.selected::before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 0px;
  height: 10px;
  box-shadow: inset 0px -9px 8px -3px white;
  z-index: 1;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  font-size: 13px;
  padding-left: 8px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more .advanced-filter-arrow {
  margin-left: 3px;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .advanced-filter-show-more:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.board-filter .advanced-filter-item .advanced-filter-item-options:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.board-filter .advanced-filter-item .advanced-filter-item-options .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
.board-filter .advanced-filter-empty-state {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  padding: 16px;
  color: #333333;
}
.board-filter .advanced-filter-empty-state .advanced-filter-empty-state-inner {
  display: flex;
}
.board-filter .advanced-filter-empty-state .advanced-filter-empty-state-inner .empty-state-image-wrapper {
  display: flex;
  align-items: center;
}
.board-filter .advanced-filter-empty-state .advanced-filter-empty-state-inner .empty-state-content-wrapper {
  margin-left: 16px;
}
.board-filter .advanced-filter-empty-state .advanced-filter-empty-state-inner .empty-state-content-wrapper .empty-state-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
}
.board-filter .advanced-filter-empty-state .advanced-filter-empty-state-inner .empty-state-content-wrapper .empty-state-content {
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}
.board-filter .advanced-filter {
  margin-left: 6px;
  position: relative;
}
.board-filter .advanced-filter .advanced-filter-button-container {
  position: absolute;
  width: 16px;
  top: 9px;
  left: 274px;
}
.board-filter .advanced-filter .tipseen-tooltip {
  width: 300px;
}

.board-filter .board-filter-item-component.advanced-filter {
  position: relative;
  margin-left: 0px;
}
.board-filter .board-filter-item-component.advanced-filter .advanced-filter-dialog_v2 {
  transition: opacity 0.2s ease, transform 0.2s ease-out;
}
.board-filter .board-filter-item-component.advanced-filter .advanced-filter-dialog_v2.opacity-and-slide-appear {
  opacity: 0;
  transform: translateY(-16px);
}
.board-filter .board-filter-item-component.advanced-filter .advanced-filter-dialog_v2.opacity-and-slide-appear-active {
  opacity: 1;
  pointer-events: none;
  transform: translateY(0);
}

/* mixin for multiline */
.board-sort-settings-dialog-content-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 20px 16px 16px;
  width: 432px;
  font-size: 14px;
}
.board-sort-settings-dialog-content-component .sort-settings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-sort-settings-dialog-content-component .sort-settings-header .sort-title {
  font-weight: 500;
  font-size: 15px;
}
.board-sort-settings-dialog-content-component .sort-settings-header .save-sort {
  padding: 0;
  height: initial;
}
.board-sort-settings-dialog-content-component .sort-settings-header .save-sort:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.board-sort-settings-dialog-content-component .sort-content {
  margin-top: 24px;
}
.board-sort-settings-dialog-content-component .sort-content .empty-state {
  margin-bottom: 32px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list {
  margin-bottom: 16px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component {
  margin-bottom: 0;
  margin-top: 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.is-open .Select-control {
  border-radius: 4px 4px 0 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control {
  border: 1px solid #bbc3d280;
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  outline: none;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control .Select-multi-value-wrapper {
  height: 32px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer {
  border: 1px solid #bbc3d280;
  padding-bottom: 8px;
  max-height: 207px;
  border-top: 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu {
  padding: 8px 8px 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu .Select-option {
  border-radius: 4px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu .Select-option .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component:not(:last-of-type) {
  margin-right: 8px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component:not(:first-child) {
  max-width: 140px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component {
  margin-bottom: 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component .Select .select-option-wrapper .left-icon {
  margin-right: 8px;
  font-size: 16px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper {
  display: none;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option .option-icon {
  margin-right: 2px;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .column-missing-container {
  display: none;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component:last-child .settings-objects-per-category-picker-component .choose-objects.dropdown:last-child {
  margin-bottom: 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions .remove-button {
  font-size: 14px;
  margin-left: 10px;
  top: 0;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-footer {
  margin-top: 0;
  text-align: left;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .settings-multiple-item-footer .add-item-link {
  font-weight: 400;
}
.board-sort-settings-dialog-content-component .sort-content .Select-placeholder,
.board-sort-settings-dialog-content-component .sort-content .Select--single > .Select-control .Select-value {
  line-height: 32px;
  padding: 0 16px;
  background: white;
}
.board-sort-settings-dialog-content-component .sort-content .Select-placeholder .option-label,
.board-sort-settings-dialog-content-component .sort-content .Select--single > .Select-control .Select-value .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-sort-settings-dialog-content-component .sort-content.all-columns-selected .settings-multiple-item-footer .add-item-link {
  display: none;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-control,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-control {
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-value,
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-placeholder,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-value,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-placeholder {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-value-label,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-menu-outer,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-menu-outer {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-menu-outer .Select-option,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-menu-outer .Select-option.is-focused,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-focused {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-menu-outer .Select-option.is-selected,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select-noresults,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select-noresults {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select--multi .Select-value,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select--multi .Select-value {
  background-color: !important;
  background-color: var(--notification-unread-highlight-color) !important;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select--multi .Select-value .Select-value-icon,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-dropdown-component .Select--multi .Select-value .Select-value-icon:hover,
.board-sort-settings-dialog-content-component .sort-content .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon:hover {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-field-component input {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-sort-settings-dialog-content-component .sort-content .settings-field-component input[disabled] {
  background-color: #e6e9ef !important;
  background-color: var(--disabled-background-color) !important;
  cursor: not-allowed;
}
.board-sort-settings-dialog-content-component .sort-content .settings-field-component input[disabled]:-ms-input-placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-sort-settings-dialog-content-component .sort-content .settings-field-component input[disabled]::placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .item-list-item-actions button {
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.board-sort-settings-dialog-content-component .sort-content .settings-multiple-component .item-list-item-actions button:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: initial;
}

/* mixin for multiline */
.multiple-person-filter-option {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.multiple-person-filter-option .name {
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-boards-dropdown {
  width: 50%;
}
/* mixin for multiline */
.filter-dialog-header {
  padding-block: 0;
  padding-inline: 24px;
}
.filter-dialog-header__container {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 100%;
  position: relative;
  margin-bottom: var(--spacing-medium);
}
.filter-dialog-header__container .circle-loader-component {
  position: relative;
  height: 30px;
  width: 50px;
  align-items: center;
  display: flex;
}
.filter-dialog-header__container .circle-loader-component .circle-loader-spinner {
  position: relative;
  margin: 0;
  bottom: 0;
  left: 0;
  top: 0;
  height: 18px;
}
.filter-dialog-header__title {
  font-weight: 500;
  font-size: 16px;
}
.filter-dialog-header__subtitle {
  font-weight: 300;
  margin-left: 8px;
}
.filter-dialog-header__learn-more {
  font-size: 16px;
  margin-left: 8px;
  margin-top: 2px;
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.filter-dialog-header__learn-more:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.filter-dialog-header__buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
}
/* mixin for multiline */
.board-rule-based-filter-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.2);
  width: 712px;
  font-size: 14px;
}
.board-rule-based-filter-dialog-component-filters {
  padding-top: 16px;
  position: relative;
}
.board-rule-based-filter-dialog-component__feedback {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.board-rule-based-filter-dialog-component__feedback:visited {
  color: initial;
}
.board-rule-based-filter-dialog-component__feedback:hover {
  color: #0071d9 !important;
  color: var(--primary-hover-color) !important;
}
.board-rule-based-filter-dialog-component__footer {
  padding: 12px 20px;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  display: flex;
  justify-content: space-between;
}
.board-rule-based-filter-dialog-component__footer .open-quick-filters-btn {
  display: flex;
  align-items: center;
  color: #1f76c2;
  color: var(--link-on-secondary-color);
}
.board-rule-based-filter-dialog-component__footer .open-quick-filters-btn .icon {
  height: 6px;
}
.board-rule-based-filter-dialog-component__content.initial-state .item-list-item-actions {
  display: none;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-date-type {
  min-width: 140px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-start-date,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-end-date {
  min-width: 110px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-start-date .settings-date-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-start-date .date-field-wrapper,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-start-date .date-field,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-end-date .settings-date-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-end-date .date-field-wrapper,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-end-date .date-field,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-exact-date .settings-date-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-exact-date .date-field-wrapper,
.board-rule-based-filter-dialog-component .settings-multiple-component .rule-based-filters-exact-date .date-field {
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list {
  margin-bottom: 24px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item {
  padding-right: 8px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-operator-dropdown-setting {
  max-width: 70px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting {
  width: 200px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-wrapper,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-item-list {
  height: 100%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-item-list,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-field-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-dropdown-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control {
  max-width: 100%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting {
  max-width: 146px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting {
  max-width: 166px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control .option-label,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-control .option-label,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-control .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-option .option-label,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-option .option-label,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-option .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control .Select-value-label div div,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-control .Select-value-label div div,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-control .Select-value-label div div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-option div div,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-option div div,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-option div div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:first-of-type .bucket-operator-dropdown-setting .settings-dropdown-component {
  display: none;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:first-of-type .bucket-operator-dropdown-setting:after {
  display: flex;
  align-items: center;
  justify-content: left;
  line-height: 34px;
  content: "Where";
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component {
  margin-bottom: 0;
  margin-top: 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-input-component {
  height: 100%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-input-component input {
  height: 100%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.is-open .Select-control {
  border-radius: 4px 4px 0 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.is-disabled .Select-control {
  cursor: not-allowed;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  outline: none;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control .Select-multi-value-wrapper {
  height: 32px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer {
  padding-bottom: 8px;
  border-top: 0;
  max-height: 258px;
  overflow: hidden;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu {
  padding: 8px 8px 0;
  max-height: 250px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu .Select-option {
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control {
  display: flex;
  height: 100%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value {
  position: relative;
  border-radius: 24px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  margin-top: 0;
  border: 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
  max-width: 40px;
  padding: 2px 2px 2px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label .multiple-person-filter-option .person-bullet-component,
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label .advanced-filter-option-person-column-content-component .person-bullet-component {
  width: 20px;
  height: 20px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon {
  position: absolute;
  right: 2px;
  border-right: 0;
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-arrow-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--single .Select-value {
  padding-right: 24px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component:not(:last-of-type) {
  margin-right: 8px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component {
  margin-bottom: 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component .Select .select-option-wrapper .left-icon {
  margin-right: 8px;
  font-size: 16px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper {
  display: none;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option .option-icon {
  margin-right: 2px;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .column-missing-container {
  display: none;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component:last-child .settings-objects-per-category-picker-component .choose-objects.dropdown:last-child {
  margin-bottom: 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions {
  font-size: 14px;
  margin-left: 10px;
  top: 0;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-footer {
  margin-top: 0;
  text-align: left;
}
.board-rule-based-filter-dialog-component .settings-multiple-component .settings-multiple-item-footer .add-item-link {
  font-weight: 400;
}
.board-rule-based-filter-dialog-component__content {
  padding: 0 24px 16px;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-control,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-control {
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-value,
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-placeholder,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-value,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-placeholder {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-value-label,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-menu-outer,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-menu-outer {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-menu-outer .Select-option,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-menu-outer .Select-option.is-focused,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-focused {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-menu-outer .Select-option.is-selected,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select-noresults,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select-noresults {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select--multi .Select-value,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select--multi .Select-value {
  background-color: !important;
  background-color: var(--notification-unread-highlight-color) !important;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select--multi .Select-value .Select-value-icon,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-dropdown-component .Select--multi .Select-value .Select-value-icon:hover,
.board-rule-based-filter-dialog-component__content .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon:hover {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-field-component input {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-rule-based-filter-dialog-component__content .settings-field-component input[disabled] {
  background-color: #e6e9ef !important;
  background-color: var(--disabled-background-color) !important;
  cursor: not-allowed;
}
.board-rule-based-filter-dialog-component__content .settings-field-component input[disabled]:-ms-input-placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-rule-based-filter-dialog-component__content .settings-field-component input[disabled]::placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-rule-based-filter-dialog-component__content .settings-multiple-component .item-list-item-actions button {
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.board-rule-based-filter-dialog-component__content .settings-multiple-component .item-list-item-actions button:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: initial;
}
.filter-shimmer-container {
  margin: 0 4px;
}

.filter-shimmer-item-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 4px;
  width: 146px;
  height: 32px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-radius: 2px;
  padding: 0 12px;
}
.filter-shimmer-item-container .filter-shimmer-item {
  opacity: 0.5;
  margin: 0 4px !important;
  border-radius: 16px;
}
.quick-filter-group-shimmer-container {
  display: flex;
}
/* mixin for multiline */
.horizontal-quick-filter-options {
  display: flex;
}
.horizontal-quick-filter-options .column-options {
  width: 150px;
}
.horizontal-quick-filter-options .column-options:not(:first-child) {
  margin-left: 16px;
}
.horizontal-quick-filter-options .column-options .filter-column-title {
  color: #676879;
  color: var(--secondary-text-color);
  padding: 0;
  border: 0;
  font-weight: 400;
}
.horizontal-quick-filter-options .column-options .options-container {
  margin-top: 8px;
  max-height: 208px;
  overflow-y: auto;
}
.horizontal-quick-filter-options .column-options .options-container::-webkit-scrollbar {
  width: 4px;
}
.horizontal-quick-filter-options .column-options .options-container::-webkit-scrollbar-thumb {
  background-color: var(--layout-border-color);
  border-radius: 4px;
}
.horizontal-quick-filter-options .column-options .show-more-options {
  color: #1f76c2;
  color: var(--link-color);
  width: calc(100% - 4px);
  cursor: pointer;
  margin-top: 8px;
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.horizontal-quick-filter-options .column-options .show-more-options.hidden-btn {
  visibility: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  min-height: 0;
}
.horizontal-quick-filter-options .column-options .show-more-options .icon {
  font-size: 10px;
  height: 4px;
}
/* mixin for multiline */
.horizontal-quick-filter-option {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-right: 4px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.horizontal-quick-filter-option .quick-filter-option-counter {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 100;
  color: #a1a1a1;
  margin-left: 3px;
}
.horizontal-quick-filter-option:not(:first-child) {
  margin-top: 6px;
}
.horizontal-quick-filter-option:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
}
.horizontal-quick-filter-option.active-rule {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}

.dark-app-theme .horizontal-quick-filter-option {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.dark-app-theme .horizontal-quick-filter-option:hover {
  background-color: var(--notification-unread-highlight-color);
  color: #323338;
  color: var(--primary-text-color);
}
.dark-app-theme .horizontal-quick-filter-option.active-rule {
  background-color: var(--notification-unread-highlight-color);
  color: #0085ff;
  color: var(--primary-color);
}
/* mixin for multiline */
.quick-filters-dialog-horizontal-content-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.2);
  padding-top: 16px;
  max-width: 800px;
  min-width: 600px;
  font-size: 14px;
}
.quick-filters-dialog-horizontal-content-component .header {
  display: flex;
  padding: 0 24px;
  flex-direction: column;
}
.quick-filters-dialog-horizontal-content-component .header .title-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.quick-filters-dialog-horizontal-content-component .header .title-container .title {
  font-size: 16px;
  font-weight: 500;
}
.quick-filters-dialog-horizontal-content-component .header .title-container .subtitle {
  margin-left: 8px;
}
.quick-filters-dialog-horizontal-content-component .header .title-container .learn-more-btn {
  margin-top: 2px;
  font-size: 16px;
  margin-left: 8px;
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.quick-filters-dialog-horizontal-content-component .header .title-container .learn-more-btn:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.quick-filters-dialog-horizontal-content-component .header .title-container .clear-all {
  margin-left: auto;
}
.quick-filters-dialog-horizontal-content-component .header .loading-spinner {
  display: inline-block;
  height: 30px;
  transform: scale(0.5);
}
.quick-filters-dialog-horizontal-content-component .quick-filter-options-outer {
  padding: 24px;
  overflow-y: hidden;
  overflow-x: auto;
}
.quick-filters-dialog-horizontal-content-component .quick-filter-options-outer::-webkit-scrollbar {
  height: 6px;
}
.quick-filters-dialog-horizontal-content-component .quick-filter-options-outer::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.quick-filters-dialog-horizontal-content-component .quick-filter-options-outer .quick-filter-options-container-middle {
  min-height: 120px;
  display: inline-block;
}
.quick-filters-dialog-horizontal-content-component .quick-filters-footer {
  padding: 12px 20px;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  display: flex;
  justify-content: space-between;
}
.quick-filters-dialog-horizontal-content-component .quick-filters-footer .custom-filter-btn {
  display: flex;
  align-items: center;
  color: #1f76c2;
  color: var(--link-on-secondary-color);
}
.quick-filters-dialog-horizontal-content-component .quick-filters-footer .custom-filter-btn .icon {
  height: 6px;
}
/* mixin for multiline */
.floating-columns-list-component {
  min-height: 180px;
  max-height: 264px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.floating-columns-list-component::-webkit-scrollbar {
  width: 4px;
}
.floating-columns-list-component::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.floating-columns-list-component .columns-list-items-wrapper {
  margin-right: 4px;
  display: flex;
  flex-direction: column;
}
.floating-columns-list-item-component {
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  color: #323338;
  color: var(--primary-text-color);
}
.floating-columns-list-item-component:hover .column-list-item-content {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.floating-columns-list-item-component:hover .column-list-item-content .column-list-item-title {
  color: #323338;
  color: var(--primary-text-color);
}
.floating-columns-list-item-component:hover .column-list-item-content .column-type-icon {
  color: #676879;
  color: var(--icon-color);
}
.floating-columns-list-item-component.floating .column-list-item-content, .floating-columns-list-item-component.floating:hover .column-list-item-content {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-on-secondary-color);
}
.floating-columns-list-item-component.floating .column-list-item-content .column-list-item-title, .floating-columns-list-item-component.floating .column-list-item-content .column-type-icon, .floating-columns-list-item-component.floating:hover .column-list-item-content .column-list-item-title, .floating-columns-list-item-component.floating:hover .column-list-item-content .column-type-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.floating-columns-list-item-component .column-list-item-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 4px;
}
.floating-columns-list-item-component .column-list-item-content .column-list-item-title {
  line-height: 24px;
  flex: 1 1 auto;
  font-size: 14px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.floating-columns-list-item-component .column-list-item-content .column-type-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 11px;
  line-height: 11px;
  margin-right: 6px;
}
.floating-columns-list-item-component .column-list-item-content .column-type-icon:hover {
  color: #676879;
  color: var(--icon-color);
}
.floating-columns-list-item-component .column-list-item-content .form-checkbox-component .form-checkbox-input-placeholder {
  top: -10px;
}
/* mixin for multiline */
.columns-list-component {
  min-height: 180px;
  max-height: 264px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin: 8px;
}
.columns-list-component::-webkit-scrollbar {
  width: 4px;
}
.columns-list-component::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.columns-list-component .columns-list-items-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
}
.column-list-item-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 4px 16px;
  max-width: 248px;
}
.column-list-item-content .column-list-item-title {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 24px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 4px;
}
.column-list-item-content .column-type-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 11px;
  line-height: 11px;
  margin-right: 6px;
}
.column-list-item-content .form-checkbox-component .form-checkbox-input-placeholder {
  top: -10px;
}
.column-list-item-component {
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.column-list-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.column-list-item-component:hover .column-item-drag-handle {
  display: block;
}
.column-list-item-component .column-item-drag-handle {
  display: none;
  position: absolute;
  left: 4px;
  color: #676879;
  color: var(--icon-color);
  cursor: move;
}
.column-list-item-component .column-item-drag-handle:hover {
  color: #323338;
  color: var(--primary-text-color);
}
.column-list-item-component.drag-layer {
  transform: rotate(2deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  cursor: move;
}
.column-list-item-component.drag-layer .column-item-drag-handle {
  color: #676879;
  color: var(--icon-color);
}
.column-list-item-component:not(.drag-layer).dragging {
  position: relative;
}
.column-list-item-component:not(.drag-layer).dragging:before, .column-list-item-component:not(.drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.drag-layer {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
}
.drag-layer .list-item-drag-layer-wrapper {
  transform: rotate(2deg);
  width: 220px;
}
.column-filter-footer-component {
  display: flex;
  justify-content: center;
  margin: 8px;
}
.color-formatting-color-picker .selected,
.color-formatting-color-picker-dialog .selected {
  border: 1px solid transparent;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-width: 0;
  padding: 8px 8px 12px 8px;
}
.color-formatting-color-picker .selected .color,
.color-formatting-color-picker-dialog .selected .color {
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-formatting-color-picker .selected .color .icon,
.color-formatting-color-picker-dialog .selected .color .icon {
  visibility: hidden;
}
.color-formatting-color-picker .selected .color:hover .icon,
.color-formatting-color-picker-dialog .selected .color:hover .icon {
  visibility: visible;
}
.color-formatting-color-picker.is-open .selected,
.color-formatting-color-picker-dialog.is-open .selected {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.color-formatting-color-picker .color,
.color-formatting-color-picker-dialog .color {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.color-formatting-color-picker :not(.selected) .color:hover,
.color-formatting-color-picker-dialog :not(.selected) .color:hover {
  transform: scale(1.1);
  box-shadow: 0 1px 8px -2px #000000;
  border: 1px solid white;
}
.color-formatting-color-picker .color-pallet,
.color-formatting-color-picker-dialog .color-pallet {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  border-radius: 0 8px 8px 8px;
  padding: 8px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 8px 24px 8px 24px 8px 24px 8px 24px 8px 24px;
  grid-template-columns: repeat(6, 24px);
  grid-gap: 8px 8px;
  position: relative;
}
.color-formatting-color-picker .color-pallet:before,
.color-formatting-color-picker-dialog .color-pallet:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  left: 0px;
  top: -1px;
  width: 40px;
  height: 1px;
}
.conditional-formatting-condition {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 8px;
  padding: 8px 16px 8px 8px;
}
.conditional-formatting-condition:not(:first-child) {
  margin-top: 10px;
}
.conditional-formatting-condition .rule-prefix {
  margin-left: 8px;
}
.conditional-formatting-condition .rule-container {
  flex: 1;
  margin-left: 16px;
  color: #333333;
}
.conditional-formatting-condition .rule-container:not(.can-delete) .item-list-item-actions .remove-button {
  visibility: hidden;
  pointer-events: none;
}

.dark-app-theme .conditional-formatting-condition {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
/* mixin for multiline */
.board-conditional-formatting-settings-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 20px 16px 16px;
  width: 665px;
  font-size: 14px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .conditional-formatting-settingss-date-type {
  min-width: 140px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .conditional-formatting-settingss-start-date,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .conditional-formatting-settingss-end-date {
  min-width: 110px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-start-date .settings-date-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-start-date .date-field-wrapper,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-start-date .date-field,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-end-date .settings-date-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-end-date .date-field-wrapper,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-end-date .date-field,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-exact-date .settings-date-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-exact-date .date-field-wrapper,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .rule-based-filters-exact-date .date-field {
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-operator-dropdown-setting {
  max-width: 70px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting {
  max-width: 230px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-wrapper,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-item-list {
  height: 100%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-nested-item-list,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-field-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .settings-dropdown-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control {
  max-width: 100%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting {
  max-width: 140px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control .option-label,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-control .option-label,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-control .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-option .option-label,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-option .option-label,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-option .option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-control .Select-value-label div div,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-control .Select-value-label div div,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-control .Select-value-label div div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-value-dropdown-setting .Select-option div div,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-method-dropdown-setting .Select-option div div,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .bucket-attribute-dropdown-setting .Select-option div div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:first-of-type .bucket-operator-dropdown-setting .settings-dropdown-component {
  display: none;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:first-of-type .bucket-operator-dropdown-setting:after {
  display: flex;
  align-items: center;
  justify-content: left;
  line-height: 34px;
  content: "Where";
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component {
  margin-bottom: 0;
  margin-top: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-input-component {
  height: 100%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-input-component input {
  height: 100%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.is-open .Select-control {
  border-radius: 4px 4px 0 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.is-disabled {
  opacity: 0.5;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control {
  border: 1px solid #bbc3d280;
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  outline: none;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-control .Select-multi-value-wrapper {
  height: 32px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer {
  border: 1px solid #bbc3d280;
  padding-bottom: 8px;
  border-top: 0;
  max-height: 184px;
  overflow: hidden;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu {
  padding: 8px 8px 0;
  max-height: 176px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select .Select-menu-outer .Select-menu .Select-option {
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control {
  display: flex;
  height: 100%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value {
  position: relative;
  border-radius: 24px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  margin-top: 0;
  border: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
  max-width: 40px;
  padding: 2px 2px 2px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label .multiple-person-filter-option .person-bullet-component,
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label .advanced-filter-option-person-column-content-component .person-bullet-component {
  width: 20px;
  height: 20px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon {
  position: absolute;
  right: 2px;
  border-right: 0;
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon:hover {
  border-radius: 50%;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--multi .Select-control .Select-arrow-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .Select.Select--single .Select-value {
  padding-right: 24px;
  background: white;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-field-component:not(:last-of-type) {
  margin-right: 8px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component {
  margin-bottom: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-nested-component .settings-nested-wrapper .settings-nested-item-list .settings-dropdown-component .Select .select-option-wrapper .left-icon {
  margin-right: 8px;
  font-size: 16px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .category-wrapper {
  display: none;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .dropdown-option .option-icon {
  margin-right: 2px;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component .settings-objects-per-category-picker-component .choose-objects .column-missing-container {
  display: none;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-field .settings-field-component:last-child .settings-objects-per-category-picker-component .choose-objects.dropdown:last-child {
  margin-bottom: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-list .item-list-item .item-list-item-actions .remove-button {
  font-size: 14px;
  margin-left: 16px;
  top: 0;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-footer {
  display: none;
  margin-top: 0;
  text-align: left;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .settings-multiple-item-footer .add-item-link {
  font-weight: 400;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-control,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-control {
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-value,
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-placeholder,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-value,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-placeholder {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-value-label,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-menu-outer,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-menu-outer {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-menu-outer .Select-option,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-menu-outer .Select-option {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-menu-outer .Select-option.is-focused,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-focused {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-menu-outer .Select-option.is-selected,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-menu-outer .Select-option.is-selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select-noresults,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select-noresults {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select--multi .Select-value,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select--multi .Select-value {
  background-color: !important;
  background-color: var(--notification-unread-highlight-color) !important;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select--multi .Select-value .Select-value-icon,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-dropdown-component .Select--multi .Select-value .Select-value-icon:hover,
.board-conditional-formatting-settings-dialog-component .settings-objects-per-category-picker-component .Select--multi .Select-value .Select-value-icon:hover {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-field-component input {
  background-color: #ffffff !important;
  background-color: var(--secondary-background-color) !important;
  border-color: #c5c7d0 !important;
  border-color: var(--ui-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
}
.board-conditional-formatting-settings-dialog-component .settings-field-component input[disabled] {
  background-color: #e6e9ef !important;
  background-color: var(--disabled-background-color) !important;
  cursor: not-allowed;
}
.board-conditional-formatting-settings-dialog-component .settings-field-component input[disabled]:-ms-input-placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-conditional-formatting-settings-dialog-component .settings-field-component input[disabled]::placeholder {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .item-list-item-actions button {
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.board-conditional-formatting-settings-dialog-component .settings-multiple-component .item-list-item-actions button:hover {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background-color: initial;
}
.board-conditional-formatting-settings-dialog-component-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 15px;
}
.board-conditional-formatting-settings-dialog-component-header__title {
  font-weight: 500;
  font-size: 15px;
}
.board-conditional-formatting-settings-dialog-component-header__right {
  display: flex;
  align-items: center;
}
.board-conditional-formatting-settings-dialog-component-header__right .save-to-view-container {
  width: initial;
}
.board-conditional-formatting-settings-dialog-component-header__right .feedback-btn {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  text-decoration: none;
  margin-right: 24px;
}
.board-conditional-formatting-settings-dialog-component-header__right .feedback-btn:visited {
  color: initial;
}
.board-conditional-formatting-settings-dialog-component-header__right .feedback-btn:hover {
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.board-conditional-formatting-settings-dialog-component-footer {
  margin-top: 24px;
}
.board-conditional-formatting-settings-dialog-component-footer .add-btn {
  padding: 0;
}
.board-filter-overflow-menu-button {
  cursor: pointer;
  border: 1px solid transparent;
  width: 35px;
  height: 35px;
  display: block;
  text-align: center;
  line-height: 25px;
  position: relative;
  transition: color 50ms ease;
  border-radius: 4px;
}
.board-filter-overflow-menu-button--active {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-filter-overflow-menu-button--active:hover {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-filter-overflow-menu-button--disabled {
  cursor: default;
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.board-filter-overflow-menu-button .icon.ellipsis {
  font-size: 18px;
}
.board-filter-overflow-menu-button:not(.board-filter-overflow-menu-button--active):hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-filter-overflow-menu-button .icon {
  font-size: 13px;
}
.board-filter-overflow-menu-button .icon.ellipsis {
  font-size: 18px;
}
.board-filter-overflow-menu-button .icon.ellipsis:before {
  transform: translateY(11px);
}

.monday-freeze-columns-menu-section {
  color: #323338;
  color: var(--primary-text-color);
  padding: unset;
  height: 100%;
}
.monday-freeze-columns-menu-section .floating-columns-dialog-component {
  width: 100%;
  height: 100%;
}
.monday-freeze-columns-menu-section .floating-columns-dialog-component .floating-columns-list-component {
  max-height: 255px;
}

.monday-columns-filter-menu-section {
  color: #323338;
  color: var(--primary-text-color);
  height: 100%;
  padding: unset;
}
.monday-columns-filter-menu-section .columns-filter-dialog-component .column-filter-title {
  margin-top: unset;
  padding: 16px 16px 0 16px;
}
.monday-columns-filter-menu-section .columns-list-component {
  max-height: 240px;
}
.monday-columns-filter-menu-section .dialog-button-component.subset-save-button-wrapper {
  margin-top: 0px;
}
/* mixin for multiline */
.item-height-menu-component-dialog-content {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  min-width: 230px;
  padding: 0 0 2px 0;
}
.item-height-menu-component-dialog-content .item-height-menu-component-section {
  width: 100%;
}
.board-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 1 1 auto;
}
.board-filter .board-subset-left-side-container {
  display: flex;
  flex: 1 1;
  align-items: center;
  margin-right: 24px;
}
.board-filter .board-subset-left-side-container .board-pulses-activity {
  color: #323338;
  color: var(--primary-text-color);
  align-items: flex-start;
  white-space: nowrap;
  margin-left: 8px;
}
.board-filter .board-subset-left-side-container .board-pulses-activity .changes-click {
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.board-filter .board-subset-left-side-container .board-pulses-activity .changes-click:hover {
  color: #676879;
  color: var(--secondary-text-color);
}
.board-filter .board-subset-left-side-container .board-pulses-activity .changes-text {
  margin-right: 5px;
  color: #00ca72;
  color: var(--positive-color);
}
.board-filter.new-board-filter {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding: 8px 32px;
  margin: 8px -30px 0;
}
.board-filter.new-board-filter.monday-v2-header {
  border-top: none;
  border-bottom: none;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.board-filter.new-board-filter.monday-v2-header.top-bar {
  border-top: none;
}
.board-filter.new-board-filter.monday-v2-header .board-subset-left-side-container {
  flex: 1 1 auto;
  margin-right: 0px;
  order: 1;
  margin-left: 16px;
}
.board-filter.new-board-filter.monday-v2-header .board-subset-left-side-container .board-pulses-activity {
  margin-left: 0;
}
.board-filter.new-board-filter.monday-v2-header .board-subset-left-side-container .async-filter-loader {
  order: 2;
}
.board-filter.new-board-filter.monday-v2-header .filter-buttons-wrapper {
  margin-left: initial;
}
.board-filter.new-board-filter .filter-buttons-wrapper {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-settings-menu-wrapper {
  display: flex;
  border-radius: 20px;
  height: 32px;
  width: 32px;
  justify-content: center;
  line-height: 44px;
  margin-left: 8px;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-settings-menu-wrapper:hover {
  background-color: #edeef0;
}
.board-filter.new-board-filter .filter-buttons-wrapper .settings-link {
  display: flex;
  border-radius: 20px;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
}
.board-filter.new-board-filter .filter-buttons-wrapper .settings-link.light-theme:hover, .light-theme .board-filter.new-board-filter .filter-buttons-wrapper .settings-link:hover {
  background-color: #edeef0;
}
.board-filter.new-board-filter .filter-buttons-wrapper .settings-link.dark-theme:hover, .dark-theme .board-filter.new-board-filter .filter-buttons-wrapper .settings-link:hover {
  background-color: #363a52;
}
.board-filter.new-board-filter .filter-buttons-wrapper .settings-link.dark_overview-theme:hover, .dark_overview-theme .board-filter.new-board-filter .filter-buttons-wrapper .settings-link:hover {
  background-color: #21263f;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search:not(.board-filter-input-container--focused):not(.board-filter-input-container--has-term):hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  transition: unset;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search:not(.board-filter-input-container--focused):not(.board-filter-input-container--has-term):hover .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
  transition: unset;
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search {
  margin-right: 6px;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search.board-filter-input-container--has-term .clear-button {
  color: #0085ff;
  color: var(--primary-color);
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search.board-filter-input-container--expandable .clear-button {
  font-size: 10px;
  top: 8px;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
  height: 28px;
}
.board-filter.new-board-filter .filter-buttons-wrapper .ds-menu-button-container {
  margin-left: 6px;
}
.board-filter.top-bar {
  margin: 0px;
  padding: 0;
  border-bottom: none;
}
.board-filter.open-and-minimized {
  margin-bottom: 200px;
}
.board-filter .localized-template-button-wrapper {
  margin-right: 14px;
}
.board-filter .add-board-entity-button-wrapper {
  margin-right: 14px;
}
.board-filter .board-filter-inner {
  display: flex;
  align-items: center;
  position: relative;
  flex-grow: 1;
}
.board-filter .async-filter-loader {
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter {
  margin: 0px !important;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .collapse-all-groups {
  display: none;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .board-filter-hint-component_v2 {
  display: none;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .person-select.with-value_v2 {
  transform: translate3d(0, 0, 0);
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .board-filter-input-wrapper_v2 input {
  height: 32px !important;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .board-filter-input-wrapper_v2 .clear-button {
  top: 8px;
  right: 11px;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter {
  display: flex;
  align-items: center;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-button_v2.minimized {
  display: none;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-dialog_v2.minimized {
  min-width: auto;
  position: relative;
  top: 0px;
  white-space: nowrap;
  max-width: none;
  margin-left: 8px;
  box-shadow: none;
  border: 1px solid #333333;
  border-radius: 40px;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-dialog_v2.minimized:hover {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  background: white;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-dialog_v2.minimized .advanced-filter-dialog-inner {
  display: none;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-dialog_v2.minimized .board-view-results-sum {
  display: block;
  padding: 2px 16px;
}
.board-view-ui-component .board-view-ui-top-header-wrapper .board-filter .board-filter-inner .advanced-filter .advanced-filter-dialog_v2.minimized .board-view-results-sum .icon {
  margin-right: 8px;
}
/* mixin for multiline */
.columns-filter-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  min-width: 264px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 0 2px 0;
}
.columns-filter-dialog-component .column-filter-title {
  padding-bottom: 8px;
  margin-top: 8px;
  padding: 16px;
}
.columns-filter-dialog-component .column-filter-title .column-filter-title-wrapper {
  display: flex;
}
.columns-filter-dialog-component .column-filter-title .column-filter-title-wrapper .column-filter-dialog-back {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  margin-left: 16px;
  margin-top: -8px;
}
.columns-filter-dialog-component .column-filter-title .column-filter-title-wrapper .column-filter-title {
  padding-bottom: 8px;
}
.columns-filter-component .columns-filter-icon {
  margin-top: 3px;
}
/* mixin for multiline */
.floating-columns-dialog-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  min-width: 264px;
  padding: 8px 8px 2px;
}
.floating-columns-dialog-component .floating-columns-title {
  padding-bottom: 8px;
  font-weight: 500;
  margin-left: 8px;
  margin-top: 8px;
}
.floating-columns-dialog-component .floating-columns-title .floating-columns-title-wrapper {
  display: flex;
}
.floating-columns-dialog-component .floating-columns-title .floating-columns-title-wrapper .floating-columns-dialog-back {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  margin-left: 16px;
  margin-top: -8px;
}
.floating-columns-dialog-component .floating-columns-title .floating-columns-title-wrapper .floating-columns-title {
  padding-bottom: 8px;
  font-weight: 500;
}
.floating-columns-dialog-component .floating-columns-subset-save {
  display: flex;
  justify-content: center;
  margin: 8px;
}
.floating-columns-component .floating-columns-icon {
  margin-top: 3px;
}

.floating-columns-component.old-filter {
  font-size: 25px;
  position: relative;
  left: 6px;
  top: 1px;
}
.full-screen-button-component {
  margin-right: 6px;
}
.board-view-more-actions-button .icon-v2-ellipsis {
  margin-top: 12px;
}
.header-field-fullscreen-component {
  font-weight: 400;
}
.header-dropdown-component {
  margin-left: 16px;
  font-size: 14px;
}
.header-dropdown-component .settings-dropdown-component {
  width: 100px;
  margin-bottom: 0px;
}
.header-dropdown-component .settings-dropdown-component .Select,
.header-dropdown-component .settings-dropdown-component .Select-control {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 34px;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.header-dropdown-component .settings-dropdown-component .Select.is-focused, .header-dropdown-component .settings-dropdown-component .Select:focus,
.header-dropdown-component .settings-dropdown-component .Select-control.is-focused,
.header-dropdown-component .settings-dropdown-component .Select-control:focus {
  outline: none;
}
.header-dropdown-component .settings-dropdown-component .Select.is-focused .Select-control, .header-dropdown-component .settings-dropdown-component .Select:focus .Select-control,
.header-dropdown-component .settings-dropdown-component .Select-control.is-focused .Select-control,
.header-dropdown-component .settings-dropdown-component .Select-control:focus .Select-control {
  box-shadow: none;
}
.header-dropdown-component .settings-dropdown-component .Select .Select-value,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-value {
  line-height: 32px !important;
}
.header-dropdown-component .settings-dropdown-component .Select .Select-value .Select-value-label,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-value .Select-value-label {
  line-height: 32px;
}
.header-dropdown-component .settings-dropdown-component .Select .Select-value-label,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.header-dropdown-component .settings-dropdown-component .Select .Select-placeholder,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.header-dropdown-component .settings-dropdown-component .Select .Select-input,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-input {
  height: 32px;
}
.header-dropdown-component .settings-dropdown-component .Select .Select-input:focus,
.header-dropdown-component .settings-dropdown-component .Select-control .Select-input:focus {
  background: transparent;
}
.header-dropdown-component .settings-dropdown-component .Select .select-option-wrapper,
.header-dropdown-component .settings-dropdown-component .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.header-dropdown-component .settings-dropdown-component .Select .select-option-wrapper .select-option-text,
.header-dropdown-component .settings-dropdown-component .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-dropdown-component .settings-dropdown-component .Select .select-option-wrapper .icon,
.header-dropdown-component .settings-dropdown-component .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.header-dropdown-component .settings-dropdown-component .Select.is-disabled {
  cursor: default;
}
.header-dropdown-component .settings-dropdown-component .Select.is-disabled .Select-control {
  cursor: default;
}
.header-dropdown-component .settings-dropdown-component .Select.is-open .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.header-dropdown-component .settings-dropdown-component .Select-menu-outer {
  z-index: 2;
}
.header-buttons-fullscreen-component {
  display: flex;
  height: 28px;
}
.header-buttons-fullscreen-component .header-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  background-color: transparent;
  transition: 0.1s background-color ease-in, 0.1s color ease-in;
  cursor: pointer;
  padding: 0 16px;
  margin: 0 2px;
  text-decoration: none;
  border-radius: 4px;
}
.header-buttons-fullscreen-component .header-button.light-theme, .light-theme .header-buttons-fullscreen-component .header-button {
  color: #1c1f3b;
}
.header-buttons-fullscreen-component .header-button.light-theme.active, .light-theme .header-buttons-fullscreen-component .header-button.active {
  background-color: #e5f4ff;
  color: #0085FF;
}
.header-buttons-fullscreen-component .header-button.light-theme:hover:not(.active), .light-theme .header-buttons-fullscreen-component .header-button:hover:not(.active) {
  background-color: #edeef0;
}
.header-buttons-fullscreen-component .header-button.dark-theme, .dark-theme .header-buttons-fullscreen-component .header-button {
  color: #ffffff;
}
.header-buttons-fullscreen-component .header-button.dark-theme.active, .dark-theme .header-buttons-fullscreen-component .header-button.active {
  background-color: #363a52;
  color: #0085FF;
}
.header-buttons-fullscreen-component .header-button.dark-theme:hover:not(.active), .dark-theme .header-buttons-fullscreen-component .header-button:hover:not(.active) {
  background-color: #363a52;
}
.header-buttons-fullscreen-component .header-button.dark_overview-theme, .dark_overview-theme .header-buttons-fullscreen-component .header-button {
  color: #ffffff;
}
.header-buttons-fullscreen-component .header-button.dark_overview-theme.active, .dark_overview-theme .header-buttons-fullscreen-component .header-button.active {
  background-color: #21263f;
  color: #0085FF;
}
.header-buttons-fullscreen-component .header-button.dark_overview-theme:hover:not(.active), .dark_overview-theme .header-buttons-fullscreen-component .header-button:hover:not(.active) {
  background-color: #21263f;
}
.header-buttons-fullscreen-component .header-button:not(:last-child) {
  border-right: none;
}
.header-buttons-fullscreen-component .header-button.button-and-text .button-icon {
  margin-right: 8px;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input {
  padding: 2px 20px;
  width: 184px;
  transition: width 0.1s;
  background-color: transparent;
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:-ms-input-placeholder {
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input::placeholder {
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value {
  width: 216px;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input {
  border-color: #c5c7d0 !important;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme:focus, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme.has-value, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value {
  background-color: #ffffff;
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme:focus:-ms-input-placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme.has-value:-ms-input-placeholder, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus:-ms-input-placeholder, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value:-ms-input-placeholder {
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme:focus::placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.light-theme.has-value::placeholder, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus::placeholder, .light-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value::placeholder {
  color: #6e6f8f;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input {
  border-color: #6e6f8f !important;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme:focus, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme.has-value, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value {
  background-color: #6e6f8f;
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme:focus:-ms-input-placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme.has-value:-ms-input-placeholder, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus:-ms-input-placeholder, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value:-ms-input-placeholder {
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme:focus::placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark-theme.has-value::placeholder, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus::placeholder, .dark-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value::placeholder {
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input {
  border-color: #21263f !important;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme:focus, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme.has-value, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value {
  background-color: #6e6f8f;
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme:focus:-ms-input-placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme.has-value:-ms-input-placeholder, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus:-ms-input-placeholder, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value:-ms-input-placeholder {
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme:focus::placeholder, .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.dark_overview-theme.has-value::placeholder, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input:focus::placeholder, .dark_overview-theme .board-view-ui-header-filter-fullscreen-component .pure-input .board-view-ui-header-filter-input.has-value::placeholder {
  color: #ffffff;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .pure-input-close-icon-wrapper {
  color: #1c1f3b;
}
.board-view-ui-header-filter-fullscreen-component .pure-input .pure-input-close-icon-wrapper:hover {
  color: #ffffff;
}
.board-view-navigation-actions-component {
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.board-header-view-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.board-header-view-bar {
  display: flex;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding: 16px 0px;
}
.board-header-view-bar.top-bar {
  padding-right: 16px;
  padding-left: 32px;
  border-bottom: none;
}
.board-header-view-bar .board-header-view-actions-wrapper {
  margin-left: auto;
}
.board-description {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  cursor: default;
  position: relative;
  width: 70%;
  min-width: 500px;
  max-width: 800px;
  border: 1px solid transparent;
}
.board-description:not(.expanded) {
  max-height: 65px;
}
.board-description.can-edit:hover {
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  cursor: text;
}
.board-description .ds-text-component.description-content {
  white-space: normal;
  color: #676879;
  color: var(--secondary-text-color);
}
.board-description .ds-text-component.description-content .description-line {
  min-height: 19px;
}
.board-description textarea {
  height: 100px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 0px;
}

.expander {
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding-top: 3px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.expander .expander-inner {
  color: #0085ff;
  color: var(--primary-color);
  padding-left: 4px;
}
.expander:hover .expander-inner {
  text-decoration: underline;
}
.expander .expander-inner__fa {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  padding-left: 5px;
}

.clean-board-layout.board-wrapper .board-description {
  opacity: 0;
}
.clean-board-layout.board-wrapper .board-description:hover, .clean-board-layout.board-wrapper .board-description.has-content, .clean-board-layout.board-wrapper .board-description.editing {
  opacity: 1;
}
.board-wrapper .board-header .board-header-top .board-header-strip-component {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  min-height: 33px;
  line-height: 33px;
  color: #ffffff;
  padding: 1px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrapper .board-header .board-header-top .board-header-strip-component i {
  margin-right: 5px;
}
.board-wrapper .board-header .board-header-top .board-header-strip-component a {
  color: #ffffff;
  text-decoration: underline;
}
.board-wrapper .board-header .board-header-top .board-header-strip-component.archived {
  background-color: #e44258;
}
.monday-board-control {
  display: flex;
  cursor: pointer;
  align-items: center;
  height: 38px;
  padding: 0px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.monday-board-control:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.monday-board-control__text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.monday-add-to-board-menu .monday-add-to-board-menu-button {
  display: flex;
  height: 36px;
  align-items: center;
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #0085ff;
  color: var(--primary-color);
  font-weight: 300;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}
.monday-add-to-board-menu .monday-add-to-board-menu-button .monday-board-control {
  height: 100%;
}
.overlap-images-component {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.overlap-images-component .overlap-images-wrapper {
  z-index: 1;
  display: flex;
  flex: 0 1 auto;
  align-items: center;
}
.overlap-images-component .overlap-images-wrapper .overlap-image {
  position: relative;
  border-radius: 50%;
  border: 1px solid;
  border-color: #ffffff;
  border-color: var(--primary-background-color);
  overflow: hidden;
}
.overlap-images-component .overlap-images-wrapper .overlap-image .inner-image {
  width: 100%;
  height: 100%;
}
.show-more-count-component {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(0px);
  padding: 6px 8px;
  border-radius: 20px;
}
.show-more-count-component .show-more-count {
  color: #ffffff;
}
.show-more-count-component .show-more-count.with-icon {
  height: 20px;
}
.show-more-count-component .show-more-count .show-more-count-icon {
  font-size: 18px;
}
.show-more-count-component.dark {
  background-color: #333333;
  border: 1px solid #ffffff;
}
.show-more-count-component.dark .show-more-count {
  color: #ffffff;
}
.show-more-count-component.dark-border {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.show-more-count-component.dark-border .show-more-count {
  color: #323338;
  color: var(--primary-text-color);
}
.show-more-count-component.light {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.show-more-count-component.light .show-more-count {
  color: #0085ff;
  color: var(--primary-color);
}
.show-more-count-component.clickable {
  cursor: pointer;
}

.show-more-tooltip {
  display: flex;
  flex-direction: column;
}
.show-more-tooltip .show-more-tooltip-name {
  margin: 4px;
}
.board-header-label {
  display: flex;
}
.board-header-label .label-text {
  vertical-align: middle;
  margin-right: 10px;
  align-self: center;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.subscribers-images-component {
  display: flex;
}
.subscribers-images-component .subscribers-overlap-images-wrapper {
  margin-right: 8px;
}
.subscribers-images-component.subscribers-images-component-v2 {
  border-radius: 4px;
  padding: 4px 8px;
  padding-right: 0px;
}
.subscribers-images-component.subscribers-images-component-v2:hover {
  cursor: pointer;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.subscribers-images-component .subscribers-invite-btn {
  height: 32px;
}
.subscribers-images-component .last-viewed-tooltip {
  display: flex;
  justify-content: space-between;
}
.subscribers-images-component .inner-image {
  cursor: pointer;
}
.board-wrapper .board-actions-v2 .board-menu {
  position: relative;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button {
  border: 1px solid transparent;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 32px;
  position: relative;
  transition: color 50ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button.fullscreen-views {
  line-height: 26px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button.fullscreen-views .icon.ellipsis {
  font-size: 18px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon {
  font-size: 13px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon.ellipsis {
  font-size: 24px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon.ellipsis:before {
  transform: translateY(9px);
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .three-dots-menu-img {
  height: 7px;
}
.board-wrapper .board-actions-v2 .board-menu .ds-menu-button-old .board-menu-button:hover {
  background: #ffffff;
  border-color: #c4c4c4;
}
.board-wrapper .board-actions-v2 .board-menu.open .board-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  border-radius: 4px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-wrapper .board-actions-v2 .board-menu.open .board-menu-button.board-menu-button-not-square {
  border-radius: 50%;
}
.board-wrapper .board-actions-v2 .board-menu.open .ds-menu-button-old .board-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}

.menu-item-with-apps-marketplace-logo {
  padding-right: 10px;
}
.menu-item-with-apps-marketplace-logo .ds-image {
  margin-right: 8px;
  flex: 0 0 16px;
  margin-top: 2px;
}

.dialog-node .board-menu-dialog .board-menu-patch {
  position: absolute;
  right: 0px;
  top: -1px;
  background: #ffffff;
  width: 33px;
  height: 1px;
}
.dialog-node .board-menu-dialog.board-menu-v2 .ds-seconday-menu {
  width: 250px;
}

.bootbox.modal .secondary-button-no-border {
  border: none;
}
.new-feature-bedge-component {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
  padding: 0px 4px;
  border: 1px solid #9699a6;
  border-radius: 4px;
}
.new-feature-bedge-component:hover {
  text-decoration: none;
}
.board-wrapper .board-actions-v2 .permissions-button {
  padding-left: 8px;
  cursor: default;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 2px;
}
.board-wrapper .board-actions-v2 .permissions-button.emphasized-mode {
  -webkit-animation: blink_symbol 3000ms;
          animation: blink_symbol 3000ms;
}

.permission-button-description {
  max-width: 200px;
}

@-webkit-keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}

@keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}
.board-wrapper .board-actions-v2 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.board-wrapper .board-actions-v2 .monday-add-to-board-wrapper {
  margin: 0 16px;
}
.board-wrapper .board-actions-v2 .board-video-call-active {
  margin-right: 16px;
}
.board-wrapper .board-actions-v2 .board-video-call-inactive {
  margin-right: 16px;
}
.board-wrapper .board-actions-v2 .board-actions-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrapper .board-actions-v2 .board-actions-section.subscribers-list-wrapper {
  padding: 0 8px;
  height: 40px;
}
.board-wrapper .board-actions-v2 .separator {
  margin: 0px 12px;
  width: 1px;
  height: 30px;
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
}
.board-wrapper .board-actions-v2 .square-separator {
  margin: 0 4px;
  width: 1px;
  height: 100%;
}
.board-wrapper .board-actions-v2 .subscribers-button.subscribers-button-not-square:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.board-wrapper .board-actions-v2 .subscribers-button.subscribers-button-not-square .icon {
  font-size: 18px;
}
.board-wrapper .board-actions-v2 .subscribers-button .subscribers-counter {
  font-size: 14px;
  position: relative;
  bottom: 2px;
  left: 0px;
  margin-left: 4px;
}
.board-wrapper .board-actions-v2 .subscribers-button.shareable-button {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}
.board-wrapper .board-actions-v2 .subscribers-button.shareable-button .subscribers-counter {
  bottom: 0px;
}
.board-wrapper .board-actions-v2 .subscribers-button.shareable-button:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.board-wrapper .board-actions-v2 .permissions-button {
  padding-left: 8px;
  cursor: default;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 2px;
}
.board-wrapper .board-actions-v2 .permissions-button.emphasized-mode {
  -webkit-animation: blink_symbol 3000ms;
          animation: blink_symbol 3000ms;
}

.permission-button-description {
  max-width: 200px;
}

@-webkit-keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}

@keyframes blink_symbol {
  0%, 33.33%, 66.66% {
    color: #0085FF;
    opacity: 1;
  }
  16.66%, 50% {
    color: #0085FF;
    opacity: 0;
  }
  83.33% {
    color: #333333;
    opacity: 0;
  }
  100% {
    color: #333333;
    opacity: 1;
  }
}
.board-wrapper .board-actions-v2 .board-menu {
  position: relative;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button {
  border: 1px solid transparent;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 32px;
  position: relative;
  transition: color 50ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button.fullscreen-views {
  line-height: 26px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button.fullscreen-views .icon.ellipsis {
  font-size: 18px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon {
  font-size: 13px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon.ellipsis {
  font-size: 24px;
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .icon.ellipsis:before {
  transform: translateY(9px);
}
.board-wrapper .board-actions-v2 .board-menu .board-menu-button .three-dots-menu-img {
  height: 7px;
}
.board-wrapper .board-actions-v2 .board-menu .ds-menu-button-old .board-menu-button:hover {
  background: #ffffff;
  border-color: #c4c4c4;
}
.board-wrapper .board-actions-v2 .board-menu.open .board-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  border-radius: 4px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-wrapper .board-actions-v2 .board-menu.open .board-menu-button.board-menu-button-not-square {
  border-radius: 50%;
}
.board-wrapper .board-actions-v2 .board-menu.open .ds-menu-button-old .board-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}

.menu-item-with-apps-marketplace-logo {
  padding-right: 10px;
}
.menu-item-with-apps-marketplace-logo .ds-image {
  margin-right: 8px;
  flex: 0 0 16px;
  margin-top: 2px;
}

.dialog-node .board-menu-dialog .board-menu-patch {
  position: absolute;
  right: 0px;
  top: -1px;
  background: #ffffff;
  width: 33px;
  height: 1px;
}
.dialog-node .board-menu-dialog.board-menu-v2 .ds-seconday-menu {
  width: 250px;
}

.bootbox.modal .secondary-button-no-border {
  border: none;
}
.activities-tooltip-container {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  margin: 4px;
}
.activities-tooltip-container .activity-tip-content {
  justify-content: left;
  line-height: 1.6;
}

.board-actions-v2 .activity-log-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  outline: none;
}
.board-actions-v2 .activity-log-button.activity-log-button-not-square {
  padding-top: 0;
}
.board-actions-v2 .activity-log-button .has-new-activities.leftpane-activity-indication {
  height: 8px;
  width: 8px;
  margin-right: 8px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-radius: 50%;
}
.board-actions-v2 .activity-log-button .activity-log-counter {
  margin-left: 2px;
}
.board-actions-v2 .activity-log-button .activity-log-counter.has-new {
  color: #0085ff;
  color: var(--primary-color);
}
.board-actions-v2 .activity-log-button.has-new {
  padding-top: 1px;
}
.board-actions-v2 .activity-log-button .icon {
  font-size: 18px;
}
.board-actions-v2 .activity-log-button .icon:hover, .board-actions-v2 .activity-log-button .icon.open {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-button-component {
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: row;
  height: 38px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.automations-button-component .automations-buttons-inner {
  display: flex;
  max-width: 480px;
}
.automations-button-component .automations-buttons-inner .automations-button {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 16px;
}
.automations-button-component .automations-buttons-inner .automations-button .button-label {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-button-component .automations-buttons-inner .automations-button .button-label .automations-button-text {
  margin-left: 8px;
}
.automations-button-component .automations-buttons-inner .automations-button .button-label .entity-counter {
  margin-left: 4px;
}
.automations-button-component .automations-buttons-inner .automations-button .counter {
  background-color: #8587af;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: -5px;
  right: 0px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  text-align: center;
}
.automations-button-component .automations-buttons-inner .automations-button .entity-icon {
  font-size: 17px;
  margin-bottom: 2px;
}
.automations-button-component .automations-buttons-inner .automations-button:not(.not-allowed):hover {
  color: #323338;
  color: var(--primary-text-color);
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.automations-button-component .automations-buttons-inner .integrations-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
  border-radius: 4px;
  padding: 16px 12px 16px 16px;
}
.automations-button-component .automations-buttons-inner .integrations-button:hover {
  color: #323338;
  color: var(--primary-text-color);
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content {
  display: flex;
  align-items: center;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .entity-counter {
  margin-left: 4px;
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .apps-badges-container {
  display: flex;
  padding-bottom: 2px;
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .entity-icon {
  display: flex;
  margin-right: 8px;
  font-size: 15px;
}
.subscribers-images-component {
  display: flex;
  border-radius: 4px;
  padding: 4px 0 4px 8px;
}
.subscribers-images-component:hover {
  cursor: pointer;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.subscribers-images-component .subscribers-overlap-images-wrapper {
  margin-right: 8px;
}
.subscribers-images-component .subscribers-invite-btn {
  height: 32px;
}
.subscribers-images-component .last-viewed-tooltip {
  display: flex;
  justify-content: space-between;
}
.subscribers-images-component .inner-image {
  cursor: pointer;
}
.board-wrapper .board-actions-v2 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.board-wrapper .board-actions-v2 .board-video-call-active {
  margin-right: 16px;
}
.board-wrapper .board-actions-v2 .board-video-call-inactive {
  margin-right: 16px;
}
.board-wrapper .board-actions-v2 .board-actions-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrapper .board-actions-v2 .board-actions-section.subscribers-list-wrapper {
  padding: 0 8px;
  height: 40px;
}
.board-wrapper .board-actions-v2 .separator {
  margin: 0px 12px;
  width: 1px;
  height: 30px;
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
}
.board-wrapper .board-actions-v2 .square-separator {
  margin: 0 4px;
  width: 1px;
  height: 100%;
}
.board-header-collapse-mode-button-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  transition: padding-top 100ms ease, padding-bottom 100ms ease;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 3px 9px;
}
.board-header-collapse-mode-button-component:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: white;
}
.board-header-collapse-mode-button-component .collapse-icon {
  font-size: 18px;
  font-weight: 400;
}
.board-header-collapse-mode-button-component.collapse-mode:hover {
  padding-top: 8px;
}
.board-header-collapse-mode-button-component.collapse-mode .collapse-icon {
  transform: rotate(90deg);
  width: 5px;
}
.board-header-collapse-mode-button-component.expand-mode:hover {
  padding-bottom: 8px;
}
.board-header-collapse-mode-button-component.expand-mode .collapse-icon {
  transform: rotate(-90deg);
  width: 4px;
}
.monday-subset-toolbar-extended {
  display: flex;
  align-items: flex-end;
  margin-left: auto;
}
.monday-subset-toolbar-extended__automations-integrations {
  margin-left: auto;
  margin-right: 8px;
  margin-bottom: 6px;
}
.monday-subset-toolbar-extended__automations-integrations .automations-button-component .entity-counter {
  white-space: nowrap;
}
.monday-subset-toolbar-extended__automations-integrations .automations-button-component .automations-button,
.monday-subset-toolbar-extended__automations-integrations .automations-button-component .integrations-button {
  width: unset;
  font-size: 14px;
  font-weight: 400;
}
.monday-subset-toolbar-extended__collapse-header-btn {
  margin-left: 8px;
  margin-bottom: 10px;
}
.monday-subset-toolbar-compact {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 16px;
}
.monday-subset-toolbar-compact.collapse-mode-enabled {
  margin-right: 0;
  align-items: flex-start;
  margin-top: 1px;
}
.monday-subset-toolbar-compact__controls {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.monday-subset-toolbar-compact__board-menu-btn {
  margin-left: 8px;
}
.monday-subset-toolbar-compact__expand-header-btn {
  margin-left: 8px;
  margin-top: 7px;
}
/* mixin for multiline */
.monday-board-subset-item {
  max-width: 152px;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
}
.monday-board-subset-item__button {
  padding: 7px 16px;
}
.monday-board-subset-item__button:hover, .monday-board-subset-item__button.monday-board-subset-item--options-dialog-open {
  padding-right: 10px;
}
.monday-board-subset-item__options-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  font-weight: 400;
}
.monday-board-subset-item__options-button .icon {
  height: 12px;
  font-size: 13px;
}
.monday-board-subset-item__options-button:hover {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.monday-board-subset-item__options-button.is-open {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.monday-board-subset-item__button:hover .monday-board-subset-item__options-button, .monday-board-subset-item__options-button.is-open {
  display: flex;
}
.monday-board-subset-item__left-icon {
  margin-right: 6px;
  position: relative;
  font-size: 16px;
}
.monday-board-subset-item__label {
  font-size: 14px;
  font-weight: 400;
}
.monday-board-subset-item__subset-additional-icon {
  position: absolute;
  font-size: 9px;
  right: -5px;
  bottom: 0;
  height: 13px;
  width: 13px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 50%;
  color: #676879;
  color: var(--secondary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.monday-board-subset-item__subset-additional-icon .icon {
  margin-top: 1px;
}
.monday-board-subset-item__button:hover .monday-board-subset-item__subset-additional-icon {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.monday-board-subset-item__pinned-icon {
  transform: rotate(315deg);
}
.monday-board-subset-item__favorite-icon {
  height: 14px;
  width: 14px;
}
.monday-board-subset-item--renaming .monday-board-subset-item__options-button {
  display: none !important;
}
.monday-board-subset-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monday-board-subset-item--active {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.monday-board-pinned-subsets {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
/* mixin for multiline */
.board-subset-show-more-picker-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  color: #323338;
  color: var(--primary-text-color);
  width: 300px;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.board-subset-show-more-picker-component .board-subset-filter {
  padding: 0;
}
.board-subset-show-more-picker-component .board-subset-picker-content-title {
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #323338;
  color: var(--primary-text-color);
}
.board-subset-show-more-picker-component .monday-show-more-options {
  padding: 0 8px 8px 8px;
  max-height: 324px;
  overflow: auto;
  font-size: 14px;
  font-weight: 400;
}
.board-subset-show-more-picker-component .monday-show-more-options::-webkit-scrollbar {
  width: 6px;
}
.board-subset-show-more-picker-component .monday-show-more-options::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.show-more-view-button-wrapper {
  margin-left: 8px;
  margin-bottom: 4px;
}
.show-more-view-button-wrapper button {
  font-size: 14px;
}
.show-more-view-button-wrapper .icon_component {
  height: 8px;
  font-size: 9px;
  margin-top: 4px;
}
.add-board-subset-picker-component__button {
  font-size: 14px;
  margin-bottom: 4px;
}
.monday-board-subsets-tabs {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-right: 48px;
}
.monday-board-subsets-tabs__separator {
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  width: 1px;
  margin: 8px 8px;
  height: 24px;
}
/* mixin for multiline */
.board-subset-picker-component-v2 .board-subset-picker-switch {
  display: flex;
  cursor: pointer;
  transition: font-weight 0.3s ease-in-out;
  font-weight: 400;
  border-bottom: 2px transparent solid;
}
.board-subset-picker-component-v2 .board-subset-picker-switch__text {
  margin-left: 5px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-subset-picker-component-v2 .board-subset-picker-switch__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-top: 6px;
  width: 14px;
  height: 14px;
}
.board-subset-picker-component-v2 .board-subset-picker-switch--current-unpinned {
  border-bottom-color: #0085ff;
  border-bottom-color: var(--primary-color);
}
/* mixin for multiline */
.monday-board-subset-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
}
.monday-board-subset-toolbar.fade-in-enter {
  opacity: 0.01;
}
.monday-board-subset-toolbar.fade-in-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-in;
}
.monday-board-subset-toolbar__board-name-wrapper {
  max-width: 160px;
  align-items: center;
  display: flex;
  margin-right: 16px;
}
.monday-board-subset-toolbar__board-name-wrapper .board-name {
  font-size: 24px;
}
.monday-board-subset-toolbar__board-name-wrapper .board-name .heading-component,
.monday-board-subset-toolbar__board-name-wrapper .board-name .editable-heading-input {
  font-size: 24px;
  line-height: 32px;
}
.monday-board-subset-toolbar__subset-picker {
  max-width: 160px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.monday-board-subset-toolbar__subset-picker .board-subset-picker-component-v2 {
  width: 100%;
  height: 100%;
}
.monday-board-subset-toolbar__subset-picker:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.monday-board-subset-toolbar__subset-picker .board-subset-picker-switch {
  padding: 10px;
}
.monday-board-subset-toolbar__separator {
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  width: 1px;
  margin: 8px 8px;
}
.monday-board-subset-toolbar__subset-placeholder {
  max-width: 180px;
}
.monday-board-subset-toolbar__subset-placeholder .monday-board-subset-item {
  padding: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.monday-board-subset-toolbar__pinned-subsets {
  display: flex;
  align-items: center;
}
.board-wrapper .board-header,
.object-component .board-header {
  position: relative;
  z-index: 1100;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.board-wrapper .board-header.sticky-feature,
.object-component .board-header.sticky-feature {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.board-wrapper .board-header .board-collapse-button,
.object-component .board-header .board-collapse-button {
  position: absolute;
  z-index: 1;
}
@media (max-width: 768px) {
  .board-wrapper .board-header .board-collapse-button,
.object-component .board-header .board-collapse-button {
    display: none;
  }
}
.board-wrapper .board-header .board-header-content-wrapper,
.object-component .board-header .board-header-content-wrapper {
  padding: 30px 30px 0px 30px;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main .board-header-top,
.object-component .board-header .board-header-content-wrapper .board-header-main .board-header-top {
  display: flex;
  align-items: center;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main .board-header-top .spp-pulse-container,
.object-component .board-header .board-header-content-wrapper .board-header-main .board-header-top .spp-pulse-container {
  padding: 7px;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main .board-header-top .board-header-left,
.object-component .board-header .board-header-content-wrapper .board-header-main .board-header-top .board-header-left {
  display: flex;
  flex: 1 0;
  min-width: 100px;
  margin-right: 8px;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main .board-header-top .board-header-right,
.object-component .board-header .board-header-content-wrapper .board-header-main .board-header-top .board-header-right {
  flex: 0 0 auto;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main .board-outdated-message,
.object-component .board-header .board-header-content-wrapper .board-header-main .board-outdated-message {
  margin-left: 4px;
  margin-bottom: 8px;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main.slide-down-enter,
.object-component .board-header .board-header-content-wrapper .board-header-main.slide-down-enter {
  overflow: hidden;
  max-height: 0;
  opacity: 0.01;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main.slide-down-enter-active,
.object-component .board-header .board-header-content-wrapper .board-header-main.slide-down-enter-active {
  max-height: 140px;
  opacity: 1;
  transition: max-height 150ms cubic-bezier(0, 0, 0.35, 1), opacity 100ms ease-in 50ms;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main.slide-down-exit,
.object-component .board-header .board-header-content-wrapper .board-header-main.slide-down-exit {
  max-height: 140px;
  opacity: 1;
  overflow: hidden;
}
.board-wrapper .board-header .board-header-content-wrapper .board-header-main.slide-down-exit-active,
.object-component .board-header .board-header-content-wrapper .board-header-main.slide-down-exit-active {
  max-height: 0;
  opacity: 0;
  transition: max-height 150ms cubic-bezier(0, 0, 0.35, 1), opacity 100ms ease-out 50ms;
}
.board-wrapper .board-header .board-header-content-wrapper.monday-board-header-content-wrapper-v2 .board-header-main,
.object-component .board-header .board-header-content-wrapper.monday-board-header-content-wrapper-v2 .board-header-main {
  margin-bottom: 8px;
}
.board-wrapper .board-header.collapse-mode-enabled .board-header-content-wrapper,
.object-component .board-header.collapse-mode-enabled .board-header-content-wrapper {
  padding-top: 16px;
}

#main_wrapper.with-board-views .board-wrapper .board-header.clean-header-mode {
  display: none;
}
.board-view-fullscreen-type-header-component {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-left: 16px;
  position: relative;
}
.board-view-fullscreen-type-header-component .board-view-options {
  display: flex;
}
.board-view-fullscreen-type-header-component .board-view-options.config-v2 {
  margin-left: 12px;
}
.board-view-fullscreen-type-header-component .square-button-wrapper {
  transition: transform 0.1s ease;
}
.board-view-fullscreen-type-header-component .square-button-wrapper.open {
  transform: rotate3d(0, 1, 0, 180deg);
}
.board-view-fullscreen-type-header-component.TimelineBoardView:not(.config-v2) .header-field-fullscreen-component:first-child, .board-view-fullscreen-type-header-component.TimelineGanttBoardView:not(.config-v2) .header-field-fullscreen-component:first-child, .board-view-fullscreen-type-header-component.ResourceAllocationBoardView:not(.config-v2) .header-field-fullscreen-component:first-child, .board-view-fullscreen-type-header-component.CalendarBoardView:not(.config-v2) .header-field-fullscreen-component:first-child {
  display: flex;
  flex: 1 1 auto;
}
.board-view-fullscreen-type-header-component.TimelineBoardView:not(.config-v2) .header-field-fullscreen-component:nth-child(2), .board-view-fullscreen-type-header-component.TimelineGanttBoardView:not(.config-v2) .header-field-fullscreen-component:nth-child(2), .board-view-fullscreen-type-header-component.ResourceAllocationBoardView:not(.config-v2) .header-field-fullscreen-component:nth-child(2), .board-view-fullscreen-type-header-component.CalendarBoardView:not(.config-v2) .header-field-fullscreen-component:nth-child(2) {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.board-view-fullscreen-type-header-component.FilesBoardView {
  justify-content: space-between;
}
.board-view-ui-fullscreen-header-component {
  background: #808080;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 32px 12px 16px;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.board-view-ui-fullscreen-header-component .view-menu-button {
  height: 32px;
  width: 32px;
  line-height: 44px;
  display: flex;
  justify-content: center;
  border-radius: 24px;
}
.board-view-ui-fullscreen-header-component .view-menu-button.light-theme:hover, .light-theme .board-view-ui-fullscreen-header-component .view-menu-button:hover {
  background-color: #edeef0;
}
.board-view-ui-fullscreen-header-component .view-menu-button.dark-theme:hover, .dark-theme .board-view-ui-fullscreen-header-component .view-menu-button:hover {
  background-color: #363a52;
}
.board-view-ui-fullscreen-header-component .view-menu-button.dark_overview-theme:hover, .dark_overview-theme .board-view-ui-fullscreen-header-component .view-menu-button:hover {
  background-color: #21263f;
}
.board-view-ui-fullscreen-header-component .view-menu-button.dark {
  color: white;
}
.board-view-ui-fullscreen-header-component.light-theme, .light-theme .board-view-ui-fullscreen-header-component {
  background-color: #ffffff;
  color: #1c1f3b;
}
.board-view-ui-fullscreen-header-component.dark-theme, .dark-theme .board-view-ui-fullscreen-header-component {
  background-color: #1c1f3b;
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component.dark_overview-theme, .dark_overview-theme .board-view-ui-fullscreen-header-component {
  background-color: rgba(49, 56, 91, 0.85);
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component .board-view-type-header-wrapper {
  flex: 1 1 auto;
}
.board-view-ui-fullscreen-header-component.light-theme .settings-link, .light-theme .board-view-ui-fullscreen-header-component .settings-link {
  cursor: pointer;
  font-size: 15px;
  border-radius: 20px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-left: 12px;
  color: #1c1f3b;
}
.board-view-ui-fullscreen-header-component.light-theme .settings-link:hover, .light-theme .board-view-ui-fullscreen-header-component .settings-link:hover {
  background-color: #edeef0;
}
.board-view-ui-fullscreen-header-component.light-theme .settings-link:not(:hover), .light-theme .board-view-ui-fullscreen-header-component .settings-link:not(:hover) {
  color: #1c1f3b;
}
.board-view-ui-fullscreen-header-component.light-theme .settings-link.item-list-link, .light-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link {
  transition: transform 0.1s ease;
}
.board-view-ui-fullscreen-header-component.light-theme .settings-link.item-list-link.open, .light-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link.open {
  transform: rotate3d(0, 1, 0, 180deg);
}
.board-view-ui-fullscreen-header-component.dark-theme .settings-link, .dark-theme .board-view-ui-fullscreen-header-component .settings-link {
  cursor: pointer;
  font-size: 15px;
  border-radius: 20px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-left: 12px;
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component.dark-theme .settings-link:hover, .dark-theme .board-view-ui-fullscreen-header-component .settings-link:hover {
  background-color: #363a52;
}
.board-view-ui-fullscreen-header-component.dark-theme .settings-link:not(:hover), .dark-theme .board-view-ui-fullscreen-header-component .settings-link:not(:hover) {
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component.dark-theme .settings-link.item-list-link, .dark-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link {
  transition: transform 0.1s ease;
}
.board-view-ui-fullscreen-header-component.dark-theme .settings-link.item-list-link.open, .dark-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link.open {
  transform: rotate3d(0, 1, 0, 180deg);
}
.board-view-ui-fullscreen-header-component.dark_overview-theme .settings-link, .dark_overview-theme .board-view-ui-fullscreen-header-component .settings-link {
  cursor: pointer;
  font-size: 15px;
  border-radius: 20px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-left: 12px;
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component.dark_overview-theme .settings-link:hover, .dark_overview-theme .board-view-ui-fullscreen-header-component .settings-link:hover {
  background-color: #21263f;
}
.board-view-ui-fullscreen-header-component.dark_overview-theme .settings-link:not(:hover), .dark_overview-theme .board-view-ui-fullscreen-header-component .settings-link:not(:hover) {
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component.dark_overview-theme .settings-link.item-list-link, .dark_overview-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link {
  transition: transform 0.1s ease;
}
.board-view-ui-fullscreen-header-component.dark_overview-theme .settings-link.item-list-link.open, .dark_overview-theme .board-view-ui-fullscreen-header-component .settings-link.item-list-link.open {
  transform: rotate3d(0, 1, 0, 180deg);
}
.board-view-ui-fullscreen-header-component .board-view-ui-title {
  display: flex;
  min-width: 0px;
  flex: 0 auto;
  font-size: 18px;
  white-space: nowrap;
  margin-right: 32px;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title.light-theme, .light-theme .board-view-ui-fullscreen-header-component .board-view-ui-title {
  color: #1c1f3b;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title.dark-theme, .dark-theme .board-view-ui-fullscreen-header-component .board-view-ui-title {
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title.dark_overview-theme, .dark_overview-theme .board-view-ui-fullscreen-header-component .board-view-ui-title {
  color: #ffffff;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-name {
  margin-right: 8px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0px;
  max-width: 400px;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name {
  margin-right: 8px;
  min-width: 0px;
  max-width: 400px;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-text-component.suggesting {
  border-color: #4d5378;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input.light-theme, .light-theme .board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input {
  background: #ffffff;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input.dark-theme, .dark-theme .board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input {
  background: #6e6f8f;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input.dark_overview-theme, .dark_overview-theme .board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-name .ds-editable-input {
  background: #6e6f8f;
}
.board-view-ui-fullscreen-header-component .board-view-ui-title .board-view-header-menu-wrapper {
  display: flex;
  justify-content: center;
}

.view-menu-dialog-wrapper .view-more-settings-title {
  margin: 8px;
  font-weight: bold;
}
.view-menu-dialog-wrapper .view-menu-dialog {
  width: 180px;
}
.board-view-ui-resizer-component {
  background: #f1f1f1;
  height: 15px;
  cursor: row-resize;
  transition: background 0.2s ease;
  text-align: center;
  position: relative;
}
.board-view-ui-resizer-component:hover {
  background: #e1e1e1;
}
.board-view-ui-resizer-component .icon {
  color: #333333;
  transform: rotate(90deg);
  font-size: 11px;
  display: inline-block;
  position: absolute;
  top: -1px;
}
.board-view-ui-fullscreen-item-list-component {
  font-weight: 400;
  height: 100%;
  padding: 16px;
  overflow: auto;
  width: 100%;
}
.board-view-ui-fullscreen-item-list-component.light-theme, .light-theme .board-view-ui-fullscreen-item-list-component {
  border-left: 1px solid #f1f1f1;
  background-color: #ffffff;
  color: #1c1f3b;
}
.board-view-ui-fullscreen-item-list-component.dark-theme, .dark-theme .board-view-ui-fullscreen-item-list-component {
  border-left: none;
  background-color: #363a52;
  color: #ffffff;
}
.board-view-ui-fullscreen-item-list-component.dark_overview-theme, .dark_overview-theme .board-view-ui-fullscreen-item-list-component {
  border-left: none;
  background-color: #363a52;
  color: #ffffff;
}
.board-view-ui-fullscreen-item-list-component .board-view-ui-item-list-content {
  white-space: nowrap;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.board-view-ui-fullscreen-item-list-component .board-view-ui-item-list-content .board-view-ui-item-list-column-picker {
  margin-bottom: 16px;
}
.board-view-ui-fullscreen-item-list-component .board-view-ui-item-list-content .item-list-wrapper {
  flex-grow: 1;
  overflow: auto;
  min-height: 150px;
}
.board-view-ui-fullscreen-item-list-component .board-view-ui-item-list-content .item-list-wrapper:not(:last-child) {
  margin-bottom: 16px;
}
/* mixin for multiline */
.board-view-ui-item-list-column-picker-component {
  font-weight: 300;
}
.board-view-ui-item-list-column-picker-component .board-view-close {
  padding-bottom: 24px;
}
.board-view-ui-item-list-column-picker-component .picker-dialog-button {
  font-weight: 500;
  cursor: pointer;
}
.board-view-ui-item-list-column-picker-component .picker-dialog-button .icon {
  margin-left: 4px;
  font-size: 12px;
}
.board-view-ui-item-list-column-picker-component .picker-dialog-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}

.column-list-dialog {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  width: 200px;
  padding: 8px;
}
.column-list-dialog .column-list-item {
  height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 8px;
  border-radius: 4px;
}
.column-list-dialog .column-list-item:hover {
  background: #f1f1f1;
}
.board-view-ui-fullscreen-item-list-component .item-list-item-component {
  border: 1px solid #e1e1e1;
  border-left: 4px solid;
  height: 40px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  display: flex;
}
.board-view-ui-fullscreen-item-list-component .item-list-item-component:hover .buttons-wrapper {
  display: flex;
  margin-right: 4px;
}
.board-view-ui-fullscreen-item-list-component .item-list-item-component .item-list-item-icon {
  margin-right: 8px;
  color: #c4c4c4;
}
.board-view-ui-fullscreen-item-list-component .item-list-item-component .item-list-item-title {
  min-width: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board-view-ui-fullscreen-item-list-component .item-list-item-component .buttons-wrapper {
  margin-left: auto;
  display: none;
}
.board-view-ui-fullscreen-item-list-component .item-list-new-item-button-component {
  text-align: center;
}
.board-view-ui-fullscreen-item-list-component .item-list-new-item-button-component .new-item-button {
  font-weight: 400;
  border-radius: 20px;
}
.board-view-ui-fullscreen-item-list-component .item-list-new-item-button-component .new-item-button:hover {
  background: #f1f1f1;
}
.board-view-state-layout-fullscreen-component {
  font-size: 30px;
  background: #1c1f3b;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: white;
  position: relative;
}
.board-view-state-layout-fullscreen-component .board-view-state-layout-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 18px;
}
.board-view-state-layout-fullscreen-component .board-view-state-layout-close-button:hover {
  color: #6e6f8f;
}
.board-view-offer-trial-state-fullscreen-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.board-view-offer-trial-state-fullscreen-component .board-view-offer-trial-state-title {
  font-size: 32px;
  margin-bottom: 16px;
}
.board-view-offer-trial-state-fullscreen-component .board-view-offer-trial-state-subtitle {
  font-size: 18px;
  font-weight: 300;
}
.board-view-offer-trial-state-fullscreen-component .board-view-offer-trial-state-blog-link-wrapper {
  line-height: 18px;
  margin-bottom: 32px;
}
.board-view-offer-trial-state-fullscreen-component .board-view-offer-trial-state-blog-link-wrapper .board-view-offer-trial-state-blog-link {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 18px;
}
.board-view-offer-trial-state-fullscreen-component .board-view-offer-trial-state-blog-link-wrapper .board-view-offer-trial-state-blog-link:hover {
  text-decoration: underline;
}
.board-view-fullscreen-blocked-state-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.board-view-fullscreen-blocked-state-component .board-view-blocked-state-title {
  font-size: 32px;
  margin-bottom: 16px;
}
.board-view-fullscreen-blocked-state-component .board-view-blocked-state-subtitle {
  font-size: 18px;
  font-weight: 300;
}
.board-view-fullscreen-blocked-state-component .board-view-blocked-state-blog-link-wrapper {
  line-height: 18px;
  margin-bottom: 32px;
}
.board-view-fullscreen-blocked-state-component .board-view-blocked-state-blog-link-wrapper .board-view-blocked-state-blog-link {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 18px;
}
.board-view-fullscreen-blocked-state-component .board-view-blocked-state-blog-link-wrapper .board-view-blocked-state-blog-link:hover {
  text-decoration: underline;
}
.board-view-new-fullscreen-blocked-state-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.board-view-new-fullscreen-blocked-state-component .board-view-new-blocked-state-title {
  font-size: 32px;
  margin-bottom: 16px;
}
.board-view-new-fullscreen-blocked-state-component .board-view-new-blocked-state-subtitle {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 16px;
}
.open-board-view-ui-fullscreen-component {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner {
  background: none;
  display: flex !important;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper {
  flex: 1 0;
  display: flex;
  overflow: auto;
  height: 100%;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border.light-theme, .light-theme .open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border {
  border-top: 1px solid #e6e9ef;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border.dark-theme, .dark-theme .open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border {
  border-top: 1px solid #454662;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border.dark_overview-theme, .dark_overview-theme .open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper.board-view-border {
  border-top: 1px solid #21263f;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper .board-view-settings {
  flex: 0 0 0px;
  transition: flex-basis 0.1s ease-in-out;
  min-width: 0px;
  overflow: hidden;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper .board-view-settings.open {
  flex-basis: 270px;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper .board-view-item-list {
  flex: 0 0 0px;
  transition: flex-basis 0.1s ease-in-out;
  min-width: 0px;
  overflow: hidden;
  height: 100%;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper .board-view-item-list.open {
  flex-basis: 350px;
}
.open-board-view-ui-fullscreen-component .open-board-view-ui-inner .board-view-content-wrapper .board-view-content {
  flex: 1 0;
  position: relative;
  width: 100%;
  overflow: auto;
}
.open-board-view-ui-fullscreen-component .open-board-view-error-state {
  font-size: 30px;
  background: #1c1f3b;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: white;
  position: relative;
}
.open-board-view-ui-fullscreen-component .open-board-view-error-state .open-board-view-error-state-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 18px;
}
.open-board-view-ui-fullscreen-component .open-board-view-error-state .open-board-view-error-state-close-button:hover {
  color: #6e6f8f;
}
/* mixin for multiline */
.miss-dependency-fullscreen-component {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.miss-dependency-fullscreen-component .miss-dependency {
  padding: 24px;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.miss-dependency-fullscreen-component .miss-dependency.light-theme, .light-theme .miss-dependency-fullscreen-component .miss-dependency {
  color: #1c1f3b;
  background-color: #ffffff;
}
.miss-dependency-fullscreen-component .miss-dependency.dark-theme, .dark-theme .miss-dependency-fullscreen-component .miss-dependency {
  color: #ffffff;
  background-color: #363a52;
}
.miss-dependency-fullscreen-component .miss-dependency.dark_overview-theme, .dark_overview-theme .miss-dependency-fullscreen-component .miss-dependency {
  color: #ffffff;
  background-color: #363a52;
}
.miss-dependency-fullscreen-component .miss-dependency .miss-dependency-inner .miss-dependency-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.miss-dependency-fullscreen-component .miss-dependency .miss-dependency-inner .miss-dependency-subtitle {
  font-size: 14px;
  line-height: 1.8em;
}
.miss-dependency-fullscreen-component .miss-dependency .miss-dependency-inner .miss-dependency-action-button {
  margin-top: 32px;
  text-align: right;
}
.board-view-ui-top-bar-component {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
}
.board-view-ui-top-bar-component .board-view-ui-collapse-filter {
  flex: 1;
  display: flex;
  height: 58px;
}
.board-view-ui-top-bar-component .board-view-ui-collapse-filter .board-view-ui-collapse-button {
  float: left;
  vertical-align: top;
}
.board-view-ui-top-bar-component .board-view-ui-collapse-filter .board-view-ui-filter-wrapper {
  align-self: center;
  padding-left: 2px;
  width: 100%;
}
.board-view-ui-top-bar-component .board-view-ui-list-wrapper {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.board-view-ui-top-bar-component .board-view-ui-board-name {
  display: flex;
  align-items: center;
  padding-left: 32px;
}
.board-view-ui-top-bar-component .board-view-ui-board-name .board-name {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  max-width: 320px;
}
.board-view-ui-top-bar-component .board-view-ui-board-name .board-name .kind-icon {
  padding-right: 8px;
}

.first-level-content-wrapper .board-view-ui-top-bar-component .board-view-ui-collapse-filter .board-view-ui-filter-wrapper {
  padding: 20px;
  padding-right: 32px;
}
.board-view-ui-top-bar-v2 {
  display: flex;
  flex-direction: column;
}
.board-view-ui-top-bar-v2__board-name {
  display: flex;
  align-items: center;
  padding-left: 32px;
}
.board-view-ui-top-bar-v2__board-name .board-name {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  max-width: 320px;
}
.board-view-ui-top-bar-v2__board-name .board-name .kind-icon {
  padding-right: 8px;
}
.board-view-ui-top-bar-v2__header {
  display: flex;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.board-view-ui-top-bar-v2__board-subsets {
  margin-left: 10px;
  flex: 1;
}
.board-view-ui-fullscreen-component {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  color: #323338;
  color: var(--primary-text-color);
}
.board-view-ui-fullscreen-component a {
  color: #333;
  cursor: pointer;
  text-decoration: none;
}
.board-view-ui-fullscreen-component .open-board-view-wrapper {
  position: relative;
  z-index: 1;
  flex: 1 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body#main.dragging-timeline .board-view-ui-component {
  transition: none;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.slide-exit {
  bottom: 35px !important;
}

.slide-exit-active {
  bottom: -65px !important;
}

.slide-enter {
  bottom: -65px !important;
}

.slide-enter-active {
  bottom: 35px !important;
}

.menu-component-wrapper {
  pointer-events: none;
}
.menu-component-wrapper.minimize .batch-actions-menu-wrapper .num-of-actions_wrapper {
  margin-right: 20px;
}
.menu-component-wrapper.minimize .batch-actions-menu-wrapper .batch-actions-title-section {
  display: none;
}

.batch-actions-menu-wrapper {
  transition: bottom 0.15s cubic-bezier(0, 0, 0.35, 1);
  position: absolute;
  width: 800px;
  height: 63px;
  z-index: 1000001;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: 5px;
  box-shadow: 0px 22px 80px 12px #c5c7d0;
  box-shadow: 0px 22px 80px 12px var(--ui-border-color);
  pointer-events: auto;
  flex-direction: row;
  display: flex;
  bottom: 35px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.batch-actions-menu-wrapper.react-boards {
  position: fixed;
}
@media (min-width: 768px) and (max-width: 1220px) {
  .batch-actions-menu-wrapper {
    width: 500px;
  }
  .batch-actions-menu-wrapper .num-of-actions {
    font-size: 24px !important;
  }
  .batch-actions-menu-wrapper .title {
    font-size: 20px !important;
  }
  .batch-actions-menu-wrapper .action-icon {
    font-size: 18px !important;
  }
  .batch-actions-menu-wrapper .action-name {
    font-size: 12px !important;
  }
  .batch-actions-menu-wrapper .pulses_dots {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1220px) and (max-width: 900px) {
  .batch-actions-menu-wrapper {
    width: 370px;
  }
  .batch-actions-menu-wrapper .num-of-actions_wrapper {
    width: 50px !important;
  }
  .batch-actions-menu-wrapper .title {
    font-size: 15px !important;
    font-weight: 300 !important;
  }
  .batch-actions-menu-wrapper .batch-actions-delete-item {
    width: 50px !important;
  }
}
.batch-actions-menu-wrapper .on-boarding-tip {
  width: 370px;
  bottom: 85px;
  left: 50%;
  transform: translateX(-50%);
}
.batch-actions-menu-wrapper .num-of-actions_wrapper {
  width: 63px;
  color: #ffffff;
  color: var(--primary-background-color);
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-radius: 5px 0px 0px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: default;
}
.batch-actions-menu-wrapper .num-of-actions_wrapper .num-of-actions {
  font-size: 30px;
}
.batch-actions-menu-wrapper .num-of-actions_wrapper .clear-num-of-actions {
  font-size: 13px;
  color: #ffffff;
  color: var(--primary-background-color);
  cursor: pointer;
}
.batch-actions-menu-wrapper .batch-actions-title-section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  cursor: default;
}
.batch-actions-menu-wrapper .batch-actions-title-section .title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 24px;
  padding-left: 20px;
  font-weight: 100;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
.batch-actions-menu-wrapper .dialog-wrapper {
  display: flex;
  position: relative;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit {
  opacity: 1;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit .moveto-dialog {
  bottom: 80px !important;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit .carret {
  top: -24px;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit-active {
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit-active .moveto-dialog {
  bottom: 70px !important;
  transition: bottom 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-exit-active .carret {
  top: -14px;
  transition: top 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter {
  opacity: 0;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter .moveto-dialog {
  bottom: 70px !important;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter .carret {
  top: -14px;
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter-active {
  opacity: 1;
  transition: opacity 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter-active .moveto-dialog {
  bottom: 80px !important;
  transition: bottom 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .fade-enter-active .carret {
  top: -24px;
  transition: top 100ms cubic-bezier(0, 0, 0.35, 1);
}
.batch-actions-menu-wrapper .dialog-wrapper .carret {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -24px;
  right: 39px;
  transform: rotate(45deg);
}
.batch-actions-menu-wrapper .batch-actions-delete-item {
  display: flex;
  width: 63px;
  cursor: pointer;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-left: 2px solid;
  border-left-color: #c5c7d0;
  border-left-color: var(--ui-border-color);
}
.batch-actions-menu-wrapper .batch-actions-delete-item:hover .icon-dapulse-x-slim {
  color: #0085ff;
  color: var(--primary-color);
}
.batch-actions-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}
.batch-actions-item:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.batch-actions-item .action-icon {
  font-size: 21px;
  position: relative;
}
.batch-actions-item .action-icon.icon-v2-archive-o {
  top: 7px;
}
.batch-actions-item .action-icon.icon-v2-binline-o {
  top: 7px;
}
.batch-actions-item .action-icon.icon-v2-moveto-o {
  top: 8px;
}
.batch-actions-item .action-icon.icon-v2-excel-line {
  top: 6px;
}
.batch-actions-item .action-icon.icon-v2-duplicate-o {
  top: 6px;
}
.batch-actions-item .action-name {
  font-size: 13px;
  position: relative;
  bottom: -4px;
}
.batch-actions-item .action-name:not(.disable) {
  color: #323338;
  color: var(--primary-text-color);
}
.batch-actions-item.disable {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: not-allowed !important;
}
.batch-actions-dialog {
  position: absolute;
  height: 80px;
  width: 160px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  bottom: 80px;
  left: -55px;
  border-radius: 4px;
  box-shadow: 0px 22px 104px -6px rgba(0, 0, 0, 0.34);
  transition: height 0.1s cubic-bezier(0, 0, 0.35, 1), width 0.1s cubic-bezier(0, 0, 0.35, 1), left 0.1s cubic-bezier(0, 0, 0.35, 1);
  overflow: hidden;
}
.batch-actions-dialog.expand-dialog {
  height: 270px;
  width: 240px;
  left: -93px;
}
.batch-actions-dialog .batch-actions-move-to-menu .group-item {
  padding: 4px 8px !important;
}

.duplicate-dialog {
  width: 240px;
  left: -83px;
}
.duplicate-dialog .select-menu-navigator-item {
  justify-content: start;
  padding-left: 10px;
}
.duplicate-dialog .select-menu-navigator-item .select-menu-navigator-icon {
  font-size: 16px;
}
.select-menu-navigator-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 8px;
}
.select-menu-navigator-item {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.select-menu-navigator-item:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 4px;
}
.select-menu-navigator-item:hover .select-menu-navigator-icon {
  color: #676879;
  color: var(--icon-color);
}
.select-menu-navigator-item .select-menu-navigator-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #676879;
  color: var(--icon-color);
}
.batch-actions-title-section .pulses_dots {
  color: #333;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
}
.batch-actions-title-section .pulses_dots .dot {
  width: 8px;
  height: 8px;
  border-radius: 20px;
  margin-right: 5px;
}
.batch-actions-title-section .pulses_dots .extra-dots {
  font-size: 12px;
  color: #808080;
}
.copy-to-clipboard-button {
  font-size: 16px;
  width: 80px;
  color: #00a9ff;
  cursor: pointer;
  text-align: right;
}
.copy-to-clipboard-button.copy-to-clipboard-button-copied {
  color: #00ca72;
}
.copy-to-clipboard-button.disabled {
  color: #c4c4c4;
  cursor: default;
}
.copy-to-clipboard-button .copy-to-clipboard-button-icon {
  margin-right: 4px;
}
.mail-to-board-mail-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.mail-to-board-mail-container .success_message_mail_to_board {
  position: relative;
  left: 30px;
  color: #00ca72;
  font-weight: 400;
}
.mail-to-board-mail-container .ds-editable-component.error .ds-editable-input {
  border: solid #e2445c 1px;
}
.mail-to-board-mail-container .ds-editable-component.error::before {
  content: "Hey, Email can't contain symbols";
  color: #e2445c;
  font-size: 12px;
  position: absolute;
  transition: opacity 0.066s ease-in-out;
  padding-top: 24px;
}
.mail-to-board-mail-container .row_wrapper_box,
.mail-to-board-mail-container .row_wrapper_box_focused {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  float: left;
  max-width: 100%;
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  line-height: 18px;
}
.mail-to-board-mail-container .row_wrapper_box .editable_box,
.mail-to-board-mail-container .row_wrapper_box_focused .editable_box {
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 400px;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
  border: 1px dashed transparent;
}
.mail-to-board-mail-container .row_wrapper_box .non_editable_box,
.mail-to-board-mail-container .row_wrapper_box_focused .non_editable_box {
  padding-right: 10px;
  cursor: text;
}
.mail-to-board-mail-container .row_wrapper_box .non_editable_box.can-edit,
.mail-to-board-mail-container .row_wrapper_box_focused .non_editable_box.can-edit {
  cursor: pointer;
}
.mail-to-board-mail-container .row_wrapper_box #mail_to_board_pencil_icon,
.mail-to-board-mail-container .row_wrapper_box_focused #mail_to_board_pencil_icon {
  cursor: pointer;
}
.mail-to-board-mail-container .row_wrapper_box_focused {
  opacity: 1;
}
.mail-to-board-mail-container .row_wrapper_box_focused .editable_box {
  box-shadow: 0 0 10px rgba(26, 154, 245, 0.5);
  border: 1px dashed #1a9af5;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0px;
}
.mail-to-board-mail-container .row_wrapper_box:hover .editable_box {
  border: 1px dashed #ddd;
}
.mail-to-board-mail-container .mail_to_board_copy_container {
  color: #0085ff;
  color: var(--primary-color);
  margin-top: 8px;
  margin-left: 2px;
  cursor: pointer;
  clear: both;
}
.mail-to-board-mail-container .mail_to_board_copy_container.coppied_success {
  color: #00ca72 !important;
}
.mail-to-board-mail-container .mail_to_board_copy_container span {
  margin-left: 8px;
  font-family: Roboto;
}
.mail-to-board-mail-container .mail_to_board_copy_container.copied:after {
  content: attr(aria-label);
  color: #fff;
  font-size: 12px;
  position: relative;
  left: -100px;
  bottom: -25px;
  background: #333;
  padding: 3px 7px;
  border-radius: 20px;
}
.mail_to_board_mail_container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.mail_to_board_mail_container .fa-pencil {
  margin-top: 3px;
  margin-left: 10px;
}
.mail_to_board_mail_container .row_wrapper_box {
  align-items: center;
  height: 32px;
}
.mail_to_board_mail_container .success_message_mail_to_board {
  position: relative;
  left: 30px;
  color: #00ca72;
  font-weight: 400;
}
.mail_to_board_mail_container .ds-editable-component .error {
  color: red;
}
.mail_to_board_mail_container .ds-editable-component::before {
  color: red;
}
.mail_to_board_mail_container .copy-button-container {
  width: auto;
}
.mail_to_board_mail_container .row_wrapper_box,
.mail_to_board_mail_container .row_wrapper_box_focused {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  float: left;
  max-width: 100%;
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  line-height: 18px;
}
.mail_to_board_mail_container .row_wrapper_box .editable_box,
.mail_to_board_mail_container .row_wrapper_box_focused .editable_box {
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 400px;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
  border: 1px dashed transparent;
}
.mail_to_board_mail_container .row_wrapper_box .non_editable_box,
.mail_to_board_mail_container .row_wrapper_box_focused .non_editable_box {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  border-radius: 0px 4px 4px 0px;
  height: 32px;
  width: 212px;
  padding: 5px 12px 6px 0px !important;
  cursor: text;
}
.mail_to_board_mail_container .row_wrapper_box .non_editable_box.can-edit,
.mail_to_board_mail_container .row_wrapper_box_focused .non_editable_box.can-edit {
  cursor: pointer;
}
.mail_to_board_mail_container .row_wrapper_box #mail_to_board_pencil_icon,
.mail_to_board_mail_container .row_wrapper_box_focused #mail_to_board_pencil_icon {
  cursor: pointer;
  margin-left: 16px;
}
.mail_to_board_mail_container .row_wrapper_box_focused {
  opacity: 1;
}
.mail_to_board_mail_container .row_wrapper_box_focused .editable_box {
  box-shadow: 0 0 10px rgba(26, 154, 245, 0.5);
  border: 1px dashed #1a9af5;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0px;
}
.mail_to_board_mail_container .row_wrapper_box:hover .editable_box {
  border: 1px dashed #ddd;
}
.mail_to_board_mail_container .mail_to_board_copy_container {
  color: #0085ff;
  color: var(--primary-color);
  margin-top: 8px;
  margin-left: 2px;
  cursor: pointer;
  clear: both;
}
.mail_to_board_mail_container .mail_to_board_copy_container.coppied_success {
  color: #00ca72 !important;
}
.mail_to_board_mail_container .mail_to_board_copy_container span {
  margin-left: 8px;
  font-family: Roboto;
}
.mail_to_board_mail_container .mail_to_board_copy_container.copied:after {
  content: attr(aria-label);
  color: #fff;
  font-size: 12px;
  position: relative;
  left: -100px;
  bottom: -25px;
  background: #333;
  padding: 3px 7px;
  border-radius: 20px;
}
.mail-to-board-main .react_popup_wrapper {
  padding: 48px !important;
  border-top: 0px !important;
}
.mail-to-board-main .react_popup_wrapper .share-outside-block-wrapper {
  margin-top: 32px;
  position: relative;
  height: 64px;
}
.mail-to-board-main .react_popup_wrapper .share-outside-block-wrapper .non_editable_box {
  width: 136px;
}
.mail-to-board-main .react_popup_wrapper .share-outside-block-wrapper .outside-account-description .info-icon {
  margin-left: 8px;
}
.mail-to-board-main .react_popup_wrapper .footer {
  margin-top: 32px;
}
.mail-to-board-main .react_popup_wrapper .footer .learn-more-link {
  color: #0085ff;
  color: var(--primary-color);
  float: right;
  font-size: 12px;
  text-decoration: underline;
}
.mail-to-board-main .react_popup_wrapper .footer .label-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.mail-to-board-main .react_popup_wrapper .footer .label-wrapper .expand-share-outside-label {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 400;
}
.mail-to-board-main .react_popup_wrapper .footer .label-wrapper .arrow-icon {
  color: #323338;
  color: var(--primary-text-color);
  position: absolute;
  top: 6px;
  margin-left: 8px;
  font-size: 12px;
}
.mail-to-board-main .send_to_board_popup {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 560px !important;
}
.mail-to-board-main .send_to_board_popup .options_wrapper .option {
  margin-bottom: 2px;
}
.mail-to-board-main .send_to_board_popup .options_wrapper .radio {
  margin: 0;
}
.mail-to-board-main .send_to_board_popup .options_wrapper .radio-label {
  margin: 0;
}
.mail-to-board-main .send_to_board_popup .mail-to-board-close-button {
  cursor: pointer;
  right: 15px;
  top: 10px;
  position: absolute;
}
.mail-to-board-main .send_to_board_popup .mail-to-board-close-button:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.mail-to-board-main .send_to_board_popup .mail_to_board_title {
  margin-bottom: 32px;
}
.mail-to-board-main .send_to_board_popup .email_pref_title {
  margin-bottom: 16px;
}
.mail-to-board-main .send_to_board_popup .board_update_title {
  margin-bottom: 16px;
}
.mail-to-board-main .send_to_board_popup .mail_to_board_expl_text {
  margin-bottom: 24px;
}
.mail-to-board-main .send_to_board_popup .editable-mail-alias-text {
  background-color: #f5f6f8 !important;
  background-color: var(--pulse-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  height: 32px !important;
  width: 136px !important;
  padding: 6px 0px 6px 12px;
  border-radius: 4px 0px 0px 4px;
}
.mail-to-board-main .send_to_board_popup .non-editable-token-mail-text {
  background-color: #f5f6f8 !important;
  background-color: var(--pulse-background-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  height: 32px !important;
  width: 212px !important;
  padding: 6px 0px 6px 12px;
  border-radius: 4px 0px 0px 4px;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .layout-component-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .layout-component-close-icon:hover {
  cursor: pointer;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .trello-todapulse-image-wrapper {
  position: absolute;
  top: 24px;
  left: 24px;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .select-layout-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .select-layout-title .select-layout-title-strong {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.2px;
}
.trello-select-board-layout-wrapper .trello-select-board-layout-component .apply-layout-button {
  margin-top: 32px;
}
.trello-board-layout-options-component {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.trello-board-layout-options-component .layout-option {
  margin: auto 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.trello-board-layout-options-component.loading {
  color: #c4c4c4;
}
.trello-board-layout-options-component.loading .layout-option {
  cursor: default;
}
.trello-first-board-tip-component .trello-todapulse-image-wrapper {
  position: absolute;
  top: 24px;
  left: 24px;
}
.trello-first-board-tip-component .dapulse-logo-circle-color-shapes {
  min-height: 229px;
  min-width: 101px;
  padding-top: 128px;
}
@media (max-height: 550px) {
  .trello-first-board-tip-component .dapulse-logo-circle-color-shapes {
    padding-top: 32px;
    min-height: 133px;
  }
}
@media (min-height: 550px) and (max-height: 700px) {
  .trello-first-board-tip-component .dapulse-logo-circle-color-shapes {
    padding-top: 64px;
    min-height: 165px;
  }
}
.trello-first-board-tip-component .welcome-to-dapulse {
  margin-top: 32px;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 300;
}
@media (max-height: 700px) {
  .trello-first-board-tip-component .welcome-to-dapulse {
    margin-top: 16px;
  }
}
.trello-first-board-tip-component .import-board-tip {
  margin-top: 32px;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
}
@media (max-height: 700px) {
  .trello-first-board-tip-component .import-board-tip {
    margin-top: 16px;
  }
}
.trello-first-board-tip-component .ok-button {
  margin-top: 32px;
}
.trello-onboarding-wrapper {
  width: calc(100vw - 262px);
  overflow: none;
  position: absolute;
  left: 0;
  background: rgba(255, 255, 255, 0.96);
  height: 9999px;
  max-height: 0;
  transition: max-height 0.2s;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1400px) {
  .trello-onboarding-wrapper {
    width: calc(100vw - 212px);
  }
}
@media (max-width: 768px) {
  .trello-onboarding-wrapper {
    width: 100%;
  }
}
.trello-onboarding-wrapper.first-board-tip-step {
  max-height: 100vh;
}
.trello-onboarding-wrapper.select-board-layout-step {
  max-height: 220px;
  padding-top: 48px;
  padding-bottom: 48px;
  color: #333333;
  border-radius: 16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 8px 32px #f1f1f1;
  border: 1px solid #f1f1f1;
}
@media (max-height: 550px) {
  .trello-onboarding-wrapper.select-board-layout-step {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.trello-onboarding-wrapper.select-board-layout-step.is-loading {
  max-height: 100vh;
}
.trello-onboarding-wrapper .trello-loader-wrapper {
  padding-top: 48px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.move-to-board-column-warning-dialog {
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
  padding: 48px !important;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.move-to-board-column-warning-dialog h1 {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 32px;
}
.move-to-board-column-warning-dialog ul {
  list-style-position: inside;
}
.move-to-board-column-warning-dialog .columns-list {
  margin-top: 16px;
  margin-bottom: 16px;
  overflow-y: auto;
  max-height: 400px;
  color: #323338;
  color: var(--primary-text-color);
}
.move-to-board-column-warning-dialog .move-to-board-column-warning-button-section {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.move-to-board-column-warning-dialog .move-to-board-column-warning-text {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
}
.move-to-board-column-warning-dialog .subitems-disclaimer-wrapper {
  display: flex;
  margin-top: 16px;
  padding: 6px 8px;
  border-radius: 4px;
  color: #676879;
  color: var(--secondary-text-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.move-to-board-column-warning-dialog .subitems-disclaimer-wrapper .icon {
  margin-right: 8px;
  color: #e44258;
  color: var(--negative-color);
}
.dialog-conformation-footer-section {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.move-to-board-subscribers-warning-dialog {
  border-top: 2px solid #00a1e6;
  padding: 48px !important;
  display: flex;
  flex-direction: column;
  align-items: left;
  color: #323338;
  color: var(--primary-text-color);
}
.move-to-board-subscribers-warning-dialog .subscribers_list {
  list-style: none;
  margin-top: 16px;
  text-align: center;
  max-height: 250px;
  overflow: auto;
}
.move-to-board-subscribers-warning-dialog .subscribers_list .subscriber {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.move-to-board-subscribers-warning-dialog .subscribers_list .subscriber img {
  border-radius: 50%;
  width: 50px;
}
.move-to-board-subscribers-warning-dialog h1 {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 32px;
}
.move-to-board-subscribers-warning-dialog ul {
  list-style-position: inside;
}
.move-to-board-subscribers-warning-dialog .move-to-board-subscribers-warning-button-section {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.move-to-board-subscribers-warning-dialog .move-to-board-subscribers-warning-text {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
}
.move-to-board-subitems-warning-dialog {
  padding: 48px;
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.move-to-board-subitems-warning-dialog .move-to-board-subitems-warning-dialog-content {
  display: flex;
  align-items: flex-start;
}
.move-to-board-subitems-warning-dialog .move-to-board-subitems-warning-dialog-content .icon {
  font-size: 24px;
  color: #f74875;
  margin-right: 16px;
  transform: translateY(-4px);
}
.move-to-board-subitems-warning-dialog .move-to-board-subitems-warning-dialog-content .move-to-board-subitems-warning-dialog-text {
  display: flex;
  flex-direction: column;
  align-items: left;
}
.move-to-board-subitems-warning-dialog .move-to-board-subitems-warning-dialog-content .move-to-board-subitems-warning-dialog-text h1 {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 16px;
}
.move-to-board-subitems-warning-dialog .move-to-board-column-warning-button-section {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
/* mixin for multiline */
/*$link-color:#168ae0;*/
.move-to-modal {
  padding: 0;
}

.move-to-board-configuration-dialog {
  padding-top: 32px;
}
.move-to-board-configuration-dialog .move-to-configuration-header {
  padding: 0px 32px 32px 32px;
}
.move-to-board-configuration-dialog .move-to-configuration-header .warning-icon {
  color: #e44258;
  color: var(--negative-color);
  margin-right: 11px;
}
.move-to-board-configuration-dialog .move-to-configuration-header .move-to-configuration-title {
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.move-to-board-configuration-dialog .move-to-configuration-header .move-to-configuration-title span {
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.move-to-board-configuration-dialog .move-to-configuration-header .move-to-configuration-title .highlight-warning {
  color: #e44258;
  color: var(--negative-color);
  white-space: pre;
}
.move-to-board-configuration-dialog .move-to-configuration-header .move-to-configuration-subtitle {
  padding-top: 8px;
  font-size: 14px;
}
.move-to-board-configuration-dialog .configuration-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px;
  font-size: 14px;
  font-weight: 400;
}
.move-to-board-configuration-dialog .configuration-row .configuration-col {
  display: flex;
  align-items: center;
  width: 50%;
}
.move-to-board-configuration-dialog .configuration-row .configuration-col.destination {
  padding-left: 8px;
}
.move-to-board-configuration-dialog .destination-column-arrow {
  color: #c5c7d0;
  color: var(--ui-border-color);
  margin-left: auto;
  margin-right: 50px;
}
.move-to-board-configuration-dialog .configuration-table-title {
  font-weight: 500;
  font-size: 14px;
  padding-left: 32px;
}
.move-to-board-configuration-dialog .configuration-table-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.move-to-board-configuration-dialog .columns-table {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 267px;
  padding-left: 32px;
}
.move-to-board-configuration-dialog .column-component {
  display: flex;
  flex-direction: row;
  max-height: 31px;
}

.move-to-configuration-footer {
  padding: 32px;
}
.move-to-configuration-footer div:not(:last-child) {
  padding-bottom: 32px;
}
.move-to-configuration-footer .buttons-row {
  display: flex;
  justify-content: flex-end;
}
.move-to-configuration-footer .buttons-row button {
  margin-left: 8px;
}
.move-to-configuration-footer span.break-row {
  display: inline-block;
}
.move-to-configuration-footer.with-border {
  border-top: 1px solid #e6e9ef;
}
/* mixin for multiline */
.columns-dropdown {
  width: 218px;
}
.columns-dropdown.dropdown-value-missing {
  border: 1px solid var(--color-error) !important;
}

.column-title-with-icon {
  display: flex;
  align-items: center;
  max-height: 30px;
  width: 100%;
}
.column-title-with-icon span {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.column-icon-component {
  height: 24px;
  width: 24px;
  border-radius: 4px;
  margin-right: 8px;
}
.column-icon-component .icon {
  height: 100%;
  width: 100%;
}
.set-as-deadline-dialog-component {
  position: relative;
  padding: 8px 24px;
}
.set-as-deadline-dialog-component.show-name-selection .deadline-dialog-content .column-configuarion-wrapper .column-configuration-name-wrapper {
  display: flex;
}
.set-as-deadline-dialog-component.show-name-selection .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper {
  flex-direction: column;
  align-items: unset;
}
.set-as-deadline-dialog-component.show-name-selection .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper .settings-column-label {
  font-weight: bold;
}
.set-as-deadline-dialog-component.show-name-selection .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper .setting-column-picker-wrapper {
  width: 100%;
}
.set-as-deadline-dialog-component.show-name-selection .deadline-dialog-content .sync-columns-button-wrapper {
  margin-top: 64px;
}
.set-as-deadline-dialog-component .close-dialog-button {
  position: absolute;
  right: 8px;
  top: 8px;
}
.set-as-deadline-dialog-component .deadline-dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-dialog-primary-title {
  font-size: 24px;
  margin-bottom: 8px;
  text-align: center;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-dialog-secondary-title {
  font-size: 16px;
  margin-bottom: 32px;
  text-align: center;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-dialog-secondary-title.emphasize {
  font-weight: 400;
  font-size: 18px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper {
  display: flex;
  justify-content: space-evenly;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .column-configuration-name-wrapper {
  display: none;
  flex-grow: 1;
  flex-direction: column;
  margin-right: 40px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper {
  flex-grow: 1;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper .settings-column-label {
  margin-right: 16px;
  max-width: 220px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper .setting-column-picker-wrapper {
  flex-grow: 1;
  max-width: 256px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .settings-columns-wrapper .settings-column-wrapper .setting-column-picker-wrapper .settings-column-picker-component .choose-column {
  margin-bottom: 0px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .select-status-column-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .select-status-column-wrapper .choose-status-text {
  margin-right: 16px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .column-configuarion-wrapper .select-status-column-wrapper .select-status-column {
  flex-grow: 1;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-merge-columns-gif-container {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-merge-columns-gif-container .deadline-merge-columns-gif {
  height: 300px;
  width: 420px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .deadline-merge-columns-gif-container .deadline-merge-columns-image {
  height: 300px;
}
.set-as-deadline-dialog-component .deadline-dialog-content .sync-columns-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.permissions-center-component {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.permissions-center-component .permissions-center-content {
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: row;
}
.permissions-center-component .permissions-center-content .permissions-center-options-wrapper {
  flex: 1 1 auto;
}
.permissions-center-component .permissions-center-content .permissions-center-option-details-wrapper {
  flex: 0 0 auto;
  margin-left: 16px;
}
.permissions-center-component .permissions-center-header {
  flex: 0 0 auto;
  font-size: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.permissions-center-component .permissions-center-subheader {
  font-weight: 500;
  padding-top: 24px;
  padding-bottom: 8px;
  font-size: 18px;
}
.permissions-center-component .permissions-center-footer {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  line-height: 18px;
}
.permissions-center-component .permissions-center-footer .board-owners-clarification {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
}
.permissions-center-component .permissions-center-footer .board-owners-clarification .clarification-text {
  font-size: 14px;
  font-weight: 400;
  margin-top: 7px;
}
.permissions-center-component .permissions-center-footer .board-owners-clarification .clarification-icon {
  margin-right: 8px;
}
.permissions-center-component .faded-on-dialog {
  transition: opacity 0.4s;
}
.permissions-center-component.picker-opened .faded-on-dialog {
  opacity: 0.2;
  pointer-events: none;
}
.permissions-center-option-details-component {
  height: 100%;
  min-height: 320px;
  padding: 8px;
}
.permissions-center-option-details-component .details-container {
  display: flex;
  flex-direction: column;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  border-radius: 4px;
  height: 100%;
  width: 350px;
  padding-top: 16px;
}
.permissions-center-option-details-component .details-container .details-image-wrapper,
.permissions-center-option-details-component .details-container .details-description {
  padding-left: 38px;
}
.permissions-center-option-details-component .details-container .details-image-wrapper {
  height: 172px;
}
.permissions-center-option-details-component .details-container .details-description {
  padding-top: 8px;
  margin-left: 10px;
  white-space: pre-line;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.permissions-center-option-details-component .details-container .learn-more-button {
  margin-top: auto;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  padding: 16px;
  align-self: flex-end;
}
.permissions-center-options-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.permissions-center-option-item-component {
  flex: 0 0 auto;
  padding: 8px;
  padding-left: 0px;
  min-width: 420px;
}
.permissions-center-option-item-component .permission-option-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px;
  height: 72px;
}
.permissions-center-option-item-component .permission-option-wrapper .permission-option-title {
  padding: 16px;
  font-size: 18px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.permissions-center-option-item-component .permission-option-wrapper .permission-option-title .title-content {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  white-space: pre;
}
.permissions-center-option-item-component .permission-option-wrapper .saving-indication {
  width: 60px;
  text-align: start;
  transition: opacity 2s;
  font-weight: 500;
  margin-right: 8px;
  color: #0085ff;
  color: var(--primary-color);
}
.permissions-center-option-item-component .permission-option-wrapper .saving-indication.saved {
  opacity: 0;
}
.permissions-center-option-item-component .permission-option-wrapper .animatable-check-sign-component {
  margin-right: 16px;
}
.permissions-center-option-item-component .permission-option-wrapper .upsale-btn {
  padding: 0;
  padding-right: 16px;
  font-weight: 500;
}
.permissions-center-option-item-component .permission-option-wrapper.selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
  background-color: #d9f0ff;
  background-color: var(--card-selected-background-color);
}
.permissions-center-option-item-component .permission-option-wrapper.selected .permission-option-title {
  font-weight: 400;
}
.permissions-center-option-item-component .permission-option-wrapper.disabled {
  cursor: default;
}
.permissions-center-option-item-component .permission-option-wrapper.disabled .permission-option-title {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.permissions-center-option-item-component .permission-option-wrapper:hover:not(.disabled):not(.selected) {
  background-color: #ffffff;
  background-color: var(--card-hover-background-color);
}
/* mixin for multiline */
.permissions-center-column-picker-component {
  margin: 8px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  position: relative;
  padding-top: 60px;
}
.permissions-center-column-picker-component .picker-header {
  padding: 8px;
  color: #676879;
  color: var(--secondary-text-color);
  flex: 0 0 auto;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 206px;
  height: 60px;
}
.permissions-center-column-picker-component .picker-options {
  height: 148px;
  overflow-y: auto;
}
.permissions-center-column-picker-component .picker-options::-webkit-scrollbar {
  width: 4px;
}
.permissions-center-column-picker-component .picker-options::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.permissions-center-column-picker-component .picker-options .column-column-option {
  color: #323338;
  color: var(--primary-text-color);
  padding: 8px;
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer;
}
.permissions-center-column-picker-component .picker-options .column-column-option .column-title {
  cursor: pointer;
  margin-left: 8px;
}
.permissions-center-column-picker-component .picker-options .column-column-option.selected {
  font-weight: bold;
}
.permissions-center-column-picker-component .picker-options .column-column-option .column-icon {
  margin-left: auto;
  align-self: center;
}
.permissions-center-column-picker-component .picker-options .column-column-option .selected-icon {
  padding-right: 8px;
}
.permissions-center-column-picker-component .picker-options .column-column-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
/* mixin for multiline */
.permissions-center-column-picker-dialog-component {
  font-weight: bold;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 3px;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.permissions-center-column-picker-dialog-component.disabled {
  pointer-events: none;
}

.dialog-content-wrapper {
  width: 224px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}
.dialog-content-wrapper:not(.mobileDevice):before {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -5px;
  right: calc(50% - 5px);
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  z-index: 100000;
}
.reposition-right .dialog-content-wrapper:not(.mobileDevice):before {
  right: 14px;
}
.reposition-right .dialog-content-wrapper {
  margin-left: 15px;
}
.animatable-check-sign-component .check-sign-img {
  width: 100%;
  height: 100%;
}
.modal-component.permissions-center-v2-modal {
  padding: 0;
  padding-top: 40px;
}

.permissions-center-v2-component {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.permissions-center-v2-component .permissions-center-content {
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 0 40px;
}
.permissions-center-v2-component .permissions-center-header {
  flex: 0 0 auto;
  padding: 0 40px;
}
.permissions-center-v2-component .permissions-center-header .permissions-center-header-title {
  font-size: 24px;
  font-weight: 500;
}
.permissions-center-v2-component .permissions-center-header .permissions-center-header-subtitle {
  font-size: 16px;
}
.permissions-center-v2-component .permissions-center-header .permissions-center-header-subtitle .learn-more-button {
  margin-left: 4px;
}
.permissions-center-v2-component .permissions-center-subheader {
  font-weight: 500;
  padding-top: 24px;
  padding-bottom: 8px;
  font-size: 18px;
}
.permissions-center-v2-component .permissions-center-footer {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  line-height: 18px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
}
.permissions-center-v2-component .permissions-center-footer .board-owners-clarification {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
}
.permissions-center-v2-component .permissions-center-footer .board-owners-clarification .clarification-text {
  font-size: 14px;
  font-weight: 400;
}
.permissions-center-v2-component .permissions-center-footer .board-owners-clarification .clarification-icon {
  color: #ffcb00;
  margin-right: 8px;
}
.permissions-center-options-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.permissions-center-option-item-v2-component {
  padding: 6px;
  padding-left: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.permissions-center-option-item-v2-component .permission-option-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
.permissions-center-option-item-v2-component .permission-option-wrapper .permission-info-tooltip {
  margin-left: 8px;
  color: #676879;
  color: var(--icon-color);
}
.permissions-center-option-item-v2-component .permission-option-wrapper .permissions-center-column-picker-dialog-component {
  display: inline-block;
  margin-bottom: -10px;
}
.permissions-center-option-item-v2-component .permission-option-wrapper .upsale-btn {
  margin-left: 8px;
}
.permissions-center-option-item-v2-component .permission-option-wrapper.disabled {
  cursor: default;
}
.permissions-center-option-item-v2-component .permission-option-wrapper.disabled .permission-option-title {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.permissions-center-option-details-v2-component {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  width: 290px;
}
.permissions-center-option-details-v2-component .details-image-wrapper {
  height: 172px;
  background-color: #ffffff;
  border-radius: 4px;
}
.permissions-center-option-details-v2-component .details-description {
  padding-top: 16px;
  padding-bottom: 10px;
  margin-left: 10px;
}
.board-subscribers-access-hint {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.board-subscribers-access-hint .board-subscribers-access-hint-logo {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  margin-left: 3px;
}
.board-subscribers-access-hint .board-subscribers-access-hint-logo .board-subscribers-access-hint-logo-image {
  width: 24px;
  max-height: 24px;
  padding: 2px;
  box-sizing: border-box;
  background-color: #292f4c;
  border-radius: 8px;
}
.board-subscribers-access-hint .board-subscribers-access-hint-text {
  line-height: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.user-subscription-lists-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.user-subscription-lists-container .board-user-subscription {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  /* override the first-child padding if there is only one child */
}
.user-subscription-lists-container .board-user-subscription:first-child {
  padding-right: 25px;
}
.user-subscription-lists-container .board-user-subscription:only-child {
  padding-right: 0;
  width: 100%;
}
.user-subscription-lists-container .board-user-subscription:not(:first-child) {
  padding-left: 25px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.user-subscription-lists-container .guests-bold-title {
  font-weight: 700;
  color: #a25ddc;
}
.user-subscription-lists-container .person-picker-component > div {
  width: 88%;
  max-width: 482px;
}
div.board-subscribers-dialog-modal {
  padding: 24px 32px 8px 32px;
}
div.board-subscribers-dialog-modal .exit-modal-icon {
  top: 12px;
  right: 16px;
}
.set-pulse-nickname-modal {
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  min-height: 370px;
  padding: 32px;
}
.set-pulse-nickname-modal .exit-modal-icon {
  z-index: 10;
}
.set-pulse-nickname-modal .monday-loader-wrapper {
  height: 90%;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .dialog-title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 32px;
  font-weight: bold;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .dialog-subtitle {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 32px;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .nickname-fields {
  margin-top: 8px;
  width: 130px;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .buttons-wrapper {
  display: flex;
  margin-top: 32px;
  justify-content: flex-end;
  margin-right: 8px;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .buttons-wrapper .custom-plural {
  flex: 1 1 auto;
  padding-left: 0;
  text-align: left;
}
.set-pulse-nickname-modal .set-pulse-nickname-component .settings-input-component {
  font-weight: normal;
}
.templates-creation-onboarding-dialog {
  padding: 0px !important;
}
.templates-creation-onboarding-dialog .close-button {
  top: 12px !important;
  right: 20px !important;
}
.templates-creation-onboarding-dialog-content-component {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content {
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
  padding: 32px;
  margin: 4px;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content::-webkit-scrollbar {
  width: 8px;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content::-webkit-scrollbar-thumb {
  background-color: #c5c7d0;
  border-radius: 8px;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .subtitle {
  margin: 24px 0px 32px 0px;
  font-size: 16px;
  line-height: 24px;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .solution-data-container .solution-data-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .solution-data-container .solution-data {
  margin-top: 16px;
  display: flex;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .solution-data-container .solution-data .templates-entity-data-item-component-wrapper:not(:last-child) {
  margin-right: 32px;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .popup-content {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e6e9ef;
}
.templates-creation-onboarding-dialog-content-component .dialog-scrollable-content .popup-content .paragraph:not(:last-child) {
  margin-bottom: 32px;
}
.templates-creation-onboarding-dialog-content-component .dialog-footer {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  transition: box-shadow 100ms ease;
}
.templates-creation-onboarding-dialog-content-component .dialog-footer.with-shadow {
  box-shadow: 0px -2px 22px rgba(0, 0, 0, 0.1);
}
.templates-entity-data-item-component {
  display: flex;
  align-items: center;
}
.templates-entity-data-item-component .entity-icon-wrapper {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.templates-entity-data-item-component .entity-icon-wrapper .entity-icon {
  color: #ffffff;
}
.templates-entity-data-item-component .entity-count {
  font-size: 16px;
  color: #676879;
  margin-left: 8px;
}
.board-wrapper {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.board-wrapper.sticky-feature {
  overflow: auto;
  contain: strict;
  will-change: transform;
}
.board-wrapper.sticky-feature .menu-component-wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 35px;
  left: 0;
  display: flex;
  justify-content: center;
}
.board-wrapper.sticky-feature .menu-component-wrapper .batch-actions-menu-wrapper {
  position: relative;
  bottom: 0;
  left: 0;
}
.board-wrapper.sticky-feature .open-pulse-scroll-to-indicator {
  position: -webkit-sticky;
  position: sticky;
  left: calc(100% - 52px);
}
.board-wrapper.sticky-feature::-webkit-scrollbar {
  width: 10px;
  height: 15px;
}
.board-wrapper.sticky-feature::-webkit-scrollbar-track {
  border-radius: 10px;
}
.board-wrapper.sticky-feature::-webkit-scrollbar-thumb {
  background-color: #b2b2b2;
}
.board-wrapper .board-view-switch-overlay-wrapper {
  position: relative;
  overflow: visible;
  z-index: 100;
}
.board-wrapper .board-view-switch-overlay-wrapper .board-view-switch-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 600px;
  pointer-events: none;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.board-wrapper a {
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  text-decoration: none;
}
.board-wrapper a:hover {
  text-decoration: none;
}
.board-wrapper .board-view-ui-component-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  #main_wrapper:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    pointer-events: none;
  }
}
@media print {
  .board-wrapper {
    background: transparent !important;
  }

  @page {
    margin: 1cm;
  }
  .board-content-component {
    margin-top: 24px;
  }

  .board-menu-dialog,
.board-actions,
.fancybox,
#desktop_notifications_reminder,
.board-filter,
.board-header-top,
.board-description,
.pulse-left-indicator,
.add-pulse-component,
.add-column-container,
.add-column-container-v2,
.group-menu,
.pulse-menu-component,
.pulse-right-indicator {
    display: none !important;
  }

  .columns-footer-component {
    padding: 0 !important;
  }

  .board-header-content-wrapper {
    padding: 0px !important;
  }

  .status-label {
    -webkit-print-color-adjust: exact !important;
    height: 34px !important;
  }

  .pulse-component {
    line-height: 34px !important;
  }

  .pulse-component > div {
    border-color: #ececec !important;
  }

  .pulse-component-wrapper {
    border-top: 1px solid #ececec !important;
    border-bottom: 1px solid #ececec !important;
  }

  .pulse-component .cell-component > .name-cell-component {
    border-left: 2px solid #ececec !important;
  }

  .numeric-column-footer-component .numeric-column-footer-value {
    max-width: 100% !important;
  }
  .numeric-column-footer-component:before {
    opacity: 0;
  }

  .columns-footer-component > div {
    max-width: 100% !important;
  }

  .ReactVirtualized__List .cell-component,
.ReactVirtualized__List .column-header,
.ReactVirtualized__List .columns-footer-column,
.ReactVirtualized__List .numeric-column-footer-component {
    flex: 1 1 40px !important;
  }
  .ReactVirtualized__List .name-column-header,
.ReactVirtualized__List .name-footer,
.ReactVirtualized__List .name-cell {
    flex: 1 1 220px !important;
  }

  #content {
    overflow: visible !important;
  }

  .group-footer-component {
    background: white !important;
    -webkit-print-color-adjust: exact !important;
  }

  .board-wrapper:not(.print-ready) div {
    display: none !important;
  }
  .board-wrapper:not(.print-ready):before {
    content: "To print the board please click on the print button in the board's menu";
    color: red;
    font-size: 40px;
    display: block;
    text-align: center;
    margin: 20px auto auto auto;
  }
  .board-wrapper:not(.print-ready):after {
    width: 1000px;
    height: 600px;
    max-height: 70%;
    max-width: 90%;
    content: "";
    display: block;
    -webkit-print-color-adjust: exact !important;
    margin: 30px auto auto auto;
    background-size: cover !important;
  }
}
.board-with-keyboard-navigation-component {
  position: relative;
  height: 100%;
}
.board-with-keyboard-navigation-component:focus {
  outline: 0;
}
.board-with-keyboard-navigation-component .board-with-keyboard-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
}
.progress-meter-component {
  display: flex;
  width: 100%;
  height: 100%;
}
.progress-meter-component .status-bar {
  height: 100%;
  transition: all 0.2s ease-in-out;
  text-align: center;
}
.progress-meter-component .status-bar:first-child {
  border-radius: 6px 0 0 6px;
}
.progress-meter-component .status-bar:last-child {
  border-radius: 0 6px 6px 0;
}
.progress-meter-component .status-bar .progress-percent-label {
  color: #ffffff;
  position: relative;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
.progress-tracking-na-component {
  display: flex;
  width: 100%;
  height: 100%;
}
.status-info-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.status-info-component .status-count {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 400;
}
.status-info-component .status-label {
  font-size: 14px;
  font-weight: 300;
  flex: 0 0 0px;
}
.status-info-component .status-color {
  margin-top: 8px;
  width: 100%;
  flex: 0 0 4px;
}
.progress-tracking-component {
  width: 100%;
  height: 100%;
  border: 1px solid #c4c4c4;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 24px;
}
.progress-tracking-component .widget-title {
  flex: 0 0 50px;
  font-size: 16px;
  align-items: center;
  color: #333333;
}
.progress-tracking-component .status-info-wrapper {
  flex: 0 0 80px;
  display: flex;
}
.progress-tracking-component .status-info-wrapper .status-info-component {
  flex: 1 1 0px;
}
.progress-tracking-component .status-info-wrapper .status-info-component:not(:first-child) {
  margin-left: 16px;
}
.progress-tracking-component .progress-meter-wrapper {
  flex: 1 1 0;
}
.board-dashboard-component {
  height: 100%;
  width: 100%;
  position: absolute;
  padding-top: 50px;
}
.board-dashboard-component .board-name {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
  text-align: center;
  display: block;
}
.board-dashboard-component .widgets-container {
  margin: auto;
  width: 70vw;
  height: 350px;
  position: relative;
}
.board-dashboard-component .close-dashboard-button-wrapper {
  margin-top: 24px;
}
.board-dashboard-component .close-dashboard-button-wrapper .close-dashboard-button {
  display: block;
  margin: auto;
}
.board-dashboard-component .powered-by-monday {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.board-dashboard-component .powered-by-monday .powered-by-label {
  display: block;
  font-weight: 500;
}
.upgrade-button-component {
  flex: 0 0 auto;
  text-align: center;
  position: relative;
}
.upgrade-button-component.center {
  flex-grow: 1;
}
.upgrade-button-component.verified .ds-btn {
  background-color: #00ca72;
  border-color: #00ca72;
}
.upgrade-button-component.verified .ds-btn:hover {
  background-color: #037f4c;
  border-color: #037f4c;
}
.upgrade-button-component .disclaimer {
  margin-top: 10px;
  font-size: 13px;
  color: #808080;
  width: 100%;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
@charset "UTF-8";
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.tier-feature-container {
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tier-feature-container .slick-slider {
  width: 100%;
}
.tier-feature-container .slick-slider .slick-dots li button:before {
  font-size: 16px;
}
.tier-feature-container .slick-slider .tier-feature-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.tier-feature-container .slick-slider .tier-feature-item .tier-feature-image {
  width: 220px;
  height: 170px;
}
.tier-feature-container .slick-slider .tier-feature-item .tier-feature-description .tier-feature-name {
  font-weight: bold;
  margin-bottom: 16px;
}
.tier-feature-container .slick-slider .tier-feature-item .tier-feature-description .tier-feature-description-text {
  width: 210px;
  font-size: 14px;
  height: 80%;
  overflow-y: auto;
}

.feature-carousel-full-screen {
  margin-top: 40px;
  margin-bottom: 20px;
}
.feature-carousel-full-screen .slick-slider {
  width: auto;
}
.feature-carousel-full-screen .slick-slider .tier-feature-item {
  flex-direction: column;
  width: 250px;
}
.feature-carousel-full-screen .slick-slider .tier-feature-item .tier-feature-description {
  border: 1px solid #f1f1f1;
  margin-top: -90px;
  padding: 90px 10px 20px 10px;
  height: 200px;
  width: 230px;
}

.tier-feature-item-container {
  outline: none;
}
.feature-carousel-arrow span {
  font-size: 40px;
  color: #808080;
}
.unlock-feature-new-component .icon-dapulse-x-slim {
  position: absolute;
  top: 7px;
  right: 10px;
  color: #333333;
  font-size: 18px;
  cursor: pointer;
}
.unlock-feature-new-component .icon-dapulse-x-slim:hover {
  color: #666666;
}
.unlock-feature-new-component .unlock-feature-component-new {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.unlock-feature-new-component .unlock-feature-component-new .unlock-feature-tier-message {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
}
.unlock-feature-new-component .unlock-feature-component-new .inModal {
  max-width: 600px;
}
.unlock-feature-new-component .unlock-feature-component-new .unlock-feature-lock-reason {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 16px;
}
.unlock-feature-new-component .includeChangeToMain .unlock-feature-tier-message {
  margin-top: 0;
}
.unlock-feature-new-component .credit-card-charge-disclaimer {
  color: #333333;
}
.unlock-feature-new-component .open-plans-container {
  margin: 0 auto;
  color: #808080;
  cursor: pointer;
  margin-bottom: 40px;
  text-align: center;
}
.unlock-feature-new-component .open-plans-container:hover {
  color: #333333;
}
.unlock-feature-new-component .button-container {
  text-align: center;
}
.unlock-feature-new-component .button-container .ds-btn:not(.ds-btn-primary-loading) {
  width: 320px;
}
.unlock-feature-new-component .action-buttons {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tip-container {
  width: 292px;
  color: #ffffff;
  background-color: #0085ff;
  background-color: var(--primary-color);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.17);
  border-radius: 8px;
  padding: 16px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.tip-container .tip-arrow {
  height: 16px;
  width: 16px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  transform: rotate(-45deg);
  position: absolute;
  top: -4px;
  left: 16px;
}
.tip-container .tip-title {
  width: 242px;
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.tip-container .tip-text {
  width: 242px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 22px;
}
.tip-container .tip-buttons-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.tip-container .tip-buttons-wrapper :first-child {
  order: 2;
}
.tip-container .tip-buttons-wrapper .tip-button {
  font-size: 14px;
}
.tip-container .tip-buttons-wrapper .tip-button .tip-button-icon {
  height: 16px;
  width: 16px;
}
.tip-container .tip-buttons-wrapper .tip-button .tip-button-text {
  margin-right: 8px;
}
.tip-container .tip-buttons-wrapper .tip-button .tip-left-icon {
  margin-right: 0;
  margin-left: 8px;
}
.board-deleted-component {
  text-align: center;
  margin-top: 200px;
}
.board-deleted-component .board-deleted-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  display: block;
}
.board-deleted-component .board-deleted-title .deleted-board-name {
  font-weight: 500;
}
.board-deleted-component .trash-icon {
  background-color: #f65f7c;
  line-height: 60px;
  width: 80px;
  height: 80px;
  display: inline-block;
  font-size: 30px;
  border-radius: 50%;
  padding-top: 8px;
  margin-top: 16px;
  color: #ffffff;
  color: var(--primary-background-color);
}
.board-access-denied-component .message {
  margin-top: 0;
  padding-top: 200px;
  color: #323338;
  color: var(--primary-text-color);
}
.board-access-denied-component .icon {
  color: #ffffff;
  color: var(--primary-background-color);
}
.unconnected-pulse-component {
  display: flex;
  justify-content: center;
  font-size: 32px;
  color: #808080;
  margin-top: 200px;
}
.current-board-component {
  height: 100%;
  color: #323338;
  color: var(--primary-text-color);
}
.current-board-component.using-grid:after {
  position: fixed;
  background: #333333;
  transform: rotate(-45deg);
  right: -17px;
  width: 80px;
  bottom: 15px;
  color: white;
  font-size: 10px;
  text-align: center;
  content: "GRID";
}

.board-unlock-feature-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cross-board-menu {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1000;
}
.cross-board-menu .archive-btn {
  text-decoration: none;
  color: #ffffff;
  color: var(--text-color-on-primary);
  font-weight: 400;
}
.cross-board-menu .archive-btn .icon {
  margin-right: 5px;
}
.cross-board-menu .archive-btn.active .icon {
  color: #f65f7c;
}
.cross-board-menu .archive-btn.active .icon-dapulse-checkbox {
  display: none;
}
.cross-board-menu .archive-btn.active .icon-dapulse-checkbox-checked {
  display: inline-block;
}
.cross-board-menu .archive-btn:hover {
  color: #f65f7c;
}
.cross-board-menu .settings-btn-wrapper {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 3px;
  right: 5px;
  cursor: pointer;
}
.cross-board-menu .settings-btn-wrapper .settings-btn {
  text-decoration: none;
  color: #333333;
  width: 33px;
  height: 33px;
  line-height: 28px;
}
.cross-board-menu .settings-btn-wrapper .settings-btn .icon {
  font-size: 20px;
}
.cross-board-menu .settings-btn-wrapper .pulse_menu_options {
  height: auto;
  width: 200px;
  top: 32px;
  opacity: 1;
}
.cross-board-menu .settings-btn-wrapper .pulse_menu_options.show {
  display: block;
}
.cross-board-menu .settings-btn-wrapper .pulse_menu_options .export-search-to-excel-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.cross-board-menu .settings-btn-wrapper .pulse_menu_options .export-search-to-excel-item .export-search-to-excel {
  text-decoration: none;
  color: #323338;
  color: var(--primary-text-color);
}
.cross-board-menu .settings-btn-wrapper .pulse_menu_options .export-search-to-excel-item .export-search-to-excel:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: white;
}
.react-cross-board-component {
  position: relative;
  height: 100%;
}
.react-cross-board-component .board-wrapper {
  height: auto;
  display: block;
}
.react-cross-board-component .board-wrapper.board-workspace-hidden .workspace-container {
  display: none;
}
.react-cross-board-component .board-wrapper.board-name-hidden .cross-board-header .cross-board-name {
  display: none;
}
.react-cross-board-component .board-wrapper.board-name-hidden .workspace-container .separator {
  display: none;
}
.react-cross-board-component .board-wrapper.group-menu-hidden .group-header-component .group-menu {
  display: none;
}
.react-cross-board-component .board-wrapper.item-menu-hidden .pulse-component.grid-pulse {
  padding-left: 0;
}
.react-cross-board-component .board-wrapper.item-menu-hidden .pulse-component .grid-floating-cells-row-component {
  left: 0;
  position: initial;
}
.react-cross-board-component .board-wrapper.item-menu-hidden .pulse-component-wrapper .pulse-menu-component {
  display: none;
}
.react-cross-board-component .board-wrapper.item-menu-hidden .empty-block-before-add-pulse {
  display: none;
}
.react-cross-board-component .board-wrapper .board-content-component {
  margin-top: 0;
  padding-bottom: 100px;
  padding-left: 8px;
}
.react-cross-board-component .board-wrapper .board-content-component .cross_board_home_screen {
  padding-top: 40px;
}
.react-cross-board-component .board-wrapper .board-content-component .name-column-header,
.react-cross-board-component .board-wrapper .board-content-component .group-menu {
  z-index: initial;
}
.react-cross-board-component .board-wrapper .board-content-component.no-results {
  padding-bottom: 24px;
}
.react-cross-board-component .board-wrapper .board-content-component.no-results .filter-no-results {
  padding-top: 48px;
}
.cross-board-no-results-message {
  font-size: 20px;
  font-weight: 400;
  padding-top: 10px;
  padding-left: 0px;
  color: #ffffff;
}
/* mixin for multiline */
.monday-board-relation-item-component {
  border-radius: 4px;
  display: flex;
  width: 100%;
  height: 26px;
}
.monday-board-relation-item-component__color {
  width: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  opacity: 0.6;
}
.monday-board-relation-item-component__content {
  width: calc(100% - 5px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.monday-board-relation-item-component__content span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monday-board-relation-item-component--is-empty {
  opacity: 0.6;
}
.monday-board-relation-item-component--is-empty:hover {
  opacity: 1;
}
.monday-board-relation-item-component--is-empty .monday-board-relation-item-component__content {
  justify-content: center;
}
.dropdown-counter-component {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 8px;
  width: 8px;
}
.dropdown-counter-component .dropdown-counter-text {
  padding: 2px 4px;
  line-height: 17px;
  min-width: 20px;
  max-width: 28px;
  height: 21px;
  font-size: 10px;
  color: white;
  margin-left: 8px;
  border-radius: 20px;
  background-color: black;
}
.dropdown-counter-component .dropdown-counter-text:hover {
  background-color: #a1a1a1;
}
.dropdown-counter-component .dropdown-counter-text::before {
  content: attr(extracount);
}
.monday-board-relation-item-component-with-counter {
  width: 100%;
  display: flex;
}
.monday-board-relation-item-component-with-counter__item {
  width: 100%;
}
.monday-board-relation-item-component-with-counter__counter {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.monday-board-relation-item-component-with-counter__counter--big .dropdown-counter-text {
  min-width: 25px;
}
.monday-board-relation-item-component-with-counter--has-counter .monday-board-relation-item-component-with-counter__item {
  width: calc(100% - 30px);
}
.monday-board-relation-item-component-with-counter--has-counter .monday-board-relation-item-component-with-counter__counter {
  width: 30px;
}
.cell-component.board-relation-cell:hover .board-relation-cell-component.multi-select + .clear-btn {
  display: none;
}
.cell-component.board-relation-cell:hover .board-relation-cell-component + .clear-btn:after {
  background-color: transparent;
}

.board-relation-cell-component-light {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
}

.board-relation-cell-component {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
}
.board-relation-cell-component:hover.has-value:not(.multi-select) {
  cursor: pointer;
}
.board-relation-cell-component:hover.has-value:not(.multi-select) .link-badge {
  text-decoration: underline;
}
.board-relation-cell-component:hover .add-button {
  display: block;
}
.board-relation-cell-component .add-button {
  display: none;
  padding-right: 4px;
}
.board-relation-cell-component .link-badge {
  display: inline-block;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  color: var(--pulse-text-color);
}
.show-checkbox-settings {
  display: flex;
  align-items: center;
}
.show-checkbox-settings .show-checkbox-settings-text {
  padding-left: 8px;
  cursor: pointer;
}
.allow-multiple-items-option-component {
  padding-top: 16px;
  font-size: 14px;
}
.connected-boards-box-component .connected-board-item {
  padding: 0 8px;
  font-size: 14px;
}
.connected-boards-box-component .add-button {
  color: #0085ff;
  color: var(--primary-color);
  padding: 16px 8px;
  min-height: 22px;
  height: 22px;
  align-self: center;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
/* mixin for multiline */
.board-relation-settings-component.unlink {
  padding: 0;
}
.board-relation-settings-component .board-unlink-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.board-relation-settings-component .board-unlink-content .unlink-board-names {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  margin-top: 16px;
  max-height: 160px;
  overflow: auto;
}
.board-relation-settings-component .board-unlink-content .unlink-board-names::-webkit-scrollbar {
  width: 4px;
}
.board-relation-settings-component .board-unlink-content .unlink-board-names::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.board-relation-settings-component .board-unlink-content .unlink-board-names .board-name {
  font-weight: 500;
  font-size: 16px;
}
.board-relation-settings-component .unlink-warning {
  color: #e44258;
  padding-top: 8px;
  font-size: 13px;
  display: flex;
}
.board-relation-settings-component .unlink-warning .unlink-warning-icon {
  margin-right: 8px;
}
.board-relation-settings-component .unlink-warning .warning-text {
  width: 85%;
}
.board-relation-settings-component .intro-step-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 8px 0;
}
.board-relation-settings-component .intro-step-component .intro-image {
  width: 310px;
}
.board-relation-settings-component .intro-step-component .into-texts {
  padding-top: 32px;
  text-align: center;
}
.board-relation-settings-component .intro-step-component .into-texts .intro-title {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 8px;
}
.board-relation-settings-component .intro-step-component .into-texts .intro-description {
  font-weight: 300;
}
.board-relation-settings-component .intro-step-component .intro-footer {
  padding-top: 32px;
}
/* mixin for multiline */
.board-relation-settings-component .approve-step-wrapper {
  display: flex;
  height: 100%;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-image {
  margin-left: 16px;
  width: 180px;
  background-color: #f5f6f8;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-image .approve-image {
  border-radius: 8px;
  width: 180px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 250px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-content {
  font-size: 16px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-content .approve-title {
  font-weight: 500;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-content .linked-board {
  display: flex;
  align-items: center;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-content .linked-board .board-name-wrapper {
  overflow: hidden;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-content .linked-board .board-name-wrapper .board-name {
  font-weight: 500;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .linked-boards {
  max-height: 160px;
  overflow: auto;
  margin-top: 16px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .linked-boards::-webkit-scrollbar {
  width: 4px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .linked-boards::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .linked-boards .connected-board-item {
  max-width: 160px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .allow-multiple-items-option-component {
  border-width: 1px 0;
  border-style: solid;
  border-color: #f1f1f1;
  margin-top: 24px;
  margin-bottom: 8px;
  padding: 8px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .connected-boards-wrapper {
  width: 250px;
}
.board-relation-settings-component .approve-step-wrapper .approve-step-component .lookup-suggestion-action {
  display: flex;
  align-items: center;
}
.board-relation-settings-component .approve-step-wrapper .approve-footer {
  display: flex;
}
.board-relation-settings-component .approve-step-wrapper .approve-footer .add-lookups-button {
  margin-left: 8px;
}
.allow-create-reflection-option-component {
  margin-top: 16px;
}
.allow-create-reflection-option-component.multi-board-select {
  padding-left: 6px;
}
.allow-create-reflection-option-component.single-board-select {
  padding-left: 16px;
}
.board-selector-step-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.board-selector-step-wrapper .choose-lookup-board-class {
  max-height: 330px;
}
.board-selector-step-wrapper .link-boards-button {
  margin-top: 16px;
  flex: 0 0 auto;
  align-self: flex-end;
}
.multi-board-selector-step-component {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.multi-board-selector-step-component .boards-settings-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.multi-board-selector-step-component .boards-settings-wrapper .settings-boards-component {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.multi-board-selector-step-component .boards-settings-wrapper .settings-boards-component .select-menu-header {
  padding-bottom: 16px;
}
.multi-board-selector-step-component .boards-settings-wrapper .settings-boards-component .settings-objects-per-category-picker-component.boards {
  flex: 1 1 auto;
  overflow: auto;
}
.multi-board-selector-step-component .boards-settings-wrapper .settings-boards-component .settings-objects-per-category-picker-component.boards .object-option {
  padding: 8px;
}
.multi-board-selector-step-component .link-boards-button {
  margin-top: 16px;
  flex: 0 0 auto;
  align-self: flex-end;
}
.board-relation-settings-component .lookup-step-wrapper {
  display: flex;
  height: 100%;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-image {
  display: flex;
  align-items: center;
  margin-left: 16px;
  width: 180px;
  background-color: #f5f6f8;
  border-radius: 8px;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-image .lookup-image {
  border-radius: 8px;
  width: 180px;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 260px;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-footer {
  height: 90px;
  align-self: flex-end;
  display: flex;
  align-items: flex-end;
  padding-top: 12px;
  padding-right: 8px;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-footer .lookup-button {
  font-weight: 400;
  width: 80px;
}
.board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-options {
  overflow: auto;
  margin-top: 16px;
}
.column-select-option-component {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 16px 0 8px;
  border-radius: 8px;
  margin: 2px 0;
  cursor: pointer;
}
.column-select-option-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.column-select-option-component .column-option-icon {
  color: #808080;
  font-size: 11px;
  line-height: 11px;
  margin-right: 6px;
}
.column-select-option-component .column-option-title {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex: 1 1 auto;
}
.board-relation-settings-component {
  height: 340px;
  width: 100%;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: height 0.1s ease-out;
}
.board-relation-settings-component.board-choose {
  height: 448px;
}
.board-relation-settings-component.unlink {
  height: auto;
}
.board-relation-settings-component.multi-board.board-choose {
  height: 420px;
}

.column-settings-component.board-relation-column-type .column-settings-title {
  display: none;
}
.cell-component.subtasks-cell .subtasks-icon {
  width: 22px;
}
.cell-component.subtasks-cell .number-of-linked-items,
.cell-component.subtasks-cell .subtasks-icon {
  color: #c5c7d0;
}
.cell-component.subtasks-cell .subitem-content-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cell-component.subtasks-cell .subitem-content-container.has-items {
  cursor: pointer;
}
.cell-component.subtasks-cell .subitem-content-container.has-items .number-of-linked-items,
.cell-component.subtasks-cell .subitem-content-container.has-items .subtasks-icon {
  color: #666666;
  color: var(--pulse-text-color);
}
.cell-component.subtasks-cell .subitem-content-container.open .number-of-linked-items,
.cell-component.subtasks-cell .subitem-content-container.open .subtasks-icon, .cell-component.subtasks-cell .subitem-content-container:hover.has-items .number-of-linked-items,
.cell-component.subtasks-cell .subitem-content-container:hover.has-items .subtasks-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.cell-component.subtasks-cell .subitem-content-container.highlight .subtasks-icon,
.cell-component.subtasks-cell .subitem-content-container.highlight .number-of-linked-items {
  background-color: #cce9ff;
  background-color: var(--pulse-highlight-background-color);
  line-height: 20px;
}
.cell-component.subtasks-cell .subitem-content-container.highlight .subtasks-icon {
  border-radius: 2px 0 0 2px;
}
.cell-component.subtasks-cell .subitem-content-container.highlight .number-of-linked-items {
  border-radius: 0 2px 2px 0;
}
.cell-component.subtasks-cell .subitem-content-container .icon-dapulse-addbtn {
  transition: opacity 100ms;
  pointer-events: none;
  opacity: 0;
  color: #0085ff;
  color: var(--primary-color);
  position: absolute;
  left: 50%;
  transform: translateX(-21px);
}
.cell-component.subtasks-cell:hover .subitem-content-container .icon-dapulse-addbtn {
  opacity: 1;
}
.dependency-column-settings .dependency-settings-title {
  font-size: 15px;
}
.dependency-column-settings .dependency-settings-body {
  margin-bottom: 16px;
}
.dependency-column-settings .dependency-settings-button-wrapper {
  text-align: center;
}
/* mixin for multiline */
.dropdown-cell-component {
  overflow: visible;
}

.dropdown-column {
  overflow: visible;
}
.dropdown-column .Select,
.dropdown-column .Select-control {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dropdown-column .Select .select-option-wrapper,
.dropdown-column .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.dropdown-column .Select .select-option-wrapper .select-option-text,
.dropdown-column .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-column .Select .select-option-wrapper .icon,
.dropdown-column .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.dropdown-column .Select.is-disabled {
  cursor: default;
}
.dropdown-column .Select.is-disabled .Select-control {
  cursor: default;
}

.dropdown-cell-dropdown-picker-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: left;
  transition: all 0.15s ease-in-out;
  width: 250px;
  min-height: 40px;
  z-index: 100;
  padding: 8px;
}
.dropdown-cell-dropdown-picker-component .monday-dropdown-column-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-cell-dropdown-picker-component.expanded {
  width: 400px;
}
.dropdown-cell-dropdown-picker-component .dropdown-input {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border: none;
  padding: 0 8px;
  font-weight: 300;
  font-size: 14px;
  outline: none;
  border-radius: 4px;
}
.dropdown-cell-dropdown-picker-component .dropdown-input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c4c4c4;
  opacity: 1;
  /* Firefox */
}
.dropdown-cell-dropdown-picker-component .dropdown-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c4c4c4;
  opacity: 1;
  /* Firefox */
}
.dropdown-cell-dropdown-picker-component .dropdown-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c4c4c4;
}
.dropdown-cell-dropdown-picker-component .dropdown-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c4c4c4;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.dropdown-input-label.isFirstOption, .dropdown-cell-dropdown-picker-component .dropdown-input.dropdown-input-label:hover {
  color: #ffffff;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border: none;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.dropdown-input-label-edit-mode {
  border: none;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.dropdown-input-label-edit-mode:hover {
  border: 1px dashed #b2b2b2;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.dropdown-input-label-edit-mode:focus {
  border: 1px dashed black;
}
.dropdown-cell-dropdown-picker-component .dropdown-input:focus {
  border: 1px dashed black;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.add-label {
  border: 1px dashed #c5c7d0;
  width: 92%;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.add-label:focus {
  border: 1px dashed;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.dropdown-cell-dropdown-picker-component .dropdown-input.selectCurser {
  cursor: pointer;
}
.dropdown-cell-dropdown-picker-component .dropdown-input.light-label {
  color: #d8d8d8;
}

.dropdown-title {
  font-size: 16px;
  text-align: center;
  padding: 8px;
}

.dropdown-picker-footer {
  width: 100%;
  position: relative;
  line-height: 40px;
  color: #0085ff;
  color: var(--primary-color);
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.1s;
}
.dropdown-picker-footer.highlighted, .dropdown-picker-footer:hover:not(.disabled) {
  color: #ffffff;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.dropdown-picker-footer.disabled {
  color: #c4c4c4;
  cursor: auto;
}

.dropdown-picker-cell-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.dropdown-picker-cell-component:hover .clear-color-icon {
  display: block;
}
.dropdown-picker-cell-component .clear-color-icon {
  display: none;
  margin-right: 8px;
  color: #c4c4c4;
}
.dropdown-picker-cell-component .clear-color-icon:hover {
  color: #777;
}

.dropdown-options-wrapper .dropdown-options-title {
  text-align: center;
}
.dropdown-options-wrapper .dropdown-labels {
  max-height: 170px;
  padding-top: 8px;
}
.dropdown-options-wrapper .dropdown-labels:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.dropdown-options-wrapper .dropdown-labels .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.dropdown-options-wrapper .dropdown-labels .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
.dropdown-options-wrapper .max-height-width {
  height: 100%;
  width: 100%;
}
.dropdown-options-wrapper .wrap-dropdown-footer {
  padding: 8px;
  height: 32px;
}
.dropdown-options-wrapper .single-box-item-component .item-wrapper .dropdown-item {
  margin-left: 4px;
}

.dropdown-chosen-options-wrapper {
  margin-bottom: 8px;
}

.dropdown-item {
  padding-left: 4px;
  color: #0085ff;
  color: var(--primary-color);
  overflow: hidden;
  min-width: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 100%;
  font: inherit;
}
.dropdown-search {
  height: 35px;
  width: 100%;
  border-radius: 4px;
  padding-left: 12px;
  outline: none;
  font-size: 14px;
  border: none;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.dropdown-search:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.dropdown-delete-option {
  margin: 8px;
  width: 12px;
}

.dropdown-label {
  display: flex;
  align-items: baseline;
  margin-bottom: 8px;
}

.dropdown-delete-button {
  color: #d8d8d8;
  padding-left: 2px;
  font-size: 10px;
  flex: 0 0 16px;
  cursor: not-allowed;
}
.dropdown-delete-button.is-enabled {
  color: #c4c4c4;
  cursor: pointer;
}
.dropdown-delete-button.is-enabled:hover {
  color: #333333;
}

.dropdown-picker-drag-handle {
  cursor: move;
  flex: 0 0 12px;
  padding: 1px 2px 0 0;
  color: #c4c4c4;
}
.dropdown-picker-drag-handle:hover {
  color: #333333;
}
.dropdown-picker-drag-handle.is-hidden {
  display: none;
}
.dropdown-cell-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.dropdown-cell-wrapper.can-edit:hover .dropdown-option-wrapper {
  padding-left: 24px;
}
.dropdown-cell-wrapper.can-edit:hover .add-button {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.dropdown-cell-wrapper .add-button {
  position: absolute;
  top: 1px;
  left: 6px;
  transform: scale(0.3);
  transform-origin: 50% 50%;
  opacity: 0;
  visibility: hidden;
}
.dropdown-cell-wrapper .dropdown-option-wrapper {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.dropdown-cell-wrapper .dropdown-option-wrapper .option-names {
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 0;
}
.dropdown-cell-wrapper .dropdown-option-wrapper .option-names .option-name {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  background-color: #e5f4ff;
  border-radius: 24px;
  margin: 2px;
  padding: 0 4px;
  line-height: 24px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 12px;
}
.dropdown-cell-wrapper .dropdown-option-wrapper .option-names .option-name.cell_focused {
  background-color: #ffffff;
}
.columns-footer-column.dropdown-footer .dropdown-cell-component {
  cursor: initial;
}
.integration-cell-component {
  width: 100%;
  height: 100%;
}
.integration-cell-component.light-component {
  cursor: default;
}
.integration-cell-component.no-integration-link {
  cursor: default;
}
.integration-cell-component .integration-entity-light-link {
  color: #0086c0;
  font-size: 13;
}
.integration-cell-component .integration-cell-entity-link {
  color: #0086c0;
  font-size: 13;
}
.integration-cell-component .integration-cell-entity-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* mixin for multiline */
.group-cell-component {
  display: flex;
  justify-content: center;
}
.group-cell-component .field-text {
  overflow: hidden;
}
.group-cell-component .group-label {
  display: flex;
  align-items: center;
}
.group-cell-component .group-label .group-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0px 8px;
  flex: 1 0 auto;
}
.group-cell-component .group-label .group-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.group-column-dialog {
  display: block;
  padding: 6px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 4px;
  overflow: auto;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: -1px 10px 44px -20px #333333;
  outline: none;
}
.group-column-dialog:not(.mobileDevice):before {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -5px;
  right: calc(50% - 5px);
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  z-index: 100000;
}
.reposition-right .group-column-dialog:not(.mobileDevice):before {
  right: 14px;
}
.group-column-dialog.embedded-pulse-card {
  max-width: 250px;
}
.group-column-dialog.embedded-pulse-card .automations-group-field-component {
  min-width: 220px;
  max-width: 240px;
}
.group-column-dialog.embedded-pulse-card .automations-group-field-component .automations-group-field-group-option .group-title {
  max-width: 220px;
}
.multiple-person-dialog-content-with-keyboard-navigation-component {
  outline: 0;
}
.extra-persons-tooltip-container {
  display: flex;
  flex-direction: column;
  max-height: 250px;
}

.extra-persons-indicator-component {
  padding: 0 5px;
  height: 25px;
  min-width: 25px;
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  flex-shrink: 0;
  position: relative;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cell-component.multiple-person-cell .clear-btn {
  right: 2px;
}
.cell-component.multiple-person-cell .clear-btn:after {
  display: none;
}
.cell-component.multiple-person-cell.filter-highlight .person-bullet-image {
  border-color: #cce9ff;
  border-color: var(--pulse-highlight-background-color);
}
.cell-component.multiple-person-cell.navigation-focus .person-bullet-image {
  border-color: #e5f4ff;
  border-color: var(--primary-selected-color);
}
.cell-component.multiple-person-cell .multiple-person-cell-component-wrapper .multiple-person-cell-content {
  height: 34px;
}

.pulse-component.highlight .person-bullet-image, .pulse-component.open .person-bullet-image {
  border-color: #d9d9d9;
}

.multiple-person-cell-component {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multiple-person-cell-component > * {
  margin: 0 -4px;
}
.multiple-person-cell-component .add-btn {
  display: none;
  color: #0085ff;
  color: var(--primary-color);
  z-index: 1;
  font-size: 14px;
  margin: 0 -6px;
  background: white;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 14px;
}
.multiple-person-cell-component .add-btn:before {
  position: absolute;
  top: 0;
  left: 0;
}
.multiple-person-cell-component:hover .add-btn {
  display: block;
}
.multiple-person-cell-component .person-bullet-component .person-bullet-image, .multiple-person-cell-component .person-bullet-component.person-bullet-image {
  z-index: 0;
  border: 2px solid;
  border-color: #f5f6f8;
  border-color: var(--pulse-background-color);
}
.multiple-person-cell-component .person-bullet-component.person-bullet-image, .multiple-person-cell-component .person-bullet-component.wrapper {
  width: 30px;
  height: 30px;
}
.multiple-person-cell-component .person-bullet-component .person-bullet-component-out-of-office-container {
  bottom: -1px;
}
.subitem .multiple-person-cell-component .person-bullet-component-out-of-office-container {
  bottom: 1px;
}
.multiple-person-activity-log-component {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.multiple-person-activity-log-component .action-text, .multiple-person-activity-log-component .person-bullet-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
}
.multiple-person-activity-log-component .multi-person-activity-log-person-bullet {
  width: 30px;
  height: 30px;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.multiple-person-column-rollup-dialog-component .pulse-list-dialog-component .pulse-item .right-renderer-wrapper .right-renderer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ds-tooltip .multiple-person-column-rollup-tooltip-content-container {
  display: flex;
  flex-direction: column;
  max-height: 250px;
}
.columns-footer-column.multiple-person-footer .multiple-person-cell-component {
  cursor: initial;
}
.email-cell-component {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0 4px;
}
.email-cell-component .email-email-edit-box {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.email-cell-component .email-cell-email-wrapper {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px;
  width: 100%;
  min-width: 50px;
}
.email-cell-component .email-cell-email-wrapper .email-cell-email {
  color: #0086c0;
  position: relative;
  padding: 0px 4px;
}
.email-cell-component .email-cell-email-wrapper .email-cell-email:hover {
  text-decoration: underline;
}
.email-cell-email-picker-component {
  position: relative;
  text-align: left;
  border-radius: 2px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-on-secondary-color);
  transition: all 0.15s ease-in-out;
  width: 250px;
  min-height: 40px;
  z-index: 100;
  padding: 16px;
}
.email-cell-email-picker-component:before, .email-cell-email-picker-component:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.email-cell-email-picker-component:before {
  right: 50%;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-on-secondary-color);
  border-width: 10px;
  transform: translateX(11px);
}
.email-cell-email-picker-component:after {
  right: 50%;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
  transform: translateX(9px);
}
.email-cell-email-picker-component .email-title {
  font-size: 16px;
  margin-bottom: 16px;
}
.email-cell-email-picker-component .email-input {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: 0;
  padding: 0 16px;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 16px;
  outline: none;
}
.email-cell-email-picker-component .email-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.email-cell-email-picker-component .email-input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #676879;
  color: var(--placeholder-color);
  opacity: 1;
  /* Firefox */
}
.email-cell-email-picker-component .email-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #676879;
  color: var(--placeholder-color);
  opacity: 1;
  /* Firefox */
}
.email-cell-email-picker-component .email-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #676879;
  color: var(--placeholder-color);
}
.email-cell-email-picker-component .email-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #676879;
  color: var(--placeholder-color);
}
.email-cell-email-picker-component .email-input {
  margin-bottom: 24px;
}

.ds-dialog-content-wrapper.reposition-right .email-cell-email-picker-component:before, .ds-dialog-content-wrapper.reposition-right .email-cell-email-picker-component:after {
  right: 55px;
}
.email-single-activity-log-component {
  width: 100%;
  position: absolute;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.email-single-activity-log-component .email-single-activity-log-text {
  color: #0086c0;
}
.email-single-activity-log-component .email-single-activity-log-text:hover {
  text-decoration: underline;
}
.cell-component.lookup-cell .lookup-cell-component {
  height: 35px;
}
.cell-component.lookup-cell .lookup-cell-component .lookup-multiple-text-values-wrapper {
  width: 100%;
}
.cell-component.lookup-cell .lookup-cell-component .dates-footer-component .dates-footer-function {
  display: none;
}
.cell-component.lookup-cell .cell-rollup {
  width: 100%;
}
.cell-component.lookup-cell .cell-rollup.can-see-lookup-border-fix > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cell-component.lookup-cell .cell-rollup.multiple-values .status-footer-progress-bar-component .battery-container {
  margin: 0 6px;
}
.cell-component.lookup-cell .cell-rollup.multiple-values .status-footer-progress-bar-component .battery-container .battery-background {
  height: 27px;
}
.cell-component.lookup-cell .cell-rollup.multiple-values .status-footer-progress-bar-component .battery-container .column-battery {
  height: 27px;
  transition: all 0.2s ease-in-out;
}
.cell-component.lookup-cell .cell-rollup.multiple-values .status-footer-progress-bar-component .battery-container .column-battery:hover {
  border-radius: 2px;
  height: 30px;
  transition: all 0s ease-in-out;
}

.lookup-cell-component {
  height: 100%;
  transform: translateZ(0);
  position: relative;
  display: flex;
}
.lookup-cell-component .cell-error {
  display: flex;
  justify-content: center;
  width: 100%;
}
.lookup-cell-component.multiple-values .cell-component.color-cell .status-cell-component {
  margin: 4px 8px 6px 6px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lookup-cell-component.multiple-values .cell-component.color-cell .status-cell-component .ds-text-component {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lookup-cell-component.multiple-values .cell-component.color-cell .status-cell-component .status-note-wrapper {
  right: 5px;
  top: 4px;
}
.lookup-cell-component.multiple-values .cell-component.color-cell .status-cell-component .status-note-wrapper .add-status-note {
  right: 3px;
}
/* mixin for multiline */
.board-relation-column-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
  border-radius: 8px;
  padding: 0 8px;
}
.board-relation-column-option .list-item-icon {
  padding-right: 8px;
}
.board-relation-column-option:hover {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.board-relation-column-option .list-item-icon {
  font-size: 10px;
}
.lookup-settings-existing-relations-component {
  display: flex;
  flex-direction: column;
}
.lookup-settings-existing-relations-component .lookup-settings-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
}
.lookup-settings-existing-relations-component .existing-relation-list {
  overflow: auto;
  max-height: 180px;
}
.lookup-settings-no-relations-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
.lookup-settings-no-relations-component .lookup-settings-img {
  width: 182px;
  height: 144px;
  margin-bottom: 16px;
}
.lookup-settings-no-relations-component .lookup-settings-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
}
.lookup-settings-no-relations-component .lookup-settings-description {
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
}
.multi-board-lookup-column-settings__title {
  font-weight: 500;
  font-size: 16px;
}

.multi-board-lookup-column-settings__separator-wrapper.settings-field-component {
  margin: 0px -16px;
  margin-top: initial;
}
.file-preview {
  width: 100%;
  height: 100%;
}
.file-preview.file-preview-image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.file-preview.file-preview-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  background: #333333;
  text-align: center;
}
.file-preview.file-preview-icon .file-type-icon {
  font-size: 50px;
}
.file-preview.file-preview-icon .file-type {
  font-size: 15px;
}
.file-preview.file-preview-icon .file-type-image {
  width: 48px;
}
.file-preview.file-preview-icon.small-preview-square {
  line-height: 12px;
}
.file-preview.file-preview-icon.small-preview-square .file-type-icon {
  font-size: 12px;
}
.file-preview.file-preview-icon.small-preview-square .file-type {
  font-size: 12px;
  margin-top: 1px;
}
.file-preview.file-preview-icon.small-preview-square .file-type-image {
  width: 14px;
}
.file-preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.file-preview .loader-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
  height: 25%;
}
.file-preview .video {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-preview .video-length {
  bottom: 4px;
  right: 4px;
  border-radius: 10px;
  background-color: #323338;
  background-color: var(--primary-text-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 1px 6px;
  position: absolute;
}
.video-progress-bar {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  height: 4px;
  width: 100%;
  cursor: pointer;
}
.video-progress-bar .wrapper {
  width: 100%;
  position: relative;
}
.video-progress-bar .wrapper .played {
  background-color: #0085ff;
  background-color: var(--primary-on-secondary-color);
  height: 100%;
}
.file-thumbnail-preview {
  transition: border-radius 0.1s ease;
  height: 132px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border-radius: 4px;
  overflow: hidden;
}
.file-preview-buttons-container .file-preview-button .preview-button-icon {
  color: #676879;
  color: var(--icon-color);
  width: 16px;
  height: 16px;
}
.file-preview-buttons-container:not(.is-extra):not(:last-child) {
  margin-bottom: 4px;
}
.file-thumbnail-preview-container {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.file-thumbnail-preview-container .file-preview-image {
  background-size: contain;
}
.file-thumbnail-preview-container.crop-display .file-preview-image {
  background-size: cover;
}
.file-thumbnail-preview-container:hover .buttons-container {
  opacity: 1;
}
.file-thumbnail-preview-container .buttons-container {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.05s cubic-bezier(0, 0, 0.35, 1);
}
.file-thumbnail-preview-container .buttons-container .file-preview-buttons-container:not(:last-child) {
  margin-bottom: 4px;
}
.file-thumbnail-preview-container .file-name {
  margin: 8px 4px 0px 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dialog-with-hover-on-content-component {
  z-index: 99999998;
}
.dialog-with-hover-on-content-component .dialog-with-hover-on-content-component-tooltip {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.file-thumbnail-component {
  position: relative;
  height: 24px;
  width: 19px;
  display: flex;
  align-items: center;
}
.file-thumbnail-component .file-type-icon,
.file-thumbnail-component .file-malware-icon,
.file-thumbnail-component .file-image-thumbnail {
  width: 100%;
  bottom: 0;
  left: 0;
  transition: transform 0.05s cubic-bezier(0, 0, 0.35, 1);
}
.file-thumbnail-component .file-type-icon:hover,
.file-thumbnail-component .file-malware-icon:hover,
.file-thumbnail-component .file-image-thumbnail:hover {
  transform: scale(1.2);
}
.file-thumbnail-component .file-malware-icon {
  bottom: 2px;
}

.file-thumbnail-preview-wrapper {
  width: 232px;
}
/* mixin for multiline */
.extra-files-list-preview-component {
  width: 264px;
  position: relative;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  max-height: 232px;
}
.extra-files-list-preview-component .extra-files-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.extra-files-list-preview-component .extra-files-list::-webkit-scrollbar {
  width: 4px;
}
.extra-files-list-preview-component .extra-files-list::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row {
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 8px;
  min-height: 42px;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  border-radius: 4px;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row:hover .buttons-container {
  padding-left: 12px;
  transition: opacity 0.05s cubic-bezier(0, 0, 0.35, 1);
  display: flex;
  opacity: 1;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row .file-thumbnail-preview {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 2px;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row .file-name {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row .buttons-container {
  opacity: 0;
  display: none;
  flex-direction: row;
  align-items: center;
}
.extra-files-list-preview-component .extra-files-list .file-preview-row .buttons-container .file-preview-buttons-container:not(:last-child) {
  margin-right: 4px;
}
.extra-files-list-preview-component .extra-files-list-preview-footer {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  margin: 16px 8px 8px 8px;
  line-height: 24px;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
}
.extra-files-list-preview-component .extra-files-list-preview-footer:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.extra-files-tooltip-container {
  display: flex;
  flex-direction: column;
}
.extra-files-tooltip-container .file-item-in-tooltip {
  display: flex;
  align-items: center;
  margin: 4px;
  color: #333333;
}
.extra-files-tooltip-container .file-item-in-tooltip .file-thumbnail-component {
  margin-right: 6px;
}
.extra-files-tooltip-container .file-item-in-tooltip .file-name {
  white-space: nowrap;
}

.extra-files-indicator-component {
  padding: 0 4px;
  background-color: #333333;
  color: #ffffff;
  height: 24px;
  min-width: 24px;
  border-radius: 24px;
  flex-shrink: 0;
  position: relative;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-cell-component {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.file-cell-component .file-cell-dropzone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.file-cell-component .file-cell-dropzone .upload_file_button {
  z-index: 0;
}
.file-cell-component .file-cell-dropzone .upload_file_input {
  width: 0;
  height: 0;
  display: none;
}
.file-cell-component .file-cell-dropzone.is-in-dropzone {
  border: 1px dashed #c5c7d0;
}
.file-cell-component .file-cell-dropzone.is-in-dropzone.empty:after {
  content: "Drop files here";
  position: absolute;
}
.file-cell-component .file-cell-content {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-cell-component.empty .add-button-container {
  left: 50%;
}
.file-cell-component .add-button-container {
  display: flex;
  align-items: center;
  position: absolute;
  transform: translateX(-50%);
  left: 12px;
}
.file-cell-component .add-button-container .add-button {
  position: absolute;
  top: 2px;
  transform: translateX(-50%) scale(0.3);
  transform-origin: 50% 50%;
  transition: transform 0.1s ease-in, opacity 0.1s ease-in;
  opacity: 0;
}
.file-cell-component .add-button-container .empty-file {
  opacity: 0;
  display: flex;
  align-items: center;
  width: 19px;
  height: 24px;
}
.file-cell-component .add-button-container .empty-file .empty-file-icon {
  height: 100%;
}
.file-cell-component .add-button-container.show-always .add-button {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.file-cell-component .add-button-container.show-always:not(.has-files) .empty-file {
  opacity: 1;
}
.file-cell-component .files-thumbnails-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 40px);
  z-index: 1;
  position: relative;
}
.file-cell-component .files-thumbnails-container .file-cell-thumbnail {
  margin: 0 2px;
}
.file-cell-component .files-thumbnails-container .file-cell-thumbnail .file-cell-single-file-component {
  position: relative;
}
.file-cell-component .files-thumbnails-container .file-cell-thumbnail.no-preview-on-click {
  cursor: auto;
}
.file-cell-component .files-thumbnails-container .file-cell-thumbnail:first-child,
.file-cell-component .files-thumbnails-container :not(.file-cell-thumbnail) + .file-cell-thumbnail {
  margin-left: 0;
}
.file-cell-component .files-thumbnails-container .file-cell-thumbnail:last-of-type {
  margin-right: 0;
}
.file-cell-component .clear-file {
  display: none;
  font-size: 12px;
  position: absolute;
  line-height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  color: #c4c4c4;
}
.file-cell-component .clear-file:hover {
  color: #777;
}
.file-cell-component:hover:not(.thumbnail-hover) .file-cell-dropzone:not(.is-in-dropzone) .clear-file {
  display: inline-block;
}
.file-cell-component:hover:not(.thumbnail-hover) .file-cell-dropzone:not(.is-in-dropzone) .add-button {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.file-cell-component:hover:not(.thumbnail-hover) .file-cell-dropzone:not(.is-in-dropzone) .empty-file {
  opacity: 1;
}
.file-cell-component .empty-file-icon {
  height: 100%;
}
.computer-upload-component {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.computer-upload-component .upload_file_button {
  display: none;
}
.computer-upload-component .upload_file_input {
  width: 0;
  height: 0;
  display: inline-block;
  opacity: 0;
  /* set to .5 or something so you can better position it as an overlay then back to zero again after you're done */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
  visibility: hidden;
}
/* mixin for multiline */
.file-cell-upload-with-keyboard-navigation-component {
  outline: 0;
}

.file-cell-upload-component {
  position: relative;
  color: rgba(0, 0, 0, 0.16);
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border-radius: 4px;
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper .generic-uploader-component {
  padding: 8px;
  overflow: hidden;
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper .icon {
  margin-right: 8px;
  color: #676879;
  color: var(--icon-color);
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper * {
  color: #323338;
  color: var(--primary-text-color);
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper.focused {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.file-cell-upload-component .attachment_dropdown .upload-wrapper.focused * {
  color: #ffffff;
  color: var(--text-color-on-primary);
  text-decoration: none;
}
.files-uploader-file-cell-holder-info-component {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 244px;
}
.files-uploader-file-cell-holder-info-component a {
  text-decoration: none;
  color: #676879;
  color: var(--secondary-text-color);
  min-width: 16px;
}
.files-uploader-file-cell-holder-info-component a:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.files-uploader-file-cell-holder-info-component .board-name,
.files-uploader-file-cell-holder-info-component .pulse-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.files-uploader-file-cell-holder-info-component .quick-search-breadcrumbs {
  width: 5px;
  height: 8px;
  margin: 0 8px;
  font-size: 14px;
  position: relative;
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.files-uploader-file-cell-holder-info-component .quick-search-breadcrumbs::before {
  position: absolute;
  bottom: -3px;
}
.generic-uploader-component.disabled {
  cursor: not-allowed;
}
.generic-uploader-component.disabled .icon, .generic-uploader-component.disabled .file_attachment_description_span {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.onedrive_wrapper {
  position: relative;
}
.onedrive_wrapper .hidden-onedrive-iframe {
  top: -8px;
  left: -8px;
  position: absolute;
  width: 100%;
}
.import-from-adobe-component {
  margin-top: 8px;
}
.import-from-adobe-component .import-from-adobe-component-export-text {
  margin-bottom: 8px;
  color: #ffffff;
  color: var(--text-color-on-card);
}
.import-from-adobe-component .import-from-adobe-component-dropdown {
  margin-bottom: 8px;
}
.file-box-item-component {
  display: flex;
  align-items: center;
}
.file-box-item-component .file-box-item-link {
  overflow: hidden;
}
.file-box-item-component .file-box-item-content {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.file-box-item-component .file-box-item-content .file-bullet {
  height: 22px;
  width: 22px;
  margin-right: 4px;
  border-radius: 100%;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.file-box-item-component .file-box-item-content .file-bullet .file-thumbnail-component {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.file-box-item-component .file-box-item-content .file-bullet .file-thumbnail-component .file-malware-icon {
  bottom: 0;
}

.file-item:not(.can-change-content) .file-box-item-content {
  padding-right: 4px;
}
/* mixin for multiline */
.file-cell-dialog-with-keyboard-navigation-component {
  outline: 0;
}
.file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component {
  display: flex;
  flex-direction: column;
  background: transparent;
  width: 264px;
  padding: 4px;
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  transition: width 0.1s ease-in, right 0.1s ease-in, left 0.1s ease-in;
  right: 0;
}
@media (min-width: 600px) {
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.expanded {
    left: -33%;
    width: 500px;
  }
}
@media (max-width: 600px) {
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.expanded {
    width: 264px;
    left: 0;
    max-height: 200px;
    overflow: auto;
  }
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.expanded::-webkit-scrollbar {
    width: 4px;
  }
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.expanded::-webkit-scrollbar-thumb {
    background-color: #e1e1e1;
    border-radius: 4px;
  }
}
@media (min-width: 600px) {
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.reposition-right {
    transform-origin: 100% 0;
    right: 4px;
    left: auto;
  }
  .file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component.reposition-right.expanded {
    right: 240px;
    left: auto;
  }
}
.file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component .manage-files {
  margin-bottom: 8px;
}
.file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component .manage-files .file-item {
  min-width: 50px;
}
.file-cell-dialog-with-keyboard-navigation-component .file-cell-dialog-component .upload-files {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.files-view-tooltip .files-view-tooltip-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400;
}
.file-cell-activity-log-component {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 140px;
}
.file-cell-activity-log-component .file-cell-activity-log-prefix {
  flex-shrink: 0;
}
.name-column-footer {
  height: 100%;
  display: flex;
  align-items: center;
}
.name-column-footer .name-column-footer-title {
  font-size: 18px;
  font-weight: 300;
  margin-left: 4px;
  flex: 1 0;
}
.name-column-footer .name-column-footer-value {
  font-size: 12px;
  font-weight: 400;
  margin-right: 16px;
}
.hour-cell-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  line-height: 22px;
}
.hour-cell-component:hover .time-input-component .time-input-wrapper.transparent {
  opacity: 1;
}
.hour-cell-component .time-input-component {
  height: 24px;
}
.hour-cell-component .time-input-component .time-input-wrapper {
  border: none;
  height: 100%;
}
.hour-cell-component .time-input-component .time-input-wrapper .time-input {
  height: auto !important;
}
.formula-cell-component {
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.formula-cell-component .formula-error-component {
  color: #e44258;
  color: var(--negative-color);
}

.pulse-card-cell-wrapper-component .formula-cell-component {
  cursor: default;
}
.formula-footer-not-available-component {
  height: 100%;
  text-align: center;
  font-size: 13px;
  color: #323338;
  color: var(--primary-text-color);
}
.formula-footer-not-available-component .content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.formula-footer-not-available-component .content .na-icon {
  color: #61caf7;
  font-size: 12px;
}
.formula-footer-not-available-component .content .na-text {
  margin-left: 4px;
  font-weight: 400;
}
.formula-column-footer-component {
  height: 100%;
}
.formula-input-component {
  height: 100%;
  position: relative;
}
.formula-input-component .formula-input {
  height: 100%;
  width: 100%;
  resize: none;
  outline: none;
  border: 1px solid #c4c4c4;
  padding: 0px 4px;
  color: #006acc;
  font-family: monospace;
  font-size: 14px;
}
.formula-input-component .formula-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.formula-suggestion-item-component {
  display: flex;
  padding: 6px 8px;
}
.formula-suggestion-item-component:hover, .formula-suggestion-item-component.hover {
  border-radius: 4px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
  cursor: pointer;
}
.formula-suggestion-item-component:hover .item-content .example, .formula-suggestion-item-component.hover .item-content .example {
  color: #e5f4ff;
  color: var(--primary-selected-color);
}
.formula-suggestion-item-component:hover .item-type-icon, .formula-suggestion-item-component.hover .item-type-icon {
  color: #ffffff;
  color: var(--text-color-on-card);
}
.formula-suggestion-item-component .item-type-icon {
  flex: 0 0 20px;
  color: #676879;
  color: var(--secondary-text-color);
}
.formula-suggestion-item-component .name {
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.formula-suggestion-item-component .sub-items-arrow {
  font-size: 12px;
  transform: rotateZ(90deg);
  transition: transform 0.1s ease-in-out;
  margin-left: auto;
  margin-right: 8px;
  padding-top: 4px;
}
.formula-suggestion-item-component .icon_hidden {
  visibility: hidden;
}
.formula-suggestion-item-component.collapsed .sub-items-arrow {
  transform: rotateZ(0deg);
}
.formula-section-title-item-component {
  font-size: 14px;
  height: 20px;
  margin-top: 4px;
  margin-bottom: 8px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #676879;
  color: var(--secondary-text-color);
  cursor: pointer;
}
.formula-section-title-item-component .section-arrow {
  font-size: 12px;
  margin-left: 2px;
  transform: rotateZ(90deg);
  transition: transform 0.1s ease-in-out;
}
.formula-section-title-item-component .section-name {
  margin-left: 8px;
}
.formula-section-title-item-component.collapsed .section-arrow {
  transform: rotateZ(0deg);
}
.formula-section-title-item-component .formula-error-component {
  color: #ffcb00;
}
.list .item {
  border: 1px solid grey;
  height: 40px;
  padding: 12px;
  margin: 16px;
}
.formula-settings-component .formula-wrapper {
  display: flex;
  height: 65px;
  padding: 0px 8px;
}
.formula-settings-component .formula-wrapper .formula-input-component {
  flex: 1 1 auto;
}
.formula-settings-component .formula-wrapper .update-formula-button {
  flex: 0 0 auto;
  margin-left: 8px;
  height: 40px;
  margin: auto;
  margin-left: 8px;
}
.formula-settings-component .formula-error-wrapper {
  padding-left: 8px;
}
.formula-settings-component .list-and-details-container {
  height: 300px;
  display: flex;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-top: 8px;
}
.formula-settings-component .list-and-details-container .list-container {
  flex: 0 0 140px;
  min-width: 140px;
  padding-left: 8px;
  padding-right: 8px;
}
.formula-settings-component .list-and-details-container .formula-details-component {
  border-left: 1px solid #c4c4c4;
  padding-left: 8px;
  flex: 1 1 auto;
}
.formula-settings-component .learn-more-container {
  display: flex;
  margin: 8px;
}
.formula-settings-component .learn-more-container .learn-more-button {
  text-decoration: none;
}
.formula-settings-component .learn-more-container .learn-more-button .learn-more-icon, .formula-settings-component .learn-more-container .learn-more-button .learn-more-text {
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.formula-settings-component .learn-more-container .learn-more-button:hover {
  cursor: pointer;
}
.formula-settings-component .learn-more-container .learn-more-button:hover .learn-more-icon, .formula-settings-component .learn-more-container .learn-more-button:hover .learn-more-text {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.formula-settings-component .learn-more-container .learn-more-icon {
  font-size: 16px;
  margin-left: 8px;
  margin-right: 8px;
}
.formula-settings-component .learn-more-container .learn-more-text {
  font-weight: 400;
  padding-top: 1px;
  padding-right: 8px;
}
.formula-info-block-component {
  margin-top: 8px;
}
.formula-info-block-component .title {
  font-size: 16px;
  font-weight: 500;
}
.formula-info-block-component .example-text {
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #676879;
  color: var(--secondary-text-color);
  font-family: monospace;
}
.formula-details-component {
  padding: 8px;
  padding-left: 12px;
}
.formula-details-component .name {
  font-size: 18px;
  font-weight: 500;
}
.tags-editing-component {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reposition-right .tags-editing-component .tags-picker-component:before {
  left: auto;
  right: 50px;
}

.tags-picker-component {
  width: 280px;
  position: relative;
}
.tags-picker-component.mobileDevice {
  width: 100%;
}
.tags-picker-component .twitter-typeahead .tt-menu {
  border: none;
}
.tags-picker-component .tags-picker-input {
  width: 100%;
  outline: 0;
  border: none;
  height: 40px;
  padding: 16px;
  font-size: 14px;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1) !important;
  background-color: #ffffff !important;
  background-color: var(--primary-background-color) !important;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.tags-picker-component .tt-menu {
  border-radius: 0 0 8px 8px;
  border: none;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.3) !important;
}
.tags-picker-component .tt-menu .loader {
  position: absolute;
  top: -30px;
  z-index: 100001;
  right: 12px;
  padding: 0px;
  margin-right: 0px !important;
  color: black;
  font-size: 14px;
}
.reposition-right .tags-list-component {
  align-self: flex-end;
}

.tags-list-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  margin-bottom: 16px;
  max-height: 500px;
  overflow-y: auto;
}
.tags-list-component::-webkit-scrollbar {
  width: 0px;
}
.tags-list-component::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}
.tags-list-component:hover::-webkit-scrollbar {
  width: 6px;
}
.tags-list-component.mobileDevice {
  border: none;
  margin-bottom: 0px;
}
.tags-list-component .tag-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  max-width: 100%;
}
.tags-list-component .tag-item .tag {
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 14px;
}
.tags-list-component .tag-item .delete-tag-icon {
  cursor: pointer;
  font-size: 12px;
}
.tags-list-component .tag-item .delete-tag-icon:hover {
  opacity: 0.7;
}
.tag-component {
  display: flex;
  flex: 0 1 auto;
  min-width: 40px;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
.tag-component:not(:first-child) {
  padding-left: 4px;
}
.tag-component:hover {
  text-decoration: underline;
}
.tag-component.highlighted {
  background-color: #cce9ff;
  border-radius: 2px;
  padding: 0 4px;
}
.tag-component.highlighted:nth-child(2) {
  margin-left: 4px;
}
.tag-component .ds-text-component {
  padding: 0;
  border: 0;
}

.tag-component-simple {
  display: block;
  min-width: 40px;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
.tag-component-simple:not(:first-child) {
  padding-left: 4px;
}
.tag-component-simple.highlighted {
  background-color: #cce9ff;
  border-radius: 2px;
  padding: 0 4px;
}
.tag-component-simple:hover {
  text-decoration: underline;
}
.tags-counter-component {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
}
.tags-counter-component .tags-counter-text {
  padding: 2px 4px;
  line-height: 17px;
  min-width: 24px;
  max-width: 28px;
  height: 21px;
  font-size: 12px;
  color: white;
  border-radius: 20px;
  background: #333333;
}
.tags-counter-component .tags-counter-text::before {
  content: attr(extracount);
}
.tags-counter-component .tags-counter-text.highlighted {
  background-color: #cce9ff;
}

.tags-counter-tooltip-content .tag {
  font-size: 13px;
}
.tags-counter-tooltip-content .tag .tag-text {
  cursor: pointer;
}
.tags-counter-tooltip-content .tag .tag-text:hover {
  text-decoration: underline;
}

.tags-counter-component-simple {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  margin-left: 8px;
  line-height: 21px;
  color: white;
  border-radius: 20px;
  font-size: 12px;
  background: #333333;
  border: 1px solid #333333;
  height: 21px;
}
.tags-counter-component-simple::before {
  content: attr(extracount);
}
.tags-counter-component-simple.highlighted {
  background-color: #cce9ff;
}
.tags-cell-component {
  height: 100%;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.tags-cell-component.light {
  padding-left: 5px;
}
.tags-cell-component.interactive.can-edit:hover {
  padding-left: 24px;
}
.tags-cell-component.interactive.can-edit:hover .add-button {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tags-cell-component.interactive.can-edit .add-button {
  position: absolute;
  top: 1px;
  left: 6px;
  transform: scale(0.3);
  transform-origin: 50% 50%;
  opacity: 0;
  visibility: hidden;
}
.tags-cell-component:not(.can-edit) {
  cursor: default;
}
.tags-cell-component .icon-dapulse-info {
  color: #61caf7;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.tags-column-rollup-dialog-component .pulse-list-dialog-component .pulse-item .right-renderer-wrapper {
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  vertical-align: center;
}
.tags-column-rollup-dialog-component .pulse-list-dialog-component .pulse-item .right-renderer-wrapper .right-renderer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tags-single-activity-log {
  position: absolute;
  width: 100%;
}
.tags-single-activity-log .empty {
  display: inline;
}
.tags-single-activity-log .tags-combined {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.person-cell--person-picker {
  position: relative;
  text-align: left;
  border-radius: 2px;
  background: #fdfdfd;
  border: 1px solid #dedede;
  transition: all 0.15s ease-in-out;
  width: 264px;
  min-height: 40px;
  z-index: 100;
}
.person-cell--person-picker.embedded-pulse-card {
  width: 200px;
}
.person-cell--person-picker.embedded-pulse-card .tt-menu {
  width: 200px;
}
.person-cell--person-picker:before, .person-cell--person-picker:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.person-cell--person-picker:before {
  right: 50%;
  border-bottom-color: #e1e1e1;
  border-width: 10px;
  transform: translateX(11px);
}
.person-cell--person-picker:after {
  right: 50%;
  border-bottom-color: white;
  border-width: 8px;
  transform: translateX(9px);
}
.person-cell--person-picker .clear-person-name {
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  top: 52%;
  transform: translateY(-50%);
  color: #c4c4c4;
  right: 12px;
  z-index: 1000;
}
.person-cell--person-picker .clear-person-name:hover {
  color: #777;
}
.person-cell--person-picker .person-input {
  width: 100%;
  height: 38px;
  border: none;
  background: white !important;
  color: #444;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 28px;
  font-weight: 300;
  outline: none;
}
.person-cell--person-picker .tt-menu {
  width: 250px;
  background-color: var(--modal-bottom-color);
}
.person-cell--person-picker .tt-menu .loader {
  position: absolute;
  top: -28px;
  right: 12px;
  padding: 0px;
}

.ds-dialog-content-wrapper.reposition-right .person-cell--person-picker:before, .ds-dialog-content-wrapper.reposition-right .person-cell--person-picker:after {
  right: 55px;
}
.cell-component.person-cell .clear-btn {
  right: 2px;
}
.cell-component.person-cell .clear-btn:after {
  display: none;
}

.person-cell-component {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.person-cell-component.can-edit {
  cursor: pointer;
}
.person-cell-component .placeholder {
  background: #c4c4c4;
}
.person-cell-component.disabled .person-bullet-component {
  opacity: 0.3;
}
/* mixin for multiline */
.new-status-picker-dialog-wrapper {
  pointer-events: none;
}
.new-status-picker-dialog-wrapper .status-picker-container {
  display: flex;
  justify-content: center;
}
.new-status-picker-dialog-wrapper.reposition-right .status-picker-container {
  justify-content: flex-end;
}

.status-picker-container {
  width: 100%;
}

.status-picker-wrapper {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  font-size: 13px;
  transition: width 0.1s;
  pointer-events: all;
  height: 100%;
}
.status-picker-wrapper:before, .status-picker-wrapper:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.status-picker-wrapper:before {
  right: 50%;
  transform: translateX(50%);
  border-width: 10px;
}
.status-picker-wrapper:after {
  right: calc(50%);
  transform: translateX(50%);
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
}
.status-picker-wrapper .status-picker-editing-wrapper {
  transition: height 0.15s ease;
}
.status-picker-wrapper .status-picker-colors-view,
.status-picker-wrapper .status-picker-colors-editing {
  flex: 1 0 auto;
  width: 100%;
  padding: 16px 8px 0 2px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  min-width: 0;
}
.status-picker-wrapper .status-picker-colors-view.embedded-pulse-card,
.status-picker-wrapper .status-picker-colors-editing.embedded-pulse-card {
  flex-direction: row;
  overflow: auto;
  justify-content: center;
  align-content: flex-start;
}
.status-picker-wrapper .status-picker-colors-view.embedded-pulse-card .new-status-picker-color-option-viewing,
.status-picker-wrapper .status-picker-colors-editing.embedded-pulse-card .new-status-picker-color-option-viewing {
  flex: 0 0 112px;
}
.status-picker-wrapper .status-picker-colors-view {
  padding-left: 16px;
  padding-right: 16px;
  align-content: space-between;
}
.status-picker-wrapper .status-picker-colors-editing {
  align-content: flex-start;
}
.status-picker-wrapper .status-picker-colors-editing.embedded-pulse-card {
  padding-bottom: 100px;
}
.status-picker-wrapper .status-picker-footer-wrapper {
  flex: 0 0 auto;
}
.status-picker-wrapper .status-picker-footer-wrapper:not(.editing) {
  margin-top: 10px;
}
.status-picker-wrapper .status-picker-footer-wrapper .status-picker-footer {
  line-height: 40px;
  color: #0085ff;
  color: var(--primary-color);
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.1s;
  padding: 0 4px;
}
.status-picker-wrapper .status-picker-footer-wrapper .status-picker-footer:hover:not(.disabled) {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.status-picker-wrapper .status-picker-footer-wrapper .status-picker-footer .icon-dapulse-edit {
  margin-right: 5px;
}
.status-picker-wrapper .status-picker-footer-wrapper .status-picker-footer.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: auto;
}

.ds-dialog-content-wrapper.reposition-right .status-picker-wrapper:before, .ds-dialog-content-wrapper.reposition-right .status-picker-wrapper:after {
  right: 73px;
}

.ds-dialog-content-wrapper.reposition-bottom .status-picker-wrapper:before, .ds-dialog-content-wrapper.reposition-bottom .status-picker-wrapper:after {
  top: 100%;
  transform: translateX(50%) rotate(180deg);
}
.new-status-picker-color-option-viewing {
  flex: 0 0 32px;
  width: 112px;
  height: 32px;
  align-self: auto;
  line-height: 32px;
  text-align: center;
  margin-bottom: 8px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: 400;
  cursor: pointer;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  position: relative;
}
.new-status-picker-color-option-viewing.switched .status-color-background {
  -webkit-animation-name: statusLabelGrow;
          animation-name: statusLabelGrow;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.new-status-picker-color-option-viewing .status-color-background {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.new-status-picker-color-option-viewing:after {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  top: 0;
}
.new-status-picker-color-option-viewing.selected:after {
  outline: 2px solid #009AFF;
  background-color: rgba(255, 255, 255, 0.25);
}
.new-status-picker-color-option-viewing:hover {
  opacity: 0.85;
}
.new-status-picker-color-option-viewing:active {
  transform: scale(0.95);
}

@-webkit-keyframes statusLabelGrow {
  0% {
    width: 16px;
  }
  55% {
    width: 112px;
  }
}

@keyframes statusLabelGrow {
  0% {
    width: 16px;
  }
  55% {
    width: 112px;
  }
}
.status-picker-color-option-editing {
  align-self: auto;
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  font-weight: 400;
  position: relative;
  display: flex;
  flex: 0 0 40px;
  width: 128px;
  height: 40px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.status-picker-color-option-editing.in-color-editing-mode {
  transition: margin-bottom 0.15s ease;
}
.status-picker-color-option-editing:hover {
  opacity: 1;
  transform: none;
}
.status-picker-color-option-editing:hover .status-picker-drag-handle .drag-box {
  visibility: visible;
}
.status-picker-color-option-editing:hover .color-option-box .icon-v2-drop-icon {
  visibility: visible;
}
.status-picker-color-option-editing:hover .delete-status-icon-wrapper {
  visibility: visible;
}
.status-picker-color-option-editing .delete-status-icon-wrapper {
  visibility: hidden;
}
.status-picker-color-option-editing.gu-mirror {
  transform: rotate(5deg) !important;
  opacity: 1;
}
.status-picker-color-option-editing.gu-mirror .color-option-box,
.status-picker-color-option-editing.gu-mirror .color-option-input {
  -webkit-animation: none !important;
          animation: none !important;
}
.status-picker-color-option-editing:active {
  transform: none;
}
.status-picker-color-option-editing.switched .color-option-box {
  -webkit-animation-name: statusLabelShrinkNew;
          animation-name: statusLabelShrinkNew;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.status-picker-color-option-editing.switched .color-option-input {
  -webkit-animation-name: inputGrowNew;
          animation-name: inputGrowNew;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.status-picker-color-option-editing .status-picker-drag-handle {
  cursor: move;
  flex: 0 0 12px;
  padding: 1px 2px 0 0;
  color: #676879;
  color: var(--icon-on-secondary-color);
}
.status-picker-color-option-editing .status-picker-drag-handle:hover {
  color: #0071d9;
  color: var(--primary-hover-on-secondary-color);
}
.status-picker-color-option-editing .status-picker-drag-handle .drag-box {
  visibility: hidden;
}
.status-picker-color-option-editing .color-option-box {
  flex: 0 0 16px;
  font-size: 16px;
}
.status-picker-color-option-editing .color-option-box .icon-v2-drop-icon {
  visibility: hidden;
}
.status-picker-color-option-editing .color-option-box:not(.is-disabled) {
  cursor: pointer;
}
.status-picker-color-option-editing .color-delete-button {
  color: #676879;
  color: var(--icon-color);
  padding-left: 2px;
  font-size: 10px;
  flex: 0 0 16px;
  cursor: not-allowed;
}
.status-picker-color-option-editing .color-delete-button.is-enabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: pointer;
}
.status-picker-color-option-editing .color-delete-button.is-enabled:hover {
  color: #0071d9;
  color: var(--primary-hover-on-secondary-color);
}
.status-picker-color-option-editing .color-delete-button.is-hidden {
  visibility: hidden;
}
.status-picker-color-option-editing .status-picker-color-input-wrapper {
  display: flex;
  border-radius: 2px;
  height: 32px;
  width: 104px;
  flex: 0 0 104px;
}
.status-picker-color-option-editing .status-picker-color-input-wrapper:focus-within .color-option-box,
.status-picker-color-option-editing .status-picker-color-input-wrapper:focus-within .color-option-input, .status-picker-color-option-editing .status-picker-color-input-wrapper.editing-color .color-option-box,
.status-picker-color-option-editing .status-picker-color-input-wrapper.editing-color .color-option-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.status-picker-color-option-editing .status-picker-color-input-wrapper.editing-color .color-option-box .icon-v2-drop-icon {
  visibility: visible;
}
.status-picker-color-option-editing .status-picker-color-input-wrapper .color-option-box {
  flex: 0 0 16px;
  height: 100%;
  width: 16px;
  border-radius: 2px 0 0 2px;
  border-width: 1px 0 1px 1px;
  padding-right: 1px;
  border-style: solid;
  border-color: transparent;
}
.status-picker-color-option-editing .status-picker-color-input-wrapper .color-option-input {
  flex: 0 0 88px px;
  width: 88px;
  height: 100%;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  outline: none;
  padding-left: 8px;
  padding-right: 4px;
  border: none;
  border-radius: 0 2px 2px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: transparent;
  min-width: 0;
}
.status-picker-color-option-editing .status-picker-color-input-wrapper .color-option-input::-webkit-input-placeholder {
  color: #676879;
  color: var(--placeholder-on-secondary-color);
}
.status-picker-color-option-editing .status-picker-color-input-wrapper .color-option-input.color-in-hover::-webkit-input-placeholder {
  color: #676879;
  color: var(--placeholder-on-secondary-color);
}

@-webkit-keyframes statusLabelShrinkNew {
  0% {
    flex: 0 0 128px;
    width: 128px;
  }
  55% {
    flex: 0 0 12.8px;
    width: 12.8px;
  }
  100% {
    flex: 0 0 16px;
    width: 16px;
  }
}

@keyframes statusLabelShrinkNew {
  0% {
    flex: 0 0 128px;
    width: 128px;
  }
  55% {
    flex: 0 0 12.8px;
    width: 12.8px;
  }
  100% {
    flex: 0 0 16px;
    width: 16px;
  }
}
@-webkit-keyframes inputGrowNew {
  0% {
    flex: 0 0 0;
    width: 0;
    opacity: 0;
  }
  55% {
    flex: 0 0 107.2px;
    width: 107.2px;
  }
  100% {
    flex: 0 0 88px;
    width: 88px;
    opacity: 1;
  }
}
@keyframes inputGrowNew {
  0% {
    flex: 0 0 0;
    width: 0;
    opacity: 0;
  }
  55% {
    flex: 0 0 107.2px;
    width: 107.2px;
  }
  100% {
    flex: 0 0 88px;
    width: 88px;
    opacity: 1;
  }
}
.status-change-color-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid;
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
  margin: 4px;
  cursor: pointer;
  transform: scale(0);
  transition: transform 0.15s ease;
  position: relative;
}
.status-change-color-icon:before {
  content: "";
  position: absolute;
  right: -4px;
  top: -4px;
  bottom: -4px;
  left: -4px;
}
.status-change-color-icon.open {
  transform: scale(1);
}
.status-change-color-icon.open:hover {
  transform: scale(1.2);
  box-shadow: 0px 1px 8px -2px #000000;
}
/* mixin for multiline */
.status-change-color-wrapper .status-change-color {
  overflow: auto;
  overflow: overlay;
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 4px;
  transform: scaleY(0);
  transition: transform 0.15s ease;
  z-index: 1;
}
.status-change-color-wrapper .status-change-color::-webkit-scrollbar {
  width: 4px;
}
.status-change-color-wrapper .status-change-color::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.status-change-color-wrapper .status-change-color.open {
  transform: scaleY(1);
}
.status-change-color-wrapper .status-change-color .status-change-color-background {
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  transition: transform 0.15s ease;
  transform: scaleY(0);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 2px solid;
  border-top-color: #f5f6f8;
  border-top-color: var(--dark-background-on-secondary-color);
  border-bottom: 2px solid;
  border-bottom-color: #f5f6f8;
  border-bottom-color: var(--dark-background-on-secondary-color);
}
.status-change-color-wrapper .status-change-color .status-change-color-background.open {
  transform: scaleY(1);
}
.status-change-color-wrapper .status-change-color .status-change-color-background-arrow {
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  transform: translateX(50%);
  border-width: 8px;
  border-bottom-color: #f5f6f8;
  border-bottom-color: var(--dark-background-on-secondary-color);
}
.status-change-color-wrapper .status-change-color .status-change-color-background-arrow:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  transform: translate(-50%, -5px);
  border-bottom-color: #f5f6f8;
  border-bottom-color: var(--dark-background-on-secondary-color);
  border-width: 8px;
}
.status-placeholder {
  cursor: pointer;
}
.status-placeholder .status-placeholder-background {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 2px;
  width: 104px;
  height: 32px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease-in;
  color: #c4c4c4;
  border: dashed 1px #c4c4c4;
  margin: 0 12px;
}
.new-status-picker-content-with-keyboard-navigation-component:focus {
  outline: 0;
}
.new-post-menu-component {
  display: inline-block;
  margin-left: -8px;
}
.new-post-menu-component .menu-item-is-open {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.automations-one-off-snoozer-menu-component {
  cursor: pointer;
}
.automations-one-off-snoozer-menu-component .icon.icon-v2-surfce-notifications {
  font-size: 14px;
}
.automations-one-off-snoozer-menu-component .icon:hover {
  border-radius: 100%;
}

.snooze-menu-title {
  margin: 8px 8px 4px 16px;
  color: #9699a6;
  font-size: 14px;
}

.snooze-dialog-menu {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.snooze-menu-button {
  margin-right: 8px;
}

.snooze-menu-button-open {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.mention-suggestions-component {
  display: flex;
  align-items: center;
  border-top: 1px solid #f5f6f8;
  padding: 6px 0;
}
.mention-suggestions-component .suggestions-description {
  color: #9699a6;
  margin-right: 8px;
  flex-shrink: 0;
}
.mention-suggestions-component .suggestions-wrapper {
  display: flex;
  max-width: 328px;
}
.mention-suggestions-component .single-suggestion {
  margin-right: 6px;
  padding: 4px 8px;
  border-radius: 16px;
  background: #e5f4ff;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  text-decoration: none;
  max-width: 154px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mention-suggestions-wrapper {
  position: absolute;
  bottom: 35px;
  width: 100%;
  padding: 0 8px;
}

.pulse_post_editor.with_mention_suggestions .redactor-box {
  padding-bottom: 48px;
  border: 1px solid #0085ff;
  border-radius: 8px;
}
.pulse_post_editor.with_mention_suggestions .redactor-box .draft-save {
  bottom: 40px;
}
.post-read-only-message {
  font-size: 16px;
  color: #808080;
}
.post-read-only-message .icon-v2-duplicate-board {
  padding-right: 8px;
}
.like-button-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.like-button-component.disabled {
  cursor: default;
}
.like-button-component.disabled :not(.liked) {
  color: #676879;
  color: var(--secondary-text-color);
}
.like-button-component.disabled :not(.liked):hover {
  background-color: transparent;
}
.like-button-component .like-button-component-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
.like-button-component .like-button-component-inner:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.like-button-component .like-button-component-inner .like-button-content.unthumb {
  color: #0085ff;
  color: var(--primary-color);
}
.like-button-component .like-button-component-inner .post-like-button {
  padding-right: 4px;
}
.like-button-component .like-button-component-inner.has_likes .user_like,
.like-button-component .like-button-component-inner.has_likes .user_like_more {
  margin-top: -2px;
  display: flex;
}
.like-button-component .like-button-component-inner.has_likes .like_btn_left_arrow {
  color: #333;
  font-size: 11px;
  font-weight: bold;
  margin: 0 8px 0 5px;
}
.reply-button-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  text-decoration: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.reply-button-component.disabled {
  cursor: default;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.reply-button-component.disabled:hover {
  background-color: transparent;
}
.reply-button-component .reply-button-component-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
.reply-button-component .reply-button-component-inner:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.reply-button-component .reply-button-component-inner .icon-v2-reply {
  padding-right: 6px;
}
.watched-posts-component {
  cursor: default;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 400;
}
.watched-posts-component .who_watched_icon {
  padding-right: 3px;
}
.like-bar-component {
  display: flex;
  color: #323338;
  color: var(--primary-text-color);
  align-items: center;
  font-size: 14px;
}
.like-bar-component .user_like_more {
  position: relative;
  background: #333;
  color: #fff;
  font-size: 10px;
  border-radius: 50px;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: top;
  line-height: 24px;
  cursor: default;
  border: 1px solid #fff;
}
.like-bar-component .user_like {
  position: relative;
  margin-right: -6px;
  display: flex;
  align-items: center;
}
.like-bar-component .user_like .img-circle {
  border-radius: 50%;
  border: 1px solid #fff;
}
.like-bar-component .user_like .view-only {
  position: absolute;
  bottom: 3px;
  left: 18px;
  width: 14px;
}
.like-bar-component .user_like:last-child {
  margin-right: 0;
}
.like-bar-component .liked-by-text {
  padding-left: 10px;
  padding-top: 2px;
  cursor: default;
}
.like-bar-component .liked-by-text.with-plus-bubble {
  padding-left: 4px;
}
.share-update-indication-component {
  cursor: default;
  color: #333333;
  font-size: 14px;
}
.share-update-indication-component .share-update-indication-count {
  padding-right: 4px;
}
.share-update-indication-component .share-indication-icon {
  padding-right: 12px;
}
.post-editor-indication-component {
  display: flex;
  justify-content: flex-end;
  padding: 0px 10px;
  cursor: default;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}

.reply-editor-indication-component {
  display: inline-block;
  color: #676879;
  color: var(--secondary-text-color);
  margin-left: 10px;
  vertical-align: top;
  padding-left: 10px;
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  height: 13px;
  line-height: 13px;
}
.post-context-component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.post-context-component .preview-text {
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.post-context-component .preview-thumbnail {
  width: 124px;
  cursor: pointer;
  align-self: flex-end;
}
.post-actions-component .post-context {
  display: flex;
  justify-content: flex-end;
  margin-right: 16px;
}
.post-actions-component .upper-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 16px;
  height: 24px;
}
.post-actions-component .upper-row .right-box-container {
  display: flex;
  justify-content: flex-end;
}
.post-actions-component .upper-row .right-box-container .watched-bookmark-container {
  display: flex;
  justify-content: flex-end;
}
.post-actions-component .post-actions-like-reply {
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  height: 42px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.post-actions-component .post-actions-like-reply.pre-made {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.post-actions-component .post-actions-like-reply .like-reply-separator {
  height: 100%;
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
}
.post-actions-component .activity-log-pre-made-replies {
  display: flex;
  padding: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.post-actions-component .activity-log-pre-made-replies .activity-log-pre-made-reply {
  padding: 8px 16px;
  font-size: 14px;
  margin-top: 8px;
  margin-right: 8px;
  text-align: center;
  height: 32px;
}
.post-actions-component .post_retry {
  position: absolute;
  left: 15px;
  right: 15px;
}
.new-reply-component {
  margin-top: 8px;
  position: relative;
}
.new-reply-component .post-reply-person-bullet {
  position: absolute;
  height: 36px;
  width: 36px;
}
.new-reply-component .new-reply-component-not-opened {
  padding: 15px;
  margin: 0px;
}
.new-reply-component .new-reply-component-not-opened .reply_btn {
  margin: 0px;
  margin-left: 50px;
}
.new-reply-component .new-reply-component-not-opened .reply_btn .write_a_reply {
  border-radius: 57px;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  height: 36px;
  padding-left: 10px;
  cursor: text;
  transition: all 0.15s ease;
}
.new-reply-component .new-reply-component-not-opened .reply_btn .write_a_reply.editable_preview {
  padding-top: 8px;
  padding-left: 16px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.new-reply-component .new-reply-component-not-opened .reply_btn_user_photo {
  left: 6px;
  top: 10px;
}
.new-reply-component .new-reply-component-opened {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 16px;
  margin: 0;
  position: relative;
}
.new-reply-component .new-reply-component-opened .body_wrapper .redactor-box {
  border-radius: 16px;
  border: 1px solid;
  font-size: 14px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.new-reply-component .new-reply-component-opened .action_wrapper {
  margin-top: 6px;
  align-items: center;
}
.new-reply-component .new-reply-component-opened .action_wrapper .mention_button {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 400;
  margin-left: 16px;
  white-space: nowrap;
}

.square-button-cancel {
  margin-right: 4px;
}
.reply-like-button-component {
  text-decoration: none;
  border-right: none;
  margin-right: 0;
  padding-right: 0;
  display: inline-block;
  color: #676879;
  color: var(--secondary-text-color);
  vertical-align: top;
  height: 13px;
  line-height: 13px;
}
.reply-like-button-component .unthumb {
  color: #0085ff;
  color: var(--primary-color);
}
.reply-like-button-component:hover, .reply-like-button-component:active, .reply-like-button-component:focus {
  text-decoration: none;
  color: #676879;
  color: var(--secondary-text-color);
}
.reply-like-button-component:hover .icon, .reply-like-button-component:active .icon, .reply-like-button-component:focus .icon {
  color: #0085ff;
  color: var(--primary-color);
}
.reply-like-button-component .likes_count {
  padding-right: 5px;
  text-decoration: none;
}
.reply-watched-posts-component {
  display: inline-block;
  color: #676879;
  color: var(--secondary-text-color);
  margin-right: 10px;
  vertical-align: top;
  padding-right: 10px;
  border-right: 1px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  height: 13px;
  line-height: 13px;
}
.reply-body-component {
  position: relative;
  width: 100%;
  padding: 14px 15px 7px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--primary-background-color);
}
.reply-body-component:hover .reply_body .reply_tools_wrapper .delete_reply_link {
  display: block;
}
.reply-body-component:hover .reply_body .reply_tools_wrapper .edit_reply {
  display: block;
}
.reply-body-component .post-reply-person-bullet {
  position: absolute;
  height: 36px;
  width: 36px;
}
.reply-body-component .reply_body {
  margin-left: 50px;
  min-height: 35px;
  font-size: 14px;
}
.reply-body-component .reply_body .reply-body-wrapper {
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 16px;
  padding: 10px 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: relative;
}
.reply-body-component .reply_body .reply-body-wrapper .user_name {
  font-weight: 400;
  vertical-align: top;
  margin-right: 3px;
  color: #0085ff;
  color: var(--primary-color);
  white-space: nowrap;
}
.reply-body-component .reply_body .reply-body-wrapper .reply-body-inner {
  display: inline;
}
.reply-body-component .reply_body .reply-body-wrapper .reply-body-inner .body_text {
  word-break: break-word;
  display: inline;
  padding: 0;
}
.reply-body-component .reply_body .reply-body-wrapper .reply-body-inner p {
  display: block;
  text-align: left;
}
.reply-body-component .reply_body .reply-body-wrapper .reply-body-inner p:first-child {
  display: inline;
}
.reply-body-component .reply_body .reply_tools_wrapper {
  position: absolute;
  font-size: 13px;
  top: -24px;
  right: -5px;
  display: block;
  width: 70px;
  height: 2px;
}
.reply-body-component .reply_body .reply_tools_wrapper a {
  color: #676879;
  color: var(--secondary-text-color);
  cursor: pointer;
}
.reply-body-component .reply_body .reply_tools_wrapper .delete_reply_link,
.reply-body-component .reply_body .reply_tools_wrapper .edit_reply {
  position: absolute;
  top: 0;
  display: none;
  vertical-align: top;
  border-radius: 10px;
  background: #fff;
  color: #000000;
  height: 20px;
  padding: 0px 8px;
  margin: 8px 5px 0 0;
  box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.3);
  -webkit-animation: button_animation 0.2s;
          animation: button_animation 0.2s;
}
@-webkit-keyframes button_animation {
  0% {
    top: 2px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@keyframes button_animation {
  0% {
    top: 2px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.reply-body-component .reply_body .reply_tools_wrapper .delete_reply_link:hover,
.reply-body-component .reply_body .reply_tools_wrapper .edit_reply:hover {
  color: #fff;
  background-color: #0085ff;
  background-color: var(--primary-color);
  text-decoration: none;
}
.reply-body-component .reply_body .reply_tools_wrapper .delete_reply_link {
  font-size: 9px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  line-height: 20px;
  margin-left: 0;
  right: 0;
}
.reply-body-component .reply_body .reply_tools_wrapper .edit_reply {
  right: 26px;
}
.reply-body-component .reply_body .details {
  font-size: 13px;
  color: #676879;
  color: var(--secondary-text-color);
  display: block;
  position: relative;
  min-height: 20px;
  margin-top: 5px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.reply-body-component .reply_body .details .reply_download_all_wrapper {
  margin-left: 8px;
  line-height: 24px;
}
.reply-body-component .reply_body .details .reply_download_all_wrapper .fa-paperclip,
.reply-body-component .reply_body .details .reply_download_all_wrapper .reply_download_all {
  color: #009aff;
}
.reply-body-component .reply_body .details .detail_tools {
  float: left;
  margin-top: 5px;
}
.reply-body-component .reply_body .details .detail_tools .humanize {
  display: inline-block;
  color: #676879;
  color: var(--secondary-text-color);
  margin-right: 10px;
  vertical-align: top;
  padding-right: 10px;
  border-right: 1px solid;
  border-right-color: #e6e9ef;
  border-right-color: var(--layout-border-color);
  height: 13px;
  line-height: 13px;
}
.reply-component .reply-component-editing {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 15px;
  margin: 0px;
  position: relative;
}
.reply-component .reply-component-editing .body_wrapper {
  font-size: 14px;
}
.reply-component .reply-component-editing .body_wrapper .redactor-box {
  border-radius: 16px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.reply-component .reply-component-editing .action_wrapper {
  margin-top: 6px;
}
.reply-component .reply-component-editing .action_wrapper .mention_button {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 400;
  margin-left: 16px;
  white-space: nowrap;
}

.post-wrapper-title {
  display: flex;
  justify-content: center;
}
.post-wrapper-title .post-wrapper-title-inner {
  position: absolute;
  top: -10px;
  padding: 0px 16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
}
.post-wrapper-title .post-wrapper-title-inner .post-wrapper-title-text {
  padding-left: 6px;
  color: #676879;
  color: var(--secondary-text-color);
}
.lottie-card-users-avatar-component {
  align-self: center;
  align-items: center;
  width: 87%;
  height: 25%;
  position: absolute;
  top: 28%;
  left: 13%;
  display: flex;
  align-self: center;
  justify-content: center;
  flex-wrap: wrap;
}
.lottie-card-users-avatar-component .avatar {
  margin: 0 -1.3%;
  border-radius: 50%;
  border: 4px solid white;
}
.lottie-card-users-avatar-component .avatar.one-card-user {
  width: 31%;
  height: 100%;
  margin: 0;
}
.lottie-card-users-avatar-component .avatar.two-card-users {
  width: 27%;
  height: 87%;
}
.lottie-card-users-avatar-component .avatar.four-card-users {
  width: 25.25%;
  height: 81.45%;
}
.lottie-card-users-avatar-component .avatar.five-or-more-card-users {
  width: 13.5%;
  height: 43.54%;
  border: 3px solid white;
}
.lottie-card-users-avatar-component .avatar.more-card-users {
  background: #333333;
  vertical-align: middle;
  align-items: center;
  align-content: center;
  text-align: center;
  padding: 8px;
}
.lottie-card-users-avatar-component .avatar.more-card-users .more-card-users-text {
  color: white;
  font-size: 18px;
  font-weight: 400;
}
.closed-card-component .closed_card_post_body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
}
.closed-card-component .closed_card_post_body .closed-inbox-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 8px;
}
.closed-card-component .closed_card_post_body .closed-inbox-card .closed-inbox-card-title {
  font-size: 18px;
  font-weight: 500;
}
.closed-card-component .closed_card_post_body .closed-inbox-card .closed-inbox-card-sub-title {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.closed-card-component .closed_card_post_body .closed-inbox-card .closed-inbox-card-sub-title .heart-icon {
  font-size: 12px;
}
#inbox .posts_list .lottie-card-component .post {
  border: 0;
  margin-bottom: 0;
}
#inbox .posts_list .lottie-card-component .post .card_post_body .lottie-wrapper {
  position: relative;
  pointer-events: none;
  top: calc(-42.5% - 100px);
  left: -6.5%;
}
#inbox .posts_list .lottie-card-component .post .card_post_body .lottie-wrapper .lottie {
  position: relative;
  z-index: 1;
}
.single-log-values-component {
  flex: 2.2 0 0;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.single-log-values-component .separator {
  flex: 0 0 16px;
  height: 100%;
}
.single-log-values-component .separator.before-arrow {
  flex: 0 0 2px;
}
.single-log-values-component .separator.after-arrow {
  flex: 0 0 7px;
}
.single-log-values-component .board-view-change i {
  padding-right: 7px;
}
.single-log-values-component .board-view-change,
.single-log-values-component .tags-value,
.single-log-values-component .note-change,
.single-log-values-component .cross-activity-component {
  flex: 2.2 0 0;
  display: flex;
  height: 100%;
  align-items: center;
}
.single-log-values-component .board-view-change .tag-action,
.single-log-values-component .tags-value .tag-action,
.single-log-values-component .note-change .tag-action,
.single-log-values-component .cross-activity-component .tag-action {
  flex: 0 0 auto;
  color: #323338;
  color: var(--primary-text-color);
}
.single-log-values-component .board-view-change .tag-value,
.single-log-values-component .tags-value .tag-value,
.single-log-values-component .note-change .tag-value,
.single-log-values-component .cross-activity-component .tag-value {
  flex: 1 1 auto;
  position: relative;
  height: 100%;
}
.single-log-values-component .board-view-change .tag-value .ds-text-component,
.single-log-values-component .tags-value .tag-value .ds-text-component,
.single-log-values-component .note-change .tag-value .ds-text-component,
.single-log-values-component .cross-activity-component .tag-value .ds-text-component {
  cursor: default;
  border: none;
  position: absolute;
  width: 100%;
  line-height: 39px;
  font-size: 14px;
}
.single-log-values-component .old-new-values-container {
  display: flex;
  height: 100%;
  align-items: center;
  overflow: hidden;
  flex: 1 1 auto;
}
.single-log-values-component .old-new-values-container .old-value,
.single-log-values-component .old-new-values-container .new-value {
  cursor: default;
  flex: 1 0 0;
  height: 100%;
}
.single-log-values-component .old-new-values-container .old-value .single-log-value.color .ds-text-component, .single-log-values-component .old-new-values-container .old-value .single-log-value.timerange .ds-text-component,
.single-log-values-component .old-new-values-container .new-value .single-log-value.color .ds-text-component,
.single-log-values-component .old-new-values-container .new-value .single-log-value.timerange .ds-text-component {
  text-align: center;
}
.single-log-values-component .old-new-values-container .arrow-separator {
  flex: 0 0 8px;
  height: 8px;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  transform: rotate(-45deg);
}
.single-log-value {
  position: relative;
  height: 100%;
  text-align: center;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
  letter-spacing: -0.03em;
}
.single-log-value:not(.empty):first-child {
  line-height: 39px;
}
.single-log-value .ds-text-component {
  width: 100%;
  position: absolute;
  line-height: 39px;
  text-align: left;
  border: none;
  padding: 0 8px;
}
.single-log-value.person .profile_photo {
  margin-bottom: 0;
  margin-top: 2px;
}
.single-log-value.person .profile_photo.no-user img {
  background: none;
}
.single-log-value.color, .single-log-value.timerange {
  border-radius: 2px;
}
.single-log-value.color .empty, .single-log-value.timerange .empty {
  border-radius: 2px;
  background-color: #c4c4c4;
  height: 30px;
  margin-top: 2px;
  width: 100%;
}
.single-log-value.timerange {
  font-size: 12px;
  position: relative;
}
.single-log-value.timerange:not(.empty)::before {
  content: " ";
  position: absolute;
  height: 20px;
  width: 100%;
  border-radius: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e2445b;
}
.single-log-value.timerange:not(.empty).new::before {
  background-color: #0286c3;
}
.single-log-value.timerange .ds-text-component {
  color: white;
  padding: 0 8px;
}
.single-log-value.timerange .empty {
  border-radius: 10px;
  height: 20px;
  margin-top: 7px;
}
.single-log-value.timerange .empty::after {
  color: white;
  content: "-";
}
.single-log-value:not(.color):not(.timerange) .empty {
  height: 20px;
  margin-top: 7px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.single-log-value:not(.color):not(.timerange) .empty::after {
  content: "-";
}
.move-from-board-event-data-component {
  flex: 2.2 0 0;
}
.move-from-board-event-data-component .activity-log-undo {
  display: flex;
  justify-content: center;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 16px;
  font-size: 13px;
  cursor: pointer;
  width: 50px;
  color: #0085ff;
  color: var(--primary-color);
}
.move-from-board-event-data-component .activity-log-undo:hover {
  background-color: #e5f4ff;
  color: #0085ff;
  color: var(--primary-color);
}
.move-from-board-event-data-component .activity-log-undo.isUndoDisabled {
  background-color: #f5f6f8;
  color: #c5c7d0;
  border: none;
  cursor: default;
}
.move-from-board-event-data-component .move-from-board-name {
  color: #0085ff;
  color: var(--primary-color);
}
.move-from-board-event-data-component .move-from-board-name .link:hover {
  text-decoration: underline;
}
.move-from-group-event-data-component {
  flex: 2.2 0 0;
}
.move-to-group-event-data-component {
  flex: 2.2 0 0;
}
.update-group-color-event-data-component {
  text-align: center !important;
  padding: 0 !important;
  display: block !important;
}
.column-name-container {
  display: inline-flex;
  align-items: baseline;
}
.activity-log-card-component .ds-text-component {
  text-align: center;
}
.activity-log-card-component .single-log-values-component {
  margin-left: 4px;
  max-width: 250px;
  min-width: 200px;
  height: 33px;
}
.activity-log-card-component .single-log-values-component .ds-text-component {
  line-height: 33px;
}
.activity-log-card-component .arrow-separator {
  border-bottom: 1px solid #9699a6;
  border-right: 1px solid #9699a6;
}
.activity-log-card-component .activity-log-card-text-wrapper {
  display: flex;
  align-items: center;
  padding: 16px;
  height: 100%;
  flex-wrap: wrap;
  line-height: 33px;
  margin-top: -10px;
}
.activity-log-card-component .activity-log-card-text-wrapper .activity-log-card-pulse-name-link {
  color: #323338;
  color: var(--primary-text-color);
  text-decoration: none;
  font-weight: bold;
  max-width: 100%;
}
.activity-log-card-component .activity-log-card-text-wrapper .activity-log-card-pulse-name-link .ds-text-component {
  padding: 0px;
  border: none;
}
.activity-log-card-component .activity-log-card-text-wrapper .activity-log-card-pulse-name-link:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.activity-log-card-component .activity-log-card-text-wrapper .activity-log-card-column-title {
  text-align: center;
}
.posts_list_animated {
  -webkit-animation: SlideUpIn 100ms cubic-bezier(0, 0, 0.35, 1);
          animation: SlideUpIn 100ms cubic-bezier(0, 0, 0.35, 1);
}
@-webkit-keyframes SlideUpIn {
  0% {
    opacity: 0;
    transform: translateY(3%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes SlideUpIn {
  0% {
    opacity: 0;
    transform: translateY(3%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.post-preview-wrapper {
  width: 750px;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.reposition-left .post-preview-wrapper {
  justify-content: flex-start;
}
.reposition-left .post-preview-wrapper .post-preview::after, .reposition-left .post-preview-wrapper .post-preview::before {
  right: auto;
  left: 14px;
}
.reposition-left .post-preview-wrapper .post-preview::before {
  left: 13px;
}
.post-preview-wrapper .post-preview {
  pointer-events: all;
  position: relative;
  width: 500px;
  height: 300px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding: 10px 0 0 10px;
}
.post-preview-wrapper .post-preview::after, .post-preview-wrapper .post-preview::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.post-preview-wrapper .post-preview::after {
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 10px;
  top: -10px;
  right: 14px;
  margin-top: -10px;
}
.post-preview-wrapper .post-preview::before {
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
  border-width: 11px;
  top: -12px;
  right: 13px;
  margin-top: -11px;
}
.post-preview-wrapper .post-preview .nano-content {
  padding-right: 10px;
}
.post-preview-wrapper .post-preview .close-post-preview {
  position: absolute;
  top: -10px;
  right: -10px;
  line-height: 20px;
  font-size: 20px;
  z-index: 1;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.new-note-dialog-wrapper {
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.reposition-left .new-note-dialog-wrapper {
  justify-content: flex-start;
}
.reposition-left .new-note-dialog-wrapper .new-note-dialog::after, .reposition-left .new-note-dialog-wrapper .new-note-dialog::before {
  right: auto;
  left: 14px;
}
.reposition-left .new-note-dialog-wrapper .new-note-dialog::before {
  left: 13px;
}
.new-note-dialog-wrapper .new-note-dialog {
  pointer-events: all;
  position: relative;
  width: 508px;
  border: 1px solid #cacac9;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  padding: 10px;
}
.new-note-dialog-wrapper .new-note-dialog::after, .new-note-dialog-wrapper .new-note-dialog::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.new-note-dialog-wrapper .new-note-dialog::after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fdfdfd;
  border-width: 10px;
  top: -10px;
  right: 14px;
  margin-top: -10px;
}
.new-note-dialog-wrapper .new-note-dialog::before {
  border-color: rgba(169, 169, 169, 0);
  border-bottom-color: #cacac9;
  border-width: 11px;
  top: -12px;
  right: 13px;
  margin-top: -11px;
}
.new-note-dialog-wrapper .new-note-dialog .new-note-dialog-content {
  color: #323338;
  color: var(--primary-text-color);
}
.new-note-dialog-wrapper .new-note-dialog .new-note-dialog-content .new-note-dialog-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 14px;
  padding-top: 6px;
}
.new-note-dialog-wrapper .new-note-dialog .new-note-dialog-content .new-note-dialog-title.bold-title {
  font-weight: 500;
}
.new-note-dialog-wrapper .new-note-dialog .new-note-dialog-content .new-note-dialog-title-label {
  color: #ffffff;
  color: var(--text-color-on-primary);
  display: inline-block;
  padding: 0 5px;
  min-width: 45px;
  min-height: 15px;
  text-align: center;
  border-radius: 4px;
}
.new-note-dialog-wrapper .new-note-dialog .close-new-note-dialog-button {
  position: absolute;
  top: -10px;
  right: -10px;
  line-height: 20px;
  font-size: 20px;
  z-index: 1;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.files-view-list-mode-actions-component {
  display: flex;
  justify-content: center;
  align-items: center;
}
.files-view-list-mode-actions-component .action-icon {
  padding: 0 10px;
  font-size: 16px;
  cursor: pointer;
}
.files-view-list-mode-actions-component .action-icon.light-theme, .light-theme .files-view-list-mode-actions-component .action-icon {
  color: #1c1f3b;
}
.files-view-list-mode-actions-component .action-icon.dark-theme, .dark-theme .files-view-list-mode-actions-component .action-icon {
  color: #ffffff;
}
.files-view-list-mode-actions-component .action-icon.dark_overview-theme, .dark_overview-theme .files-view-list-mode-actions-component .action-icon {
  color: #ffffff;
}
.files-view-list-mode-actions-component .action-icon:hover {
  text-decoration: underline;
  color: #61caf7;
}
.status-note-wrapper {
  position: absolute;
  right: -1px;
  top: 0;
  width: 12px;
  z-index: 1;
}
.status-note-wrapper .menu-dog-ear-color.disabled {
  color: #c4c4c4;
}
.status-note-wrapper .status-note {
  transition: border-width 0.3s 0.2s ease;
  position: absolute;
  top: 0;
  right: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2) #ffffff;
  border-color: rgba(0, 0, 0, 0.2) var(--primary-background-color);
  border-width: 0 12px 12px 0;
}
.status-note-wrapper .status-note.open {
  border-width: 0 18px 18px 0;
}
.status-note-wrapper .add-status-note {
  transition: border-width 0.3s 0.2s ease;
  position: absolute;
  top: 0;
  right: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2) #ffffff;
  border-color: rgba(0, 0, 0, 0.2) var(--primary-background-color);
  border-width: 0;
}
.status-note-wrapper .fa-plus {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 8px;
}
.status-note-wrapper:hover .status-note,
.status-note-wrapper:hover .add-status-note, .status-note-wrapper.add-status-note-open .status-note,
.status-note-wrapper.add-status-note-open .add-status-note {
  transition: border-width 0.3s ease;
  border-width: 0 18px 18px 0;
}
.status-note-wrapper:hover .fa-plus, .status-note-wrapper.add-status-note-open .fa-plus {
  display: block;
}

.status-cell-component:hover .status-note-wrapper:not(:hover) .status-note,
.status-cell-light-optimized-component:hover .status-note-wrapper:not(:hover) .status-note {
  border-width: 0 12px 12px 0;
}
.status-cell-component:hover .status-note-wrapper:not(:hover) .add-status-note,
.status-cell-light-optimized-component:hover .status-note-wrapper:not(:hover) .add-status-note {
  border-width: 0 10px 10px 0;
}
.file-view-list-item-thumbnail-component {
  height: 25px;
  width: 25px;
  margin-right: 16px;
}
.file-view-list-item-thumbnail-component .file-preview {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}
.file-view-list-item-thumbnail-component .file-preview .file-type-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.file-view-list-item-thumbnail-component .file-preview .file-type-icon.light-theme, .light-theme .file-view-list-item-thumbnail-component .file-preview .file-type-icon {
  color: #1c1f3b;
}
.file-view-list-item-thumbnail-component .file-preview .file-type-icon.dark-theme, .dark-theme .file-view-list-item-thumbnail-component .file-preview .file-type-icon {
  color: #ffffff;
}
.file-view-list-item-thumbnail-component .file-preview .file-type-icon.dark_overview-theme, .dark_overview-theme .file-view-list-item-thumbnail-component .file-preview .file-type-icon {
  color: #ffffff;
}
.file-view-list-item-thumbnail-component .file-preview .file-type-icon.icon-without-background {
  font-size: 20px;
}
/* mixin for multiline */
.status-print-color {
  -webkit-print-color-adjust: exact !important;
}

.cell-component.color-cell.navigation-focus:after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
}

@-webkit-keyframes deer-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/deer_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/deer_done_animation.png");
    background-position: calc(100% * -75);
  }
}
@keyframes deer-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/deer_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/deer_done_animation.png");
    background-position: calc(100% * -75);
  }
}
.status-cell-component .animated-status.done-deer-status-animation {
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: 0;
  bottom: 0;
  background-position: left center;
  background-size: calc(139px * 75);
  -webkit-animation: "deer-status-animation-keyframe" calc(75s / 25) steps(75);
          animation: "deer-status-animation-keyframe" calc(75s / 25) steps(75);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes snow-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/snow_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/snow_done_animation.png");
    background-position: calc(100% * -75);
  }
}
@keyframes snow-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/snow_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/snow_done_animation.png");
    background-position: calc(100% * -75);
  }
}
.status-cell-component .animated-status.done-snow-status-animation {
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: 0;
  bottom: 0;
  background-position: left center;
  background-size: calc(139px * 75);
  -webkit-animation: "snow-status-animation-keyframe" calc(75s / 25) steps(75);
          animation: "snow-status-animation-keyframe" calc(75s / 25) steps(75);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes snowman-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/snowman_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/snowman_done_animation.png");
    background-position: calc(100% * -75);
  }
}
@keyframes snowman-status-animation-keyframe {
  0% {
    background-image: url("/images/done_christmas/snowman_done_animation.png");
  }
  99.9% {
    background-image: url("/images/done_christmas/snowman_done_animation.png");
    background-position: calc(100% * -75);
  }
}
.status-cell-component .animated-status.done-snowman-status-animation {
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: 0;
  bottom: 0;
  background-position: left center;
  background-size: calc(139px * 75);
  -webkit-animation: "snowman-status-animation-keyframe" calc(75s / 25) steps(75);
          animation: "snowman-status-animation-keyframe" calc(75s / 25) steps(75);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes party-status-animation-keyframe {
  0% {
    background-image: url("/images/done_explosion.png");
  }
  99.9% {
    background-image: url("/images/done_explosion.png");
    background-position: calc(100% * -28);
  }
}
@keyframes party-status-animation-keyframe {
  0% {
    background-image: url("/images/done_explosion.png");
  }
  99.9% {
    background-image: url("/images/done_explosion.png");
    background-position: calc(100% * -28);
  }
}
.status-cell-component .animated-status.done-party-status-animation {
  position: absolute;
  left: calc((100% - 139px) / 2);
  right: calc((100% - 139px) / 2);
  top: 0;
  bottom: 0;
  background-position: left center;
  background-size: calc(139px * 28);
  -webkit-animation: "party-status-animation-keyframe" calc(28s / 25) steps(28);
          animation: "party-status-animation-keyframe" calc(28s / 25) steps(28);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.status-cell-component {
  position: relative;
  height: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0 8px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-cell-component:hover {
  opacity: 0.7;
}
.status-cell-component.deadline-indicator-left {
  border-left: 10px solid rgba(255, 255, 255, 0.3);
}
.status-cell-component.deadline-indicator-right {
  border-right: 10px solid rgba(255, 255, 255, 0.3);
}
.status-cell-component.with-warning {
  border-left: 12px solid transparent;
  background-image: url("/icons/v2-extra-color-exclamation-mark.svg");
  background-position: -8px 9px;
  background-repeat: no-repeat;
  background-size: 4px;
}
.status-cell-component.with-warning:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 12px;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 9px, rgba(255, 255, 255, 0.2) 9px, rgba(255, 255, 255, 0.2) 25px);
}
.status-cell-component.change-type-new-cell {
  box-shadow: inset 0 0 0 20px rgba(204, 233, 255, 0.5);
  border-bottom: none;
}
.status-cell-component.change-type-original-cell {
  box-shadow: inset 0 0 0 20px rgba(245, 246, 248, 0.5);
  border-bottom: none;
}
.status-cell-component .ds-text-component {
  border: 0;
  padding: 0;
}
.files-view-list-item-component {
  display: flex;
  align-items: center;
  font-weight: 400;
  height: 100%;
  width: 100%;
  padding: 0 8px;
  cursor: pointer;
}
.files-view-list-item-component .file-preview-wrapper {
  height: 25px;
  width: 25px;
  margin-right: 8px;
}
.files-view-list-item-component .file-preview-wrapper .file-preview {
  position: relative;
  height: 100%;
  width: 100%;
}
.files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon.light-theme, .light-theme .files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon {
  color: #1c1f3b;
}
.files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon.dark-theme, .dark-theme .files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon {
  color: #ffffff;
}
.files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon.dark_overview-theme, .dark_overview-theme .files-view-list-item-component .file-preview-wrapper .file-preview .file-type-icon {
  color: #ffffff;
}
.files-view-list-item-component .file-name-wrapper {
  flex: 1 1 160px;
  margin-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.files-view-list-item-component .upload-person-wrapper {
  width: 40px;
  display: flex;
  justify-content: center;
}
.files-view-list-item-component .upload-person-wrapper .user-avatar {
  display: flex;
  align-items: center;
}
.files-view-list-item-component .upload-person-wrapper .user-avatar .user-avatar-image {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.files-view-list-item-component .file-size-wrapper {
  width: 120px;
  display: flex;
  justify-content: center;
}
.files-view-list-item-component .file-upload-date-wrapper {
  width: 180px;
  display: flex;
  justify-content: center;
}
.files-view-list-item-component .file-actions-wrapper {
  width: 200px;
  display: flex;
  justify-content: center;
}
.files-view-list-item-component:hover.light-theme, .light-theme .files-view-list-item-component:hover, .files-view-list-item-component.selected.light-theme, .light-theme .files-view-list-item-component.selected {
  background: #f1f1f1;
}
.files-view-list-item-component:hover.dark-theme, .dark-theme .files-view-list-item-component:hover, .files-view-list-item-component.selected.dark-theme, .dark-theme .files-view-list-item-component.selected {
  background: #363a52;
}
.files-view-list-item-component:hover.dark_overview-theme, .dark_overview-theme .files-view-list-item-component:hover, .files-view-list-item-component.selected.dark_overview-theme, .dark_overview-theme .files-view-list-item-component.selected {
  background: #363a52;
}
.color-button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.color-button.selected {
  border: 1px solid white;
}
.color-button.selected:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  border: 1px solid #61caf7;
}
.color-button:not(:last-child) {
  margin-right: 5px;
}
.color-button:hover {
  opacity: 0.8;
}
.files-view-list-header-component {
  width: 100%;
  display: flex;
  font-weight: 400;
  padding: 0 8px;
}
.files-view-list-header-component .header-file-preview-wrapper {
  width: 25px;
}
.files-view-list-header-component .header-file-name-wrapper {
  flex: 1 1 160px;
}
.files-view-list-header-component .header-upload-person-wrapper {
  width: 40px;
  display: flex;
  justify-content: center;
}
.files-view-list-header-component .header-file-size-wrapper {
  width: 120px;
  display: flex;
  justify-content: center;
}
.files-view-list-header-component .header-file-upload-date-wrapper {
  width: 180px;
  display: flex;
  justify-content: center;
}
.files-view-list-header-component .header-file-actions-wrapper {
  width: 200px;
}
.multiple-color-select-component .available-colors {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  margin-bottom: 8px;
}
.multiple-color-select-component .available-colors .colors-list {
  padding-bottom: 8px;
}
.multiple-color-select-component .chosen-colors .title-chosen {
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: 300;
}
.multiple-color-select-component .chosen-colors .colors-list {
  margin-top: 8px;
}
.files-view-list-mode-component {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 24px 48px 0 48px;
}
.files-view-list-mode-component.light-theme, .light-theme .files-view-list-mode-component {
  color: #1c1f3b;
}
.files-view-list-mode-component.dark-theme, .dark-theme .files-view-list-mode-component {
  color: #ffffff;
}
.files-view-list-mode-component.dark_overview-theme, .dark_overview-theme .files-view-list-mode-component {
  color: #ffffff;
}
.files-view-list-mode-component .list-header-wrapper {
  margin-bottom: 8px;
}
.files-view-list-mode-component .files-view-list-mode-inner {
  flex: 1;
  min-height: 0;
  min-width: 800px;
}
.files-view-list-mode-component .ReactVirtualized__List,
.files-view-list-mode-component .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
  min-width: 100%;
  outline: none;
}
.status-column-footer-dialog-wrapper {
  pointer-events: none;
}
.status-column-footer-dialog-wrapper .status-footer-configuration-content-wrapper {
  display: flex;
  justify-content: flex-end;
}
.status-column-footer-dialog-wrapper.reposition-left .status-footer-configuration-content-wrapper {
  justify-content: flex-start;
}

.status-column-footer-component {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
  cursor: pointer;
}
.status-column-footer-component .battery-container {
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  border: 2px solid;
  border-color: #00ca72;
  border-color: var(--positive-color);
  overflow: hidden;
  flex: 1 1 auto;
  margin-left: 8px;
  margin-right: 8px;
}
.status-column-footer-component .column-battery {
  float: left;
  height: 100%;
  background-color: #00ca72;
  background-color: var(--positive-color);
}
.status-column-footer-component .column-battery-anim {
  transition: all 0.2s ease-in-out;
}
.status-column-footer-component .done-percentage {
  width: 40px;
  color: #666666;
  color: var(--pulse-text-color);
  flex: 0 0 30px;
  margin-right: 8px;
  text-align: right;
}
.status-column-footer-component .status-footer-progress-bar-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.status-column-footer-component .status-footer-progress-bar-component .battery-container {
  border: 0;
  height: 30px;
  margin: 0 8px 0 8px;
  line-height: 100%;
  border-radius: 2px;
  position: relative;
  display: flex;
  align-items: center;
}
.status-column-footer-component .status-footer-progress-bar-component .battery-container .battery-background {
  height: 24px;
  width: 100%;
  z-index: 0;
  position: absolute;
  background-color: #c4c4c4;
}
.status-column-footer-component .status-footer-progress-bar-component .battery-container .colors-wrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
}
.status-column-footer-component .status-footer-progress-bar-component .battery-container .colors-wrapper .column-battery {
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.status-column-footer-component .status-footer-progress-bar-component .battery-container .colors-wrapper .column-battery:hover {
  border-radius: 2px;
  height: 30px;
  transition: all 0s ease-in-out;
}
.status-column-footer-component .colors-wrapper {
  height: 100%;
}
.files-view-thumbnails-mode-component {
  width: 100%;
  height: 100%;
  display: flex;
}
.files-view-thumbnails-mode-component .files-view-thumbnails-wrapper {
  width: 100%;
  height: 100%;
  padding: 16px;
}
.files-view-thumbnails-mode-component .files-view-thumbnails-wrapper .files-view-thumbnails-inner {
  width: 100%;
  height: 100%;
}
.files-view-thumbnails-mode-component .ReactVirtualized__List,
.files-view-thumbnails-mode-component .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
  min-width: 100%;
  outline: none;
}
/* mixin for multiline */
.group-footer-component.with-columns-footer .add-pulse-component:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  background: white;
  height: 76px;
  z-index: 1;
}

.status-configuration-content-component {
  width: 238px;
  position: relative;
  padding: 10px;
  pointer-events: all;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.status-configuration-content-component .radio-row-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}
.status-configuration-content-component .radio-row-container:last-child {
  margin-bottom: 0;
}
.status-configuration-content-component .radio-row-container .radio-button-component.size-sm .radio-button-label {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}

.status-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before, .status-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  left: auto !important;
  right: 100%;
}
.status-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before {
  border-left-color: transparent;
  border-right-color: #e1e1e1;
}
.status-column-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  border-right-color: #ffffff;
  border-left-color: transparent;
}
.files-view-thumbnails-row-component {
  display: flex;
  height: 100%;
}
.numeric-cell-component {
  height: 100%;
  padding: 5px;
  display: flex;
  align-items: center;
  line-height: 24px;
}
.numeric-cell-component .ds-editable-component .ds-editable-input {
  text-align: center;
  border: 1px dashed;
  border-color: #0085ff;
  border-color: var(--primary-color);
  line-height: 25px;
}
.numeric-cell-component.numeric-cell-light-component {
  justify-content: center;
}
.numeric-cell-component.numeric-cell-light-component span.formatted-value {
  display: inline-block;
  padding: 1px 2px 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.files-view-thumbnails-card-component {
  height: 100%;
  flex: 1 1;
  padding: 8px;
  min-width: 0px;
  cursor: pointer;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner {
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner.light-theme, .light-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner {
  color: #1c1f3b;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner.dark-theme, .dark-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner {
  color: #ffffff;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner.dark_overview-theme, .dark_overview-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner {
  color: #ffffff;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row {
  position: relative;
  overflow: hidden;
  flex: 1;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail {
  width: 100%;
  height: 100%;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  transition: border-radius 0.1s ease;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image {
  background-size: cover;
  background-position: center;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image.light-theme, .light-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image {
  background-color: #f1f1f1;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image.dark-theme, .dark-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image {
  background-color: #363a52;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image.dark_overview-theme, .dark_overview-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-image {
  background-color: #363a52;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: #333333;
  text-align: center;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-icon .icon {
  font-size: 50px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-thubmnail .file-preview.file-preview-icon .file-type {
  font-size: 15px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
  transform: translate3d(0, 100%, 0);
  border-radius: 0px 0px 6px 6px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions.light-theme, .light-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions {
  background: rgba(255, 255, 255, 0.9);
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions.dark-theme, .dark-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions {
  background: rgba(69, 70, 98, 0.9);
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions.dark_overview-theme, .dark_overview-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions {
  background: rgba(69, 70, 98, 0.9);
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon {
  font-size: 18px;
  cursor: pointer;
  flex: 0 0 30px;
  text-align: center;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon.light-theme, .light-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon {
  color: #1c1f3b;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon.dark-theme, .dark-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon {
  color: #ffffff;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon.dark_overview-theme, .dark_overview-theme .files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon {
  color: #ffffff;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon:not(:last-child) {
  margin-right: 16px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row .preview-actions .action-icon:hover {
  color: #61caf7;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .preview-row:hover .preview-actions {
  transform: translate3d(0, 0, 0);
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .title-row {
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .title-row .user-photo {
  margin-right: 8px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .title-row .user-photo .user-avatar-image {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.files-view-thumbnails-card-component .files-view-thumbnails-card-inner .title-row .file-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner.light-theme, .light-theme .files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner {
  background-color: #f1f1f1;
}
.files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner.dark-theme, .dark-theme .files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner {
  background-color: #363a52;
}
.files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner.dark_overview-theme, .dark_overview-theme .files-view-thumbnails-card-component.selected .files-view-thumbnails-card-inner {
  background-color: #363a52;
}
.cell-component.color-picker-cell .clear-btn:after {
  display: none;
}

.color-picker-cell-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.color-picker-cell-component .color-indication-component {
  margin: -1px 8px 0 10px;
}
.files-view-file-details-component {
  position: relative;
  height: 100%;
}
.files-view-file-details-component .file-details-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  font-size: 12px;
}
.files-view-file-details-component .file-details-close-button:hover {
  color: #61caf7;
}
.files-view-file-details-component .file-details-inner {
  height: 100%;
  display: flex;
  padding-top: 32px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper {
  min-width: 100%;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section {
  margin: 0px 32px;
  padding: 28px 0px;
  font-size: 14px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section:not(:last-child) {
  border-bottom: 1px solid #c4c4c4;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .file-name {
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 4px;
  margin-left: -4px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .pulse-name {
  margin-bottom: 4px;
  text-decoration: underline;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .pulse-name .pulse-link {
  color: black;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .user-details {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .user-details .user-image {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 8px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .user-details .user-name {
  padding-bottom: 8px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .file-field {
  display: flex;
  margin-bottom: 4px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .file-field .field-label {
  flex: 0 0 90px;
  font-weight: 400;
  margin-right: 8px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section .file-field .field-value {
  flex: 0;
  white-space: nowrap;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section.actions-section {
  display: flex;
  justify-content: center;
  margin: 0 16px;
  flex-wrap: wrap;
  flex-direction: column;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section.actions-section .file-action-button {
  color: #333333;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  padding: 0 8px;
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section.actions-section .file-action-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section.actions-section .file-action-button .icon {
  margin-right: 8px;
  font-size: 18px;
  color: #0085ff;
  color: var(--primary-color);
}
.files-view-file-details-component .file-details-inner .file-details-sections-wrapper .file-details-section.actions-section .file-action-button .action-text {
  white-space: nowrap;
}
.reposition-right .color-picker-editior-component:before {
  left: 80% !important;
}

.color-picker-editior-component {
  padding: 16px;
  border: 1px solid #c4c4c4;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  position: relative;
}
.color-picker-editior-component:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border-left: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: -7px;
}
.color-picker-editior-component .chrome-picker {
  box-shadow: none !important;
}
.files-view-empty-state {
  display: flex;
  width: 550px;
  align-items: center;
}
.files-view-empty-state.light-theme, .light-theme .files-view-empty-state {
  color: #1c1f3b;
}
.files-view-empty-state.dark-theme, .dark-theme .files-view-empty-state {
  color: #ffffff;
}
.files-view-empty-state.dark_overview-theme, .dark_overview-theme .files-view-empty-state {
  color: #ffffff;
}
.files-view-empty-state .files-view-empty-state-image-wrapper {
  flex: 0 0 150px;
  height: 150px;
  margin-right: 32px;
  position: relative;
}
.files-view-empty-state .files-view-empty-state-image-wrapper .files-view-empty-state-image {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.files-view-empty-state .files-view-empty-state-image-wrapper:before {
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  left: 20px;
  top: 20px;
}
.files-view-empty-state .files-view-empty-state-image-wrapper.light-theme:before, .light-theme .files-view-empty-state .files-view-empty-state-image-wrapper:before {
  background: #c5c7d0;
}
.files-view-empty-state .files-view-empty-state-image-wrapper.dark-theme:before, .dark-theme .files-view-empty-state .files-view-empty-state-image-wrapper:before {
  background: #6e6f8f;
}
.files-view-empty-state .files-view-empty-state-image-wrapper.dark_overview-theme:before, .dark_overview-theme .files-view-empty-state .files-view-empty-state-image-wrapper:before {
  background: #21263f;
}
.files-view-empty-state .files-view-empty-state-content {
  flex: 1;
}
.files-view-empty-state .files-view-empty-state-content .files-view-empty-state-title {
  font-size: 32px;
  font-weight: 500;
}
.files-view-empty-state .files-view-empty-state-content .files-view-empty-state-subtitle {
  font-size: 16px;
}
.color-picker-editor-with-keyboard-navigation-component {
  outline: 0;
}
.files-view-loading-state {
  font-size: 30px;
  color: white;
}
.color-indication-component {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0px 8px;
}
.color-indication-component .shine {
  display: none;
}
.color-indication-component.square {
  border-radius: 0;
  height: 32px;
  width: 32px;
  border: 1px solid #f5f6f8;
  border-radius: 4px;
  position: relative;
}
.color-indication-component.square .shine {
  display: block;
  position: absolute;
  padding-bottom: 15%;
  border-radius: 10px;
  overflow: hidden;
  transform-origin: 100% 0;
  transform: rotate(180deg) scale(0.15);
  right: 10px;
  bottom: -47px;
  width: 50px;
  height: 50px;
}
.color-indication-component.square .shine:after {
  content: "";
  position: absolute;
  top: 0;
  right: 8px;
  width: 100%;
  height: 141%;
  transform-origin: inherit;
  transform: rotate(45deg);
  background: white;
}
.files-view-content-component {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.files-view-content-component.light-theme, .light-theme .files-view-content-component {
  background-color: #ffffff;
}
.files-view-content-component.dark-theme, .dark-theme .files-view-content-component {
  background-color: #1c1f3b;
}
.files-view-content-component.dark_overview-theme, .dark_overview-theme .files-view-content-component {
  background-color: rgba(49, 56, 91, 0.85);
}
.files-view-content-component .file-details-wrapper {
  flex: 0 0 0px;
  transition: flex-basis 0.1s ease-in-out;
  min-width: 0px;
  overflow: auto;
  background-color: #45465e;
  color: white;
  height: 100%;
}
.files-view-content-component .file-details-wrapper.open {
  transition-delay: 0.2s;
  flex: 0 0 250px;
}
.files-view-content-component .file-list-wrapper {
  flex: 1;
  overflow: auto;
  height: 100%;
}
.color-code-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  text-align: left;
  line-height: 34px;
}
.map-marker-tooltip-component {
  min-width: 100px;
  font-size: 14px;
  display: flex;
}
.map-marker-tooltip-component .map-marker-tooltip-image-wrapper {
  margin-right: 16px;
  width: 100px;
}
.map-marker-tooltip-component .map-marker-tooltip-image-wrapper .map-marker-tooltip-image {
  border-radius: 8px;
}
.map-marker-tooltip-component .map-marker-tooltip-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.map-marker-tooltip-component .map-marker-tooltip-content-wrapper .group-name {
  display: inline-flex;
  align-items: baseline;
  font-weight: 500;
  margin-bottom: 8px;
}
.map-marker-tooltip-component .map-marker-tooltip-content-wrapper .pulse-name {
  font-weight: 500;
  margin-bottom: 8px;
}
.map-marker-tooltip-component .map-marker-tooltip-content-wrapper .column-name {
  font-weight: 400;
  margin-bottom: 8px;
}
.map-marker-tooltip-component .map-marker-tooltip-content-wrapper .address {
  font-weight: 400;
  margin-bottom: 24px;
}
.color-picker-filter-option-component {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.color-picker-filter-option-component .color-indication {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
}
.color-picker-filter-option-component .color-code {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.color-picker-single-activity-log-component {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  justify-content: center;
}
.color-picker-single-activity-log-component .color-indication {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding-right: 8px;
}
.color-picker-single-activity-log-component .color-picker-empty-value {
  height: 1px;
  width: 5px;
  background: #333333;
}
.color-picker-single-activity-log-component .ds-text-component {
  position: relative !important;
  width: auto !important;
}
.map-content-component {
  width: 100%;
  height: 100%;
}
.timeline-bar-component {
  flex: 1;
  position: relative;
  background: #c4c4c4;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  margin: 8px 16px;
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.timeline-bar-component .timeline-bar-hover-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0);
}
.timeline-bar-component .timeline-value {
  position: relative;
  font-size: 13px;
  font-weight: 400;
}
.timeline-bar-component .timeline-value:after {
  content: attr(contents);
}
.timeline-bar-component:hover:not(.is-editing) .timeline-value:after {
  content: attr(hovercontents);
}
.timeline-bar-component:hover .timeline-bar-hover-bg {
  transform: scale(1);
}
.timeline-export-excel {
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-left: 8px;
}
.timeline-export-excel:not(.square) {
  border-radius: 20px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.timeline-export-excel.light-theme, .light-theme .timeline-export-excel {
  color: #1c1f3b;
}
.timeline-export-excel.light-theme:hover, .light-theme .timeline-export-excel:hover {
  background-color: #edeef0;
}
.timeline-export-excel.light-theme.disabled, .light-theme .timeline-export-excel.disabled {
  color: #c4c4c4;
  cursor: default;
}
.timeline-export-excel.dark-theme, .dark-theme .timeline-export-excel {
  color: #ffffff;
}
.timeline-export-excel.dark-theme:hover, .dark-theme .timeline-export-excel:hover {
  background-color: #363a52;
}
.timeline-export-excel.dark-theme.disabled, .dark-theme .timeline-export-excel.disabled {
  color: #555;
  cursor: default;
}
.timeline-export-excel.dark_overview-theme, .dark_overview-theme .timeline-export-excel {
  color: #ffffff;
}
.timeline-export-excel.dark_overview-theme:hover, .dark_overview-theme .timeline-export-excel:hover {
  background-color: #21263f;
}
.timeline-export-excel.dark_overview-theme.disabled, .dark_overview-theme .timeline-export-excel.disabled {
  color: #6b6d77;
  cursor: default;
}
.cell-component.timerange-cell .clear-btn {
  right: 0;
}
.cell-component.timerange-cell .clear-btn:after {
  display: none;
}

.timeline-cell-component {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.timeline-cell-component:hover .deadline-icon {
  display: none;
}
.timeline-cell-component .deadline-icon {
  position: absolute;
  vertical-align: middle;
}
.timeline-cell-component .deadline-icon.done {
  font-size: 24px;
  left: 6px;
}
.timeline-cell-component .deadline-icon.overdue {
  font-size: 13px;
  left: 10px;
  top: 1px;
}
.timeline-cell-component.overdue .timeline-bar-component {
  background: #e0394e;
}
.timeline-cell-component.done .timeline-bar-component {
  background: #00ca72;
}
.timeline-cell-component .milestone-indication-wrapper {
  position: absolute;
  left: 3px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.timeline-cell-component .milestone-indication-wrapper .milestone-indication {
  border-radius: 2px;
  transform: rotate(45deg);
  align-items: center;
  justify-content: center;
  display: flex;
  width: 9px;
  height: 9px;
}
.timeline-cell-component .milestone-indication-wrapper .milestone-indication.overdue {
  background: #e0394e;
}
.timeline-cell-component .milestone-indication-wrapper .milestone-indication.done {
  background: #00ca72;
}
.timeline-zoom-scale-component {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin-left: 16px;
  font-size: 14px;
}
.timeline-zoom-scale-component .subscales-buttons-wrapper {
  border: 1px solid;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  white-space: nowrap;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
}
.timeline-zoom-scale-component .subscales-buttons-wrapper .subscales-button {
  width: 32px;
}
.timeline-zoom-scale-component .settings-dropdown-component {
  width: 100px;
  margin-bottom: 0px;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 34px;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select.is-focused, .timeline-zoom-scale-component .settings-dropdown-component .Select:focus,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control.is-focused,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control:focus {
  outline: none;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select.is-focused .Select-control, .timeline-zoom-scale-component .settings-dropdown-component .Select:focus .Select-control,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control.is-focused .Select-control,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control:focus .Select-control {
  box-shadow: none;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-value,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-value {
  line-height: 32px !important;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-value .Select-value-label,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-value .Select-value-label {
  line-height: 32px;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-value-label,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-placeholder,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-input,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-input {
  height: 32px;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .Select-input:focus,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .Select-input:focus {
  background: transparent;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .select-option-wrapper,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .select-option-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .select-option-wrapper .select-option-text,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .select-option-wrapper .select-option-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select .select-option-wrapper .icon,
.timeline-zoom-scale-component .settings-dropdown-component .Select-control .select-option-wrapper .icon {
  font-size: 12px;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select.is-disabled {
  cursor: default;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select.is-disabled .Select-control {
  cursor: default;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select.is-open .Select-control {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer {
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer .Select-option {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  background: #ffffff;
  background: var(--primary-background-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer .Select-option.is-disabled {
  color: rgba(103, 104, 121, 0.75) !important;
  color: var(--disabled-text-color) !important;
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer .Select-option.is-selected {
  background: #e6e9ef;
  background: var(--pulse-selected-background-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer .Select-option.is-focused {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
}
.timeline-zoom-scale-component .settings-dropdown-component .Select-menu-outer {
  z-index: 2;
}
.milestone-checkbox-wrapper {
  display: flex;
  padding: 12px 7px;
  min-height: 40px;
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-on-secondary-color);
  margin: -16px 32px 0 32px;
}
.milestone-checkbox-wrapper .milestone-checkbox {
  width: 100%;
  display: flex;
  align-self: center;
  margin-right: 8px;
}
.milestone-checkbox-wrapper .milestone-checkbox .checkbox-component {
  width: 100%;
}
.milestone-checkbox-wrapper .milestone-checkbox .milestone-checkbox-label {
  margin-right: 8px;
}
.ds-dialog-content-wrapper.reposition-right .ds-date-picker-content:after, .ds-dialog-content-wrapper.reposition-right .ds-date-picker-content:before {
  left: calc(100% - 40px);
  transform: translateX(-50%);
}

.ds-dialog-content-wrapper.reposition-bottom .ds-date-picker-content:after, .ds-dialog-content-wrapper.reposition-bottom .ds-date-picker-content:before {
  top: 100%;
  transform: translateX(-50%) rotate(180deg);
}
.ds-date-picker-content {
  position: relative;
  height: auto;
  width: auto;
  border-radius: 4px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  outline: 1px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.ds-date-picker-content.embedded-pulse-card {
  max-width: 260px;
}
.ds-date-picker-content:before, .ds-date-picker-content:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.ds-date-picker-content:not(.no-arrow):before {
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  border-width: 10px;
}
.ds-date-picker-content:not(.no-arrow):after {
  left: calc(50%);
  transform: translateX(-50%);
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
}
.ds-date-picker-content .slide-down-appear {
  opacity: 0;
}
.ds-date-picker-content .slide-down-appear-active {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.ds-date-picker-content .date-picker-wrapper {
  position: relative;
  padding-top: 8px;
}
.move-timeline-dialog {
  display: flex;
  flex-direction: column;
  width: 325px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.move-timeline-dialog .move-time-line-header {
  display: flex;
  justify-content: flex-end;
}
.move-timeline-dialog .move-time-line-header .move-timeline-back-button {
  margin-top: 8px;
  margin-right: 16px;
}
.move-timeline-dialog .move-timeline-body {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  font-size: 22px;
}
.move-timeline-dialog .move-timeline-body .move-timeline-body-input-sentence {
  display: flex;
  align-items: center;
  padding-top: 4px;
}
.move-timeline-dialog .move-timeline-body .move-timeline-body-input-sentence .numeric-input-wrapper {
  margin: 0 8px;
}
.move-timeline-dialog .move-timeline-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 16px;
}
.date-picker-dialog-content-with-keyboard-navigation-component {
  outline: 0;
}
.date-picker-dialog-content-with-keyboard-navigation-component .ds-date-picker-content .CalendarDay button:focus {
  outline: 0;
}
.date-picker-dialog-content-with-keyboard-navigation-component .ds-date-picker-content .CalendarDay:not(.CalendarDay--selected):not(.CalendarDay--selected-end):not(.CalendarDay--selected-start) button:focus {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.timeline-date-picker-header-component {
  display: flex;
  align-items: center;
  height: 48px;
  width: 100%;
  padding: 0 16px;
  background-color: transparent;
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-on-secondary-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border-radius: 4px 4px 0 0;
}
.timeline-date-picker-header-component .picker-title {
  flex: 1;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
}
.timeline-date-picker-header-component .open-timeline {
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.timeline-view-header-today-button {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
}

.timeline-picker-button-component span.fa-angle-left,
.timeline-picker-button-component span.fa-angle-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.1s ease, color 0.1s ease;
  color: #333;
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 16px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 15px;
  text-align: center;
  cursor: pointer;
}
.timeline-picker-button-component span.fa-angle-left:hover, .timeline-picker-button-component span.fa-angle-left.is-editing,
.timeline-picker-button-component span.fa-angle-right:hover,
.timeline-picker-button-component span.fa-angle-right.is-editing {
  opacity: 1;
  color: white;
}
.timeline-picker-button-component span.fa-angle-left.fa-angle-left,
.timeline-picker-button-component span.fa-angle-right.fa-angle-left {
  left: 2px;
}
.timeline-picker-button-component span.fa-angle-left.fa-angle-right,
.timeline-picker-button-component span.fa-angle-right.fa-angle-right {
  right: 2px;
}

.timeline-cell-date-picker-container:before {
  border-bottom-color: #333333;
}
.timeline-cell-date-picker-container:after {
  border-bottom-color: #333333;
}

.timeline-calendar-board-view-date-picker-container:before {
  border-bottom-color: #e0e0e0;
}
.timeline-calendar-board-view-date-picker-container:after {
  border-bottom-color: #333333;
}

.ds-dialog-content-wrapper.reposition-right .timeline-cell-date-picker-container:after, .ds-dialog-content-wrapper.reposition-right .timeline-cell-date-picker-container:before,
.ds-dialog-content-wrapper.reposition-right .timeline-calendar-board-view-date-picker-container:after,
.ds-dialog-content-wrapper.reposition-right .timeline-calendar-board-view-date-picker-container:before {
  left: calc(100% - 14px);
  transform: translateX(-100%);
}
.timeline-view-header-today-button {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
}
.picker-footer-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  height: 48px;
  cursor: pointer;
}
.picker-footer-wrapper span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.picker-footer-wrapper span .picker-footer-icon {
  margin-right: 8px;
  font-size: 24px;
}
.picker-footer-wrapper:hover {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.timeline-view-header-scroll-controls {
  margin-left: 16px;
  display: inline-block;
  position: relative;
  border: 1px solid;
  border-radius: 4px;
  white-space: nowrap;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
}
.timeline-view-header-scroll-controls .timeline-view-header-scroll-controls-split {
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #e6e9ef !important;
  background: var(--layout-border-color) !important;
  position: absolute;
}
.manage-calendar-sync {
  position: relative;
  display: flex;
  flex-direction: column;
}
.manage-calendar-sync .sync-calendar-header {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.manage-calendar-sync .sync-calendar-header .sync-calendar-back-button {
  background: none;
  color: #0085ff;
  color: var(--primary-color);
  border: none;
  outline: none;
  cursor: pointer;
}
.manage-calendar-sync .sync-calendar-google,
.manage-calendar-sync .sync-other-calendar {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.manage-calendar-sync .sync-calendar-google .text-and-icon,
.manage-calendar-sync .sync-other-calendar .text-and-icon {
  display: flex;
  align-items: center;
}
.manage-calendar-sync .sync-calendar-google .text-and-icon .left-icon,
.manage-calendar-sync .sync-other-calendar .text-and-icon .left-icon {
  padding-right: 10px;
  font-size: 18px;
}
.manage-calendar-sync .sync-calendar-google {
  padding: 0 0 16px 0;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button .button-content-normal {
  display: inline;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button .button-content-normal.synced .icon-v2-v {
  padding-right: 4px;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button.synced {
  padding: 0px 8px;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button .button-content-hover {
  display: none;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button:hover .button-content-normal {
  display: none;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button:hover .button-content-hover {
  display: inline;
}
.manage-calendar-sync .sync-calendar-google .sync-calendar-google-button .loader {
  height: 12px;
  width: 12px;
  font-size: 12px;
  margin: auto;
}
.manage-calendar-sync .sync-calendar-google .left-icon {
  width: 32px;
  height: 32px;
}
.timeline-arrow-lines {
  position: absolute;
}
.timeline-arrow-lines .timeline-arrow-lines-svg {
  position: absolute;
}
/* mixin for multiline */
.group-footer-component.with-columns-footer .add-pulse-component:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  background: white;
  height: 76px;
  z-index: 1;
}

.dates-configuration-component {
  width: 176px;
  position: relative;
  padding: 10px;
  pointer-events: all;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.dates-configuration-component .radio-row-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}
.dates-configuration-component .radio-row-container:last-child {
  margin-bottom: 0;
}
.dates-configuration-component .radio-row-container .radio-button-component.size-sm .radio-button-label {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}

.dates-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before, .dates-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  left: auto !important;
  right: 100%;
}
.dates-footer-dialog-wrapper.reposition-left .status-configuration-content-component:before {
  border-left-color: transparent;
  border-right-color: #e1e1e1;
}
.dates-footer-dialog-wrapper.reposition-left .status-configuration-content-component:after {
  border-right-color: #ffffff;
  border-left-color: transparent;
}
/* mixin for multiline */
.timeline-arrow-component {
  position: absolute;
}
.timeline-arrow-component .timeline-arrow-lines {
  pointer-events: none;
  position: absolute;
  z-index: 199;
}
.timeline-arrow-component .timeline-arrow-lines path {
  fill: #676879;
  fill: var(--placeholder-color);
}
.timeline-arrow-component .timeline-arrow-lines polyline {
  stroke: #676879;
  stroke: var(--placeholder-color);
}
.timeline-arrow-component.timeline-arrow-component-hover .timeline-arrow-lines path {
  fill: #323338;
  fill: var(--primary-text-color);
}
.timeline-arrow-component.timeline-arrow-component-hover .timeline-arrow-lines polyline {
  stroke: #323338;
  stroke: var(--primary-text-color);
}
.columns-footer-column .dates-footer-component.can-edit:hover .dates-footer-function {
  color: #0085ff;
  color: var(--primary-color);
}
.columns-footer-column .dates-footer-component .dates-footer-value {
  font-weight: 400;
  font-size: 15px;
  padding: 3px;
  max-width: 140px;
  margin: 0px auto;
  color: #323338;
  color: var(--primary-text-color);
}
.columns-footer-column .dates-footer-component .dates-footer-function {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  color: #999;
  bottom: 0px;
  right: 0;
  left: 0;
}

.dates-footer-component {
  display: block;
  justify-content: center;
  text-align: center;
}
.dates-footer-component.can-edit {
  cursor: pointer;
}

.dates-footer-dialog-component .pulse-item-component .pulse-item .right-renderer-wrapper {
  width: 100px;
}
.timeline-side-panel-pulse {
  font-size: 14px;
  position: absolute;
}
.timeline-side-panel-pulse.light-theme, .light-theme .timeline-side-panel-pulse {
  color: #1c1f3b;
}
.timeline-side-panel-pulse.dark-theme, .dark-theme .timeline-side-panel-pulse {
  color: #ffffff;
}
.timeline-side-panel-pulse.dark_overview-theme, .dark_overview-theme .timeline-side-panel-pulse {
  color: #ffffff;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-icon {
  display: inline-block;
  margin-right: 8px;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-content {
  height: 100%;
  margin-left: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-content .timeline-side-panel-pulse-column-title {
  padding-left: 8px;
  overflow: hidden;
  width: 256px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-content .timeline-side-panel-column-indent {
  width: 16px;
  display: inline-block;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-content .timeline-side-panel-pulse-columns {
  display: flex;
}
.timeline-side-panel-pulse .timeline-side-panel-pulse-content .timeline-side-panel-pulse-columns .timeline-side-panel-pulse-column {
  margin-left: 8px;
}
.toggle-button-component .active-toggle-button {
  color: white;
  border-radius: 20px;
  position: relative;
  height: 22px;
  padding-left: 8px;
  transition: background 0.1s ease;
  cursor: pointer;
}
.toggle-button-component .active-toggle-button .circle {
  position: absolute;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  transition: right 0.1s ease;
}
.toggle-button-component .active-toggle-button.active .off-label {
  opacity: 0;
}
.toggle-button-component .active-toggle-button:not(.active) .on-label {
  opacity: 0;
}
.toggle-button-component .active-toggle-button .active-toggle-button-label {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 1px;
  transition: opacity 0.1s ease;
}
.toggle-button-component .active-toggle-button .active-toggle-button-label.on-label {
  left: 13px;
}
.toggle-button-component .active-toggle-button .active-toggle-button-label.off-label {
  right: 13px;
}
.toggle-button-component.view-only .active-toggle-button {
  cursor: not-allowed;
}
.toggle-button-component.view-only .active-toggle-button .circle {
  opacity: 0.5;
}
.timeline-group-row-hover {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-right: 0;
}
.timeline-group-row-hover.light-theme, .light-theme .timeline-group-row-hover {
  color: #1c1f3b;
}
.timeline-group-row-hover.dark-theme, .dark-theme .timeline-group-row-hover {
  color: #ffffff;
}
.timeline-group-row-hover.dark_overview-theme, .dark_overview-theme .timeline-group-row-hover {
  color: #ffffff;
}
.timeline-group-row-hover .timeline-group-hover-side-element {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.timeline-group-row-hover .timeline-group-hover-fill {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 100%;
  right: 0;
  position: absolute;
  left: 0;
  display: block;
}
.timeline-group-row-hover.timeline-group-row-hover-without-arrow .timeline-group-hover-fill {
  z-index: 197;
}
.timeline-group-row-hover.timeline-group-row-hover-with-arrow .timeline-group-hover-fill {
  left: 40px;
  z-index: -1;
}
.timeline-group-row-hover.timeline-group-row-show-hover .timeline-group-row-hover-arrow-path {
  fill: #e6e9ef;
  fill: var(--primary-background-hover-color);
  stroke: #c5c7d0;
  stroke: var(--ui-border-color);
}
.timeline-group-row-hover.timeline-group-row-show-hover .timeline-group-hover-fill {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.timeline-group-row-hover .timeline-group-row-hover-arrow-svg {
  position: absolute;
  left: 100%;
  margin-left: -1px;
  z-index: 100001;
}
.time-picker-wrapper {
  display: flex;
  padding: 8px 7px;
  min-height: 40px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  margin: -16px 32px 0 32px;
}
.time-picker-wrapper.on {
  justify-content: space-between;
}
.time-picker-wrapper .toggle-wrapper {
  display: flex;
  align-self: center;
  margin-right: 8px;
}
.time-picker-wrapper .toggle-wrapper .toggle-label {
  margin-right: 8px;
}
.time-picker-wrapper .time-input-wrapper {
  align-self: flex-end;
}
.timeline-row-more-options {
  position: relative;
}
.timeline-row-more-options .timeline-row-more-options-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}
.ds-date-picker-content.embedded-pulse-card .date-cell-picker-footer-component {
  max-width: 260px;
}

.date-cell-picker-footer-component {
  position: relative;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.date-cell-picker-footer-component .date-cell-clear-dates {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 1px 0 3px 31px;
  padding-left: 7px;
  height: 32px;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}
.date-cell-picker-footer-component .date-cell-clear-dates:hover {
  color: black;
}
.date-cell-picker-footer-component .date-cell-clear-dates i.fa-trash-o {
  margin-top: -1px;
  margin-right: 8px;
}
.date-cell-picker-footer-component .date-cell-picker-footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  height: 48px;
  cursor: pointer;
}
.date-cell-picker-footer-component .date-cell-picker-footer-content span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-cell-picker-footer-component .date-cell-picker-footer-content:hover {
  color: white;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.date-cell-picker-footer-component i.date-cell-picker-footer-icon {
  margin-right: 8px;
  font-size: 24px;
}
.date-cell-picker-footer-component i.date-cell-picker-footer-icon.icon-date-cell-sync-closed {
  font-size: 14px;
}
.timeline-pulse-subitem-dialog-component .pulse-name {
  font-size: 14px;
  margin-bottom: 8px;
}
.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon {
  margin-right: 8px;
}
.timeline-pulse-subitem-dialog-component .parent-name {
  font-size: 12px;
}

.ds-tooltip.ds-tooltip-dark.workload-subitems-dialog-wrapper {
  color: black;
  background-color: white;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.166242);
  background: #ffffff;
  border-radius: 4px;
  padding: 12px 16px;
}
.deadline-date-indication-icon-component {
  font-size: 16px;
}
.deadline-date-indication-icon-component .deadline-icon.overdue {
  color: #e0394e;
}
.deadline-date-indication-icon-component .deadline-icon.done {
  color: #00c875;
}
.deadline-date-indication-icon-component .deadline-icon.future-date-icon {
  margin-top: 45%;
}
.day-indication-container {
  position: absolute;
  top: -4px;
  width: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.day-indication-container .day-indication-line {
  position: absolute;
  width: 2px;
  height: 100%;
  background: #0085ff;
  background: var(--primary-color);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.day-indication-container .day-indication-circle {
  top: 0;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #0085ff;
  background: var(--primary-color);
  left: 50%;
  transform: translateX(-50%);
}
/* mixin for multiline */
.deadline-tooltip {
  font-size: 13px;
  text-align: left;
}
.deadline-tooltip .tooltip-title {
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 8px;
}

.date-cell-component {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  color: #666666;
  color: var(--pulse-text-color);
  line-height: 37px;
}
.date-cell-component .deadline-indication-wrapper {
  flex: 0 0 30px;
}
.date-cell-component .deadline-indication-wrapper .deadline-icon {
  font-size: 16px;
}
.date-cell-component .deadline-indication-wrapper .deadline-icon.irrelevant-date {
  color: #c4c4c4;
}
.date-cell-component.done {
  text-decoration: line-through;
}
.date-cell-component.done .deadline-icon {
  color: #00ca72;
  color: var(--positive-color);
}
.date-cell-component.overdue .deadline-icon {
  color: #e0394e;
}
.date-cell-component .date-cell-content {
  min-width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.date-cell-component .date-cell-content .ds-text-component span {
  height: 35px;
}
.date-cell-component .date-cell-content:hover {
  color: #1f76c2;
  color: var(--link-color);
}
.date-cell-component .light-date-cell-content {
  display: block;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 35px;
}
.date-cell-component .icon-wrapper {
  flex: 0 0 24px;
  transition: flex-basis 0.1s ease-in;
}
.date-cell-component .icon-wrapper .date-icons {
  width: 24px;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.date-cell-component .icon-wrapper .date-icons .date-cell-default-open-icon {
  display: none;
  width: 24px;
  height: 100%;
  border: 1px solid transparent;
  line-height: 24px;
}
.date-cell-component .icon-wrapper .date-icons .date-cell-default-open-icon i.fa-smile-o {
  display: block;
  line-height: 22px;
}

.date-cell-light-component > .date-cell-content {
  padding-top: 1px;
}
.date-cell-light-component .icon-picker-wrapper {
  flex: 0 0 24px;
}

.date-cell-component-simple {
  display: block;
  line-height: 35px;
  overflow: hidden;
  padding-left: 33px;
  padding-right: 27px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date-cell-component-simple .light-date-cell-content {
  max-width: 70px;
}

.ds-date-picker-content .date-icons-button {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  z-index: 1;
}
.ds-date-picker-content .date-icons-button .date-cell-default-open-icon {
  width: 24px;
  height: 100%;
  border: 1px solid transparent;
  line-height: 24px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.ds-date-picker-content .date-icons-button .date-cell-default-open-icon:hover {
  color: #0085ff;
  color: var(--primary-on-secondary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-on-secondary-color);
  border-radius: 50%;
}
.ds-date-picker-content .date-icons-button .date-cell-default-open-icon.open {
  display: inline-block;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-on-secondary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: 50% 50% 0 0;
  color: #0085ff;
  color: var(--primary-on-secondary-color);
}
.ds-date-picker-content .date-icons-button .date-cell-default-open-icon i.fa-smile-o {
  display: block;
  line-height: 22px;
}
.ds-date-picker-content .date-icons-button:hover {
  cursor: pointer;
}
.ds-date-picker-content .date-icons-button:hover .ds-text-glyph-component {
  opacity: 0.5;
}
/* mixin for multiline */
.timeline-resize-handle {
  height: 100%;
  box-sizing: border-box;
  background-color: #676879;
  background-color: var(--placeholder-color);
  position: relative;
}
.timeline-resize-handle.timeline-resize-handle-right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  cursor: e-resize;
}
.timeline-resize-handle.timeline-resize-handle-left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  cursor: w-resize;
}
.timeline-resize-handle .timeline-resize-handle-line {
  width: 2px;
  border-radius: 2px;
  height: calc(100% - 6px);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.timeline-resize-handle.timeline-resize-handle-active {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.pulse-log-cell-component {
  padding: 0px 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.pulse-log-cell-component .creator-image {
  position: relative;
  width: 25px;
  flex: 0 0 25px;
}
.pulse-log-cell-component .created-at-label {
  line-height: 34px;
  padding-left: 16px;
  text-align: left;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 300;
}
.pulse-log-cell-component.dateOnly .created-at-label {
  padding-left: 0;
  text-align: center;
}
.pulse-log-cell-component.personOnly {
  height: 34px;
}
/* mixin for multiline */
.timeline-item-duration-tooltip {
  height: 28px;
  background-color: #323338;
  background-color: var(--primary-text-color);
  color: #ffffff;
  color: var(--primary-background-color);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date {
  position: absolute;
  display: flex;
  height: 100%;
  font-size: 16px;
  justify-content: center;
  align-items: center;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-left-date {
  left: 6px;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-right-date {
  right: 6px;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-current-date {
  font-weight: bold;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-combined-date {
  width: 100%;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-duration {
  left: 100%;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
}
.timeline-item-duration-tooltip .timeline-item-duration-tooltip-in-date.timeline-item-duration-tooltip-duration.timeline-item-duration-tooltip-duration-left {
  left: initial;
  right: 100%;
}
.pulse-log-filter-option-component {
  display: flex;
}
.pulse-log-filter-option-component .creator-image {
  height: 25px;
  width: 25px;
  flex: 0 0 25px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
/* mixin for multiline */
.timeline-today-line-wrapper {
  z-index: 901;
}
.cell-component.timezone-cell .clear-btn {
  right: 4px;
  color: #f1f1f1;
}
.cell-component.timezone-cell .clear-btn:hover {
  color: #ffffff;
}
.cell-component.timezone-cell .clear-btn:after {
  display: none;
}

.timezone-cell-component {
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 24px;
  justify-content: center;
  position: relative;
  padding: 0 26px 0 28px;
  text-align: left;
}
.timezone-cell-component.timezone-cell-light-component {
  padding-top: 1px;
  justify-content: flex-start;
  padding-left: 31px;
  padding-right: 30px;
}
.timezone-cell-component.timezone-cell-light-component .light-render-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.timezone-cell-component.is-set {
  background-color: #504f6f;
  color: #ffffff;
}
.timezone-cell-component.is-set.working-hours {
  background-color: #47adff;
  color: #ffffff;
}
.timezone-cell-component.is-set.working-hours .working-hours-icon {
  color: #f5ff00;
}
.timezone-cell-component .working-hours-icon {
  position: absolute;
  top: 6px;
  left: 10px;
}
.timezone-cell-component.can-edit:hover .ds-text-component {
  border: 1px dashed #c5c7d0;
  cursor: text;
  line-height: 23px;
}
.monday-legend__wrapper {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 100%;
  display: flex;
  justify-content: center;
  box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.05);
}
.monday-legend__container {
  width: 90%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-margin-after: var(--spacing-medium);
          margin-block-end: var(--spacing-medium);
}
.monday-legend__circle {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  -webkit-margin-end: var(--spacing-xs);
          margin-inline-end: var(--spacing-xs);
}
.country-cell-component {
  height: 100%;
  padding: 0 5px;
  display: flex;
  align-items: center;
  line-height: 24px;
}
.country-cell-component.country-cell-light-component .value {
  padding-left: 41px;
  padding-right: 3px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.country-cell-component .ds-editable-component .ds-text-component {
  text-align: left;
  padding-left: 40px;
}
.country-cell-component .flag {
  height: 16px;
  position: absolute;
  left: 16px;
  min-width: 22px;
}
.monday-legend__field {
  -webkit-margin-before: var(--spacing-medium);
          margin-block-start: var(--spacing-medium);
  display: flex;
  align-items: center;
}
.monday-legend__field:not(:last-child) {
  -webkit-margin-end: var(--spacing-large);
          margin-inline-end: var(--spacing-large);
}
.monday-legend__field-name {
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.auto-fit-text-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.person-filter {
  margin-left: 5px;
  position: relative;
  transition: transform 0.2s ease-in-out;
}
.person-filter .person-filter-button-wrapper {
  position: relative;
}
.person-filter .person-filter-button-wrapper .clear-person {
  cursor: pointer;
  font-size: 12px;
  color: #c4c4c4;
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.person-filter .person-filter-button-wrapper .clear-person:hover {
  color: #808080;
}
.person-filter .person-filter-button-wrapper.light-theme .person-filter-button-component, .light-theme .person-filter .person-filter-button-wrapper .person-filter-button-component {
  color: #333333;
}
.person-filter .person-filter-button-wrapper.light-theme .person-filter-button-component.square, .light-theme .person-filter .person-filter-button-wrapper .person-filter-button-component.square {
  border-radius: 4px;
}
.person-filter .person-filter-button-wrapper.light-theme .person-filter-button-component.square:hover, .light-theme .person-filter .person-filter-button-wrapper .person-filter-button-component.square:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.person-filter .person-filter-button-wrapper.light-theme .person-filter-button-component:not(.square), .light-theme .person-filter .person-filter-button-wrapper .person-filter-button-component:not(.square) {
  background-color: #ffffff;
}
.person-filter .person-filter-button-wrapper.light-theme .person-filter-button-component:not(.square):hover, .light-theme .person-filter .person-filter-button-wrapper .person-filter-button-component:not(.square):hover {
  color: #0085FF;
}
.person-filter .person-filter-button-wrapper.dark_overview-theme .person-filter-button-component, .dark_overview-theme .person-filter .person-filter-button-wrapper .person-filter-button-component {
  color: #ffffff;
}
.person-filter .person-filter-button-wrapper.dark_overview-theme .person-filter-button-component.square, .dark_overview-theme .person-filter .person-filter-button-wrapper .person-filter-button-component.square {
  border-radius: 4px;
}
.person-filter .person-filter-button-wrapper.dark_overview-theme .person-filter-button-component.square:hover, .dark_overview-theme .person-filter .person-filter-button-wrapper .person-filter-button-component.square:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.person-filter .person-filter-button-wrapper.dark_overview-theme .person-filter-button-component:not(.square), .dark_overview-theme .person-filter .person-filter-button-wrapper .person-filter-button-component:not(.square) {
  background-color: #21263f;
}
.person-filter .person-filter-button-wrapper.dark_overview-theme .person-filter-button-component:not(.square):hover, .dark_overview-theme .person-filter .person-filter-button-wrapper .person-filter-button-component:not(.square):hover {
  color: #0085FF;
}
.person-filter.open {
  flex: 1;
}
.person-filter.with-value {
  transform: translate3d(-33px, 0, 0);
}
.person-filter.with-value_v2 {
  transform: translate3d(-40px, 0, 0);
}
.personal-assistant-filter-component .person-filter-button-component {
  display: inline-block;
  width: 42px;
  height: 42px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
  transition: border-radius 0.2s ease;
  position: relative;
  z-index: 1;
  background: transparent;
  outline: none;
  color: #333333;
  cursor: pointer;
}
.personal-assistant-filter-component .person-filter-button-component .person-select-button-image {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  top: 5px;
  left: 5px;
  position: relative;
  outline: none;
}
.personal-assistant-filter-component .person-filter-button-component .icon {
  font-size: 26px;
  position: relative;
  top: 2px;
  left: 7px;
  outline: none;
}

.overview-section-header-component .person-filter-button-component {
  display: flex;
  min-width: 32px;
  height: 32px;
  font-size: 18px;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 50%;
  vertical-align: middle;
  transition: border-radius 0.2s ease;
  position: relative;
  z-index: 1;
  background: transparent;
  outline: none;
  color: #333333;
  align-items: center;
  cursor: pointer;
}
.overview-section-header-component .person-filter-button-component:hover .clear-person {
  display: block;
}
.overview-section-header-component .person-filter-button-component:hover .icon-dapulse-user-round-stroke {
  color: #0085ff;
  color: var(--primary-color);
}
.overview-section-header-component .person-filter-button-component .icon {
  font-size: 22px;
  outline: none;
}
.overview-section-header-component .person-filter-button-component .person-filter-image-wrapper {
  display: flex;
}
.overview-section-header-component .person-filter-button-component .person-select-button-image {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: relative;
  outline: none;
}
.person-filter-dialog-component {
  position: absolute;
  background: #ffffff;
  background: var(--dialog-background-color);
  border: 1px solid #c4c4c4;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
  border-radius: 4px;
  top: 0px;
  left: 47px;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}
.person-filter-dialog-component .empty-message {
  padding: 9px 20px;
}
.person-filter-dialog-component:before, .person-filter-dialog-component:after {
  z-index: 1000;
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  transition: left 0.1s ease;
}
.person-filter-dialog-component:before {
  left: -16px;
  top: 13px;
  border-right-color: #c4c4c4;
  border-width: 8px;
}
.person-filter-dialog-component:after {
  left: -12px;
  top: 15px;
  border-right-color: white;
  border-width: 6px;
}
.overview-section-filter-wrapper {
  color: black;
  display: flex;
  align-items: center;
}
.overview-section-filter-wrapper .person-filter {
  margin-right: 10px;
}
.overview-section-filter-wrapper .person-filter-dialog-component {
  background: #ffffff;
  background: var(--dialog-background-color);
  min-width: 220px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  left: 50%;
  transform: translateX(-50%);
  border: none;
  top: 36px;
  padding: 1px;
  pointer-events: all;
}
.overview-section-filter-wrapper .person-filter-dialog-component:before, .overview-section-filter-wrapper .person-filter-dialog-component:after {
  border-right-color: transparent;
}
.overview-section-filter-wrapper .person-filter-dialog-component:after {
  border-color: none;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 6px;
}
.overview-section-filter-wrapper .overview-section-input-wrapper {
  margin-right: 12px;
  flex-grow: 1;
  position: relative;
}
.overview-section-filter-wrapper .overview-section-input-wrapper .save-term {
  font-weight: 14px;
}
.overview-section-filter-wrapper .overview-section-save-filter {
  margin-right: 8px;
}
.overview-section-filter-wrapper .overview-section-save-filter .save-button-wrapper {
  transition: color 0.1s linear, background-color 0.1s linear;
}
.overview-section-filter-wrapper .overview-section-save-filter .save-button-wrapper {
  color: black;
  background-color: white;
}
.overview-section-filter-wrapper .overview-section-save-filter .save-button-wrapper:not(.disabled):not(.is-active):hover {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #f1f1f1;
}
.overview-section-filter-wrapper .overview-section-save-filter .icon-v2-save_parent {
  font-size: 14px;
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter {
  width: 252px;
  transform: translateX(115px);
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter .icon-dapulse-close {
  font-size: 10px;
  left: 99px;
  pointer-events: all;
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter .person-filter-button-wrapper .person-filter-button-component {
  width: auto;
  height: auto;
  margin: 1px;
  transform: translateX(115px);
  pointer-events: all;
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter .person-filter-button-wrapper .person-filter-button-component .icon-dapulse-person-column {
  top: 0;
  left: -2px;
  font-size: 20px;
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter .person-filter-button-wrapper .person-filter-button-component .icon-dapulse-person-column:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.overview-section-filter-wrapper .overview-section-save-filter .person-filter .person-filter-button-wrapper .person-filter-button-component .person-select-button-image {
  top: 3px;
  left: -2px;
  width: 22px;
  height: 22px;
}
.overview-section-filter-wrapper .overview-section-save-filter.person-filter-open .icon-dapulse-person-column {
  color: #0085ff;
  color: var(--primary-color);
}
.overview-section-filter-wrapper .overview-section-filter-empty-message {
  padding: 11px 15px;
}


.overview-section-grid-wrapper.ListViewOverviewSection-overview-section {
  height: calc(100vh - 180px) !important;
}
.overview-section-grid-wrapper.ListViewOverviewSection-overview-section .overview-section-content-component {
  padding: 0px 80px;
  background-color: #ffffff !important;
  background-color: var(--application-background-color) !important;
}
.text-editor-wrapper {
  height: 100%;
}
.text-editor-wrapper .text-editor .DraftEditor-root {
  height: auto;
}
.text-editor-wrapper .text-editor .public-DraftStyleDefault-block {
  margin: 5px 0;
}
.text-editor-wrapper .text-editor a {
  color: #1f76c2;
}
.text-editor-wrapper .text-editor .rdw-link-decorator-icon {
  left: auto;
  right: -20px;
}
.text-editor-wrapper .text-toolbar {
  color: #333333;
  position: fixed;
  bottom: 10px;
  z-index: 2;
  margin-bottom: 0;
  width: calc(100% - 20px);
}
.text-editor-wrapper .text-toolbar a:hover {
  text-decoration: none;
  color: inherit;
}
.text-editor-wrapper .text-toolbar img {
  height: 16px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-carettoopen,
.text-editor-wrapper .text-toolbar .rdw-dropdown-carettoclose {
  border-left-width: 4px;
  border-right-width: 4px;
  right: 18%;
  border-radius: 4px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-carettoopen {
  border-top-width: 5px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-carettoclose {
  border-bottom-width: 5px;
}
.text-editor-wrapper .text-toolbar .rdw-option-wrapper {
  padding: none;
  border: none;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  color: #323338;
}
.text-editor-wrapper .text-toolbar .rdw-option-wrapper:hover, .text-editor-wrapper .text-toolbar .rdw-option-wrapper.rdw-option-active {
  box-shadow: none;
}
.text-editor-wrapper .text-toolbar .rdw-option-wrapper:hover {
  background: #f5f6f8;
}
.text-editor-wrapper .text-toolbar .rdw-option-wrapper.rdw-option-active {
  color: #0085ff;
  color: var(--primary-color);
  background: #e5f4ff;
}
.text-editor-wrapper .text-toolbar .rdw-option-wrapper.rdw-option-active img {
  filter: invert(45%) sepia(68%) saturate(3941%) hue-rotate(182deg) brightness(104%) contrast(103%);
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal {
  width: 185px;
  height: 215px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  border: none;
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal .rdw-colorpicker-modal-header .rdw-colorpicker-modal-style-label {
  font-size: 14px;
  font-weight: 400;
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal .rdw-colorpicker-modal-header .rdw-colorpicker-modal-style-label.rdw-colorpicker-modal-style-label-active {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal .rdw-colorpicker-modal-options {
  overflow: initial;
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal .rdw-colorpicker-modal-options .rdw-colorpicker-option {
  box-shadow: none;
  border-radius: 4px;
}
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal .rdw-colorpicker-modal-options .rdw-colorpicker-option .rdw-colorpicker-cube {
  border-radius: inherit;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper {
  min-width: 54px;
  border-color: #f5f6f8;
  border-radius: 8px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper:hover {
  box-shadow: none;
  background: #f5f6f8;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper .rdw-dropdownoption-default {
  font-size: 14px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper .rdw-dropdownoption-default.rdw-dropdownoption-highlighted {
  background: #f5f6f8;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper {
  overflow-y: auto;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper:hover {
  box-shadow: none;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper .rdw-dropdownoption-active {
  color: #0085ff;
  color: var(--primary-color);
  background: #e5f4ff;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper.rdw-text-align-dropdown .rdw-dropdown-optionwrapper {
  bottom: 150px;
}
.text-editor-wrapper .text-toolbar .rdw-dropdown-wrapper.rdw-fontsize-dropdown .rdw-dropdown-optionwrapper {
  bottom: 208px;
}
.text-editor-wrapper .text-toolbar ul.font-size {
  max-height: 180px;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal,
.text-editor-wrapper .text-toolbar .rdw-emoji-modal,
.text-editor-wrapper .text-toolbar .rdw-colorpicker-modal {
  top: auto;
  bottom: 39px;
}
.text-editor-wrapper .text-toolbar .rdw-emoji-wrapper {
  margin-left: auto;
}
.text-editor-wrapper .text-toolbar .rdw-emoji-wrapper .rdw-emoji-modal {
  right: -5px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  border: none;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal {
  height: 240px;
  right: 40px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  border: none;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal .rdw-link-modal-btn {
  border-radius: 15rem;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal .rdw-link-modal-btn:first-child {
  color: #ffffff;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.text-editor-wrapper .text-toolbar .rdw-link-modal .rdw-link-modal-btn:disabled {
  color: #c5c7d0;
  background-color: #f5f6f8;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal .rdw-link-modal-btn:hover {
  box-shadow: none;
}
.text-editor-wrapper .text-toolbar .rdw-link-modal,
.text-editor-wrapper .text-toolbar .rdw-emoji-modal {
  left: auto;
}
.TextOverviewSection-overview-section .overview-section-content-header-container {
  max-height: 50px;
}
.TextOverviewSection-overview-section .overview-section-content-container {
  padding: 10px;
}
.overview-section-grid-wrapper.AppFeatureOverviewSection-overview-section {
  height: 100%;
  width: 100%;
}
.overview-section-grid-wrapper.AppFeatureOverviewSection-overview-section .app-feature-overview-section-component {
  height: 100%;
  width: 100%;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
}
.overlay-element {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
}
.app-cannot-use-component {
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 100px;
  padding: 0 20px;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-title {
  font-size: 24px;
  margin-bottom: 24px;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image {
  height: 160px;
  width: 230px;
  margin: 0px auto;
  margin-bottom: 24px;
  position: relative;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image:before {
  background: #d9f0ff;
  border-radius: 50%;
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  top: 0px;
  left: 35px;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image .app-connt-use-image-inner {
  height: 64px;
  border: 1px solid #e1e1e1;
  border-left-width: 6px;
  border-radius: 4px;
  top: 46px;
  position: relative;
  padding: 8px;
  background: white;
  display: flex;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image .app-connt-use-image-inner .app-photo {
  flex: 0 0 46px;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image .app-connt-use-image-inner .app-details {
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-image .app-connt-use-image-inner .app-details .app-name {
  font-size: 14px;
  font-weight: bold;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-subtitle {
  font-size: 18px;
  margin-bottom: 24px;
}
.app-cannot-use-component .app-cannot-use-inner .app-cannot-use-button a {
  color: white !important;
}
.app-cannot-use-component .app-unavailable-wrapper .app-unavailable-image-wrapper img {
  transform: scale(0.75);
}
.app-cannot-use-component .app-unavailable-wrapper .app-unavailable-title {
  font-size: 24px;
}
.app-cannot-use-component .app-unavailable-wrapper .app-unavailable-subtitle {
  font-size: 18px;
  margin-bottom: 32px;
}
.app-cannot-use-component .app-unavailable-wrapper .icon-v2-delete-line {
  margin-right: 8px;
}
.app-feature-iframe-component {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
}
.app-feature-iframe-component .app-feature-iframe {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1 1 0;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper:hover .back-to-board {
  visibility: visible;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper:not(:hover) .back-to-board {
  visibility: hidden;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button {
  display: flex;
  flex-grow: 1;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .back-to-board {
  position: absolute;
  border-radius: 24px;
  outline: none;
  top: 12px;
  right: 135px;
  width: 32px;
  height: 32px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .mondayboard-overview-section-component {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .mondayboard-overview-section-component iframe {
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .mondayboard-overview-section-component .llama {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .mondayboard-overview-section-component .llama img {
  width: 50%;
}
.overview-section-grid-wrapper.MondayboardOverviewSection-overview-section .overview-section-content-wrapper .mondayboard-site-overview-section-component-with-back-button .mondayboard-overview-section-component .llama .invalid-link {
  margin-top: 8px;
  text-align: center;
}
.portfolio-overview-row-component {
  display: flex;
  flex-grow: 1;
  border-radius: 8px;
  padding: 16px 8px;
  max-height: 64px;
  position: relative;
}
.portfolio-overview-row-component:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  margin: 0px 8px;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--primary-background-hover-color);
}
.portfolio-overview-row-component:hover {
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  cursor: pointer;
}
.portfolio-overview-row-component .portfolio-overview-column {
  display: flex;
  align-items: center;
  margin-left: 32px;
  flex: 0 0;
}
.portfolio-overview-row-component .portfolio-overview-board-name {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.portfolio-overview-row-component .portfolio-overview-board-name .portfolio-board-icon {
  margin: 3px 4px 0px 0px;
}
.simple-progress-bar-component.progress-bar-wrapper {
  background-color: #e6e9ef;
  border-radius: 4px;
  height: 8px;
  width: 100%;
  overflow: hidden;
}
.simple-progress-bar-component.progress-bar-wrapper .progress-bar-fill {
  height: 100%;
}
.pill-text-component {
  padding: 0px 8px;
  border-radius: 16px;
  color: white;
  height: 24px;
  max-width: 100%;
  font-size: 14px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component {
  display: flex;
  justify-content: center;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 8px 8px;
  color: #9699a6;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-header .portfolio-overview-progress-header {
  margin-left: 32px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-header .portfolio-overview-board-name {
  flex-grow: 1;
  margin: 0px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-rows-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  max-width: 90%;
  width: 100%;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-progress-bar {
  width: 100px;
  min-width: 100px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-progress-status {
  width: 130px;
  min-width: 130px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-date-range {
  width: 120px;
  min-width: 120px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .portfolio-overview-board-name {
  min-width: 120px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component .add-board-button {
  height: auto;
  margin-top: 8px;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component.small-width .portfolio-overview-progress-status, .overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component.medium-width .portfolio-overview-progress-status {
  display: none;
}
.overview-section-grid-wrapper.PortfolioOverviewSection-overview-section .portfolio-overview-section-content-component.small-width .portfolio-overview-date-range {
  display: none;
}
/* mixin for multiline */
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper {
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  max-width: 285px;
  justify-content: space-between;
  max-height: 300px;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item {
  padding: 4px 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 140px;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper {
  width: 114px;
  height: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: all 100ms ease-in-out;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper:hover,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper:hover {
  transform: scale(1.05);
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper:not(.recent-boards-add-board-placeholder),
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper:not(.recent-boards-add-board-placeholder) {
  background: #784bd1;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper:not(.recent-boards-add-board-placeholder) .recent-board-icon,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper:not(.recent-boards-add-board-placeholder) .recent-board-icon {
  font-size: 36px;
  color: #ffffff;
  margin-top: 9px;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper.recent-boards-add-board-placeholder,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper.recent-boards-add-board-placeholder {
  border: 1px dashed #c4c4c4;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper.recent-boards-add-board-placeholder:before, .overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper.recent-boards-add-board-placeholder:after,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper.recent-boards-add-board-placeholder:before,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper.recent-boards-add-board-placeholder:after {
  content: " ";
  width: 1px;
  height: 21px;
  background: #c4c4c4;
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board .recent-board-icon-wrapper.recent-boards-add-board-placeholder:after,
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-board-item .recent-board-icon-wrapper.recent-boards-add-board-placeholder:after {
  transform: rotate(90deg);
}
.overview-section-grid-wrapper.RecentBoardsOverviewSection-overview-section .recent-boards-overview-section-component .recent-boards-wrapper .recent-boards-add-board.menu-open .recent-boards-add-board-placeholder {
  transform: scale(1.05);
}

.recent-boards-overview-menu.ds-menu-old:not(.mobileDevice):before {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -5px;
  right: calc(50% - 5px);
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  z-index: 100000;
}
.reposition-right .recent-boards-overview-menu.ds-menu-old:not(.mobileDevice):before {
  right: 14px;
}
.recent-boards-overview-menu.ds-menu-old:not(.mobileDevice):before {
  right: auto;
  left: 19px;
  top: -6px;
}
.reposition-right .recent-boards-overview-menu.ds-menu-old:not(.mobileDevice):before {
  right: 28px;
  left: auto;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-header-container {
  max-height: 60px;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component {
  min-width: 530px;
  height: 100%;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox {
  background: transparent;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news {
  margin-right: 0 !important;
  padding-top: 0;
  padding-right: 64px;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper {
  margin: 0 auto;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper .inbox-title {
  font-size: 24px;
  padding-right: 8px;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper .inbox-title-actions a.light-theme, .light-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper .inbox-title-actions a {
  color: #333333;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper .inbox-title-actions a.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .inbox-title-wrapper .inbox-title-actions a {
  color: #ffffff;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .space_view #wall {
  margin: 0 auto;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .space_view .inbox_new_updates {
  top: 64px;
  margin-left: 0;
  transform: translateX(-50%);
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-header.light-theme, .light-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-header {
  color: #333333;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-header.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-header {
  color: #ffffff;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-text.light-theme, .light-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-text {
  color: #333333;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-text.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .zero-inbox-reached .inbox-zero-text {
  color: #ffffff;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .undo-last-action {
  top: 58px;
  left: 50%;
  right: unset;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .overview-section-content-wrapper .inbox-overview-section-component #inbox #latest_news .undo-last-action .btn {
  padding: 0 16px;
  line-height: 40px;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .settings-screen-mode .inbox-overview-section-component #inbox #latest_news .space_view .inbox_new_updates {
  display: none;
}
.overview-section-grid-wrapper.InboxOverviewSection-overview-section .settings-screen-mode .inbox-overview-section-component #inbox #latest_news .undo-last-action {
  top: 142px;
  left: unset;
  right: 383px;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-header-container {
  max-height: 60px;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .board-view-state-layout-close-button {
  display: none;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner {
  background: none;
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner .board-view-ui-header-component.light-theme, .light-theme .overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner .board-view-ui-header-component {
  background: #ffffff;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner .board-view-ui-header-component.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner .board-view-ui-header-component {
  background: #31385b;
}
.overview-section-grid-wrapper.BoardViewOverviewSection-overview-section .overview-section-content-wrapper .board-view-overview-section-component .open-board-view-ui-component .open-board-view-ui-inner .board-view-ui-header-component .base-overview-section-header.renaming-section .overview-section-name .ds-editable-input.ds-editable-input-text-align {
  text-align: left;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section.tier-blocked .overview-section-content-wrapper .overview-section-content-container {
  margin-top: 0;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section.tier-blocked .overview-section-content-wrapper .overview-section-content-header-container {
  visibility: hidden;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container {
  margin-top: -20px;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container .board-view-overview-section-component .board-view-content .graph-content-component {
  overflow: hidden;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container .board-view-overview-section-component .board-view-content .graph-content-component .highchart-component {
  background-color: transparent;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container .board-view-overview-section-component .board-view-content .graph-content-component .highchart-component .highcharts-background {
  fill: none;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container .board-view-overview-section-component.without-legend .graph-content-component .highchart-component .highcharts-container .highcharts-legend {
  display: none;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-container .open-board-view-ui-component .board-view-state-layout-component .board-view-state-layout-close-button {
  display: none;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component .open-board-view-ui-component .timeline-container {
  min-width: initial;
}
.overview-section-grid-wrapper .settings-screen-mode {
  margin: 8px 16px 0px 0px;
  border: 1px solid #e6e9ef;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper.light-theme, .light-theme .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper.light-theme, .light-theme .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper.light-theme, .light-theme .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper.light-theme, .light-theme .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper {
  border-top: 1px solid #e6e9ef;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper.dark-theme, .dark-theme .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper.dark-theme, .dark-theme .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper.dark-theme, .dark-theme .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper.dark-theme, .dark-theme .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper {
  border-top: 1px solid #454662;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-content-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-content-wrapper {
  border-top: 1px solid #21263f;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-type-header-wrapper .board-view-fullscreen-type-header-component.config-v2, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-type-header-wrapper .board-view-fullscreen-type-header-component.config-v2, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-type-header-wrapper .board-view-fullscreen-type-header-component.config-v2, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-type-header-wrapper .board-view-fullscreen-type-header-component.config-v2 {
  justify-content: flex-start;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .settings-screen-mode .base-overview-section-header,
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .full-screen-mode .base-overview-section-header, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .settings-screen-mode .base-overview-section-header,
.overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .full-screen-mode .base-overview-section-header, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .settings-screen-mode .base-overview-section-header,
.overview-section-grid-wrapper.CalendarOverviewSection-overview-section .full-screen-mode .base-overview-section-header, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .settings-screen-mode .base-overview-section-header,
.overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .full-screen-mode .base-overview-section-header {
  margin-left: 0px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .settings-screen-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .full-screen-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .settings-screen-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .full-screen-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .settings-screen-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.CalendarOverviewSection-overview-section .full-screen-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .settings-screen-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .full-screen-mode .board-view-type-header-wrapper {
  margin-right: 490px;
  margin-top: 8px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .settings-screen-mode.edit-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .full-screen-mode.edit-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .settings-screen-mode.edit-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .full-screen-mode.edit-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .settings-screen-mode.edit-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.CalendarOverviewSection-overview-section .full-screen-mode.edit-mode .board-view-type-header-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .settings-screen-mode.edit-mode .board-view-type-header-wrapper,
.overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .full-screen-mode.edit-mode .board-view-type-header-wrapper {
  margin-right: 570px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .base-overview-section-header, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .base-overview-section-header, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .base-overview-section-header, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .base-overview-section-header {
  margin-left: 36px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-type-header-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-type-header-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-type-header-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-type-header-wrapper {
  margin-right: 209px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .overview-section-header-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .overview-section-header-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .overview-section-header-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .overview-section-header-wrapper {
  padding-top: 4px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-type-header-wrapper, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-type-header-wrapper, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-type-header-wrapper, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-type-header-wrapper {
  margin-right: 0px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component {
  justify-content: center;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component .board-view-ui-title, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component .board-view-ui-title, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component .board-view-ui-title, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .board-view-ui-header-component .board-view-ui-title {
  flex: none;
  margin: 0px;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after {
  content: "+";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after {
  content: "+";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-header-component, .overview-section-grid-wrapper.TimelineOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-header-component, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-header-component, .overview-section-grid-wrapper.TimelineGanttOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-header-component, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-header-component, .overview-section-grid-wrapper.CalendarOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-header-component, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.small-width .calendar-view-header-component, .overview-section-grid-wrapper.ResourceAllocationOverviewSection-overview-section .board-view-overview-section-component.medium-width .calendar-view-header-component {
  margin: 0px;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .full-screen-mode .overview-section-content-container {
  margin-top: 10px;
  margin-right: 8px;
}
.overview-section-grid-wrapper.ChartOverviewSection-overview-section .settings-screen-mode .overview-section-content-container {
  margin-right: 8px;
}

.board-view-overview-section-component .board-view-fullscreen-type-header-component.CalendarBoardView {
  justify-content: none;
  position: inherit;
}
.board-view-overview-section-component .board-view-fullscreen-type-header-component.CalendarBoardView .header-field-fullscreen-component:first-child {
  display: flex;
}
.board-view-overview-section-component .board-view-fullscreen-type-header-component.CalendarBoardView .header-field-fullscreen-component:nth-child(2) {
  display: flex;
}
.BookmarksOverviewSection-overview-section .overview-section-content-container {
  width: 100%;
  height: 100%;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container {
  flex: 1 1 auto;
  overflow: auto;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin: 8px;
  background-color: transparent;
  border: 1px solid #eaeaea;
  border-radius: 4px;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component:hover .delete-side {
  opacity: 1;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side {
  flex-grow: 1;
  overflow: hidden;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content {
  padding: 8px;
  padding-right: 0;
  display: flex;
  align-items: center;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .favicon {
  flex: 0 0 26px;
  height: 26px;
  border-radius: 13px;
  margin: 6px 14px 6px 6px;
  background: #ffffff;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content {
  padding: 0;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
  flex: 1 1 auto;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .ds-editable-component {
  padding: 0;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .ds-editable-component .ds-text-component {
  padding: 0;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content.light-theme .title, .light-theme .BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .title {
  color: #333333;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content.light-theme .url, .light-theme .BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .url {
  color: #333333;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content.dark_overview-theme .title, .dark_overview-theme .BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .title {
  color: #ffffff;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content.dark_overview-theme .url, .dark_overview-theme .BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .url {
  color: #ffffff;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .title {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  line-height: 19px;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .link-side .favorite-content .link-content .url {
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  line-height: 19px;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .delete-side {
  opacity: 0;
  transition: opacity 0.1s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .delete-side .delete {
  padding: 16px;
  color: #b9b9b9;
  cursor: pointer;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .bookmarks-list-container .bookmark-component .delete-side .delete:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .create-bookmark-wrapper {
  flex: 0 0 auto;
  padding: 0 8px;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .empty-state-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .empty-state-container .bookmark-empty-image {
  flex: 1 1 auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100px;
}
.BookmarksOverviewSection-overview-section .bookmarks-overview-section-wrapper .empty-state-container .message {
  flex: 0 1 auto;
  text-align: center;
  margin-top: 16px;
  font-size: 22px;
  font-weight: 300;
  line-height: 24px;
}
.BookmarksOverviewSection-overview-section .overview-section-header-content-footer-wrapper {
  overflow-x: hidden !important;
}
.BookmarksOverviewSection-overview-section .overview-section-content-footer-container {
  z-index: 1;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.07);
  max-height: 64px;
}
.BookmarksOverviewSection-overview-section .overview-section-content-footer-container .footer {
  display: flex;
}
.BookmarksOverviewSection-overview-section .overview-section-content-footer-container .footer input {
  outline: none;
  flex-grow: 1;
  margin-right: 8px;
}
.todo-list-overview-section-create-component .input-wrapper {
  cursor: text;
  border: 1px dashed #f1f1f1;
  border-radius: 2px;
  width: 100%;
  margin: 8px 0px 16px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-item-input {
  border: 0;
  outline: none;
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  flex: 1 1 auto;
  background-color: transparent;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-item-input.light-theme:-ms-input-placeholder, .light-theme .todo-list-overview-section-create-component .input-wrapper .add-todo-item-input:-ms-input-placeholder {
  color: #808080;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-item-input.light-theme::placeholder, .light-theme .todo-list-overview-section-create-component .input-wrapper .add-todo-item-input::placeholder {
  color: #808080;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-item-input.dark_overview-theme:-ms-input-placeholder, .dark_overview-theme .todo-list-overview-section-create-component .input-wrapper .add-todo-item-input:-ms-input-placeholder {
  color: #c5c7d0;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-item-input.dark_overview-theme::placeholder, .dark_overview-theme .todo-list-overview-section-create-component .input-wrapper .add-todo-item-input::placeholder {
  color: #c5c7d0;
}
.todo-list-overview-section-create-component .input-wrapper .add-todo-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin: 8px;
}
.todo-list-overview-section-create-component .focused {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.todo-list-overview-section-create-component .create-task-warning {
  font-size: 14px;
  font-style: italic;
  margin: 0;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component {
  font-family: Roboto;
  display: flex;
  flex: 1;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component .background-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-position: center center;
  background-repeat: no-repeat;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component .background-container .quote-text-line {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 900;
  font-size: 32px;
  line-height: 1.35;
  text-align: center;
  padding: 27px 24px;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component .background-container .quote-author-line {
  display: flex;
  align-items: center;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component .background-container .quote-author-line .quote-author-name {
  font-size: 18px;
}
.overview-section-grid-wrapper.QuoteOfTheDayOverviewSection-overview-section .overview-section-content-wrapper .quote-of-the-day-overview-section-component .background-container .quote-author-line .quote-author-avatar {
  height: 40px;
  width: 40px;
  margin-right: 8px;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section {
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component {
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component .overview-section-header-content-footer-wrapper {
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .overview-section-content-wrapper .overview-section-content-component .overview-section-header-content-footer-wrapper .overview-section-content-container {
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component.disabled {
  cursor: default;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component.disabled .onboarding-widget-hover-content .text {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component.disabled:hover .onboarding-widget-overview-image {
  opacity: 0.05;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component:hover .onboarding-widget-overview-image,
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component:hover .onboarding-widget-overview-text {
  opacity: 0;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component:hover .onboarding-widget-hover-content {
  display: flex;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-overview-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.3s;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-overview-image-wrapper {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-overview-image-wrapper .onboarding-widget-overview-image-inner-wrapper {
  height: 100%;
  overflow: hidden;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-overview-text {
  height: 50px;
  font-size: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
  transition: opacity 0.3s;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-hover-content {
  display: none;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-hover-content .text {
  padding: 0 24px;
  font-size: 14px;
  text-align: center;
  color: #569bfc;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-hover-content .plus-icon {
  width: 60px;
  height: 60px;
}
.overview-section-grid-wrapper.OnboardingWidgetOverviewSection-overview-section .onboarding-widget-overview-section-component .onboarding-widget-hover-content .plus-icon:before {
  content: "+";
  height: 60px;
  width: 60px;
  font-size: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "roboto";
  color: #569bfc;
}
.duration-component {
  height: 26px;
  padding: 0 4px;
  display: flex;
  align-items: center;
}
.person-timetracking-info-component {
  display: flex;
  align-items: center;
}
.person-timetracking-info-component .user-avatar {
  flex: 0 0 auto;
}
.person-timetracking-info-component .user-avatar .profile_photo {
  margin-bottom: 0;
}
.person-timetracking-info-component .user-name {
  margin-left: 8px;
  margin-right: 8px;
  flex: 1 1 auto;
}
.board-timetracking-info-component {
  display: flex;
  align-items: center;
}
.board-timetracking-info-component .icon-board-new {
  margin-right: 4px;
}
.status-timetracking-info-component {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.status-timetracking-info-component .timetracking-status-circle {
  flex: 0 0 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 4px;
}
.group-by-display-component {
  display: flex;
  align-items: center;
  font-size: 16px;
  min-height: 32px;
  justify-content: space-between;
}
.group-by-display-component .duration {
  flex: 0 0 auto;
  font-weight: 400;
}
.timetracking-empty-state-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.timetracking-empty-state-container .empty-image {
  flex: 1 1 auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 133px;
}
.timetracking-empty-state-container .empty-message {
  flex: 0 1 auto;
  text-align: center;
  margin-top: 16px;
  font-size: 22px;
  font-weight: 300;
  line-height: 24px;
}
.timerange-navigator-component {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #323338;
  color: var(--primary-text-color);
}
.timerange-navigator-component .prev-week-button {
  cursor: pointer;
  display: flex;
}
.timerange-navigator-component .prev-week-button .left-arrow-icon {
  font-size: 10px;
  line-height: 22px;
}
.timerange-navigator-component .prev-week-button .prev-week {
  font-size: 16px;
  margin-right: 16px;
}
.timerange-navigator-component .prev-week-button:not(.square):hover .left-arrow-icon,
.timerange-navigator-component .prev-week-button:not(.square):hover .prev-week {
  color: #0085ff;
  color: var(--primary-color);
}
.timerange-navigator-component .week-indicator-wrapper {
  width: 215px;
  text-align: center;
  position: relative;
}
.timerange-navigator-component .week-indicator-wrapper .week-indicator {
  font-size: 24px;
  font-weight: 400;
  padding: 4px;
  border-radius: 8px;
}
.timerange-navigator-component .week-indicator-wrapper .week-indicator.clickable {
  cursor: pointer;
}
.timerange-navigator-component .week-indicator-wrapper .week-indicator.clickable:hover {
  background: #edeef0;
}
.timerange-navigator-component .week-indicator-wrapper .week-indicator.clicked {
  background: #d9f0ff;
  color: #0085ff;
  color: var(--primary-color);
}
.timerange-navigator-component .week-indicator-wrapper .week-indicator.clicked:hover {
  background: #d9f0ff;
}
.timerange-navigator-component .week-indicator-wrapper .back-to-this-week {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 35px;
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.timerange-navigator-component .week-indicator-wrapper .back-to-this-week:hover {
  text-decoration: underline;
}
.timerange-navigator-component .next-week-button {
  cursor: pointer;
  display: flex;
}
.timerange-navigator-component .next-week-button .right-arrow-icon {
  font-size: 10px;
  line-height: 22px;
}
.timerange-navigator-component .next-week-button .next-week {
  font-size: 16px;
  margin-left: 16px;
}
.timerange-navigator-component .next-week-button:not(.square):hover .right-arrow-icon,
.timerange-navigator-component .next-week-button:not(.square):hover .next-week {
  color: #0085ff;
  color: var(--primary-color);
}
.timerange-navigator-component .next-week-button.hidden-future-arrow {
  visibility: hidden;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .time-tracking-overview-section-component {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px;
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .time-tracking-overview-section-component .time-tracking-timerange-navigation {
  margin-bottom: 32px;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .time-tracking-overview-section-component .timetracking-wrapper {
  flex: 1 1 auto;
  width: 100%;
  padding: 0 32px;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .time-tracking-overview-section-component .timetracking-wrapper .timetracking-details {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: auto;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .time-tracking-overview-section-component .timetracking-wrapper .timetracking-details .group-by-display-component:not(:first-child) {
  margin-top: 16px;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .overview-section-header-content-footer-wrapper {
  overflow-x: hidden !important;
}
.overview-section-grid-wrapper.TimeTrackingOverviewSection-overview-section .overview-section-content-footer-container {
  z-index: 1;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.07);
  max-height: 64px;
}
.time-tracking-overview-section-content-footer-component {
  font-size: 16px;
  display: flex;
}
.time-tracking-overview-section-content-footer-component .summary-label {
  font-size: 16px;
  font-weight: 500;
  flex: 1 1 auto;
}
.time-tracking-overview-section-content-footer-component .duration-component-wrapper {
  flex: 0 0 auto;
  font-weight: 500;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component {
  padding: 0 16px;
  display: flex;
  flex: 1 0 auto;
  width: 100%;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  justify-content: center;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper.left {
  align-items: flex-start;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper.center {
  align-items: center;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper.right {
  align-items: flex-end;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .title-wrapper {
  position: relative;
  width: 100%;
  flex: 0 0 0;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .title-wrapper.with-data.sm {
  flex: 0 0 100px;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .title-wrapper.with-data.md {
  flex: 0 0 150px;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .title-wrapper.with-data.lg {
  flex: 0 0 250px;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .description-wrapper {
  position: relative;
  width: 100%;
  flex: 0 0 0;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .description-wrapper.with-data.sm {
  flex: 0 0 30px;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .description-wrapper.with-data.md {
  flex: 0 0 50px;
}
.overview-section-grid-wrapper.TitleAndDescriptionOverviewSection-overview-section .overview-section-content-wrapper .title-and-description-overview-section-component .title-and-description-wrapper .description-wrapper.with-data.lg {
  flex: 0 0 80px;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section {
  font-family: Roboto, helvetica;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .work-component {
  background-color: rgba(255, 0, 1, 0.1);
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .work-component .circle-content {
  background: url("/images/overview/overview-sections/pomodoro/tomato.svg") no-repeat;
  background-size: 100%;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .break-component {
  background-color: rgba(226, 152, 34, 0.1);
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .break-component .circle-content {
  background: url("/images/overview/overview-sections/pomodoro/orange.svg") no-repeat;
  background-size: 100%;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .circle-content {
  font-size: 150%;
  font-weight: 400;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .circle-content.with-cursor {
  cursor: pointer;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .pomodoro-overview-section-component {
  display: flex;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .pomodoro-overview-section-component .bottom-text {
  position: absolute;
  bottom: 8px;
  color: green;
  text-decoration: underline;
}
.overview-section-grid-wrapper.PomodoroOverviewSection-overview-section .pomodoro-overview-section-component .top-text {
  position: absolute;
  top: 8px;
  color: black;
  font-weight: 500;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component {
  overflow-y: auto;
  display: flex;
  justify-content: center;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component.mention-overview-section-empty {
  margin: auto;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content {
  padding: 16px 0;
  width: 100%;
  max-width: 800px;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content .missing-config-image {
  max-width: 220px;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content .mentions-header-wrapper {
  margin-bottom: 16px;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a {
  text-decoration: none;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a.light-theme, .light-theme .overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a {
  color: #333333;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a {
  color: #ffffff;
}
.overview-section-grid-wrapper.MentionsOverviewSection-overview-section .mentions-overview-section-component .mentions-overview-section-component-content a:hover {
  text-decoration: none;
}
.user-image-component {
  display: flex;
  align-items: center;
}
.user-image-component .user-photo {
  height: 38px;
  width: 38px;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
}
.mention-post-component {
  padding: 17px 16px;
  display: flex;
  align-items: center;
}
.mention-post-component.with-divider {
  border-top: 1px solid #f2f2f2;
}
.mention-post-component:hover.light-theme, .light-theme .mention-post-component:hover {
  background-color: #e5f4ff;
}
.mention-post-component:hover.dark_overview-theme, .dark_overview-theme .mention-post-component:hover {
  background-color: #292f4c;
}
.mention-post-component .mention-post-writer {
  margin-right: 12px;
}
.mention-post-component .mention-post-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.mention-post-component .mention-post-content .mention-post-metadata {
  display: flex;
  justify-content: space-between;
}
.mention-post-component .mention-post-content .mention-post-metadata .mention-post-writer-name {
  font-weight: 500;
}
.mention-post-component .mention-post-content .mention-post-body {
  height: 42px;
  overflow: hidden;
}
.mention-post-component .mention-show-more-icon {
  padding-left: 16px;
}
.mentions-header-component {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mentions-header-component .mentions-header-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  padding: 0 16px;
  max-width: 350px;
}
.dark_overview-theme .deadline-task-component {
  border: none;
}

.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .overview-section-content-header-container {
  max-height: 60px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component {
  display: block;
  height: 108px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns {
  border-top: 1px solid #f1f1f1;
  justify-content: space-around;
  height: 36px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .column-title {
  display: none;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .status-column-wrapper {
  width: 100%;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .status-column-wrapper .ds-text-component {
  font-size: 14px;
  line-height: 36px !important;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .status-column-wrapper.with-column-title .cell-component .ds-text-component {
  text-align: center;
  padding-top: 0px !important;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .persons-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .deadline-indication-wrapper {
  width: 100%;
  flex-shrink: 1;
  border-radius: 0 0 8px 0;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication {
  justify-content: center;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-date {
  width: auto;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component.small-width .personal-assistant-component .personal-assistant-content-view .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-date .deadline-time {
  font-size: 14px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component:not(.small-width) .personal-assistant-content-view {
  padding-right: 40px;
  padding-left: 20px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .weeks-navigator-container {
  padding-right: 0px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .weeks-navigator-container .next-week,
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .weeks-navigator-container .prev-week {
  display: none;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component {
  background: none;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view {
  margin-right: 0px;
  padding-right: 0px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .header-container {
  margin: 0px;
  display: none;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .board-name {
  font-size: 14px;
  color: unset;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .group-name {
  color: unset;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper {
  margin-left: 28px;
  margin-right: 8px;
  max-width: 1205px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component.light-theme, .light-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component {
  background-color: transparent;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component {
  background-color: #21263f;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .details {
  padding: 8px 0px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .details .deadline-task-path {
  color: unset;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .details .deadline-task-path .board-kind-icon {
  color: unset;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .persons-wrapper {
  padding-right: 16px;
  margin-right: 0px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .status-column-wrapper.with-column-title .cell-component .ds-text-component {
  padding-top: 14px;
  padding-left: 12px;
  line-height: normal;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .status-column-wrapper .cell-component .ds-text-component {
  line-height: 72px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .status-column-wrapper .column-title {
  bottom: 12px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper {
  color: unset;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper.light-theme, .light-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper {
  background-color: #f1f1f1;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper {
  background-color: #21263f;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication.merged {
  display: flex;
  justify-content: center;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-time.light-theme, .light-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-time {
  color: #333333;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-time.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .deadline-indication .deadline-time {
  color: #ffffff;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .column-title.light-theme, .light-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .column-title {
  color: #333333;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .column-title.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-tasks-wrapper .deadline-task-component .deadline-task-columns .deadline-indication-wrapper .column-title {
  color: #ffffff;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .section-type-container .collapse-icon-wrapper {
  margin-left: 0px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .deadline-task-component {
  height: 72px;
}
.overview-section-grid-wrapper.MyWeekOverviewSection-overview-section .my-week-overview-section-component .personal-assistant-component .personal-assistant-content-view .guidance-deadline-container {
  display: none;
}
/* mixin for multiline */
.personal-assistant-settings-boards-filter-wrapper {
  margin-top: 24px;
}
.personal-assistant-settings-boards-filter-wrapper ul.filter-list {
  margin: 0;
  list-style: none;
}
.personal-assistant-settings-boards-filter-wrapper ul.filter-list li.board-filter-item {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  clear: both;
  margin-bottom: 5px;
  font-size: 15px;
  border-radius: 3px;
  cursor: pointer;
}
.personal-assistant-settings-boards-filter-wrapper ul.filter-list li.board-filter-item:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.personal-assistant-settings-boards-filter-wrapper ul.filter-list li.board-filter-item .board_name {
  max-width: 70%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.personal-assistant-settings-boards-filter-wrapper ul.filter-list li.board-filter-item .toggle {
  top: 1px;
  float: right;
  height: 22px;
  line-height: 23px;
  padding: 0 8px 0 7px;
}
.personal-assistant-settings-boards-filter-wrapper .settings-instruction {
  margin-top: 8px;
  font-size: 14px;
  display: flex;
  flex-flow: column;
}
.personal-assistant-settings-boards-filter-wrapper .settings-instruction .settings-instruction-empty-state-title {
  font-size: large;
  font-weight: bold;
  text-align: center;
  padding-bottom: 8px;
}
.personal-assistant-settings-boards-filter-wrapper .settings-instruction .settings-instruction-empty-state-text {
  text-align: center;
  text-align-last: center;
  font-size: 14px;
}
.personal-assistant-settings-boards-filter-wrapper .settings-instruction .settings-instruction-empty-state-image {
  margin-bottom: 16px;
  margin-top: 32px;
  width: 50%;
  align-self: center;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .overview-section-content-container {
  padding: 0 20px;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .overview-section-content-component {
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .overview-section-content-component .posts_list {
  min-width: 420px;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section #wall {
  margin: 0 auto;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section #wall .posts_list .post_box .post {
  border: 1px solid #dedede;
  border-radius: 3px;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section #wall .space_view {
  margin-bottom: 0px;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .board-updates-empty-state {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .board-updates-empty-state .no-updates-container {
  max-width: 220px;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .board-updates-empty-state .no-updates-container .no-updates-img {
  width: 100%;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .board-updates-empty-state .empty-widget-text {
  font-size: 24px;
  line-height: 1.2;
  margin-top: 40px;
  width: 100%;
  font-weight: 500;
  text-align: center;
}
.overview-section-grid-wrapper.BoardUpdatesOverviewSection-overview-section .overview-section-header-content-footer-wrapper {
  width: 100%;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .overview-section-content-header-container .base-overview-section-header-component {
  max-height: 110px;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component {
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .todo-list-container {
  overflow: auto;
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .board-header {
  margin: 16px 0px;
  flex: 0 0 auto;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .create-task-wrapper {
  flex: 0 0 auto;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .empty-state-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .empty-state-wrapper .empty-state-image {
  max-width: 100%;
  max-height: 90px;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .empty-state-wrapper .empty-state-message {
  font-size: 22px;
  text-align: center;
  margin-top: 16px;
}
.overview-section-grid-wrapper.TodoListOverviewSection-overview-section .todo-list-overview-section-component .empty-state-wrapper .empty-state-message .empty-state-submessage {
  font-size: 15px;
}
.todo-list-item-component {
  cursor: pointer;
  position: relative;
  height: 50px;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 8px;
  overflow: hidden;
}
.todo-list-item-component .checked {
  color: #a1a1a1;
  text-decoration: line-through;
  transition: all 0.1s ease-in;
}
.todo-list-item-component .task-name {
  flex: 1 1 auto;
  margin-left: 36px;
}
.todo-list-item-component .delete-icon {
  flex: 0 0 auto;
  color: #a1a1a1;
  visibility: hidden;
}
.todo-list-item-component .delete-icon:hover {
  color: black;
}
.todo-list-item-component .check-content {
  float: left;
  position: absolute;
}
.todo-list-item-component .check-content .check-sign-img {
  margin-left: 5px;
  width: 20px;
  height: 20px;
}
.todo-list-item-component .check-content .checkmark {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
.todo-list-item-component .check-content.light-theme .unchecked, .light-theme .todo-list-item-component .check-content .unchecked {
  border-color: #333333;
}
.todo-list-item-component .check-content.dark_overview-theme .unchecked, .dark_overview-theme .todo-list-item-component .check-content .unchecked {
  border-color: #ffffff;
}
.todo-list-item-component .check-content .unchecked:hover {
  border-color: #0085ff;
  border-color: var(--primary-color);
}

.todo-list-item-component:hover .delete-icon {
  visibility: visible;
}

.move-enter {
  height: 0;
  padding: 0 8px;
  margin: 0;
}

.move-enter-active {
  height: 50px;
  padding: 8px;
  transition: all 100ms ease-in;
}

.move-exit {
  height: 50px;
  padding: 8px;
}

.move-exit-active {
  height: 0;
  padding: 0 8px;
  margin: 0;
  transition: all 100ms ease-in;
}
.completed-tasks-header {
  cursor: pointer;
  font-weight: 400;
  border: 1px solid #f1f1f1;
  padding: 12px 8px;
  margin-bottom: 8px;
  margin-top: 32px;
  display: flex;
  align-items: center;
}
.completed-tasks-header .title {
  flex: 1 1 auto;
}
.completed-tasks-header .arrow {
  flex: 0 0 auto;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper {
  overflow: hidden;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .countdown-content-header-container {
  flex: 1 0 0;
  width: 100%;
  padding: 0 16px;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .countdown-content-header-container .full-screen-mode {
  max-height: 64px;
  padding-left: 14px;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .countdown-content-header-container .base-overview-section-header-component {
  height: 100%;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .units-row {
  flex: 3 0 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .units-row .two-units-wrapper {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .units-row .two-units-wrapper .unit-wrapper {
  flex: 1 1 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .units-row .two-units-wrapper .unit-wrapper .unit-value {
  flex: 0 1 auto;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.overview-section-grid-wrapper.CountdownOverviewSection-overview-section .overview-section-header-content-footer-wrapper .countdown-overview-section-component .units-row .two-units-wrapper .unit-wrapper .unit-name {
  position: relative;
  flex: 0 1 auto;
  text-transform: capitalize;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper .embedded-site-overview-section-component {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper .embedded-site-overview-section-component iframe {
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper .embedded-site-overview-section-component .llama {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper .embedded-site-overview-section-component .llama img {
  width: 50%;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section-content-wrapper .embedded-site-overview-section-component .llama .invalid-link {
  margin-top: 8px;
  text-align: center;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section.settings-screen-mode .missing-config-message {
  display: flex;
  max-width: 100%;
  width: 100%;
  flex-grow: 1;
  justify-content: center;
  cursor: default;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section .empty-state-logo-container {
  display: flex;
  justify-content: center;
  background: #ccc;
  opacity: 0.7;
  width: 100%;
  margin: 8px;
}
.overview-section-grid-wrapper.EmbeddedSiteOverviewSection-overview-section .overview-section .empty-state-logo-container .empty-state-logo {
  width: 200px;
  height: auto;
  align-self: center;
}
.battery-status-bar {
  display: inline-block;
  text-align: center;
  transition: none;
  border-top: 5px solid;
  border-bottom: 5px solid;
  position: relative;
  border-color: #ededed !important;
}
.battery-status-bar .bar-background {
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out;
  height: 100%;
}
.battery-status-bar:first-child {
  border-radius: 7px 0 0 7px;
  border-left: 5px solid;
  min-width: 7px;
}
.battery-status-bar:last-child {
  border-radius: 0 7px 7px 0;
  border-right: 5px solid;
  min-width: 7px;
}
.battery-status-bar:only-child {
  border-radius: 7px;
  border-left: 5px solid;
  border-right: 5px solid;
}
.battery-status-bar .progress-percent-label {
  position: relative;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
.battery-status-bar.allow-drill-down {
  cursor: pointer;
}
.battery-status-bar.allow-drill-down:hover {
  z-index: 11;
}
.battery-status-bar.allow-drill-down:hover .bar-background {
  transform: scale(1.03);
}
.battery-status-bar.allow-drill-down.selected {
  z-index: 10;
}
.battery-status-bar.allow-drill-down.selected .bar-background {
  transform: scale(1.03);
}
.battery-status-bar.allow-drill-down.selected:hover {
  opacity: 0.95;
}
.battery-status-bar.allow-drill-down.other-selected {
  opacity: 0.7;
}
.battery-status-bar.allow-drill-down.other-selected:hover {
  opacity: 1;
}
.battery-status-bar .battery-connector-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  pointer-events: none;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  margin-top: -2px;
}
.battery-status-bar .battery-connector-line .line {
  flex: 1 1 auto;
  border-left: 1px solid #0085FF;
  min-width: 1.1px;
}
.battery-status-bar .battery-connector-line .line-connector {
  background-color: white;
  width: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  border: 1px solid #0085FF;
}
.progress-meter-component.battery {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
}
.progress-meter-component.battery .status-bars-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
}
.progress-meter-component.battery .status-bars-wrapper.empty {
  border: 5px solid #ededed;
  border-radius: 7px;
}
.progress-meter-component.battery .battery-head {
  width: 10px;
  border: 5px solid;
  border-left: none;
  border-radius: 0 3px 3px 0;
  height: 20%;
  margin: auto;
  background-color: #ededed;
  color: #ededed;
}
.done-status-component {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.status-legend-item-component {
  display: flex;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
}
.status-legend-item-component.read-only {
  cursor: default;
}
.status-legend-item-component .status-color {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 50%;
  display: inline-block;
}
.status-legend-item-component .status-legend-label {
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 400;
  padding-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-legend-item-component.light-theme:hover .status-legend-label, .light-theme .status-legend-item-component:hover .status-legend-label {
  color: #666666;
}
.status-legend-item-component.dark_overview-theme:hover .status-legend-label, .dark_overview-theme .status-legend-item-component:hover .status-legend-label {
  color: #808080;
}
.status-legend-item-component.disabled {
  opacity: 0.3;
}
.status-legend-component {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.status-legend-component.vertical {
  flex-direction: column;
  overflow: auto;
  align-items: flex-start;
}
.status-legend-component.vertical .status-legend-item-wrapper {
  padding-right: 0;
}
.status-legend-component.vertical .status-legend-item-wrapper.selected .status-legend-item-component .status-legend-label {
  font-weight: bold;
}
.status-legend-component .status-legend-item-wrapper {
  flex: 0 1 auto;
}
.status-legend-component .status-legend-item-wrapper.without-action .status-legend-item-component {
  cursor: default;
}
.status-legend-component:not(.vertical) .status-legend-item-wrapper:not(:last-child) {
  padding-right: 16px;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .status-legend-wrapper {
  max-height: 90px;
  overflow: hidden;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section {
  width: 100%;
  height: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .filler {
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper {
  display: flex;
  flex: 8 1 auto;
  justify-content: center;
  width: 100%;
  max-height: 100%;
  flex-direction: column;
  box-sizing: border-box;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .done-status-text-wrapper {
  flex: 1 0 0;
  margin-left: 24px;
  max-width: 15%;
  min-width: 80px;
  height: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .done-status-text-wrapper.small-battery {
  margin-left: 8px;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .done-status-text-wrapper.small-battery .done-status-component .auto-fit-text-container > div > div {
  white-space: initial !important;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .done-status-text-wrapper.with-drill-down {
  max-width: 25%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .vertical-legends-container {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 auto;
  max-height: 100%;
  overflow: auto;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .vertical-legends-container .status-legend-wrapper {
  max-height: none;
  flex: 0 1 auto;
  width: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .progress-meter-wrapper {
  position: relative;
  flex: 1 1 auto;
  max-width: 50%;
  max-height: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .progress-meter-wrapper.without-done-text {
  max-width: 100%;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section .progress-tracking-widget .widget-content-wrapper .first-row .progress-meter-wrapper.with-drill-down {
  max-width: 400px;
}
.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .overview-section.full-screen-mode .overview-section-content-wrapper .overview-section-content-component .overview-section-header-content-footer-wrapper {
  overflow: visible;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .counter-overview-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 24px;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .counter-overview-section.empty-state .counter-value-wrapper {
  opacity: 0.6;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .counter-overview-section .counter-value-wrapper {
  position: relative;
  flex: 1 1 auto;
  font-size: 87px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .counter-overview-section .counter-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .counter-overview-section .counter-loader .counter-loader-svg-classname {
  color: var(--primary-color);
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0;
  top: 0;
  left: 0;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section.settings-screen-mode .overview-section-content-footer-container .counter-overview-section-footer .counter-type, .overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section.with-open-dialog .overview-section-content-footer-container .counter-overview-section-footer .counter-type, .overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section:hover .overview-section-content-footer-container .counter-overview-section-footer .counter-type {
  opacity: 1;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-footer-container .counter-overview-section-footer .counter-type {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer .counter-title {
  flex: 0 1 auto;
  color: #333333;
  font-size: 16px;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer .counter-type {
  flex: 0 0 40px;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer .counter-type .function-drop-down span {
  text-transform: capitalize;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer .counter-type .function-drop-down.disabled {
  background: none;
  border: none;
  color: black;
  opacity: 1;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .counter-overview-section-footer .counter-type .function-drop-down.disabled .fa-angle-down {
  display: none;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component.top .function-configuration-content-dialog:before {
  top: initial;
  bottom: -20px;
  transform: rotate(180deg);
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component.top .function-configuration-content-dialog:after {
  top: initial;
  bottom: -16px;
  transform: rotate(180deg);
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component .function-configuration-content-dialog {
  position: relative;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding: 10px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component .function-configuration-content-dialog:before, .overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component .function-configuration-content-dialog:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  left: 50%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component .function-configuration-content-dialog:before {
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  border-width: 10px;
  top: -20px;
  left: calc(50% - 5px);
}
.overview-section-grid-wrapper.CounterOverviewSection-overview-section .overview-section .overview-section-content-wrapper .ds-dialog-content-component .function-configuration-content-dialog:after {
  border-bottom-color: white;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
  top: -16px;
  left: calc(50% - 3px);
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section.light-theme, .light-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section {
  background-color: #efefef;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section.light-theme .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover:not(.disabled), .light-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover:not(.disabled) {
  background-color: #ffffff;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section.dark_overview-theme, .dark_overview-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section {
  background-color: rgba(49, 56, 91, 0.85);
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section.dark_overview-theme .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover:not(.disabled), .dark_overview-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover:not(.disabled) {
  background-color: #3d467a;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s ease;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section.dialog-open:not(.disabled), .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover:not(.disabled) {
  cursor: pointer;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section.dialog-open .overview-header-add-section-button-component .empty-section-content, .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section:hover .overview-header-add-section-button-component .empty-section-content {
  opacity: 1;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content {
  opacity: 0;
  transition: opacity 0.35s ease;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content.light-theme .text, .light-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .text {
  color: #0085FF;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content.light-theme .plus-icon:before, .light-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon:before {
  color: #0085FF;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content.dark_overview-theme .text, .dark_overview-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .text {
  color: #ffffff;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content.dark_overview-theme .plus-icon:before, .dark_overview-theme .overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon:before {
  color: #ffffff;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .text {
  padding: 0 24px;
  font-size: 14px;
  text-align: center;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon {
  width: 60px;
  height: 60px;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon.disabled {
  cursor: default;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon.disabled:before {
  color: #808080;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon.disabled .text {
  cursor: default;
}
.overview-section-grid-wrapper.EmptyOverviewSection-overview-section .overview-section .overview-section-content-wrapper .overview-section-content-component .empty-overview-section .overview-header-add-section-button-component .empty-section-content .plus-icon:before {
  content: "+";
  height: 60px;
  width: 60px;
  font-size: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "roboto";
}

.reposition-right.empty-section-add-button .select-section-type-dialog:before {
  left: initial;
}
.reposition-right.empty-section-add-button .select-section-type-dialog:after {
  left: initial;
}
.overview-section-store .overview-section-item {
  display: flex;
  align-items: center;
  height: 68px;
  margin: 8px;
  cursor: pointer;
}
.overview-section-store .overview-section-item:hover {
  background-color: rgba(0, 154, 255, 0.2);
}
.overview-section-store .overview-section-item.selected {
  background: #cce9ff;
}
.overview-section-store .overview-section-item .preview {
  flex: 0 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  height: 100%;
}
.overview-section-store .overview-section-item .preview .overview-section-image {
  max-width: 100%;
  margin-left: 16px;
}
.overview-section-store .overview-section-item .title-wrapper {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  padding-right: 8px;
  padding-left: 4px;
}
.overview-section-store .overview-section-item .title-wrapper .title {
  font-weight: bold;
}
.overview-section-store .overview-section-item .title-wrapper .title-new {
  border: 1px solid #0085FF;
  border-radius: 4px;
  margin-left: 8px;
  padding: 0 2px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 13px;
  font-weight: 400;
}
.select-section-type-dialog {
  position: relative;
  width: 390px;
  background: #ffffff;
  background: var(--dialog-background-color);
  padding: 10px;
  border: 1px solid;
  border: #c5c7d0;
  border: var(--ui-border-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.select-section-type-dialog:before, .select-section-type-dialog:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  left: 50%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.select-section-type-dialog:before {
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 10px;
  top: -20px;
  left: 60px;
}
.select-section-type-dialog:after {
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
  top: -16px;
  left: 62px;
}
.select-section-type-dialog .overview-section-store .overview-section-item.store-item .preview {
  margin-right: 8px;
  flex: 0 0 88px;
}
.select-section-type-dialog .overview-section-store .overview-section-item.store-item .preview .open-store-item {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 16px 0 16px 8px;
}
.select-section-type-dialog .overview-section-store .overview-section-item.store-item .preview .open-store-item .dots-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
}
.select-section-type-dialog .overview-section-store .overview-section-item.store-item .preview .open-store-item .dots-wrapper .dot {
  flex: 0 0 9px;
  height: 9px;
  background-color: #569bfc;
  border-radius: 100%;
}
.select-section-type-dialog .overview-section-store .overview-section-item.store-item .preview .open-store-item .dots-wrapper .dot.middle {
  margin: 0 8px;
}

.reposition-right.add-section-button .select-section-type-dialog:before {
  left: initial;
  right: 48px;
}
.reposition-right.add-section-button .select-section-type-dialog:after {
  left: initial;
  right: 50px;
}
.overview-section.ThresholdOverviewSection-overview-section {
  background-color: #2b2e5c;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-content-wrapper {
  padding-top: 0;
}
.overview-section.ThresholdOverviewSection-overview-section.ds-text-component {
  color: #fff;
}
.overview-section.ThresholdOverviewSection-overview-section .ds-menu-button.ds-menu-button-sm {
  background-color: #fff !important;
}
.overview-section.ThresholdOverviewSection-overview-section .ds-menu-button.ds-menu-button-sm:hover {
  background-color: #4e4e4e !important;
}
.overview-section.ThresholdOverviewSection-overview-section .ds-editable-component.overview-section-name {
  color: #fff;
}
.overview-section.ThresholdOverviewSection-overview-section .ds-editable-input.ds-editable-input-text-align {
  color: initial;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .overview-section-name {
  color: #fff;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .header-button {
  background-color: #2b2e5c;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .header-button:hover {
  background-color: #4e4e4e;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .icon {
  color: #fff;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .overview-section-menu .overview-section-menu-button {
  color: #fff;
}
.overview-section.ThresholdOverviewSection-overview-section .overview-section-header-component .header-buttons-container .overview-section-menu .overview-section-menu-button:hover {
  background-color: #4e4e4e;
}

.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container {
  justify-content: center;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component {
  text-align: center;
  font-weight: 400;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .fire {
  background-image: url("/images/Fire_001.gif");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 400px 400px;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .under-fire {
  top: 70px;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder {
  position: relative;
  color: #fff;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder .threshold-number {
  font-size: 55px;
  height: 64px;
  width: 62px;
  position: relative;
  top: 25%;
  font-family: "Roboto";
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder.threshold-circle {
  height: 174px;
  width: 174px;
  border-radius: 174px;
  display: inline-block;
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder.threshold-circle.under-threshold {
  background: linear-gradient(-180deg, #e4ff80 0%, #3cce10 100%);
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder.threshold-circle.warning-threshold {
  background: linear-gradient(-180deg, #ffeb5a 0%, #ffa91d 100%);
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder.threshold-circle.alert-threshold {
  background: linear-gradient(-180deg, #ffc939 0%, #fb553a 100%);
}
.overview-section-grid-wrapper.ThresholdOverviewSection-overview-section .overview-section-content-container .threshold-overview-section-component .number-holder.threshold-circle.critical-threshold {
  background: linear-gradient(-180deg, #fe578f 0%, #fb3a3e 100%);
}
.country-single-activity-log {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  justify-content: center;
}
.country-single-activity-log .flag {
  flex: 0 0 22px;
  height: 16px;
  min-width: 22px;
}
.country-single-activity-log #country-value {
  position: relative;
  flex: 0 1 auto;
  width: unset;
  text-align: left;
}
#pulse_page .pulse_group tr.pulse_head th .timeline_selected_icon {
  display: none;
  position: absolute;
  color: #1c1f3b;
  bottom: 31px;
  left: 50%;
  font-size: 10px;
  transform: rotate(90deg);
  margin-left: -2px;
}

div.timeline-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.timeline-container.light-theme, .light-theme div.timeline-container {
  background-color: #ffffff;
}
div.timeline-container.dark-theme, .dark-theme div.timeline-container {
  background-color: #1c1f3b;
}
div.timeline-container.dark_overview-theme, .dark_overview-theme div.timeline-container {
  background-color: rgba(49, 56, 91, 0.85);
}
div.timeline-container.fullscreen {
  height: 100% !important;
}
div.timeline-container.with-board-views {
  top: 58px;
}
div.timeline-container.with-board-views div.tl-header {
  padding: 9px 0 9px 20px;
  height: 48px;
}
div.timeline-container.with-board-views div.tl-header.light-theme, .light-theme div.timeline-container.with-board-views div.tl-header {
  background-color: #ffffff;
  border-bottom: 1px solid #c5c7d0;
}
div.timeline-container.with-board-views div.tl-header.dark-theme, .dark-theme div.timeline-container.with-board-views div.tl-header {
  background-color: #1c1f3b;
  border-bottom: 1px solid #6e6f8f;
}
div.timeline-container.with-board-views div.tl-header.dark_overview-theme, .dark_overview-theme div.timeline-container.with-board-views div.tl-header {
  background-color: rgba(49, 56, 91, 0.85);
  border-bottom: 1px solid #21263f;
}
div.timeline-container.with-board-views div.tl-header .tl-header-board-name {
  font-size: 18px;
  color: white;
}
div.timeline-container.with-board-views div.tl-header .tl-header-board-name .tl-board-name {
  margin-right: 8px;
  font-weight: 500;
}
div.timeline-container.with-board-views div.tl-header .tl-header-board-name .tl-header-timeline {
  color: white;
  margin-left: 0px;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions {
  right: 8px;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions .tl-zoom-button {
  background: transparent;
  border: 1px solid #6e6f8f;
  margin-right: -1px;
  color: white;
  transition: none;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions .tl-zoom-button.active {
  background: #6e6f8f;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions .tl-zoom-button:hover:not(.active) {
  color: #6e6f8f;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions a.tl-close {
  font-size: 15px;
  background: none;
  line-height: 15px;
}
div.timeline-container.with-board-views div.tl-header .tl-header-actions a.tl-close:hover {
  color: #6e6f8f;
  background: none;
}

@media (max-width: 770px) {
  div.timeline-container {
    display: none !important;
  }

  div#content.timeline-open {
    margin-top: 0px !important;
    height: 100% !important;
  }
}
div.timeline-container div.tl-header {
  color: white;
  font-size: 18px;
  background-color: #5a626f;
  background: linear-gradient(3deg, #232b39 0%, #293342 18%, #687483 100%);
  padding: 12px 0 12px 20px;
  position: relative;
  cursor: default;
  z-index: 100;
}
div.timeline-container div.tl-header .tl-header-board-name .tl-board-name {
  max-width: 235px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.timeline-container div.tl-header .tl-header-board-name .tl-header-timeline {
  color: #727a86;
  margin: 0 10px;
  font-weight: 300;
}
div.timeline-container div.tl-header span.tl-header-column {
  font-size: 13px;
  font-weight: 400;
  margin-right: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-link {
  text-decoration: none;
  border-radius: 30px;
  display: block;
  padding: 2px 10px;
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  transition: background-color 0.1s ease, color 0.1s ease;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-link i {
  margin-left: 8px;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu {
  position: absolute;
  right: -10px;
  top: 30px;
  min-width: 150px;
  pointer-events: none;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu:before, div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
  margin-bottom: -1px;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu:before {
  right: 14px;
  border-bottom-color: #e1e1e1;
  border-width: 10px;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu:after {
  right: 16px;
  border-bottom-color: white;
  border-width: 8px;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu .iScrollIndicator {
  background: #d1d1d1;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu .tl-header-column-menu-inner {
  position: relative;
  border: 1px solid #e1e1e1;
  min-width: 200px;
  border-radius: 2px;
  pointer-events: all;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu .tl-header-column-menu-title {
  color: #999;
  background: white;
  text-align: left;
  padding: 10px 10px 5px 10px;
  font-size: 12px;
  font-weight: 300;
  cursor: default;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu .tl-header-column-option {
  color: #333;
  padding: 10px 10px 10px 20px;
  text-align: left;
  display: block;
  text-decoration: none;
  background: white;
  transition: background-color 0.1s ease;
}
div.timeline-container div.tl-header span.tl-header-column .tl-header-column-menu .tl-header-column-option:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: white;
}
div.timeline-container div.tl-header span.tl-export {
  font-weight: 400;
  margin-right: 16px;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
div.timeline-container div.tl-header span.tl-export:hover {
  color: #747f8e;
}
div.timeline-container div.tl-header div.tl-header-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
}
div.timeline-container div.tl-header div.tl-header-actions:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
div.timeline-container div.tl-header .tl-zoom .tl-zoom-button {
  font-size: 13px;
  font-weight: 400;
  width: 65px;
  text-align: center;
  background: #404c5b;
  padding: 3px 0px;
  margin-right: 1px;
  color: #0d1219;
  outline: 0;
  transition: background-color 0.5s ease, color 0.5s ease;
}
div.timeline-container div.tl-header .tl-zoom .tl-zoom-button:hover {
  color: #747f8e;
}
div.timeline-container div.tl-header .tl-zoom .tl-zoom-button.active {
  background: #2c384a;
  color: white;
}
div.timeline-container div.tl-header .tl-zoom .tl-zoom-button:first-of-type {
  border-radius: 20px 0px 0px 20px;
}
div.timeline-container div.tl-header .tl-zoom .tl-zoom-button:last-of-type {
  border-radius: 0px 20px 20px 0px;
}
div.timeline-container div.tl-header a {
  display: inline-block;
  vertical-align: middle;
  color: white;
  text-decoration: none;
  transition: color 0.1s ease;
}
div.timeline-container div.tl-header a:hover {
  color: #e1e1e1;
}
div.timeline-container div.tl-header a.tl-close {
  background: #2c384a;
  width: 25px;
  border-radius: 50%;
  text-align: center;
  height: 25px;
  font-size: 10px;
  margin-left: 20px;
  position: relative;
}
div.timeline-container div.tl-header a.tl-close:hover {
  background: #404c5b;
}
div.timeline-container div.tl-header a.tl-close .icon {
  position: absolute;
  top: 5px;
  right: 8px;
}
div.timeline-container div.tl-header a.tl-fullscreen-button {
  margin-left: 30px;
}
div.timeline-container div.tl-header span {
  display: inline-block;
  vertical-align: middle;
}
div.timeline-container div.tl-header span.tl-zoom-level {
  padding: 0 8px;
}
div.timeline-container div.tl-header input[type=range] {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  background: transparent;
  margin: 7px 8px;
  width: 10vw;
}
div.timeline-container div.tl-header input[type=range]:focus {
  outline: none;
}
div.timeline-container div.tl-header input[type=range]::-webkit-slider-runnable-track {
  width: 10vw;
  height: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #24334b;
  border-radius: 5vw;
}
div.timeline-container div.tl-header input[type=range]::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
div.timeline-container div.tl-header input[type=range]::-moz-range-track {
  width: 10vw;
  height: 4px;
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #24334b;
  border-radius: 5vw;
}
div.timeline-container div.tl-header input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
}
div.timeline-container div.tl-header input[type=range]::-ms-track {
  width: 10vw;
  height: 4px;
  cursor: pointer;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: transparent;
  border-color: transparent;
  border-width: 14px 0;
  color: transparent;
}
div.timeline-container div.tl-header input[type=range]::-ms-fill-lower {
  background: #1c273a;
  border-radius: 10vw;
}
div.timeline-container div.tl-header input[type=range]::-ms-fill-upper {
  background: #24334b;
  border-radius: 10vw;
}
div.timeline-container div.tl-header input[type=range]::-ms-thumb {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
}
div.timeline-container div.tl-header .today-control {
  position: absolute;
  z-index: 10;
  bottom: -28px;
}
div.timeline-container div.tl-header .today-control .today-control-link {
  color: white;
  font-size: 13px;
  font-weight: 400;
  padding: 0px 8px;
  border-radius: 20px;
  background: transparent;
  box-shadow: -5px 0px 20px rgba(28, 31, 59, 0.8);
  transition: background-color 0.1s ease;
}
div.timeline-container div.tl-header .today-control .today-control-link:hover {
  background-color: #f1f1f1;
  color: black;
}
div.timeline-container div.tl-header .today-control.in_past {
  left: 0px;
}
div.timeline-container div.tl-header .today-control.in_past .today-control-link {
  margin-left: 8px;
  padding: 0px 8px 0px 5px;
}
div.timeline-container div.tl-header .today-control.in_past .icon {
  transform: rotate(-180deg);
  position: relative;
  bottom: 1px;
}
div.timeline-container div.tl-header .today-control.in_future {
  right: 0px;
}
div.timeline-container div.tl-header .today-control.in_future .today-control-link {
  margin-right: 8px;
  padding: 0px 5px 0px 8px;
}
div.timeline-container div.tl-header .today-control:before {
  content: "";
  background: rgba(28, 31, 59, 0.8);
  left: 0px;
  width: 80px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: -1;
}

div.timeline-container {
  min-width: 700px;
}
div.timeline-container div.timeline-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
div.timeline-container div.tl-viewport {
  display: inline-block;
  flex: 1;
  cursor: grab;
  cursor: -webkit-grab;
}
div.timeline-container div.tl-viewport.grabbing {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.iScrollHorizontalScrollbar,
.iScrollVerticalScrollbar {
  position: absolute;
  overflow: visible !important;
}
.iScrollHorizontalScrollbar .iScrollIndicator,
.iScrollVerticalScrollbar .iScrollIndicator {
  border-radius: 20px;
  background: rgba(65, 67, 88, 0.9);
  position: relative;
  z-index: 10;
}
.iScrollHorizontalScrollbar.iScrollVerticalScrollbar,
.iScrollVerticalScrollbar.iScrollVerticalScrollbar {
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 8px;
  transition: width 0.2s ease;
}
.iScrollHorizontalScrollbar.iScrollVerticalScrollbar .iScrollIndicator,
.iScrollVerticalScrollbar.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  height: 100px;
}
.iScrollHorizontalScrollbar.iScrollVerticalScrollbar .iScrollIndicator:before,
.iScrollVerticalScrollbar.iScrollVerticalScrollbar .iScrollIndicator:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 6px;
  width: 10px;
}
.iScrollHorizontalScrollbar.iScrollVerticalScrollbar:hover,
.iScrollVerticalScrollbar.iScrollVerticalScrollbar:hover {
  width: 12px;
}
.iScrollHorizontalScrollbar.iScrollHorizontalScrollbar,
.iScrollVerticalScrollbar.iScrollHorizontalScrollbar {
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 11px;
  transition: height 0.2s ease;
}
.iScrollHorizontalScrollbar.iScrollHorizontalScrollbar .iScrollIndicator,
.iScrollVerticalScrollbar.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
  width: 100px;
}
.iScrollHorizontalScrollbar.iScrollHorizontalScrollbar .iScrollIndicator:before,
.iScrollVerticalScrollbar.iScrollHorizontalScrollbar .iScrollIndicator:before {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 0px;
  left: 0px;
  height: 11px;
}
.iScrollHorizontalScrollbar.iScrollHorizontalScrollbar:hover,
.iScrollVerticalScrollbar.iScrollHorizontalScrollbar:hover {
  height: 13px;
}

/* mixin for multiline */
div.left-panel-crop {
  position: absolute;
  top: 0;
  width: 100%;
}

div.timeline-container div.timeline-wrapper div.tl-background {
  height: 100%;
  transition: height 0.1s ease;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li {
  display: inline-block;
  padding-top: 10px;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.today:after {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 0;
  left: 0;
  right: 0;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.light-theme.today.today-highlight:after, .light-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.today.today-highlight:after {
  background: linear-gradient(to bottom, #f1f1f1 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.dark-theme.today.today-highlight:after, .dark-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.today.today-highlight:after {
  background: linear-gradient(to bottom, #2e3949 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.dark_overview-theme.today.today-highlight:after, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.today.today-highlight:after {
  background: linear-gradient(to bottom, #3c456c 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name {
  position: absolute;
  bottom: 5px;
  left: 0;
  font-size: 42px;
  line-height: 1;
  z-index: 1;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name {
  color: rgba(28, 31, 59, 0.3);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name {
  color: rgba(255, 255, 255, 0.3);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-background ul li span.month-name {
  color: rgba(255, 255, 255, 0.3);
}
div.timeline-container div.timeline-wrapper div.tl-dates, div.timeline-container div.timeline-wrapper div.tl-dates-wrapper {
  z-index: 900;
}
div.timeline-container div.timeline-wrapper div.tl-dates {
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
div.timeline-container div.timeline-wrapper div.tl-dates.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates {
  background-color: #ffffff;
}
div.timeline-container div.timeline-wrapper div.tl-dates.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates {
  background-color: #1c1f3b;
}
div.timeline-container div.timeline-wrapper div.tl-dates.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates {
  background-color: #31385b;
}
div.timeline-container div.timeline-wrapper div.tl-dates.faded {
  border-bottom: none;
  height: 32px;
}
div.timeline-container div.timeline-wrapper div.tl-dates.faded.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates.faded {
  background-color: rgba(255, 255, 255, 0.7);
}
div.timeline-container div.timeline-wrapper div.tl-dates.faded.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates.faded {
  background-color: rgba(28, 31, 59, 0.7);
}
div.timeline-container div.timeline-wrapper div.tl-dates.faded.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates.faded {
  background-color: rgba(49, 56, 91, 0.7);
}
div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header {
  height: 32px;
  display: flex;
  text-align: center;
  font-size: 14px;
  margin-left: 1px;
}
div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid;
}
div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item {
  border-color: #e6e9ef;
}
div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item {
  border-color: var(--dark-background-color);
}
div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates div.top-level-header .header-item {
  border-color: var(--ui-border-color);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li {
  display: inline-block;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame {
  padding: 0 4px 2px 4px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-top: 1px solid;
  border-left: 1px solid;
  transition: width 0.1s ease-out;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame {
  border-color: #e6e9ef;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame {
  border-color: var(--dark-background-color);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame {
  border-color: var(--ui-border-color);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li .date-frame .date-frame-label {
  width: 100%;
  padding: 2px 0;
  height: 18px;
  white-space: break-spaces;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header {
  height: 32px;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.today:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 16px;
  background: white;
  opacity: 0.07;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.today span {
  border-radius: 50%;
  width: 20px;
  display: inline-block;
  height: 20px;
  line-height: 21px;
  position: relative;
  bottom: 3px;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.current-time span {
  height: 18px;
  border-radius: 4px;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.light-theme.today span, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.today span {
  background-color: #1c1f3b;
  color: #ffffff;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.light-theme.weekend, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.weekend {
  background: #f5f6f8;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.light-theme.current-time span, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.current-time span {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark-theme.today span, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.today span {
  background-color: #ffffff;
  color: #1c1f3b;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark-theme.weekend, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.weekend {
  background: #4B4E69;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark-theme.current-time span, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.current-time span {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark_overview-theme.today span, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.today span {
  background-color: #ffffff;
  color: rgba(49, 56, 91, 0.85);
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark_overview-theme.weekend, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.weekend {
  background: #4B4E69;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.dark_overview-theme.current-time span, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates ul.second-level-header li.current-time span {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
div.timeline-container div.timeline-wrapper div.tl-dates {
  overflow: visible;
  box-sizing: content-box;
}
div.timeline-container div.timeline-wrapper div.tl-background {
  overflow: hidden;
}
div.timeline-container div.timeline-wrapper div.tl-dates,
div.timeline-container div.timeline-wrapper div.tl-background {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
}
div.timeline-container div.timeline-wrapper div.tl-dates.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-dates,
div.timeline-container div.timeline-wrapper div.tl-background.light-theme,
.light-theme div.timeline-container div.timeline-wrapper div.tl-background {
  color: #1c1f3b;
}
div.timeline-container div.timeline-wrapper div.tl-dates.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-dates,
div.timeline-container div.timeline-wrapper div.tl-background.dark-theme,
.dark-theme div.timeline-container div.timeline-wrapper div.tl-background {
  color: #ffffff;
}
div.timeline-container div.timeline-wrapper div.tl-dates.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-dates,
div.timeline-container div.timeline-wrapper div.tl-background.dark_overview-theme,
.dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-background {
  color: #ffffff;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul,
div.timeline-container div.timeline-wrapper div.tl-background ul {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  height: 100%;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li,
div.timeline-container div.timeline-wrapper div.tl-background ul li {
  text-align: center;
  vertical-align: top;
  height: 100%;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}
div.timeline-container div.timeline-wrapper div.tl-dates ul li span.first-day,
div.timeline-container div.timeline-wrapper div.tl-background ul li span.first-day {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
  color: #a1a1a1;
  -webkit-font-smoothing: auto;
  z-index: 1;
  padding: 0 2px;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend.light-theme, .light-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend {
  background: #f5f6f8;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend.dark-theme, .dark-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend {
  background: #4B4E69;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend.dark_overview-theme, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend {
  background: #4B4E69;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.weekend-line:before {
  background: rgba(85, 85, 85, 0.5);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line:before {
  content: "";
  position: absolute;
  top: 32px;
  bottom: 0;
  width: 1px;
  left: 0px;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.light-theme:before, .light-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line:before {
  background: #e6e9ef;
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.dark-theme:before, .dark-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line:before {
  background: var(--dark-background-color);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line.dark_overview-theme:before, .dark_overview-theme div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line:before {
  background: var(--ui-border-color);
}
div.timeline-container div.timeline-wrapper div.tl-background ul li.with_line:last-of-type:before {
  display: none;
}
div.timeline-container div.timeline-wrapper.months_view div.tl-dates ul li:not(.today) span {
  position: relative;
}

div.timeline-container div.tl-content {
  position: relative;
  padding-top: 64px;
  padding-bottom: 100px;
  color: white;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.timeline-container div.tl-content svg {
  display: block;
}
div.timeline-container div.tl-content.floating-groups {
  padding-top: 50px;
}
div.timeline-container div.tl-content .archer-container.hide-arches svg {
  display: none;
}
div.timeline-container div.tl-content .leftpane-footer {
  z-index: 100000;
  margin-top: 24px;
  position: absolute;
  display: flex;
  justify-content: center;
}
div.timeline-container div.tl-content div.tl-group {
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: 1px solid;
  border-bottom: 1px solid;
  /* collapse animation */
}
div.timeline-container div.tl-content div.tl-group .timeline-group-row-hover-trigger {
  width: 100%;
  position: absolute;
}
div.timeline-container div.tl-content div.tl-group.ungrouped .tl-group-title {
  pointer-events: none;
}
div.timeline-container div.tl-content div.tl-group.ungrouped .tl-group-title-collapse {
  display: none;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title {
  z-index: 100000;
  position: relative;
  will-change: transform;
  padding: 0 16px;
  white-space: nowrap;
  pointer-events: auto;
  -webkit-font-smoothing: auto;
  display: flex;
  align-self: flex-start;
  align-items: center;
  cursor: pointer;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title.group-title-multiple-person_column .overlap-image, div.timeline-container div.tl-content div.tl-group div.tl-group-title.group-title-multiple-person .overlap-image {
  overflow: visible;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title.group-title-multiple-person_column .overlap-image .overlap-image-person-image, div.timeline-container div.tl-content div.tl-group div.tl-group-title.group-title-multiple-person .overlap-image .overlap-image-person-image {
  width: 100%;
  height: 100%;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-image {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  background-color: #ffffff;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-image img,
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-image .tl-gt-image-color {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-image.person_column {
  height: 32px;
  width: 32px;
  border: 1px solid #efefef;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title .overlap-images-component {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 8px;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title .overlap-images-component .overlap-image {
  background: #fff;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  flex: 1;
  position: relative;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name .tl-gt-name-content {
  position: absolute;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name .tl-gt-name-content .ds-text-component {
  height: initial;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name .tl-gt-name-content .tl-gt-name-secondary {
  max-width: 100%;
  font-size: 12px;
  font-weight: normal;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name .tl-gt-name-content .tl-gt-name-secondary.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name .tl-gt-name-content .tl-gt-name-secondary {
  color: #333333;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name {
  color: #1c1f3b;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name {
  color: #ffffff;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-gt-name {
  color: #ffffff;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-group-title-content {
  display: flex;
  flex: 1 1 auto;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-group-title-collapse {
  align-self: center;
  width: 18px;
  margin-right: 6px;
  visibility: hidden;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-group-title-collapse.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-group-title-collapse {
  color: #333333;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title div.tl-group-title-collapse .collapse-icon {
  font-size: 9px;
  line-height: 10px;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-title:hover div.tl-group-title-collapse {
  visibility: visible;
}
div.timeline-container div.tl-content div.tl-group div.tl-group-header-row {
  position: absolute;
  width: 100%;
  top: 0;
}
div.timeline-container div.tl-content div.tl-group .tl-group-side-panel {
  z-index: 100000;
  position: absolute;
}
div.timeline-container div.tl-content div.tl-group .tl-group-side-panel .tl-group-end-line {
  z-index: 100000;
}
div.timeline-container div.tl-content div.tl-group .tl-group-end-line {
  border-bottom: 1px solid;
  position: absolute;
  height: 0;
  width: 100%;
  z-index: 190;
}
div.timeline-container div.tl-content div.tl-group .tl-group-end-line {
  transition: top 150ms ease-out;
}
div.timeline-container div.tl-content div.tl-group .tl-group-side-panel {
  transition: height 150ms ease-out;
}
div.timeline-container div.tl-content div.tl-group .tl-group-main-content {
  transition: height 150ms ease-out;
}
div.timeline-container div.tl-content div.tl-group.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group, div.timeline-container div.tl-content div.tl-group .tl-group-end-line.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group .tl-group-end-line {
  border-color: transparent;
}
div.timeline-container div.tl-content div.tl-group.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group, div.timeline-container div.tl-content div.tl-group .tl-group-end-line.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group .tl-group-end-line {
  border-color: transparent;
}
div.timeline-container div.tl-content div.tl-group.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group, div.timeline-container div.tl-content div.tl-group .tl-group-end-line.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group .tl-group-end-line {
  border-color: transparent;
}
div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line {
  border-color: #e6e9ef;
}
div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line {
  border-color: var(--dark-background-color);
}
div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group.with-borders .tl-group-end-line {
  border-color: var(--ui-border-color);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content {
  background-color: rgba(245, 246, 248, 0.4);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content {
  background-color: rgba(54, 58, 82, 0.4);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover .tl-group-main-content {
  background-color: rgba(33, 38, 63, 0.4);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel.light-theme, .light-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel {
  background-color: rgba(245, 246, 248, 0.4);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel {
  background-color: rgba(54, 58, 82, 0.4);
}
div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-group.highlight-hover:hover.left-panel-background .tl-group-side-panel {
  background-color: rgba(33, 38, 63, 0.4);
}
div.timeline-container div.tl-content-left {
  z-index: 100000;
  width: 150px;
  display: inline-block;
  position: absolute;
  pointer-events: none;
}
div.timeline-container div.tl-content-left.tl-content-shadow-right {
  top: 85px;
  right: 0px;
  bottom: 0px;
}
div.timeline-container div.tl-content-left.tl-content-shadow-right.light-theme, .light-theme div.timeline-container div.tl-content-left.tl-content-shadow-right {
  background-image: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.tl-content-left.tl-content-shadow-right.dark-theme, .dark-theme div.timeline-container div.tl-content-left.tl-content-shadow-right {
  background-image: linear-gradient(to left, #1c1f3b 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.tl-content-left.tl-content-shadow-right.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content-left.tl-content-shadow-right {
  background-image: linear-gradient(to left, rgba(49, 56, 91, 0.85) 0%, rgba(255, 255, 255, 0.001) 100%);
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg {
  top: 0px;
  bottom: 0px;
  position: absolute;
  border-right: 1px solid;
  border-right-color: #c5c7d0;
  border-right-color: var(--ui-border-color);
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.light-theme, .light-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg {
  background-color: #ffffff;
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.dark-theme, .dark-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg {
  background-color: #1c1f3b;
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg {
  background-color: #31385b;
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header {
  z-index: 100000;
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow {
  z-index: 100002;
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow.light-theme, .light-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow {
  background: linear-gradient(#ffffff, #ffffff 50%, rgba(255, 255, 255, 0));
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow.dark-theme, .dark-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow {
  background: linear-gradient(#1c1f3b, #1c1f3b 50%, rgba(255, 255, 255, 0));
}
div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content-left.tl-left-drawer-bg.tl-content-left-header-shadow {
  background: linear-gradient(#31385b, #31385b 50%, rgba(255, 255, 255, 0));
}

/*$link-color:#168ae0;*/
div.timeline-container div.tl-content div.tl-group-row,
div.timeline-container div.tl-content div.tl-group-row-panel {
  position: relative;
}
div.timeline-container div.tl-content .timeline-row-panel-more-options .icon_component {
  position: relative;
  top: 5px;
}
div.timeline-container div.tl-content div.tl-pulse {
  z-index: 200;
  border-radius: 3px;
  position: absolute;
  transform: translateZ(0);
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-lifted-top {
  margin-top: -5px;
}
div.timeline-container div.tl-content div.tl-pulse.with-dependency.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text, div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  margin-left: 16px;
}
div.timeline-container div.tl-content div.tl-pulse .tl-pulse-progress-component-container {
  width: 100%;
  height: 100%;
  position: absolute;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-old-position {
  z-index: 198;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-background-dim {
  opacity: 0.5;
}
div.timeline-container div.tl-content div.tl-pulse .tl-pulse-progress-container {
  width: 100%;
  height: 100%;
  position: relative;
}
div.timeline-container div.tl-content div.tl-pulse .tl-pulse-progress-bg {
  width: 100%;
  height: 4px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  border-radius: 3px;
}
div.timeline-container div.tl-content div.tl-pulse .tl-pulse-progress {
  width: 100%;
  height: 100%;
  position: absolute;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem.tl-subitem-white div.tl-minimized-pulse-bar div.tl-minimized-pulse-bar-inner {
  margin-left: 6px;
  background-color: #ffffff;
  border: 1px solid;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem.tl-subitem-white.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  background-color: transparent;
  border: none;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem.tl-subitem-white {
  border-radius: 3px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem .tl-subitem-tooltip {
  height: 100%;
}
div.timeline-container div.tl-content div.tl-pulse.tl-subitem .tl-subitem-tooltip div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  border-radius: 4px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-active {
  z-index: 300;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-hover:not(.tl-pulse-no-background), div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging:not(.tl-pulse-no-background) {
  z-index: 400;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-hover:not(.tl-pulse-no-background) div.tl-pulse-content div.tl-pulse-text, div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging:not(.tl-pulse-no-background) div.tl-pulse-content div.tl-pulse-text {
  max-width: initial !important;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-no-background.orange:active {
  background: transparent;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone {
  width: auto !important;
  background-color: transparent !important;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone .tl-pulse-draggable {
  display: flex;
  align-items: center;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone .tl-minimized-pulse-bar {
  display: block;
  border-radius: 0;
  margin-right: 2px;
  border-radius: 2px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone .tl-pulse-text {
  color: black;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone:not(.tl-collapsed) div.tl-pulse-content div.tl-pulse-text {
  display: none;
}
div.timeline-container div.tl-content div.tl-pulse.tl-milestone.orange:active {
  background: transparent;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-minimized-pulse-bar {
  height: 100%;
  display: none;
  border-radius: 4px;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-minimized-pulse-bar .tl-minimized-pulse-bar-inner {
  border-radius: 4px;
  height: 100%;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-no-background div.tl-pulse-content div.tl-pulse-text {
  color: #333333;
  padding: initial;
}
div.timeline-container div.tl-content div.tl-pulse.tl-collapsed .tl-pulse-content .tl-pulse-text, div.timeline-container div.tl-content div.tl-pulse.tl-small .tl-pulse-content .tl-pulse-text {
  transform: initial !important;
}
div.timeline-container div.tl-content div.tl-pulse.tl-collapsed {
  pointer-events: none;
  width: auto !important;
}
div.timeline-container div.tl-content div.tl-pulse.tl-collapsed div.tl-pulse-draggable {
  display: flex;
}
div.timeline-container div.tl-content div.tl-pulse.tl-collapsed div.tl-pulse-draggable div.tl-minimized-pulse-bar {
  pointer-events: auto;
  display: block;
  position: relative;
}
div.timeline-container div.tl-content div.tl-pulse.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  color: #333333 !important;
  padding: initial;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-content,
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-minimized-pulse-bar {
  cursor: -webkit-grab;
  cursor: grab;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-edit div.tl-pulse-content,
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-edit div.tl-pulse-draggable div.tl-minimized-pulse-bar {
  cursor: pointer !important;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-change-range div.tl-pulse-content,
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-change-range div.tl-pulse-draggable div.tl-minimized-pulse-bar {
  cursor: move;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown {
  border-radius: 0;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown div.tl-minimized-pulse-bar {
  border-radius: 0;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown div.tl-minimized-pulse-bar .tl-minimized-pulse-bar-inner {
  border-radius: 0;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper {
  opacity: 1;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown.tl-subitem.tl-subitem-white {
  border-radius: 0;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-with-resize-shown.tl-subitem .tl-subitem-tooltip div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  border-radius: 0;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable {
  height: 100%;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper {
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper.tl-pulse-resize-handler-wrapper-left {
  right: 100%;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper.tl-pulse-resize-handler-wrapper-left .timeline-resize-handle {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper.tl-pulse-resize-handler-wrapper-right {
  left: 100%;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable .tl-pulse-resize-handler-wrapper.tl-pulse-resize-handler-wrapper-right .timeline-resize-handle {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  text-align: center;
  vertical-align: top;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content.tl-pulse-no-limit-content {
  overflow: visible;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content.tl-pulse-no-limit-content div.tl-pulse-text {
  overflow: visible;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  display: flex;
  padding: 0 8px;
  margin-left: 6px;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0.2px;
  font-weight: 300;
  will-change: transform;
  transition: max-width 50ms ease-in;
  transition: margin-left 100ms ease-in;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text .tl-pulse-subitems-icon-wrapper {
  display: flex;
  margin: 4px;
  padding: 4px;
  height: 24px;
  line-height: 18px;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text .tl-pulse-subitems-icon-wrapper .subtasks-icon {
  width: 16px;
}
div.timeline-container div.tl-content div.tl-pulse:not(.tl-collapsed).tl-small div.tl-pulse-draggable div.tl-pulse-content .tl-pulse-text {
  margin-left: 0;
  padding: 0 4px;
  text-overflow: initial;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-duration-tooltip-wrapper {
  position: absolute;
  bottom: calc(100% + 10px);
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging div.tl-pulse-draggable {
  pointer-events: none;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging.tl-pulse-dragging-full div.tl-pulse-draggable {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip {
  position: absolute;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 3px;
  white-space: nowrap;
  transform: translateX(-50%);
  margin-top: 5px;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.light-theme, .light-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip {
  background: rgba(50, 50, 50, 0.9);
  color: #ffffff;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.light-theme:before, .light-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip:before {
  border-bottom-color: rgba(50, 50, 50, 0.9);
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.dark-theme, .dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip {
  background: rgba(255, 255, 255, 0.9);
  color: #333333;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.dark-theme:before, .dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip:before {
  border-bottom-color: rgba(255, 255, 255, 0.9);
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.dark_overview-theme, .dark_overview-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip {
  background: rgba(255, 255, 255, 0.9);
  color: #333333;
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip.dark_overview-theme:before, .dark_overview-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip:before {
  border-bottom-color: rgba(255, 255, 255, 0.9);
}
div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-tooltip:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  left: 50%;
  margin-left: -5px;
}
div.timeline-container div.tl-content.gantt-view div.tl-pulse.tl-collapsed div.tl-pulse-content div.tl-pulse-text {
  max-width: initial !important;
}

.dark_overview-theme div.timeline-container div.tl-content div.tl-pulse.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text,
.dark-theme div.timeline-container div.tl-content div.tl-pulse.tl-collapsed div.tl-pulse-draggable div.tl-pulse-content div.tl-pulse-text {
  color: white !important;
}
.dark_overview-theme div.timeline-container div.tl-content div.tl-pulse.tl-pulse-no-background div.tl-pulse-content div.tl-pulse-text,
.dark-theme div.timeline-container div.tl-content div.tl-pulse.tl-pulse-no-background div.tl-pulse-content div.tl-pulse-text {
  color: white !important;
}
.dark_overview-theme .tl-milestone .tl-pulse-text,
.dark-theme .tl-milestone .tl-pulse-text {
  color: white !important;
}

body.tl-pulse-left-dragging {
  cursor: w-resize !important;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body.tl-pulse-left-dragging .tl-viewport {
  cursor: w-resize !important;
}
body.tl-pulse-right-dragging {
  cursor: e-resize !important;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body.tl-pulse-right-dragging .tl-viewport {
  cursor: e-resize !important;
}
body.tl-pulse-horiz-dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body.tl-pulse-horiz-dragging .tl-viewport {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

body#main.dragging-timeline {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: row-resize !important;
}
body#main div.timeline-container div.tl-resize {
  background: #f1f1f1;
  height: 15px;
  z-index: 10;
  text-align: center;
  position: relative;
  cursor: row-resize;
  transition: background 0.2s ease;
}
body#main div.timeline-container div.tl-resize .icon {
  color: #333;
  display: inline-block;
  transform: rotate(90deg);
  position: absolute;
  top: -2px;
  font-size: 11px;
}
body#main div.timeline-container div.tl-resize:hover {
  background: #e1e1e1;
}

.tl-block-screen {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  color: white;
  text-align: center;
  z-index: 200;
}
.tl-block-screen .tl-block-screen-inner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.tl-block-screen .tl-block-screen-inner h1 {
  color: white;
  font-size: 36px;
  font-weight: 100;
  margin-bottom: 20px;
}
.tl-block-screen .tl-block-screen-inner h2 {
  color: white;
  font-size: 20px;
  margin-bottom: 30px;
}
.tl-block-screen .tl-block-screen-inner button.tl-block-screen-upgrade-button {
  color: black;
  background: white;
  font-size: 15px;
  padding: 10px 30px;
  border: none;
  font-weight: 400;
  outline: none;
  border-radius: 50px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.tl-block-screen .tl-block-screen-inner button.tl-block-screen-upgrade-button:hover {
  background: #f1f1f1;
  color: #0085ff;
  color: var(--primary-color);
}
.tl-block-screen .tl-block-screen-blog-link {
  display: block;
  color: #0085ff;
  color: var(--primary-color);
}
.tl-block-screen .tl-block-screen-close {
  color: #f1f1f1;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
}

.timeline-wrapper .tl-trial-label {
  color: white;
  position: absolute;
  bottom: 15px;
  right: 10px;
  font-size: 13px;
}

.timeline-wrapper.in-block-screen .tl-header,
.timeline-wrapper.in-block-screen .tl-viewport {
  filter: blur(7px);
}

.timeline-container-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.timeline-container-wrapper .react-timeline-container {
  height: 100% !important;
  position: relative;
  z-index: 1;
}
.timeline-container-wrapper .react-timeline-container .timeline-wrapper {
  position: relative;
}
.timeline-container-wrapper .timeline-legend-wrapper {
  width: 100%;
  bottom: 0;
  z-index: 2;
}

.monday-timeline-tooltip__content {
  display: flex;
  flex-direction: column;
}
.monday-timeline-tooltip__content .monday-timeline-tooltip__title {
  font-weight: bold;
  -webkit-margin-after: var(--spacing-small);
          margin-block-end: var(--spacing-small);
}
.country-filter-option .country-filter-option-full {
  display: flex;
  align-items: center;
}
.country-filter-option .country-filter-option-full .country-text {
  padding-left: 28px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-filter-option .country-filter-option-full .flag {
  height: 16px;
  position: absolute;
  left: 8px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-rollup {
  border-radius: 8px;
  margin-top: -8px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-rollup .tl-minimized-pulse-bar {
  border-radius: 8px;
}
div.timeline-container div.tl-content div.tl-pulse.tl-pulse-rollup .tl-pulse-progress-bg {
  border-radius: 8px;
}

.timeline-rollup-header-wrapper {
  height: 100%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.timeline-rollup-header-wrapper .timeline-rollup-bar-title {
  font-weight: bold;
}
/* mixin for multiline */
.location-autosuggest-component {
  width: 350px;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
}
.location-autosuggest-component.empty {
  opacity: 0;
}
.location-autosuggest-component .suggestion {
  cursor: pointer;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 5px;
  outline: none;
}
.location-autosuggest-component .suggestion:not(:last-child) {
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.location-autosuggest-component .suggestion .location-main-text {
  margin-left: 5px;
  font-size: 14px;
  font-weight: 500;
}
.location-autosuggest-component .suggestion .location-secondary-text {
  margin-left: 5px;
  font-size: 12px;
}
.location-autosuggest-component .suggestion.mark {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.location-autosuggest-component .suggestion:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
/* mixin for multiline */
.timeline-gantt-baseline-dialog-content-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 20px 16px 16px;
  width: 360px;
  font-size: 14px;
}
.timeline-gantt-baseline-dialog-content-component .timeline-gantt-baseline-dialog-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
.timeline-gantt-baseline-dialog-content-component .timeline-gantt-baseline-dialog-content-header .timeline-gantt-baseline-dialog-content-header-title {
  font-weight: 700;
  font-size: 16px;
}
.timeline-gantt-baseline-dialog-content-component .timeline-gantt-baseline-dialog-baseline-option-wrapper {
  margin-top: 8px;
}
.timeline-gantt-baseline-dialog-content-component .timeline-gantt-baseline-dialog-baseline-new {
  margin-top: 28px;
}

.timeline-view-header-baseline-button {
  margin-left: 16px;
}
.location-map-tooltip-wrapper h1 {
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
}
.location-map-tooltip-wrapper .address {
  font-size: 13px;
}
.resource-allocation-header-row-component {
  width: 100%;
  height: 100%;
  position: relative;
}

.allocation-item-wrapper {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.map-view-wrapper {
  position: relative;
  border: 1px solid #c4c4c4;
  background: #ffffff;
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  font-size: 13px;
  transition: width 0.2s, height 2s;
  pointer-events: all;
  width: 400px;
  height: 400px;
}
.map-view-wrapper .map-view-container {
  width: 100%;
  height: 100%;
}
@-webkit-keyframes circleScale {
  0% {
    transform: scale(1.15);
  }
  25% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes circleScale {
  0% {
    transform: scale(1.15);
  }
  25% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.resource-allocation-utilization-item-component {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  height: 100%;
}
.resource-allocation-utilization-item-component .spacer,
.resource-allocation-utilization-item-component .utilization-total {
  flex: 1 1;
}
.resource-allocation-utilization-item-component .utilization-indication {
  flex: 0 0 auto;
  align-self: center;
}
.resource-allocation-utilization-item-component .utilization-total {
  margin-top: -8px;
  font-size: 12px;
  max-width: 36px;
  align-self: flex-end;
  font-weight: 400;
}
.resource-allocation-utilization-item-component .utilization-total.light-theme, .light-theme .resource-allocation-utilization-item-component .utilization-total {
  color: #1c1f3b;
}
.resource-allocation-utilization-item-component .utilization-total.dark-theme, .dark-theme .resource-allocation-utilization-item-component .utilization-total {
  color: #ffffff;
}
.resource-allocation-utilization-item-component .utilization-total.dark_overview-theme, .dark_overview-theme .resource-allocation-utilization-item-component .utilization-total {
  color: #ffffff;
}
.resource-allocation-utilization-item-component .utilization-indication,
.resource-allocation-utilization-item-component .utilization-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.resource-allocation-utilization-item-component .utilization-indication {
  background: rgba(0, 133, 255, 0.24);
  height: 56px;
  width: 56px;
  transition: transform 0.1s linear;
  margin: 0 2px;
}
.resource-allocation-utilization-item-component .utilization-indication.full-overlay {
  background: transparent;
}
.resource-allocation-utilization-item-component .utilization-indication .utilization-overlay {
  background: #0085FF;
}
.resource-allocation-utilization-item-component .utilization-indication .utilization-overlay .exact-utilization-icon {
  font-size: 16px;
  margin-top: 6px;
}
.resource-allocation-utilization-item-component .utilization-indication .utilization-overlay.over-utilized {
  background: #e44258;
}
.resource-allocation-utilization-item-component:hover .utilization-indication, .resource-allocation-utilization-item-component.active .utilization-indication {
  transform: scale(0.94);
}
.location-input-wrapper {
  width: calc(100% - 25px);
}

.location-cell-component {
  height: 100%;
  padding: 0 5px;
  display: flex;
  min-width: 0;
  align-items: center;
  text-align: left;
  line-height: 24px;
  font-size: 12px;
  overflow: visible;
}
.location-cell-component:hover .location-map-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.location-cell-component.location-active .location-map-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.location-cell-component.location-active .location-map-icon:hover {
  opacity: 0.7;
}
.location-cell-component.text-cell-light-component .ds-text-component {
  height: 25px;
}
.location-cell-component .location-map-icon {
  color: grey;
  font-size: 16px;
  margin-right: 5px;
  margin-left: 4px;
  vertical-align: bottom;
}
.location-cell-component.location-cell-light-component .location-input-wrapper {
  position: relative;
  bottom: -1px;
}
.utilization-item-items-list-component .right-renderer-wrapper {
  background: #f5f6f8;
  font-weight: 400;
  padding: 4px 4px;
  margin: 4px;
  border-radius: 2px;
  width: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  color: #333333;
  text-align: center;
}
.utilization-item-items-list-component .utilization-items-list-summary {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.utilization-item-items-list-component .utilization-items-list-summary .summary-text-container {
  display: flex;
  width: 100%;
}
.utilization-item-items-list-component .utilization-items-list-summary .summary-text-container .out-of-office {
  font-size: 14px;
  margin-left: 4px;
}
.utilization-item-items-list-component .utilization-items-list-summary .summary-text-container .summary-text {
  margin-left: auto;
  flex: 1 1 auto;
  text-align: end;
  font-weight: 300;
}
.pulse-id-cell-component {
  padding: 0px 5px;
  cursor: pointer;
}
.pulse-id-cell-component.copied-text {
  color: #00ca72;
}
.highchart-component-wrapper {
  height: 100%;
}
.highchart-component-wrapper .highchart-component {
  height: 100%;
}
.highchart-component-wrapper .highchart-component .highcharts-legend-item.highcharts-pie-series > span {
  overflow: visible !important;
}

.highchart-component.dark-theme {
  background-color: #1c1f3b;
}
.highchart-component.dark-theme .highcharts-contextbutton .highcharts-button-symbol {
  transition: all 0.2s ease;
}
.highchart-component.dark-theme .highcharts-contextbutton.highcharts-button-hover .highcharts-button-symbol, .highchart-component.dark-theme .highcharts-contextbutton.highcharts-button-pressed .highcharts-button-symbol {
  stroke: #61caf7;
}
.highchart-component.dark-theme .highcharts-legend-navigation {
  stroke: #ffffff;
}
.highchart-component.dark-theme path.highcharts-legend-nav-inactive {
  fill: #b2b3d0;
}
.highchart-component.dark-theme path.highcharts-legend-nav-active {
  fill: #ffffff;
}
.highchart-component.dark-theme .highcharts-title tspan {
  text-transform: none !important;
}
.highchart-component.dark-theme .highcharts-contextmenu {
  padding: 0px !important;
  top: 36px !important;
  right: 14px !important;
}
.highchart-component.dark-theme .highcharts-contextmenu div {
  box-shadow: none !important;
}
.highchart-component.dark-theme .highcharts-menu {
  display: flex;
  flex-direction: column;
  width: 180px !important;
  position: relative;
  border: 1px solid #c4c4c4 !important;
  background-color: #ffffff !important;
  box-shadow: -1px 10px 44px -20px #333333 !important;
  padding: 8px !important;
}
.highchart-component.dark-theme .highcharts-menu .highcharts-menu-item {
  display: flex !important;
  align-items: center !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
  color: #333333 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
  height: 29px !important;
  transition: none !important;
}
.highchart-component.dark-theme .highcharts-menu .highcharts-menu-item:hover {
  border-radius: none !important;
  color: #fff !important;
  background-color: #0085ff !important;
  background-color: var(--primary-color) !important;
}

.highchart-component.light-theme .highcharts-contextbutton.highcharts-button-hover .highcharts-button-symbol, .highchart-component.light-theme .highcharts-contextbutton.highcharts-button-pressed .highcharts-button-symbol {
  stroke: #0085ff;
  stroke: var(--primary-color);
}
.pulse-id-cell-light-functional-component {
  padding: 0px 5px;
  cursor: pointer;
}
.pulse-id-cell-light-functional-component .copied-text {
  color: #00ca72;
}
.graph-content-component {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.graph-content-component .highcharts-root {
  fill: #323338;
  fill: var(--primary-text-color);
}
.link-cell-component {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.link-cell-component .link-url-edit-box {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.link-cell-component .link-cell-url-wrapper {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px;
  width: 100%;
}
.link-cell-component .link-cell-url-wrapper .link-cell-url {
  color: #0086c0;
  position: relative;
  padding: 0px 4px;
}
.link-cell-component .link-cell-url-wrapper .link-cell-url:hover {
  text-decoration: underline;
}
@charset "UTF-8";
.calendar-content-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.calendar-content-wrapper .calendar-legend-wrapper {
  width: 100%;
}
.calendar-content-wrapper .calendar-view-content-component {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.calendar-content-wrapper .calendar-view-content-component.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component {
  background-color: #ffffff;
  color: #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component {
  background-color: #1c1f3b;
  color: #454662;
}
.calendar-content-wrapper .calendar-view-content-component.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component {
  background-color: rgba(49, 56, 91, 0.85);
  color: #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.selected-event .rbc-event:not(.rbc-selected):not(:hover) {
  opacity: 0.5;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper {
  width: 100%;
  height: 100%;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.week.show-time-slots .calendar-event {
  margin-top: 0px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-event-label {
  display: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
  border-left: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
  border-left: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
  border-left: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-label.rbc-time-header-gutter {
  display: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-header {
  height: 100%;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-header .rbc-time-header-content {
  height: 100%;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-header .rbc-time-header-content .rbc-allday-cell {
  height: 100%;
  padding-top: 8px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-content {
  display: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-calendar {
  min-height: 445px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .calendar-event {
  margin: auto 5px;
  height: 21px;
  color: black;
  margin-top: 4px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .calendar-event .column-type-icon {
  padding-right: 6px;
  opacity: 0.5;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-timeslot-group {
  border-bottom: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme:hover, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
  background-color: #c7e6fa;
  color: #0085FF;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme:hover, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
  background-color: #454662;
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme:hover, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
  background-color: #454662;
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
  cursor: pointer;
  border-radius: 10px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
  cursor: pointer;
  border-radius: 10px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
  background-color: #c7e6fa;
  color: #0085FF;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
  background-color: #454662;
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
  background-color: #454662;
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after {
  content: "+ Add";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-slot.remove-slot-break {
  border-top: none !important;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-slot.add-text:hover::after {
  content: "+ Add";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-content {
  border-top: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-event {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .calendar-event.rbc-event-continues-prior {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: 0px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .calendar-event.rbc-event-continues-after {
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view {
  border: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view {
  border: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-view {
  border: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-event-content {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header {
  font-weight: 400;
  font-size: 100%;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header {
  color: #1c1f3b;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header {
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header {
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
  border-left: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
  border-left: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
  border-left: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row {
  min-height: 84px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row {
  border-top: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row {
  border-top: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-month-row {
  border-top: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header > a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header > a:active,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header > a:visited,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a:active,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
  cursor: default;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
  font-weight: 400;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
  color: #c4c4c4;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
  color: #605f88;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
  color: #605f88;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-slot .rbc-label {
  color: #adadad;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
  background-color: #ffffff;
  border-left: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme.rbc-today, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
  border-left: 1px solid #e6e9ef;
  background-color: #c7e6fa;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
  background-color: #1c1f3b;
  border-left: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme.rbc-today, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
  border-left: 1px solid #454662;
  background-color: #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
  background-color: rgba(49, 56, 91, 0.85);
  border-left: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme.rbc-today, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
  border-left: 1px solid #21263f;
  background-color: #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
  opacity: 0.5;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
  display: none !important;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
  font-weight: 500;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.light-theme,
.light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
  color: #0085FF;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.dark-theme,
.dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.dark_overview-theme,
.dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
  color: #ffffff;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-timeslot-group {
  border-bottom: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header.rbc-overflowing {
  border-right: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
  border-right: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
  border-right: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
  border-right: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
  border-left: 1px solid #e6e9ef;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
  border-left: 1px solid #454662;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
  border-left: 1px solid #21263f;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-overlay {
  background-color: #454662;
  color: #adadad;
  padding-bottom: 24px;
  padding-top: 16px;
  max-width: 600px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-overlay .rbc-overlay-header {
  border: none;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event {
  margin-top: 8px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event.rbc-event-continues-prior,
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event.rbc-event-continues-after {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 10px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-row.rbc-month-header {
  min-height: 27px;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-current-time-indicator {
  display: none !important;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more {
  background-color: transparent;
  margin-top: 6px;
  margin-left: 4px;
  font-weight: 400;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more {
  color: #c5c7d0;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more {
  color: #f1f1f1;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-show-more {
  color: #f1f1f1;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.light-theme, .light-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: #e1e1e1;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.dark-theme, .dark-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: #2e2f4a;
}
.calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.dark_overview-theme, .dark_overview-theme .calendar-content-wrapper .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: #2e2f4a;
}
.calendar-content-wrapper .rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}
.calendar-content-wrapper button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
.calendar-content-wrapper button[disabled].rbc-btn {
  cursor: not-allowed;
}
.calendar-content-wrapper button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.calendar-content-wrapper .rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.calendar-content-wrapper .rbc-calendar *,
.calendar-content-wrapper .rbc-calendar *:before,
.calendar-content-wrapper .rbc-calendar *:after {
  box-sizing: inherit;
}
.calendar-content-wrapper .rbc-abs-full,
.calendar-content-wrapper .rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.calendar-content-wrapper .rbc-ellipsis,
.calendar-content-wrapper .rbc-event-label,
.calendar-content-wrapper .rbc-row-segment .rbc-event-content,
.calendar-content-wrapper .rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-rtl {
  direction: rtl;
}
.calendar-content-wrapper .rbc-off-range {
  color: #999999;
}
.calendar-content-wrapper .rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
}
.calendar-content-wrapper .rbc-header > span {
  vertical-align: middle;
}
.calendar-content-wrapper .rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-header > a,
.calendar-content-wrapper .rbc-header > a:active,
.calendar-content-wrapper .rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}
.calendar-content-wrapper .rbc-row-content {
  position: relative;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}
.calendar-content-wrapper .rbc-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.calendar-content-wrapper .rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.calendar-content-wrapper .rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-toolbar button:active,
.calendar-content-wrapper .rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.calendar-content-wrapper .rbc-toolbar button:active:hover,
.calendar-content-wrapper .rbc-toolbar button.rbc-active:hover,
.calendar-content-wrapper .rbc-toolbar button:active:focus,
.calendar-content-wrapper .rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.calendar-content-wrapper .rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.calendar-content-wrapper .rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.calendar-content-wrapper .rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-content-wrapper .rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.calendar-content-wrapper .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.calendar-content-wrapper .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-content-wrapper .rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.calendar-content-wrapper .rbc-btn-group button + button {
  margin-left: -1px;
}
.calendar-content-wrapper .rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.calendar-content-wrapper .rbc-btn-group + .rbc-btn-group,
.calendar-content-wrapper .rbc-btn-group + button {
  margin-left: 10px;
}
.calendar-content-wrapper .rbc-event {
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.calendar-content-wrapper .rbc-slot-selecting .rbc-event {
  cursor: inherit;
  pointer-events: none;
}
.calendar-content-wrapper .rbc-event.rbc-selected {
  background-color: #265985;
}
.calendar-content-wrapper .rbc-event-label {
  font-size: 80%;
}
.calendar-content-wrapper .rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}
.calendar-content-wrapper .rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.calendar-content-wrapper .rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-content-wrapper .rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.calendar-content-wrapper .rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-content-wrapper .rbc-event-continues-day-after {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-content-wrapper .rbc-event-continues-day-prior {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.calendar-content-wrapper .rbc-row {
  display: flex;
  flex-direction: row;
}
.calendar-content-wrapper .rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.calendar-content-wrapper .rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}
.calendar-content-wrapper .rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-month-view {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}
.calendar-content-wrapper .rbc-month-header {
  display: flex;
  flex-direction: row;
}
.calendar-content-wrapper .rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.calendar-content-wrapper .rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.calendar-content-wrapper .rbc-date-cell.rbc-now {
  font-weight: bold;
}
.calendar-content-wrapper .rbc-date-cell > a,
.calendar-content-wrapper .rbc-date-cell > a:active,
.calendar-content-wrapper .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}
.calendar-content-wrapper .rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
}
.calendar-content-wrapper .rbc-day-bg {
  flex: 1 0 0%;
}
.calendar-content-wrapper .rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-overlay {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  padding: 10px;
}
.calendar-content-wrapper .rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}
.calendar-content-wrapper .rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}
.calendar-content-wrapper .rbc-agenda-time-cell {
  text-transform: lowercase;
}
.calendar-content-wrapper .rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.calendar-content-wrapper .rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}
.calendar-content-wrapper .rbc-agenda-date-cell,
.calendar-content-wrapper .rbc-agenda-time-cell {
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-agenda-event-cell {
  width: 100%;
}
.calendar-content-wrapper .rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.calendar-content-wrapper .rbc-time-column .rbc-timeslot-group {
  flex: 1;
}
.calendar-content-wrapper .rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}
.calendar-content-wrapper .rbc-time-gutter,
.calendar-content-wrapper .rbc-header-gutter {
  flex: none;
}
.calendar-content-wrapper .rbc-label {
  padding: 0 5px;
}
.calendar-content-wrapper .rbc-day-slot {
  position: relative;
}
.calendar-content-wrapper .rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 10px;
  top: 0;
}
.calendar-content-wrapper .rbc-day-slot .rbc-events-container.rbc-is-rtl {
  left: 10px;
  right: 0;
}
.calendar-content-wrapper .rbc-day-slot .rbc-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.calendar-content-wrapper .rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.calendar-content-wrapper .rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.calendar-content-wrapper .rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}
.calendar-content-wrapper .rbc-time-slot {
  flex: 1 0 0;
}
.calendar-content-wrapper .rbc-time-slot.rbc-now {
  font-weight: bold;
}
.calendar-content-wrapper .rbc-day-header {
  text-align: center;
}
.calendar-content-wrapper .rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}
.calendar-content-wrapper .rbc-slot-selecting {
  cursor: move;
}
.calendar-content-wrapper .rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.calendar-content-wrapper .rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
}
.calendar-content-wrapper .rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  position: relative;
}
.calendar-content-wrapper .rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.calendar-content-wrapper .rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}
.calendar-content-wrapper .rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.calendar-content-wrapper .rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-time-header-content {
  flex: 1;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.calendar-content-wrapper .rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.calendar-content-wrapper .rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.calendar-content-wrapper .rbc-time-content > .rbc-day-slot {
  width: 100%;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.calendar-content-wrapper .rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
.link-cell-link-picker {
  position: relative;
  text-align: left;
  border-radius: 2px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-on-secondary-color);
  transition: all 0.15s ease-in-out;
  width: 250px;
  min-height: 40px;
  z-index: 100;
  padding: 16px;
}
.link-cell-link-picker:before, .link-cell-link-picker:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.link-cell-link-picker:before {
  right: 50%;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-on-secondary-color);
  border-width: 10px;
  transform: translateX(11px);
}
.link-cell-link-picker:after {
  right: 50%;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--dialog-background-color);
  border-width: 8px;
  transform: translateX(9px);
}
.link-cell-link-picker .link-title {
  font-size: 16px;
  margin-bottom: 16px;
}
.link-cell-link-picker .link-input {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: 0;
  padding: 0 16px;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 16px;
  outline: none;
}
.link-cell-link-picker .link-input:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.link-cell-link-picker .link-input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #676879;
  color: var(--placeholder-color);
  opacity: 1;
  /* Firefox */
}
.link-cell-link-picker .link-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #676879;
  color: var(--placeholder-color);
  opacity: 1;
  /* Firefox */
}
.link-cell-link-picker .link-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #676879;
  color: var(--placeholder-color);
}
.link-cell-link-picker .link-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #676879;
  color: var(--placeholder-color);
}
.link-cell-link-picker .url-input {
  margin-bottom: 24px;
}

.ds-dialog-content-wrapper.reposition-right .link-cell-link-picker:before, .ds-dialog-content-wrapper.reposition-right .link-cell-link-picker:after {
  right: 55px;
}
/*$link-color:#168ae0;*/
.calendar-view-event-component {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.calendar-view-event-component.timerange .title-wrapper .column-type-icon {
  font-size: 11px;
  margin-top: 2px;
}
.calendar-view-event-component .title-wrapper {
  padding-right: 20px;
  padding-left: 20px;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  pointer-events: none;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-view-event-component .title-wrapper .column-type-icon {
  font-size: 12px;
}
.calendar-view-event-component .events-slots-wrapper {
  width: 100%;
  display: flex;
}
.calendar-view-event-component .events-slots-wrapper .slot {
  flex: 1;
  height: 18px;
}
.link-single-activity-log {
  width: 100%;
  position: absolute;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.link-single-activity-log .link-single-activity-log-text {
  color: #0086c0;
}
.link-single-activity-log .link-single-activity-log-text:hover {
  text-decoration: underline;
}
.calendar-view-header-component {
  display: flex;
  align-items: center;
}
.calendar-view-header-component.fullscreen-mode {
  margin-right: 0;
  justify-content: space-between;
}
.calendar-view-header-component .navigation-section {
  display: flex;
  min-width: 0px;
  align-items: center;
}
.calendar-view-header-component .navigation-section.light-theme, .light-theme .calendar-view-header-component .navigation-section {
  color: #1c1f3b;
}
.calendar-view-header-component .navigation-section.dark-theme, .dark-theme .calendar-view-header-component .navigation-section {
  color: #ffffff;
}
.calendar-view-header-component .navigation-section.dark_overview-theme, .dark_overview-theme .calendar-view-header-component .navigation-section {
  color: #ffffff;
}
.calendar-view-header-component .navigation-section .calendar-view-header-title {
  font-size: 14px;
  width: 130px;
  text-align: center;
}
.calendar-view-header-component .navigation-section .calendar-view-header-title.short-width {
  width: 64px;
}
.calendar-view-header-component .navigation-section .calendar-view-header-title-new {
  font-size: 16px;
  width: 130px;
  text-align: left;
  margin-left: 24px;
}
.calendar-view-header-component .navigation-section .calendar-view-header-title-new.short-width {
  width: 64px;
}
.calendar-view-header-component .navigation-section .navigation {
  flex: 1 0;
  transition: background 0.1s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.calendar-view-header-component .navigation-section .navigation:hover .icon {
  color: #6e6f8f;
}
.calendar-view-header-component .navigation-section .navigation.left-navigation {
  margin-right: 16px;
}
.calendar-view-header-component .navigation-section .navigation.left-navigation .icon {
  transform: rotateY(180deg);
}
.calendar-view-header-component .navigation-section .navigation.right-navigation {
  margin-right: 16px;
  margin-left: 16px;
}
.calendar-view-header-component .navigation-section .navigation-new {
  flex: 1 0;
  transition: background 0.1s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  width: 32px;
  height: 32px;
}
.calendar-view-header-component .navigation-section .navigation-new:not(.square-navigation-arrow) {
  border-radius: 24px;
}
.calendar-view-header-component .navigation-section .navigation-new:hover.light-theme, .light-theme .calendar-view-header-component .navigation-section .navigation-new:hover {
  background-color: #edeef0;
}
.calendar-view-header-component .navigation-section .navigation-new:hover.dark-theme, .dark-theme .calendar-view-header-component .navigation-section .navigation-new:hover {
  background-color: #363a52;
}
.calendar-view-header-component .navigation-section .navigation-new:hover.dark_overview-theme, .dark_overview-theme .calendar-view-header-component .navigation-section .navigation-new:hover {
  background-color: #21263f;
}
.calendar-view-header-component .navigation-section .navigation-new:hover .icon {
  color: #6e6f8f;
}
.calendar-view-header-component .navigation-section .navigation-new.left-navigation {
  transform: rotateY(180deg);
}
.calendar-view-header-component .calendar-view-header-today {
  margin-right: 24px;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button {
  font-size: 13px;
  background-color: transparent;
  transition: 0.1s background-color ease-in, 0.1s color ease-in;
  cursor: pointer;
  padding: 6px 16px;
  text-decoration: none;
  border-radius: 20px;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.light-theme, .light-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button {
  color: #1c1f3b;
  border: 1px solid #c5c7d0;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.light-theme:hover, .light-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button:hover {
  background-color: #e5f4ff;
  color: #0085FF;
  border: 1px solid #edeef0;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.dark-theme, .dark-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button {
  color: #ffffff;
  border: 1px solid #6e6f8f;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.dark-theme:hover, .dark-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button:hover {
  background-color: #363a52;
  color: #0085FF;
  border: 1px solid #363a52;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.dark_overview-theme, .dark_overview-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button {
  color: #ffffff;
  border: 1px solid #21263f;
}
.calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button.dark_overview-theme:hover, .dark_overview-theme .calendar-view-header-component .calendar-view-header-today .calendar-view-header-today-button:hover {
  background-color: #21263f;
  color: #0085FF;
  border: 1px solid #21263f;
}
.columns-battery-cell-component {
  height: 100%;
  display: flex;
  align-items: center;
}
.columns-battery-cell-component .battery-container {
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  border: 2px solid;
  border-color: #00ca72;
  border-color: var(--positive-color);
  overflow: hidden;
  flex: 1 1 auto;
  margin-left: 8px;
  margin-right: 8px;
}
.columns-battery-cell-component .column-battery {
  float: left;
  height: 100%;
  background-color: #00ca72;
  background-color: var(--positive-color);
}
.columns-battery-cell-component .column-battery-anim {
  transition: all 0.2s ease-in-out;
}
.columns-battery-cell-component .done-percentage {
  width: 40px;
  color: #666666;
  color: var(--pulse-text-color);
  flex: 0 0 30px;
  margin-right: 8px;
  text-align: right;
}
.kanban-view-header-component {
  display: flex;
  align-items: center;
  height: 32px;
}
.columns-battery-column-footer-component {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.columns-battery-column-footer-component .battery-container {
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  border: 2px solid;
  border-color: #00ca72;
  border-color: var(--positive-color);
  overflow: hidden;
  flex: 1 1 auto;
  margin-left: 8px;
  margin-right: 8px;
}
.columns-battery-column-footer-component .column-battery {
  float: left;
  height: 100%;
  background-color: #00ca72;
  background-color: var(--positive-color);
}
.columns-battery-column-footer-component .column-battery-anim {
  transition: all 0.2s ease-in-out;
}
.columns-battery-column-footer-component .done-percentage {
  width: 40px;
  color: #666666;
  color: var(--pulse-text-color);
  flex: 0 0 30px;
  margin-right: 8px;
  text-align: right;
}
.files-preview-navigator-component {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  flex: 1;
}
.files-preview-navigator-component:hover .navigation-button {
  visibility: visible;
}
.files-preview-navigator-component .file-thumbnail-preview-container {
  padding: 8px 8px 4px 8px;
}
.files-preview-navigator-component .navigation-button {
  visibility: hidden;
  position: absolute;
}
.files-preview-navigator-component .navigation-button.left-button {
  left: 12px;
}
.files-preview-navigator-component .navigation-button.right-button {
  right: 12px;
}
.files-preview-navigator-component .navigation-button .navigation-button-icon {
  color: #676879;
  width: 16px;
  height: 16px;
}
.files-preview-navigator-component .files-counter {
  position: absolute;
  bottom: 8px;
  left: 12px;
  background: #323338;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 14px;
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.column-percentage-settings-component {
  display: flex;
  width: 100%;
  align-items: center;
}
.column-percentage-settings-component .column-percentage {
  display: flex;
  border: 1px solid #979797;
  border-radius: 3px;
  height: 24px;
  width: 53px;
}
.column-percentage-settings-component .column-percentage .ds-editable-input {
  border: none;
}
.column-percentage-settings-component .column-percentage .ds-editable-input.ds-editable-input-text-align {
  text-align: center;
}
.column-percentage-settings-component .column-percentage .ds-editable-component {
  text-align: center;
}
.column-percentage-settings-component .column-percentage.is-editing {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.column-percentage-settings-component .disabled-percentage {
  background-color: #f7f7f7;
  border-color: #c4c4c4;
  color: #c4c4c4;
  cursor: default;
}

.option {
  display: flex;
  width: 100%;
  align-items: center;
}
.option.disabled .option-icon {
  border-color: #808080;
  background-color: #c4c4c4;
  opacity: 0.5;
}
.option .option-text,
.option .option-icon {
  cursor: pointer;
}
.option .option-text.disabled,
.option .option-icon.disabled {
  cursor: default;
}
.option .option-icon {
  flex: 0 0 16px;
  height: 16px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.option .option-text-container {
  flex: 1;
  margin: 0px 8px;
}
.option.all-option {
  padding: 4px 6px;
  margin: 8px 0px 8px 0px;
}
.option.column-option {
  margin-bottom: 8px;
}
.option.column-option .column-type-icon {
  margin-right: 8px;
}
.card-data-component-wrapper {
  padding: 8px;
}
.card-data-component-wrapper .single-cell-wrapper {
  height: 34px;
  line-height: 34px;
  flex: 1 0 0;
  display: flex;
}
.card-data-component-wrapper .single-cell-wrapper:not(:last-child) {
  margin-bottom: 8px;
}
.card-data-component-wrapper .single-cell-wrapper.disabled .column-title {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.card-data-component-wrapper .single-cell-wrapper .monday-style-dialog-content-wrapper {
  z-index: 100;
}
.card-data-component-wrapper .single-cell-wrapper .column-title {
  width: 72px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  cursor: pointer;
}
.card-data-component-wrapper .single-cell-wrapper .column-title .column-icon {
  margin-right: 4px;
}
.card-data-component-wrapper .single-cell-wrapper .column-title .column-name {
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper {
  flex: 1 1 auto;
  min-width: 0;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value.can-edit {
  cursor: pointer;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value .cell-component {
  margin-left: auto;
  height: 34px;
  width: 140px;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value .cell-component > * {
  height: 100%;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value .cell-component:not(.color-cell) {
  border: none;
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value > div {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.card-data-component-wrapper .single-cell-wrapper .single-cell-value-wrapper .single-cell-value > div:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.percentage-error-message-component {
  padding-top: 8px;
}
.percentage-error-message-component .percentage-sum {
  color: #808080;
}
/* mixin for multiline */
.kanban-card-component {
  padding-bottom: 4px;
  width: 100%;
  box-sizing: content-box;
}
.kanban-card-component.dragging-card {
  transition: none;
  z-index: 1;
}
.kanban-card-component.during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
  z-index: 2;
}
.kanban-card-component.dragging-card-hide {
  position: relative;
}
.kanban-card-component.dragging-card-hide:after {
  position: absolute;
  width: 100%;
  height: 90%;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 0.2;
  transform: translateY(-50%);
  top: 50%;
}
.kanban-card-component .kanban-card-inner-component {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  background: #ffffff;
  background: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.kanban-card-component .kanban-card-inner-component.dragging-inner-card-hide {
  opacity: 0;
}
.kanban-card-component .kanban-card-inner-component.is-temp {
  opacity: 0.5;
}
.kanban-card-component .kanban-card-inner-component .card-header {
  min-height: 16px;
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
.kanban-card-component .kanban-card-inner-component .card-header .card-title {
  width: 100%;
  padding-right: 4px;
}
.kanban-card-component .kanban-card-inner-component .card-header .card-title .block-with-text {
  word-break: break-word;
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 19px;
  -webkit-line-clamp: 3;
}
.kanban-card-component .kanban-card-inner-component .card-header .conversation-indication-wrapper {
  margin-top: -2px;
}
.kanban-card-component .kanban-card-inner-component .card-cover-wrapper {
  display: flex;
  justify-content: center;
}
.kanban-card-component .kanban-card-inner-component .card-cover-wrapper .file-thumbnail-preview {
  min-height: 96px;
}
.kanban-card-component .kanban-card-inner-component .card-data-component .card-avatar-wrapper {
  float: right;
}
.kanban-card-component .kanban-card-inner-component .card-data-component .card-avatar-wrapper .multiple-person-cell-component {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kanban-card-component .kanban-card-inner-component .card-data-component .card-avatar-wrapper .multiple-person-cell-component > * {
  margin: 0 -4px;
}
.distribute-equally-component {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 12px;
}
.distribute-equally-component.disabled .distribute-icon {
  border-color: #808080;
  background-color: #c4c4c4;
  opacity: 0.5;
}
.distribute-equally-component .distribute-text,
.distribute-equally-component .distribute-icon {
  cursor: pointer;
}
.distribute-equally-component .distribute-text.disabled,
.distribute-equally-component .distribute-icon.disabled {
  cursor: default;
}
.distribute-equally-component .distribute-icon {
  flex: 0 0 16px;
  height: 16px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.distribute-equally-component .distribute-text-container {
  flex: 1;
  margin: 0px 8px;
}
.kanban-card-component-wrapper {
  height: auto !important;
  padding-bottom: 4px;
  min-height: 40px;
  transition: height 0.05s;
}
.columns-battery .settings-field-component .settings-field-title-wrapper .settings-field-title {
  width: 90%;
}
.columns-battery .settings-field-component.dark-theme .columns-battery-settings-component .column-percentage-settings-component .option .option-icon {
  border-color: #6e6f8f;
  background: #6e6f8f;
  color: white;
}
.columns-battery .settings-field-component.dark-theme .columns-battery-settings-component .column-percentage-settings-component .option.column-option .column-type-icon {
  color: #6e6f8f;
}
.columns-battery .settings-field-component.dark-theme .columns-battery-settings-component .column-percentage-settings-component .option .option-icon:hover:not(.disabled) {
  border: 1px solid #6e6f8f;
  background: #b2b3d0;
}
.columns-battery .settings-field-component.dark-theme .columns-battery-settings-component .distribute-equally-component .distribute-icon {
  border-color: #6e6f8f;
  background: #6e6f8f;
  color: white;
}
.columns-battery .settings-field-component.dark-theme .columns-battery-settings-component .distribute-equally-component .distribute-icon:hover:not(.disabled) {
  border: 1px solid #6e6f8f;
  background: #b2b3d0;
}
.columns-battery .settings-field-component.light-theme .columns-battery-settings-component .column-percentage-settings-component .option .option-icon {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
}
.columns-battery .settings-field-component.light-theme .columns-battery-settings-component .column-percentage-settings-component .option.column-option .column-type-icon {
  color: #61caf7;
}
.columns-battery .settings-field-component.light-theme .columns-battery-settings-component .column-percentage-settings-component .option .option-icon:hover:not(.disabled) {
  border: 1px solid #0085FF;
  background: #daf3fd;
}
.columns-battery .settings-field-component.light-theme .columns-battery-settings-component .distribute-equally-component .distribute-icon {
  border-color: #0085FF;
  background: white;
  color: #0085FF;
}
.columns-battery .settings-field-component.light-theme .columns-battery-settings-component .distribute-equally-component .distribute-icon:hover:not(.disabled) {
  border: 1px solid #0085FF;
  background: #daf3fd;
}
.columns-battery .settings-field-component .columns-battery-settings-component .choose-columns {
  margin-bottom: 8px;
  margin-top: 15px;
}
.columns-battery .settings-field-component .columns-battery-settings-component .columns-battery-settings-footer .settings-actions-container {
  padding-top: 32px;
  display: flex;
}
.columns-battery .settings-field-component .columns-battery-settings-component .columns-battery-settings-footer .percentage-error-message-container {
  padding-top: 8px;
}
/* mixin for multiline */
.kanban-cards-container {
  min-height: 110px;
  max-height: 100%;
  overflow-y: auto;
  padding: 0px 4px 0 8px;
  margin: 8px 4px 0 0;
}
.kanban-cards-container::-webkit-scrollbar {
  width: 6px;
}
.kanban-cards-container::-webkit-scrollbar-thumb {
  background-color: rgba(50, 51, 56, 0.35);
  border-radius: 4px;
}
.kanban-cards-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(50, 51, 56, 0.5);
}
.kanban-cards-container .kanban-cards-container-shimmer {
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 4px;
  height: 100%;
  border-radius: 4px;
}
.kanban-cards-container .ReactVirtualized__List,
.kanban-cards-container .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
  min-width: 100%;
  outline: none;
}
.week-cell-component {
  width: 100%;
  height: 100%;
}
.week-cell-component .week-cell-component-nav-arrow-container {
  width: 40px;
  height: 34px;
  position: absolute;
  top: 0px;
  opacity: 0;
}
.week-cell-component .week-cell-component-nav-arrow-container:hover {
  cursor: pointer;
}
.week-cell-component .week-cell-component-nav-arrow-container.week-nav-left-arrow {
  left: 0px;
}
.week-cell-component .week-cell-component-nav-arrow-container.week-nav-right-arrow {
  right: 0px;
}
.week-cell-component .week-cell-component-nav-arrow-container span.fa-angle-left {
  position: absolute;
  left: 6px;
  top: 1px;
}
.week-cell-component .week-cell-component-nav-arrow-container span.fa-angle-right {
  position: absolute;
  right: 6px;
  top: 1px;
}
.week-cell-component .week-cell-component-nav-arrow {
  position: absolute;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #c4c4c4;
  top: 8px;
  line-height: 22px;
  font-size: 16px;
  color: #fff;
  transition: background 0.1s east-out;
  right: calc(50% - 10px);
}
.week-cell-component .week-cell-component-nav-arrow-container:hover .week-cell-component-nav-arrow {
  background: #808080;
}
.week-cell-component:hover .week-cell-component-nav-arrow-container {
  opacity: 1;
}
.kanban-add-pulse-component {
  padding: 4px 8px;
  width: 260px;
  height: 45px;
  cursor: pointer;
  flex-shrink: 0;
}
.kanban-add-pulse-component .kanban-add-pulse-text {
  height: 100%;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.kanban-add-pulse-component .kanban-add-pulse-input-container {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
}
.kanban-add-pulse-component .kanban-add-pulse-input-container .kanban-add-pulse-input {
  background-color: #ffffff;
  color: #333333;
  outline: none;
  flex: 1 1 auto;
  border: none;
}
.kanban-add-pulse-component .kanban-add-pulse-input-container .kanban-add-pulse-button {
  margin: 2px;
  color: #ffffff;
}
/* mixin for multiline */
.week-picker-component {
  padding: 24px 16px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  position: relative;
  min-width: 300px;
}
.reposition-right .week-picker-component {
  margin-left: 15px;
}
.week-picker-component:not(.mobileDevice):before {
  position: absolute;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  top: -5px;
  right: calc(50% - 5px);
  margin-left: -5px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  border-left: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  z-index: 100000;
}
.reposition-right .week-picker-component:not(.mobileDevice):before {
  right: 14px;
}
.week-picker-component .week-picker-arrow {
  height: 100%;
  width: 80px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 0;
}
.week-picker-component .week-picker-arrow:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #61caf7;
  top: 0px;
  opacity: 0;
}
.week-picker-component .week-picker-arrow:hover:before {
  opacity: 1;
}
.week-picker-component .week-picker-arrow .week-picker-button {
  position: absolute;
  top: 103px;
  line-height: 36px;
  font-size: 28px;
  outline: none;
  border-radius: 50%;
  transition: opacity 0.1s ease, color 0.1s ease;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-left {
  left: 0;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-left .week-picker-button {
  left: 32px;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-left:hover:before {
  left: 0;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-right {
  right: 0;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-right .week-picker-button {
  right: 40px;
}
.week-picker-component .week-picker-arrow.week-picker-arrow-right:hover:before {
  right: 0;
}
.week-picker-component .week-picker-component-year {
  text-align: center;
  font-weight: 300;
}
.week-picker-component .relative-week-text {
  text-align: center;
  font-size: 32px;
  margin: 8px auto 0px auto;
}
.week-picker-component .week-picker-current-and-arrows {
  display: flex;
  justify-content: center;
  height: 24px;
}
.week-picker-component .week-picker-current-and-arrows .week-picker-range-separetor {
  margin: 0 8px;
}
.week-picker-component .week-picker-current-and-arrows .week-range-part {
  min-width: 60px;
  font-size: 16px;
}
.week-picker-component .week-picker-current-and-arrows .week-range-part.week-range-part-left {
  text-align: right;
}
.week-picker-component .week-picker-current-and-arrows .week-range-part.week-range-part-right {
  text-align: left;
}
.week-picker-component .yearly-incremental-week-number {
  font-size: 16px;
  text-align: center;
  margin: 16px auto 8px auto;
}
.week-picker-component .week-picker-clear-value {
  margin: 32px auto 0 auto;
  text-align: center;
}
.week-picker-component .week-picker-clear-value .week-picker-clear-value-button:hover {
  cursor: pointer;
}
.week-picker-component .week-picker-arrow:hover .week-picker-button {
  font-weight: 400;
}

.reposition-right .week-picker-component:before {
  right: 73px;
}
.kanban-list-component {
  height: 100%;
  padding: 0px 4px;
  width: 260px;
  box-sizing: content-box;
}
.kanban-list-component.dragging-list {
  transition: none;
  z-index: 1;
  overflow: hidden;
}
.kanban-list-component.dragging-list-hide {
  position: relative;
}
.kanban-list-component.dragging-list-hide:after {
  position: absolute;
  width: 80%;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 0.2;
  transform: translateX(-50%);
  left: 50%;
}
.kanban-list-component.during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
  z-index: 2;
}
.kanban-list-component.during-drag .drag-handle-wrapper {
  opacity: 1;
}
.kanban-list-component .kanban-list-component-inner {
  border-radius: 4px;
  vertical-align: top;
  max-height: 100%;
  background-color: #f5f6f8;
  display: flex;
  flex-direction: column;
}
.kanban-list-component .kanban-list-component-inner .drag-handle-wrapper {
  transition: opacity 0.2s, width 0.1s;
  position: absolute;
  top: 12px;
  left: 7px;
  opacity: 0;
  cursor: pointer;
}
.kanban-list-component .kanban-list-component-inner .drag-handle-wrapper .drag-handle {
  color: #ffffff;
}
.kanban-list-component .kanban-list-component-inner.dragging-inner-list-hide {
  opacity: 0;
}
.kanban-list-component .kanban-list-component-inner .list-header-wrapper {
  padding-top: 12px;
  font-size: 18px;
  cursor: pointer;
}
.kanban-list-component .kanban-list-component-inner .list-header-wrapper:hover .drag-handle-wrapper {
  opacity: 1;
}
.week-picker-with-keyboard-navigation-component {
  outline: 0;
}
.drag-layer {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
}
.drag-layer .kanban-card-drag-layer-wrapper,
.drag-layer .kanban-list-drag-layer-wrapper {
  width: 244px;
  transform: rotate(2deg);
}
.drag-layer .kanban-card-drag-layer-wrapper .kanban-list-component .kanban-list-component-inner .drag-handle-wrapper,
.drag-layer .kanban-list-drag-layer-wrapper .kanban-list-component .kanban-list-component-inner .drag-handle-wrapper {
  opacity: 1;
}

.kanban-view-empty-state-component {
  color: #ffffff;
  margin: auto;
  font-size: 28px;
}
.long-text-editor-dialog-wrapper {
  width: 300px;
  display: flex;
  justify-content: flex-start;
  pointer-events: none;
}
.reposition-left .long-text-editor-dialog-wrapper {
  justify-content: flex-start;
}
.reposition-left .long-text-editor-dialog-wrapper .long-text-editor-dialog::after, .reposition-left .long-text-editor-dialog-wrapper .long-text-editor-dialog::before {
  right: auto;
  left: 14px;
}
.reposition-left .long-text-editor-dialog-wrapper .long-text-editor-dialog::before {
  left: 13px;
}
.reposition-right .long-text-editor-dialog-wrapper {
  justify-content: flex-end;
}
.reposition-right .long-text-editor-dialog-wrapper .long-text-editor-dialog::after, .reposition-right .long-text-editor-dialog-wrapper .long-text-editor-dialog::before {
  left: auto;
  right: 14px;
}
.reposition-right .long-text-editor-dialog-wrapper .long-text-editor-dialog::before {
  right: 14px;
}
.long-text-editor-dialog-wrapper .long-text-editor-dialog {
  pointer-events: all;
  position: relative;
  width: 300px;
  background: #fff;
  padding: 0px;
}
.long-text-editor-dialog-wrapper .long-text-editor-dialog .long-text-editor-dialog-content .long-text-editor-dialog-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 14px;
  padding-top: 6px;
}
.long-text-editor-dialog-wrapper .long-text-editor-dialog .long-text-editor-dialog-content .long-text-editor-dialog-title.bold-title {
  font-weight: 500;
}
.long-text-editor-dialog-wrapper .long-text-editor-dialog .long-text-editor-dialog-content .long-text-editor-dialog-title-label {
  background-color: #00c875;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
  min-width: 45px;
  min-height: 15px;
  text-align: center;
  border-radius: 4px;
}
.long-text-editor-dialog-wrapper .long-text-editor-dialog .close-long-text-editor-dialog-button {
  position: absolute;
  top: -10px;
  right: -10px;
  line-height: 20px;
  font-size: 20px;
  z-index: 1;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.kanban-view-loading-state {
  position: absolute;
  left: 50%;
  top: 40%;
  font-size: 30px;
  color: white;
}
.long-text-editor-component {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 192px;
  min-width: 100%;
  max-width: 100%;
  padding: 7px 15px;
  font-size: 14px;
  border: 1px solid;
  outline: none;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #323338;
  color: var(--primary-text-color);
}
.long-text-editor-component.editable:focus, .long-text-editor-component.editable:active {
  border: 1px solid;
  line-height: 26px;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.long-text-editor-component.readonly {
  border: 1px solid;
  line-height: 26px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.kanban-view-single-content-component {
  overflow-x: auto;
  white-space: nowrap;
}
.kanban-view-single-content-component.light-theme, .light-theme .kanban-view-single-content-component {
  background-color: #ffffff;
}
.kanban-view-single-content-component.dark-theme, .dark-theme .kanban-view-single-content-component {
  background-color: #1c1f3b;
}
.kanban-view-single-content-component.dark_overview-theme, .dark_overview-theme .kanban-view-single-content-component {
  background-color: rgba(49, 56, 91, 0.85);
}
.kanban-view-single-content-component .ReactVirtualized__Grid,
.kanban-view-single-content-component .ReactVirtualized__Grid__innerScrollContainer {
  outline: none;
}
/* mixin for multiline */
.long-text-cell-component {
  display: flex;
  align-items: center;
  padding: 0 5px;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.long-text-cell-component .long-text-cell-value {
  width: 100%;
  border: 1px solid transparent;
  padding: 0 1px;
  line-height: 24px;
}
.long-text-cell-component .long-text-cell-value .light-text-content {
  padding: 1px 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.long-text-cell-component .long-text-cell-value .light-text-content.line-clamp {
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 18px;
}
.kanban-view-group-content-component {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.kanban-view-group-content-component.collapse {
  min-height: 36px;
}
.kanban-view-group-content-component .group-header {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 4px;
  margin-bottom: 12px;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.kanban-view-group-content-component .group-header.light-theme, .light-theme .kanban-view-group-content-component .group-header {
  color: #1c1f3b;
}
.kanban-view-group-content-component .group-header.dark-theme, .dark-theme .kanban-view-group-content-component .group-header {
  color: #ffffff;
}
.kanban-view-group-content-component .group-header.dark_overview-theme, .dark_overview-theme .kanban-view-group-content-component .group-header {
  color: #ffffff;
}
.kanban-view-group-content-component .group-header.collapse {
  padding-top: 8px;
  padding-bottom: 8px;
}
.kanban-view-group-content-component .group-header.collapse.light-theme, .light-theme .kanban-view-group-content-component .group-header.collapse {
  background-color: #f1f1f1;
}
.kanban-view-group-content-component .group-header.collapse.dark-theme, .dark-theme .kanban-view-group-content-component .group-header.collapse {
  background-color: #363a52;
}
.kanban-view-group-content-component .group-header.collapse.dark_overview-theme, .dark_overview-theme .kanban-view-group-content-component .group-header.collapse {
  background-color: #363a52;
}
.kanban-view-group-content-component .group-header .group-name {
  margin-left: 8px;
}

.ReactVirtualized__Grid,
.ReactVirtualized__Grid__innerScrollContainer {
  outline: none;
}
.votes-bar-component .votes-bar,
.votes-bar-component .votes-bar-frame {
  position: absolute;
  top: 5px;
  bottom: 5px;
}

.votes-bar-animate .votes-bar,
.votes-bar-animate .votes-bar-frame {
  transition: all 0.2s ease-in-out;
}
.kanban-view-grouped-content-component {
  overflow: auto;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.votes-cell-component {
  height: 100%;
  display: flex;
  align-items: center;
}
.votes-cell-component .vote-button {
  margin-left: 8px;
  flex: 0 0 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  color: #ffffff;
  color: var(--text-color-on-primary);
  border: 2px solid #c4c4c4;
}
.votes-cell-component .vote-button:not(.voted) {
  opacity: 0.3;
}
.votes-cell-component:hover .vote-button:not(.voted) {
  opacity: 1;
}
.votes-cell-component:hover .vote-button.voted {
  opacity: 0.8;
}
.votes-cell-component .votes-bar-container {
  position: relative;
  flex: 1 1 auto;
  margin-left: 8px;
  margin-right: 8px;
  height: 100%;
}
.votes-cell-component .voters-info {
  flex: 0 0 22px;
  margin-right: 8px;
}

.voters-tooltip {
  max-width: 174px;
}
.voters-tooltip .voters-tooltip-title {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}
.voters-tooltip .voters-avatars-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.voters-tooltip .voters-avatars-wrapper .voter-avatar {
  padding: 0px 2px;
}
/* mixin for multiline */
.kanban-view-content-component {
  height: 100%;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  padding: 16px;
}
.kanban-view-content-component.light-theme, .light-theme .kanban-view-content-component {
  background-color: #ffffff;
}
.kanban-view-content-component.dark-theme, .dark-theme .kanban-view-content-component {
  background-color: #1c1f3b;
}
.kanban-view-content-component.dark_overview-theme, .dark_overview-theme .kanban-view-content-component {
  background-color: rgba(49, 56, 91, 0.85);
}
.kanban-view-content-component::-webkit-scrollbar {
  height: 10px;
}
.kanban-view-content-component::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.kanban-view-content-component .ReactVirtualized__Grid,
.kanban-view-content-component .ReactVirtualized__Grid__innerScrollContainer {
  outline: none;
}
.votes-column-footer-component.footer-wrapper {
  margin-top: 2px;
}
.votes-column-footer-component .summary-line {
  text-align: center;
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-color);
  display: block;
}
.votes-column-footer-component .summary-line.total-votes {
  font-size: 14px;
  font-weight: 500;
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: -4px;
}
.file-picker-component {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  display: inline-block;
}
.file-picker-component:hover {
  color: #61caf7;
}
.file-picker-component.disabled {
  cursor: auto;
  color: #808080;
}
.file-picker-component .file-hidden-input {
  display: none;
}
.file-picker-component .icon-dapulse-attachment {
  margin-right: 4px;
}

.country-code-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  box-sizing: content-box;
  width: 76px;
}
.country-code-option .country-flag-with-fallback {
  flex-shrink: 0;
  height: 24px;
  width: 32px;
  margin-right: 4px;
  box-shadow: 0 0 4px 0 rgba(128, 128, 128, 0.4);
}
.country-code-option .country-flag-with-fallback img {
  max-width: 100%;
  max-height: 100%;
}
.country-code-option .country-flag-with-fallback .country-flag-fallback {
  text-align: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  line-height: 24px;
}
.country-code-option .prefix {
  text-align: right;
  font-size: 12px;
  justify-self: flex-end;
}
.duration-cell-component {
  display: flex;
  justify-content: center;
  padding: 0 10px;
  letter-spacing: 0.2px;
  align-items: center;
  height: 100%;
}
.duration-cell-component .section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.duration-cell-component.duration-view-only .section {
  justify-content: center;
}
.duration-cell-component.running {
  font-weight: 500;
}
.duration-cell-component .icon {
  font-size: 16px;
}
.duration-cell-component .dummy-div {
  width: 16px;
}
.duration-cell-component .icon-duration-v2-pause {
  color: #808080;
}
.duration-cell-component .icon-duration-v2-play {
  color: #0085ff;
  color: var(--primary-color);
}
.duration-cell-component:hover .icon {
  opacity: 1;
}
.duration-cell-component:hover .icon:hover {
  opacity: 0.7;
}
.duration-cell-component .duration-time-holder {
  height: 26px;
  padding: 0 4px;
  display: flex;
  align-items: center;
}
.countries-dropdown {
  width: 116px;
}
.countries-dropdown .Select-input input {
  max-width: 46px;
}
.countries-dropdown .Select-option {
  box-sizing: content-box;
}
/* mixin for multiline */
.duration-cell-history-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  box-shadow: 0 8px 16px 0px rgba(0, 0, 0, 0.32);
  position: relative;
  width: 408px;
  outline: 0;
}
.duration-cell-history-component .duration-cell-history-header {
  display: flex;
  align-items: center;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
}
.duration-cell-history-component .duration-cell-history-header .duration-cell-history-title {
  font-size: 16px;
  flex-grow: 1;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.duration-cell-history-component .duration-cell-history-header .duration-cell-history-header-action-button {
  font-size: 14px;
  font-weight: 300;
  margin-left: 16px;
  color: #0085ff;
  color: var(--primary-on-secondary-color);
  cursor: pointer;
}
.duration-cell-history-component .duration-cell-history-header .duration-cell-history-header-action-button:hover {
  color: #0071d9;
  color: var(--primary-hover-on-secondary-color);
}
.duration-cell-history-component .duration-cell-history-content {
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 16px;
  height: 340px;
  overflow-y: auto;
}
.duration-cell-history-component .duration-cell-history-content::-webkit-scrollbar {
  width: 4px;
}
.duration-cell-history-component .duration-cell-history-content::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper {
  margin: 16px 0px;
  white-space: pre-wrap;
  color: #676879;
  color: var(--icon-color);
  width: 100%;
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper .add-session-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 32px;
  cursor: pointer;
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper .add-session-button .add-session-button-text {
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #676879;
  color: var(--placeholder-color);
  margin-left: 8px;
  padding: 2px 0px;
  text-align: center;
  flex-grow: 1;
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper .add-session-button .icon-dapulse-addbtn {
  font-size: 18px;
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper .add-session-button:hover .add-session-button-text {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.duration-cell-history-component .duration-cell-history-content .add-session-button-wrapper .add-session-button:hover .icon-dapulse-addbtn {
  color: #0085ff;
  color: var(--primary-color);
}
.duration-cell-history-component .duration-cell-history-content .duration-cell-history-items-wrapper .year-header {
  margin-top: 16px;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.duration-cell-history-component:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border-left: 1px solid;
  border-top: 1px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  transform: translateX(-50%) rotate(45deg);
  top: -7px;
  right: 188px;
}

.reposition-right .duration-cell-history-component:before {
  right: 10px;
}

.reposition-bottom .duration-cell-history-component:before {
  top: calc(100% - 6px);
  transform: translate(-50%) rotate(135deg);
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.form-view-content-wrapper .form-editable-item .form-editable-field {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  min-height: 32px;
  width: 100%;
  color: #323338;
}
.form-view-content-wrapper .form-editable-item .form-editable-field .ds-editable-input {
  border: 1px solid #00a9ff;
  border-radius: 2px;
  padding: 0 8px;
}
.form-view-content-wrapper .form-editable-item .form-editable-field .ds-text-component {
  white-space: normal;
}
.duration-cell-history-item-component {
  display: flex;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  align-items: center;
  margin-left: 24px;
}
.duration-cell-history-item-component .duration-cell-history-item-date {
  width: 64px;
  margin-left: 8px;
}
.duration-cell-history-item-component .duration-cell-history-item-date .duration-cell-history-item-date-content {
  padding: 8px 4px;
  border: 1px solid transparent;
}
.duration-cell-history-item-component .duration-cell-history-item-date .duration-cell-history-item-date-content.editable {
  cursor: text;
}
.duration-cell-history-item-component .duration-cell-history-item-date .duration-cell-history-item-date-content.editable:hover {
  border: 1px dashed;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper {
  width: 150px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper .duration-cell-history-item-time .duration-cell-history-item-time-content {
  padding: 8px 4px;
  border: 1px solid transparent;
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper .duration-cell-history-item-time .duration-cell-history-item-time-content.editable {
  cursor: text;
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper .duration-cell-history-item-time .duration-cell-history-item-time-content.editable:hover {
  border: 1px dashed;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper .duration-cell-history-item-time-separator {
  white-space: pre-wrap;
}
.duration-cell-history-item-component .duration-cell-history-item-time-wrapper .duration-cell-history-item-duration {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.duration-cell-history-item-component .duration-cell-history-item-duration {
  flex-grow: 0;
  width: 75px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  margin-right: 5px;
}
.duration-cell-history-item-component .manually {
  color: #f65f7c;
}
.duration-cell-history-item-component .delete-icon-wrapper {
  width: 16px;
}
.duration-cell-history-item-component .delete-icon-wrapper .delete-indicator {
  display: none;
  color: #676879;
  color: var(--icon-on-secondary-color);
  cursor: pointer;
}
.duration-cell-history-item-component .delete-icon-wrapper .delete-indicator:hover {
  color: #0085ff;
  color: var(--primary-on-secondary-color);
}
.duration-cell-history-item-component:hover .delete-indicator {
  display: block;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-title-wrapper {
  position: relative;
  width: calc(100% - 32px);
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-title-wrapper .column-type-icon {
  position: absolute;
  font-size: 14px;
  left: -20px;
  top: 6px;
  color: #c4c4c4;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-title-wrapper .form-editable-question-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-title-wrapper .form-editable-question-title.hidden-question {
  color: #808080;
  font-weight: 300;
  line-height: 32px;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-title-wrapper .form-editable-question-title.hidden-question .hidden-column-name {
  font-weight: 500;
}
.duration-cell-history-form-component {
  height: 340px;
  font-size: 14px;
  overflow: auto;
}
.duration-cell-history-form-component .duration-cell-history-form-content {
  padding-top: 36px;
  padding: 0px 36px;
  display: flex;
  flex-direction: column;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-title {
  display: block;
  text-align: center;
  margin: 16px auto 16px;
  font-weight: 500;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-date-times-wrapper {
  margin-top: -8px;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 8px;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-footer .duration-cell-history-form-sum {
  font-size: 18px;
  text-align: center;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-footer .duration-cell-history-submit-button-wrapper {
  display: flex;
  justify-content: center;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-footer .duration-cell-history-submit-button-wrapper .duration-cell-history-form-submit-button {
  margin: 16px auto;
}
.duration-cell-history-form-component .duration-cell-history-form-content .date-time-error {
  line-height: 16px;
  margin-top: 4px;
  color: red;
  padding: 0px 28px;
}
.duration-cell-history-form-component .duration-cell-history-form-content .start-date-time-error {
  height: 24px;
}
.duration-cell-history-form-component .duration-cell-history-form-content .end-date-time-error {
  height: 34px;
}
.duration-cell-history-form-component .duration-cell-history-form-content .duration-cell-history-form-time .duration-cell-history-form-time-title {
  height: 40px;
  line-height: 40px;
  width: 60px;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question-description.question-description-placeholder {
  color: #808080;
}
.duration-cell-history-date-picker-component {
  position: relative;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.duration-cell-history-date-picker-component .toggle-compact-calendar-btn {
  margin: 0 auto;
}
.form-view-content-wrapper .form-editable-question-answer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form-view-content-wrapper .form-editable-question-card {
  padding-top: 16px;
  padding-bottom: 28px;
  width: 100%;
}
.form-view-content-wrapper .form-editable-question-card:hover {
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-hide-icon {
  font-size: 18px;
  margin-right: 2px;
  cursor: pointer;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-hide-icon.read-only {
  color: #c4c4c4;
  cursor: default;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-property {
  display: block;
  color: #0085ff;
  color: var(--primary-color);
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox {
  font-size: 12px;
  padding: 8px 8px 0 8px;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox.read-only {
  color: #c4c4c4;
  cursor: default;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox.read-only .form-checkbox-component label {
  cursor: default;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox.read-only .form-checkbox-component label .form-checkbox-input-placeholder {
  border-color: #c4c4c4;
  cursor: default;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox.read-only .form-checkbox-input-placeholder:after {
  border-color: #c4c4c4;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox .form-checkbox-component label {
  padding-left: 16px;
  line-height: 12px;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox .form-checkbox-component label.read-only {
  border-color: #c4c4c4;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox .form-checkbox-component label .form-checkbox-input-placeholder {
  width: 12px;
  height: 12px;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 2px;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox .form-checkbox-component label .form-checkbox-input-placeholder:after {
  left: 3px;
  top: 0px;
  width: 4px;
  height: 8px;
}
.form-view-content-wrapper .form-editable-question-card:hover .form-editable-question .form-editable-question-title-row .question-mandatory-checkbox .form-checkbox-component label .form-checkbox-input-placeholder:after.read-only {
  border-color: #c4c4c4;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question {
  display: flex;
  flex-direction: column;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question .form-editable-question-title-row {
  display: flex;
  justify-content: space-between;
}
.form-view-content-wrapper .form-editable-question-card .form-editable-question .form-editable-question-title-row .question-property {
  display: none;
}
.duration-cell-history-loader-wrapper .duration-cell-history-loader-active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e1e1e1;
}
.duration-cell-history-loader-wrapper .duration-cell-history-loader-header {
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: center;
}
.duration-cell-history-loader-wrapper .duration-cell-history-loader {
  display: flex;
  height: 45px;
}
.duration-cell-history-loader-wrapper .loader-sub-item {
  padding-right: 15px;
  padding-top: 15px;
}
.duration-cell-history-loader-wrapper .loader-circle {
  padding-right: 15px;
  padding-top: 15px;
  border-radius: 50%;
}
.form-view-share-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 64px;
}
.form-view-share-component .form-share-options {
  width: 400px;
}
.form-view-share-component .form-view-share-title {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 48px;
  align-items: center;
}
.form-view-share-component .form-view-share-subtitle {
  font-size: 18px;
}
.form-view-share-component .form-share-link-component-wrapper {
  margin-bottom: 32px;
}
.duration-cell-history-current-session-component {
  padding: 16px;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.duration-cell-history-current-session-component .session-details-title {
  font-weight: 500;
}
.duration-cell-history-current-session-component .session-details-duration {
  font-size: 26px;
}
.form-share-link-component {
  display: flex;
  flex-direction: column;
}
.form-share-link-component.form-share-disabled {
  color: #c4c4c4;
}
.form-share-link-component.form-share-disabled .form-share-link .form-link-box {
  cursor: default;
}
.form-share-link-component .form-share-link-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.form-share-link-component .form-share-link-title .form-share-link-icon {
  margin-right: 8px;
  font-size: 14px;
}
.form-share-link-component .form-share-link {
  display: flex;
  align-items: center;
}
.form-share-link-component .form-share-link .copy-to-clipboard-button {
  width: auto;
  flex: 0 1 auto;
}
.form-share-link-component .form-share-link .form-link-box {
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 2px;
  padding: 0px 10px;
  height: 32px;
  line-height: 28px;
  font-size: 14px;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: text;
  max-width: 300px;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 24px;
}
.duration-column-footer-component {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
.form-view-share-wrapper .form-share-deactivate {
  font-size: 14px;
  font-weight: 300;
  color: #0085ff;
  color: var(--primary-color);
  margin-top: 32px;
}
.form-view-share-wrapper .form-share-deactivate.read-only {
  pointer-events: none;
  color: #c4c4c4;
}
.form-view-share-wrapper .form-share-deactivate .deactivate-info-icon {
  margin-left: 8px;
}
.form-view-share-wrapper .form-share-deactivate .form-share-deactivate-button:hover {
  cursor: pointer;
}
.form-view-share-wrapper .disabled-form-notice {
  max-width: 400px;
  background-color: #f7f7f7;
  margin-top: 5px;
  padding: 16px;
  line-height: 1.4;
  border-radius: 2px;
  display: flex;
}
.form-view-share-wrapper .disabled-form-notice .disabled-form-notice-icon {
  font-size: 25px;
  color: #0085ff;
  color: var(--primary-color);
  margin-right: 16px;
}
.form-view-share-wrapper .disabled-form-notice .disabled-form-notice-text {
  font-weight: 300;
  font-size: 14px;
  color: #808080;
}
.form-view-share-wrapper .disabled-form-notice .disabled-form-notice-text .enable-form-button-wrapper {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.custom-url-cell-component {
  height: 100%;
  padding: 0 5px;
  display: flex;
  align-items: center;
  line-height: 25px;
}
.custom-url-cell-component .custom-url-content-rendered {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-url-cell-component .custom-url-content-rendered .custom-url-content-link {
  color: #0071d9;
}
.custom-url-cell-component .custom-url-content-rendered .custom-url-content-link:hover {
  text-decoration: underline;
}
.custom-url-cell-component input {
  text-align: center !important;
}
.form-view-content-wrapper .form-title-component {
  margin-bottom: 16px;
  margin-top: 16px;
}
.form-view-content-wrapper .form-title-component .form-title {
  font-size: 32px;
  line-height: 38px;
  font-weight: 500;
}
.form-view-content-wrapper .form-title-component .form-description {
  font-size: 16px;
  line-height: 20px;
}
.form-view-content-wrapper .form-title-component .form-description.form-description-placeholder {
  color: #808080;
}
.action-cell-component {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.action-cell-component .action-cell-content {
  min-width: 40%;
  height: 100%;
  border: 1px solid transparent;
}
.action-cell-component.can-edit:hover {
  border: 1px dashed #c5c7d0;
}
.action-cell-component .action-cell-link-wrapper {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link {
  color: #0086c0;
  position: relative;
  z-index: 1;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link:hover {
  text-decoration: underline;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link .loader {
  margin-left: 8px;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link.response-status:hover {
  text-decoration: none;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link.response-status.success {
  color: #00ca72;
}
.action-cell-component .action-cell-link-wrapper .action-cell-link.response-status.error {
  color: #e44258;
}
.form-onboarding-component {
  height: 100%;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-onboarding-component.light-theme, .light-theme .form-onboarding-component {
  color: #1c1f3b;
  background-color: #ffffff;
}
.form-onboarding-component.dark-theme, .dark-theme .form-onboarding-component {
  color: #ffffff;
  background-color: #1c1f3b;
}
.form-onboarding-component.dark_overview-theme, .dark_overview-theme .form-onboarding-component {
  color: #ffffff;
  background-color: rgba(49, 56, 91, 0.85);
}
.form-onboarding-component .form-onboarding-content {
  display: flex;
  flex-direction: row;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper {
  position: relative;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img {
  width: 234px;
  height: 189px;
  position: absolute;
  left: -6px;
  top: 24px;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle {
  border-radius: 50%;
  width: 230px;
  height: 230px;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle.light-theme, .light-theme .form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle {
  background-color: #c5c7d0;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle.dark-theme, .dark-theme .form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle {
  background-color: #6e6f8f;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle.dark_overview-theme, .dark_overview-theme .form-onboarding-component .form-onboarding-content .form-onboarding-img-wrapper .form-onboarding-img-circle {
  background-color: #21263f;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-right-pane {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 48px;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-right-pane .form-onboarding-text {
  display: flex;
  flex-direction: column;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-right-pane .form-onboarding-text .form-onboarding-title {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 16px;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-right-pane .form-onboarding-text .form-onboarding-title .form-onboarding-first-title {
  font-weight: 500;
}
.form-onboarding-component .form-onboarding-content .form-onboarding-right-pane .form-onboarding-text .form-onbording-description {
  font-size: 16px;
  line-height: 20px;
}
.json-input-component textarea {
  outline: none;
}
.settings-field-component.error .json-input-component textarea {
  border-color: #e44258;
}
.form-view-content-wrapper .form-wrapper-header:hover .form-header-customization .form-color-picker-placeholder {
  display: none;
}
.form-view-content-wrapper .form-wrapper-header:hover .form-header-customization .form-color-picker-wrapper {
  display: block;
}
.form-view-content-wrapper .form-wrapper-header .form-header-customization {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
}
.form-view-content-wrapper .form-wrapper-header .form-header-customization .form-color-picker-wrapper {
  display: none;
}
.form-view-content-wrapper .form-wrapper-header .form-header-customization .form-color-picker-placeholder {
  display: block;
}
.form-view-content-wrapper .form-wrapper-header .form-header-customization .form-color-picker-placeholder-wrapper {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-view-content-wrapper .form-wrapper-header .form-header-customization .form-color-picker-placeholder-wrapper .form-color-picker-placeholder-icon {
  font-size: 18px;
  color: #333333;
}
.action-cross-activity-log-component {
  text-align: center;
  flex-grow: 1;
  color: #00ca72;
}
.form-view-content-wrapper .color-picker-item {
  cursor: pointer;
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50%;
  transition: opacity 0.1 ease;
  margin: 3px 5px;
}
.form-view-content-wrapper .color-picker-item:hover {
  opacity: 0.8;
}
.cell-component.rating-cell .clear-btn {
  right: 2px;
}
.cell-component.rating-cell .clear-btn:after {
  display: none;
}

.rating-cell-component {
  position: relative;
}
.rating-cell-component.can-edit .rating-icons .rating-icon:hover {
  opacity: 0.6;
}
.rating-cell-component .rating-icons {
  margin: 0 10px;
}
.rating-cell-component .rating-icons .rating-icon {
  color: #c4c4c4;
  padding: 0 2px;
}
.rating-cell-component .rating-icons .rating-icon.active {
  color: #00ca72;
}
.color-picker-component .color-picker-component-chrome-wrapper {
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.6);
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  padding: 12px;
  background-color: #ffffff;
}
.color-picker-component .color-picker-component-chrome-wrapper:before, .color-picker-component .color-picker-component-chrome-wrapper:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.color-picker-component .color-picker-component-chrome-wrapper:before {
  right: 50%;
  border-bottom-color: #e1e1e1;
  border-width: 10px;
  transform: translateX(11px);
}
.color-picker-component .color-picker-component-chrome-wrapper:after {
  right: 50%;
  border-bottom-color: white;
  border-width: 8px;
  transform: translateX(9px);
}
.color-picker-component .color-picker-component-chrome-wrapper .chrome-picker {
  box-shadow: none !important;
}
.rating-column-footer-component.footer-wrapper {
  height: 100%;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rating-column-footer-component:not(.footer-wrapper) {
  margin: 0px 8px 0px 8px;
  display: flex;
  justify-content: center;
}
.rating-column-footer-component .rating-footer-icon {
  margin-right: 8px;
}
.rating-column-footer-component .slash-separator {
  margin: 0px 2px;
}
.form-view-content-wrapper .form-color-picker {
  display: flex;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 16px;
}
.form-view-content-wrapper .form-color-picker .form-full-color-picker-wrapper {
  position: relative;
  height: 0;
}
.form-view-content-wrapper .form-color-picker .form-full-color-picker-wrapper .form-color-picker-icon {
  width: 22px;
  height: 22px;
  margin: 3px 5px;
  cursor: pointer;
}
.rating-single-activity-log .rating-icons {
  margin: 0px;
}
.rating-single-activity-log .rating-icons .rating-icon {
  font-size: 11px;
  padding: 0px 1px;
}
.form-customization-upsale-component {
  max-width: 350px;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  text-align: center;
}
.form-customization-upsale-component .button-container {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.form-customization-upsale-component .form-customization-upsale-reset {
  cursor: pointer;
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
.form-customization-upsale-component .form-customization-upsale-reset:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.rating-filter-option .rating-icons {
  margin: 0px;
}
.rating-filter-option .rating-icons .rating-icon {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  font-size: 11px;
  padding: 0px 1px;
}
.form-view-content-wrapper .form-footer {
  padding: 16px 64px;
  color: #323338;
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
  position: relative;
  top: 40px;
  border-radius: 0 0 8px 8px;
}
.boolean-cell-component {
  height: 100%;
}
.boolean-cell-component.can-edit:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.form-view-content-wrapper .form-feedback {
  text-align: center;
  margin-top: -16px;
  padding-bottom: 16px;
  font-size: 12px;
  background: #575c96;
}
.form-view-content-wrapper .form-feedback .form-feedback-link {
  color: #0085ff;
  color: var(--primary-color);
  font-weight: 400;
}
.boolean-column-footer-component.footer-wrapper {
  height: 100%;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boolean-column-footer-component .boolean-column-inner.with-icon {
  margin: 0px 8px 0px 8px;
  display: flex;
  justify-content: center;
}
.boolean-column-footer-component .boolean-column-inner.with-icon .boolean-footer-icon {
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.boolean-column-footer-component .boolean-column-inner .slash-separator {
  margin: 0px 2px;
}
.form-view-content-wrapper .form-header-logo-wrapper {
  white-space: nowrap;
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo-placeholder {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 38px;
  padding: 0 16px;
  border: 1px dashed;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #323338;
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo-placeholder:hover {
  background: rgba(225, 225, 225, 0.4);
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo {
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
  width: 120%;
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo:hover .form-header-remove-logo {
  font-size: 18px;
  display: block;
  color: rgba(196, 196, 196, 0.7);
  margin-left: 8px;
  position: absolute;
  right: -16px;
  cursor: pointer;
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo:hover .form-header-remove-logo:hover {
  color: rgba(196, 196, 196, 0.9);
}
.form-view-content-wrapper .form-header-logo-wrapper .form-header-logo .form-header-remove-logo {
  display: none;
}
.boolean-filter-option .boolean-filter-option-checked .checked-icon {
  color: #00ca72;
  position: relative;
  top: 2px;
}
.boolean-filter-option .boolean-filter-option-checked .ckecked-text {
  margin-left: 6px;
}
.form-view-content-wrapper {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  overflow: scroll;
  height: 100%;
}
.form-view-content-wrapper .form-title {
  font-size: 32px;
}
.form-view-content-wrapper .form-view-share-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.form-view-content-wrapper .form-view-blur {
  filter: opacity(30%) blur(10px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-view-content-wrapper .form-view-blur {
    /* IE10+ CSS styles go here */
    display: none;
  }
}
.boolean-single-activity-log {
  color: #00ca72;
}
.form-view-header-component .square-share-button {
  margin-left: 4px;
}
.form-view-header-component .link-or-edit-page-button {
  margin-left: 16px;
}
.form-view-header-component .preview-button {
  background-color: transparent;
}
.form-view-header-component .preview-button.light-theme, .light-theme .form-view-header-component .preview-button {
  color: #1c1f3b;
  border: 1px solid #c5c7d0;
}
.form-view-header-component .preview-button.light-theme:hover, .light-theme .form-view-header-component .preview-button:hover {
  background-color: #e5f4ff;
  border-color: #e5f4ff;
  color: #0085FF;
}
.form-view-header-component .preview-button.light-theme:active:hover, .form-view-header-component .preview-button.light-theme:active:focus, .light-theme .form-view-header-component .preview-button:active:hover, .light-theme .form-view-header-component .preview-button:active:focus {
  background-color: #e5f4ff;
  border-color: #e5f4ff;
}
.form-view-header-component .preview-button.dark-theme, .dark-theme .form-view-header-component .preview-button {
  color: #ffffff;
  border: 1px solid #6e6f8f;
}
.form-view-header-component .preview-button.dark-theme:hover, .dark-theme .form-view-header-component .preview-button:hover {
  background-color: #363a52;
  border-color: #363a52;
  color: #0085FF;
}
.form-view-header-component .preview-button.dark-theme:active:hover, .form-view-header-component .preview-button.dark-theme:active:focus, .dark-theme .form-view-header-component .preview-button:active:hover, .dark-theme .form-view-header-component .preview-button:active:focus {
  background-color: #363a52;
  border-color: #363a52;
}
.form-view-header-component .preview-button.dark_overview-theme, .dark_overview-theme .form-view-header-component .preview-button {
  color: #ffffff;
  border: 1px solid #21263f;
}
.form-view-header-component .preview-button.dark_overview-theme:hover, .dark_overview-theme .form-view-header-component .preview-button:hover {
  background-color: #21263f;
  border-color: #21263f;
  color: #0085FF;
}
.form-view-header-component .preview-button.dark_overview-theme:active:hover, .form-view-header-component .preview-button.dark_overview-theme:active:focus, .dark_overview-theme .form-view-header-component .preview-button:active:hover, .dark_overview-theme .form-view-header-component .preview-button:active:focus {
  background-color: #21263f;
  border-color: #21263f;
}
.autonumber-cell-component.bold {
  font-weight: 500;
}
.spp-view-share-component {
  border-radius: 8px;
  margin-bottom: 32px;
  align-items: center;
  width: 470px;
}
.spp-view-share-component .spp-view-share-component {
  width: 100%;
}
.spp-view-share-component .spp-view-share-title {
  width: 100%;
  display: flex;
  align-items: center;
}
.spp-view-share-component .spp-view-share-title .spp-view-share-title-itself {
  padding-top: 4px;
  padding-left: 4px;
  display: inline-block;
}
.spp-view-share-component .spp-share-link-component-wrapper {
  margin-top: 25px;
}
.autonumber-cell-functional-component.bold {
  font-weight: 500;
}
.share-link-component {
  display: flex;
  flex-direction: column;
  position: relative;
}
.share-link-component .share-link-title-preview {
  display: flex;
}
.share-link-component .share-link-title-preview .share-link-component-link-square {
  position: absolute;
  left: 290px;
  top: -3px;
}
.share-link-component .share-link-title-preview a.share-link-component-link {
  color: #0085ff;
  color: var(--primary-color);
  position: absolute;
  left: 296px;
}
.share-link-component .share-link-title-preview a.share-link-component-link i.icon-v2-seen {
  margin-right: 5px;
}
.share-link-component .share-link-title-preview a.share-link-component-link.disabled {
  cursor: default;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-on-secondary-color);
}
.share-link-component .share-link-title-preview .share-link-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.share-link-component .share-link-title-preview .share-link-title .share-link-icon {
  margin-right: 8px;
  font-size: 14px;
}
.share-link-component .share-link {
  display: flex;
  align-items: center;
}
.share-link-component .share-link .copy-to-clipboard-button {
  flex: 0 1 auto;
  text-align: center;
}
.share-link-component .share-link .copy-to-clipboard-button.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-on-secondary-color);
  cursor: default;
}
.share-link-component .share-link .link-area {
  height: 32px;
  max-width: 376px;
  margin-right: 16px;
}
.share-link-component .share-link .link-box {
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  padding: 0px 10px;
  border: 2px solid;
  border-color: #f5f6f8;
  border-color: var(--dark-background-on-secondary-color);
  border-radius: 2px;
  line-height: 28px;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: text;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.share-link-component .share-link .link-loader {
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
}
.phone-cell-content-comp {
  display: flex;
  justify-content: flex-start;
}
.phone-cell-content-comp.no-flag {
  justify-content: center;
}
.phone-cell-content-comp.no-flag .phone-cell-content {
  padding-left: 0;
  padding-right: 0;
}
.phone-cell-content-comp.can-edit:hover .empty-phone-cell-content {
  visibility: visible;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-cell-content-comp .phone-cell-content {
  color: #0086c0;
  padding-left: 40px;
  padding-right: 3px;
  display: flex;
  align-self: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-cell-content-comp .phone-cell-content .phone-cell-number {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-cell-content-comp .phone-cell-content:hover {
  text-decoration: underline;
}
.phone-cell-content-comp .invalid-phone-cell-content {
  padding-left: 3px;
  padding-right: 3px;
}
.phone-cell-content-comp .empty-phone-cell-content {
  visibility: hidden;
  display: flex;
  justify-content: center;
  color: #c5c7d0;
}
.phone-cell-content-comp .empty-phone-cell-content .phone-cell-placeholder-content {
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spp-view-share-wrapper {
  margin: 0 auto;
}
.spp-view-share-wrapper .spp-share-deactivate {
  display: inline-block;
  font-size: 16px;
  text-align: right;
  font-weight: 500;
  padding-top: 7px;
  padding-right: 14px;
  color: #0085ff;
  color: var(--primary-color);
}
.spp-view-share-wrapper .spp-share-deactivate:not(.square) {
  min-width: 120px;
}
.spp-view-share-wrapper .spp-share-deactivate .spp-deactivate-icon {
  margin-right: 8px;
  font-size: 14px;
}
.spp-view-share-wrapper .spp-share-deactivate.disabled {
  color: #c4c4c4;
  cursor: default;
}
.spp-view-share-wrapper .spp-share-deactivate:hover {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.spp-view-share-wrapper .spp-share-deactivate.disabled:hover {
  color: #c4c4c4;
  cursor: default;
}
.phone-cell-component {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px;
  line-height: 25px;
}
.phone-cell-component .flag {
  height: 16px;
  position: absolute;
  left: 16px;
  min-width: 22px;
}
.phone-cell-component .ds-editable-input {
  text-align: center;
  border: 1px dashed;
  border-color: #0085ff;
  border-color: var(--primary-color);
  line-height: 25px;
}
.phone-cell-component.phone-cell-light-component {
  display: flex;
  justify-content: flex-start;
  padding: 0 5px;
}
.phone-cell-component.phone-cell-light-component.no-flag {
  justify-content: center;
}
.phone-cell-component.phone-cell-light-component.no-flag .value {
  padding-left: 0px;
  padding-right: 0px;
}
.phone-cell-component.phone-cell-light-component .empty-phone-placeholder {
  display: none;
  color: #c5c7d0;
}
.phone-cell-component.phone-cell-light-component.is-empty.can-edit:hover .empty-phone-placeholder {
  display: block;
}
.phone-cell-component.phone-cell-light-component .value {
  padding-left: 40px;
  padding-right: 3px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-cell-component.phone-cell-light-component .value.valid {
  color: #0086c0;
}
.phone-cell-component.phone-cell-light-component .value.valid:hover {
  text-decoration: underline;
}
.spp-pulse-container {
  z-index: 20;
  /* pulse in CSS */
}
.spp-pulse-container .spp-pulse-box-disabled {
  float: left;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%);
}
.spp-pulse-container .spp-pulse-box-disabled svg.spp-pulse-svg circle {
  -webkit-animation: none;
          animation: none;
}
.spp-pulse-container .spp-pulse-box-disabled svg.spp-pulse-svg .second-circle {
  fill: #00a9ff;
  opacity: 0.2;
  transform: scale(2.2);
  transform-origin: center center;
  -webkit-animation: none;
          animation: none;
}
.spp-pulse-container .spp-pulse-box {
  float: left;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* pulse in SVG */
}
.spp-pulse-container svg.spp-pulse-svg {
  overflow: visible;
}
.spp-pulse-container svg.spp-pulse-svg .first-circle, .spp-pulse-container svg.spp-pulse-svg .third-circle, .spp-pulse-container svg.spp-pulse-svg .second-circle {
  fill: #00a9ff;
  transform: scale(0.5);
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
          animation: pulse-me 3s linear infinite;
}
.spp-pulse-container svg.spp-pulse-svg .second-circle {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.spp-pulse-container svg.spp-pulse-svg .third-circle {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.spp-pulse-container .spp-pulse-css {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: tomato;
  position: relative;
}
.spp-pulse-container .spp-pulse-css:before, .spp-pulse-container .spp-pulse-css:after {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #00a9ff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: scale(0.5);
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
          animation: pulse-me 3s linear infinite;
}
.spp-pulse-container .spp-pulse-css:after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@-webkit-keyframes pulse-me {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes pulse-me {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
.phone-filter-option .phone-filter-option-full {
  display: flex;
  align-items: center;
}
.phone-filter-option .phone-filter-option-full .country-text {
  padding-left: 28px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-filter-option .phone-filter-option-full .flag {
  height: 16px;
  position: absolute;
  left: 8px;
}
.spp-view-content-wrapper .spp-title-component .spp-title {
  font-size: 32px;
  line-height: 38px;
  font-weight: 500;
}
.spp-view-content-wrapper .spp-title-component .spp-description {
  font-size: 16px;
  line-height: 24px;
}
.spp-view-content-wrapper .spp-title-component .spp-description.spp-description-placeholder {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.team-list-item-component {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  margin-bottom: 8px;
  border-radius: 2px;
}
.team-list-item-component .team-list-item-image {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.team-list-item-component .team-list-item-image img {
  width: 100%;
}
.team-list-item-component:hover, .team-list-item-component.is-selected {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.team-list-item-component.is-deleted .team-list-item-image img {
  opacity: 0.3;
}
.spp-view-content-wrapper .spp-editable-item:hover .spp-editable-field .edit-field-icon {
  display: inline;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 12px;
  margin-left: 4px;
  padding-top: 2px;
  cursor: pointer;
  align-self: flex-start;
}
.spp-view-content-wrapper .spp-editable-item .spp-editable-field {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  min-height: 32px;
  width: 100%;
}
.spp-view-content-wrapper .spp-editable-item .spp-editable-field .ds-editable-input {
  border-radius: 2px;
  line-height: 30px;
  padding: 0 8px;
}
.spp-view-content-wrapper .spp-editable-item .spp-editable-field .ds-text-component {
  white-space: normal;
}
.spp-view-content-wrapper .spp-editable-item .spp-editable-field .edit-field-icon {
  display: none;
}
.team-cell-picker-content-component {
  position: relative;
  width: 250px;
  padding: 8px 0 0 0;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  background: #ffffff;
}
.team-cell-picker-content-component:before, .team-cell-picker-content-component:after {
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.team-cell-picker-content-component:before {
  right: 50%;
  border-bottom-color: #c4c4c4;
  border-width: 10px;
  transform: translateX(11px);
}
.team-cell-picker-content-component:after {
  right: 50%;
  border-bottom-color: white;
  border-width: 8px;
  transform: translateX(9px);
}
.team-cell-picker-content-component .team-cell-select-menu-wrapper {
  padding: 0 8px;
}
.team-cell-picker-content-component .team-cell-add-new-team {
  display: flex;
  background: #f1f1f1;
  padding: 8px 8px 8px 16px;
  color: #333333;
  cursor: pointer;
}
.team-cell-picker-content-component .team-cell-add-new-team:hover {
  background: #d8d8d8;
}
.team-cell-picker-content-component .team-cell-add-new-team .add-new-team-icon-wrapper {
  margin-right: 16px;
}

.team-cell-picker-content-component .team-cell-select-menu-wrapper .select-menu-content {
  padding: 0;
}
.team-cell-picker-content-component .team-cell-select-menu-wrapper .select-menu-header {
  padding: 0;
  margin-bottom: 8px;
}

.ds-dialog-content-wrapper.reposition-right .team-cell-picker-content-component:before {
  right: 56px;
  border-bottom-color: #c4c4c4;
  border-width: 10px;
  transform: translateX(11px);
}
.ds-dialog-content-wrapper.reposition-right .team-cell-picker-content-component:after {
  right: 56px;
  border-bottom-color: white;
  border-width: 8px;
  transform: translateX(9px);
}
.spp-view-content-wrapper {
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.spp-view-content-wrapper.disabled .spp-wrapper-component,
.spp-view-content-wrapper.disabled .spp-view-share-wrapper {
  display: none;
}
.spp-view-content-wrapper .spp-title {
  font-size: 32px;
}
.spp-view-content-wrapper.approved .spp-onboarding-component {
  pointer-events: none;
  display: none;
}
.cell-component.team-cell .clear-btn {
  right: 2px;
}
.cell-component.team-cell .clear-btn:after {
  display: none;
}

.team-cell-component {
  width: 100%;
  height: 100%;
}
.spp-onboarding-component {
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spp-onboarding-component.light-theme, .light-theme .spp-onboarding-component {
  color: #1c1f3b;
  background-color: #ffffff;
}
.spp-onboarding-component.dark-theme, .dark-theme .spp-onboarding-component {
  color: #ffffff;
  background-color: #1c1f3b;
}
.spp-onboarding-component.dark_overview-theme, .dark_overview-theme .spp-onboarding-component {
  color: #ffffff;
  background-color: rgba(49, 56, 91, 0.85);
}
.spp-onboarding-component .spp-onboarding-content {
  display: flex;
  flex-direction: row;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper {
  position: relative;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img {
  position: absolute;
  width: 310px;
  height: 200px;
  left: -70px;
  top: -10px;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle {
  border-radius: 50%;
  width: 178px;
  height: 178px;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle.light-theme, .light-theme .spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle {
  background-color: #c5c7d0;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle.dark-theme, .dark-theme .spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle {
  background-color: #6e6f8f;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle.dark_overview-theme, .dark_overview-theme .spp-onboarding-component .spp-onboarding-content .spp-onboarding-img-wrapper .spp-onboarding-img-circle {
  background-color: #21263f;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 48px;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane button.broadcasting-toggle-button.disabled {
  font-weight: 500;
  color: #333333;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane .spp-onboarding-text {
  display: flex;
  flex-direction: column;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane .spp-onboarding-text .spp-onboarding-title {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 16px;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane .spp-onboarding-text .spp-onboarding-title .spp-onboarding-first-title {
  font-weight: 500;
}
.spp-onboarding-component .spp-onboarding-content .spp-onboarding-right-pane .spp-onboarding-text .spp-onbording-description {
  font-size: 16px;
  line-height: 20px;
}
.team-column-advanced-filter-option-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.team-column-advanced-filter-option-component .team-column-advanced-filter-option-image {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px;
}
.team-column-advanced-filter-option-component .team-column-advanced-filter-option-image.is-deleted {
  opacity: 0.3;
}
.spp-view-header-component .broadcasting-toggle-button {
  margin-left: 16px;
  width: 120px;
}
.spp-view-header-component .preview-button {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #6e6f8f;
}
.spp-view-header-component .preview-button:hover {
  background-color: #6e6f8f;
  border-color: #6e6f8f;
}
.spp-view-header-component .preview-button:active:hover, .spp-view-header-component .preview-button:active:focus {
  background-color: #6e6f8f;
  border-color: #6e6f8f;
}
.team-single-activity-log-component .team-single-activity-log-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.team-single-activity-log-component.is-deleted .team-single-activity-log-image {
  opacity: 0.3;
}
.app-feature-board-view-content-component {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pulse-updated-cell-component {
  padding: 0px 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pulse-updated-cell-component .updater-image {
  position: relative;
  height: 25px;
  width: 25px;
  flex: 0 0 25px;
}
.pulse-updated-cell-component .updated-at-label {
  line-height: 34px;
  padding-left: 16px;
  text-align: left;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 300;
}
.pulse-updated-cell-component .updated-at-label .updated-at-empty {
  width: 40px;
  height: 20px;
}
.pulse-updated-cell-component.dateOnly .updated-at-label {
  padding-left: 0;
  text-align: center;
}
.pulse-updated-cell-component.personOnly {
  height: 34px;
}
.app-feature-item-view-content-component {
  height: 100%;
  width: 100%;
}
.app-feature-item-view-content-component .app-feature-loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.app-feature-item-view-content-component .app-header {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  border-bottom: 1px solid #e6e9ef;
}
.app-feature-item-view-content-component .app-header .app-photo {
  width: 22px;
  height: 22px;
}
.app-feature-item-view-content-component .app-header .app-photo .app-image {
  border-radius: 4px;
}
.app-feature-item-view-content-component .app-header .app-photo .app-initials {
  font-size: 12px;
}
.app-feature-item-view-content-component .app-header .app-name {
  margin: auto 8px auto 8px;
  font-size: 16px;
  font-weight: 500;
}
.app-feature-item-view-content-component .app-header .app-indicator {
  width: 32px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #323338;
  text-align: center;
  margin: auto 0 auto 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}
.app-feature-item-view-content-component .app-header .app-settings {
  margin: auto 0 auto auto;
  padding: 4px;
}
.app-feature-item-view-content-component .app-header .app-settings:disabled {
  pointer-events: auto;
}
.app-feature-item-view-content-component .app-header .app-settings-seperator {
  border-left: 1px solid #e6e9ef;
  height: 16px;
  margin: auto 0 auto 16px;
}
.app-feature-item-view-content-component .app-header .app-menu {
  margin: auto 0 auto 8px;
  padding-left: 8px;
}
.app-feature-item-view-content-component .app-header .app-menu .ds-menu-button {
  line-height: 26px;
}
.app-feature-item-view-content-component .app-header .app-menu .ds-menu-button .icon {
  font-size: 18px;
}
.app-feature-item-view-content-component .app-header .app-menu .ds-menu-button .icon:before {
  transform: translateY(7px);
}
.app-feature-item-view-content-component .app-item-view-settings {
  border-radius: 8px;
  background-color: var(--dialog-background-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  z-index: 100000;
  position: absolute;
  right: 10%;
  top: 8%;
  width: 272px;
  max-height: 576px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: scroll;
  margin-bottom: 8px;
}
.pulse-updated-filter-option-component {
  display: flex;
}
.pulse-updated-filter-option-component .updater-image {
  height: 25px;
  width: 25px;
  flex: 0 0 25px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.pulse-card-dialog-component {
  border-radius: 4px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  position: relative;
  width: 100%;
}
.pulse-card-dialog-component.embedded.adobe {
  border-radius: 0;
}
.pulse-card-dialog-component .header-text {
  font-size: 16px;
  font-weight: bold;
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: 8px;
  margin-top: 16px;
  margin-left: 48px;
  max-width: 270px;
}
.pulse-card-dialog-component .open-pulse-in-board-link {
  font-size: 14px;
  right: 37px;
  top: 18px;
  color: #1f76c2;
  color: var(--link-color);
  cursor: pointer;
}
.pulse-card-dialog-component .top-actions-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: auto;
  padding: 10px 11px 0 0;
}
.pulse-card-dialog-component .top-actions-container .updates-indicator-wrapper {
  cursor: pointer;
  margin-right: 8px;
}
.pulse-card-dialog-component .top-actions-container .close-button {
  color: #676879;
  color: var(--secondary-text-color);
  cursor: pointer;
  text-decoration: none;
  margin-left: 8px;
}
.pulse-card-dialog-component .top-actions-container .close-button .icon {
  display: inline-block;
  transition: color 0.15s ease, transform 0.3s ease;
  font-size: 16px;
}
.pulse-card-dialog-component .top-actions-container .close-button:hover .icon {
  color: #0085ff;
  color: var(--primary-color);
}
.pulse-card-dialog-component .pulse-card-dialog-scrollable-wrapper {
  overflow: auto;
  flex: 1;
  padding: 0 60px 12px 60px;
}
.pulse-card-dialog-component .pulse-card-dialog-scrollable-wrapper.embedded-pulse-card {
  padding: 0 8px 8px 8px;
  max-height: 100%;
  padding-bottom: 350px;
}
.pulse-card-dialog-component .pulse-card-dialog-scrollable-wrapper.during-cell-editing {
  overflow: hidden;
}
.pulse-card-dialog-component .create-button-wrapper {
  padding: 16px;
  padding-bottom: 8px;
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
}
.pulse-card-dialog-component .create-button-wrapper .create-button-square {
  margin-left: 4px;
  float: right;
}
.pulse-card-dialog-component .create-button-wrapper .create-button {
  float: right;
}
.pulse-card-dialog-component .write-update-wrapper .write-update-title {
  margin: 24px 0 8px 0;
}
.pulse-card-dialog-component .write-update-wrapper .mention_button_new_post {
  margin-left: 16px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
}
.pulse-card-dialog-component .write-update-wrapper .mention_button_new_post:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
  text-decoration: none;
}

.pulse-card-react-portal {
  z-index: 8000 !important;
}
.pulse-card-wrapper-component {
  padding-top: 32px;
}
.pulse-card-wrapper-component.scrollable-element {
  overflow: auto;
  height: 100%;
}
.pulse-card-wrapper-component::-webkit-scrollbar {
  width: 8px;
}
.pulse-card-wrapper-component::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: transparent;
}
.pulse-card-wrapper-component:hover::-webkit-scrollbar-thumb {
  background-color: #b2b2b2;
}
.pulse-card-header {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
}
.pulse-card-header .pulse-data {
  color: #323338;
  color: var(--primary-text-color);
}
.pulse-card-header .pulse-data.is-in-scroll {
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}
.pulse-card-header .pulse-data .pulse-attribute {
  font-size: 14px;
  display: flex;
  height: 44px;
  align-items: center;
  margin-bottom: 4px;
  margin-left: -2px;
}
.pulse-card-header .pulse-data .pulse-attribute .pulse-attribute-title {
  width: 136px;
}
.pulse-card-header .pulse-data .pulse-attribute .pulse-attribute-value {
  display: flex;
  align-items: center;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  height: 100%;
  flex: 1;
  border-radius: 2px;
  max-width: 267px;
}
.pulse-card-header .pulse-data .pulse-attribute .pulse-name-value {
  font-size: 24px;
  font-weight: bold;
  overflow: hidden;
  flex: 1;
}
.pulse-card-header .pulse-data .pulse-attribute .group-name-value {
  line-height: 40px;
}
.pulse-card-header .pulse-data .pulse-attribute .pulse-attribute-value-text {
  width: auto;
  height: auto;
}
.pulse-card-header .pulse-data .link-to-pulse .board-name-label {
  font-size: 14px;
  right: 37px;
  top: 18px;
}
.pulse-card-header .pulse-data .link-to-pulse .open-pulse-in-board-link[disabled] {
  color: #323338;
  color: var(--primary-text-color);
  cursor: default;
  text-decoration: none;
}
.pulse-card-header .close_button {
  position: absolute;
  right: 0px;
  color: #777;
  cursor: pointer;
  padding: 10px 11px;
  text-decoration: none;
  display: inline-block;
}
.pulse-card-header .close_button .icon {
  display: inline-block;
  transition: color 0.15s ease, transform 0.3s ease;
  font-size: 16px;
}
.pulse-card-header .close_button:hover .icon {
  color: #000;
}
.person-picker-dialog-component {
  background: transparent;
  height: 100%;
  width: 100%;
}
.person-picker-dialog-component .person-picker-position-holder {
  width: 220px;
  height: 1px;
  position: absolute;
}

.person-picker-dialog-component-modal-overlay {
  background: transparent !important;
  position: fixed;
  z-index: 99999999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.free-tier-trial-read-only-component {
  text-align: center;
  position: fixed;
  height: 210px;
  width: 100%;
  bottom: 0;
  left: 66px;
  z-index: 1000000;
  background: #ffffff;
  background: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  opacity: 0.9;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 26px -6px rgba(0, 0, 0, 0.47);
  transition: height 200ms;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.free-tier-trial-read-only-component.hidden {
  display: none;
}
.free-tier-trial-read-only-component .free-tier-trial-read-only-main-header {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 3px;
  line-height: 32px;
}
.free-tier-trial-read-only-component .free-tier-trial-read-only-secondary-header {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 16px;
}
.free-tier-trial-read-only-component .free-tier-trial-read-only-buttons {
  display: flex;
  flex-direction: column;
}
.free-tier-trial-read-only-component .free-tier-trial-read-only-buttons .manage-users-button {
  margin-top: 8px;
}
.free-tier-trial-read-only-component .free-tier-trial-read-only-upgrade-button {
  opacity: 1;
}

@media (max-width: 768px) {
  .free-tier-trial-read-only-component .free-tier-trial-read-only-component-inner {
    width: 90vw;
    white-space: normal;
  }
}
.trial-read-only-component {
  text-align: center;
  position: fixed;
  height: 210px;
  width: 100%;
  bottom: 0;
  left: 66px;
  z-index: 1000000;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  opacity: 0.85;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 26px -6px rgba(0, 0, 0, 0.47);
  transition: height 200ms;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.trial-read-only-component.full-screen-mode {
  height: 100%;
  z-index: 1000000;
}
.trial-read-only-component .trial-read-only-main-header {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 3px;
}
.trial-read-only-component .trial-read-only-secondary-header {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 16px;
}
.trial-read-only-component .trial-read-only-upgrade-button {
  opacity: 1;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .trial-read-only-component .trial-read-only-component-inner {
    width: 90vw;
    white-space: normal;
  }
}
.user-kind-select-component .user-kind-select.is-focused, .user-kind-select-component .user-kind-select:focus {
  outline: none;
}
.user-kind-select-component .user-kind-select.is-focused .Select-control, .user-kind-select-component .user-kind-select:focus .Select-control {
  border-color: #66afe9;
  box-shadow: none;
}
.user-kind-select-component .user-kind-select .Select-control {
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  cursor: pointer;
}
.user-kind-select-component .user-kind-select .Select-input {
  height: 40px;
  cursor: pointer;
}
.user-kind-select-component .user-kind-select .Select-option {
  border-radius: 2px;
}
.user-kind-select-component .user-kind-select .Select-value-label {
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.user-kind-select-component .user-kind-select .Select-option.is-selected {
  padding-left: 8px;
  background-color: white;
}
.user-kind-select-component .user-kind-select .Select-option.is-focused {
  background-color: rgba(0, 154, 255, 0.2);
  color: #333333;
}
.user-kind-select-component .user-kind-select .Select-menu-outer {
  padding: 8px;
  width: 200px;
  left: auto;
  right: 0;
  top: calc(100% + 8px);
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.user-kind-select-option {
  font-weight: 400;
  cursor: pointer;
  border-radius: 2px;
}
.user-kind-select-option.disabled {
  cursor: not-allowed;
}
.user-kind-select-option .user-kind-select-option-title {
  font-size: 14px;
  font-weight: 400;
}
.user-kind-select-option .user-kind-select-option-subtitle {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: normal;
  padding-top: 4px;
  line-height: 22px;
}
.guest-boards-breakdown-component {
  padding: 16px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
}
.guest-boards-breakdown-component .guest-boards-no-shareable-boards {
  font-weight: bold;
  font-size: 14px;
}
.guest-boards-breakdown-component .guest-boards-header {
  margin-bottom: 16px;
}
.guest-boards-breakdown-component .guest-boards-header .guest-boards-title {
  font-weight: bold;
  font-size: 14px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
  font-size: 12px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-header .guest-boards-name-title {
  width: 50%;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-header .guest-boards-owner-name-title {
  width: 30%;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper {
  max-height: 190px;
  overflow: auto;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0 16px 0px;
  border: 1px solid #c5c7d0;
  box-sizing: border-box;
  border-radius: 8px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guests-board-row-left-info {
  display: flex;
  flex-direction: row;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row:not(:last-child) {
  margin-bottom: 8px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .link {
  font-size: 14px;
  color: #0085ff;
  color: var(--primary-color);
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row.admin-not-subscribed:not(.no-board-owner) .guest-boards-action .unsubscribe {
  color: #c5c7d0;
  cursor: initial;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row.admin-not-subscribed:not(.no-board-owner) .guest-boards-action .unsubscribe:hover {
  color: #c5c7d0;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row.admin-not-subscribed .guest-boards-name .admin-not-subscribed-text {
  font-size: 14px;
  color: #9699a6;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-name {
  display: flex;
  flex-direction: row;
  width: 50%;
  padding-left: 16px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-name .guest-boards-copy {
  margin-left: 8px;
  cursor: pointer;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-owner {
  display: flex;
  flex-direction: row;
  width: 30%;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-owner .guest-boards-owner-image {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-owner .guest-boards-no-owner {
  font-size: 14px;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-action {
  font-size: 14px;
  width: 20%;
  display: flex;
  padding-right: 24px;
  justify-content: flex-end;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-action .unsubscribe {
  font-size: 14px;
  color: #323338;
  cursor: pointer;
}
.guest-boards-breakdown-component .guest-boards-list .guest-boards-boards-list-wrapper .guest-boards-boards-row .guest-boards-cell.guest-boards-action .unsubscribe:hover {
  color: #0085ff;
  color: var(--primary-color);
}

.guest-boards-tooltip {
  width: 234px;
  text-align: center;
  font-size: 14px;
  padding: 16px;
}
.slide-panel {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  transform: translateX(100%);
  transition: transform 150ms cubic-bezier(0, 0, 0.35, 1);
  border-left: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1000;
  max-width: calc(100% - 200px);
}
.slide-panel.open {
  box-shadow: 0px 0px 10px 0px #292f4c;
  box-shadow: 0px 0px 10px 0px var(--main-nav-background-color);
  transform: none;
}
.slide-panel .slide-panel-content {
  height: 100%;
}
.slide-panel.popup {
  background: none;
  transition: none;
  border-left: none;
  box-shadow: none;
  width: 100%;
}
.slide-panel.popup .slide-panel-content {
  height: auto;
  margin: 16px;
  background: white;
  position: absolute;
  z-index: 1;
  right: 50%;
  transform: translateX(50%);
  bottom: 0;
  top: 0;
  border-radius: 8px;
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  border-right: 1px solid;
  border-right-color: #c5c7d0;
  border-right-color: var(--ui-border-color);
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
  min-width: 550px;
}
.slide-panel.popup .slide-panel-content .slide-panel-resizer {
  display: none;
}
.slide-panel.popup .slide-panel-content .activity-log-container {
  width: 100%;
}
.slide-panel.popup .slide-panel-content .activity-log-container .ReactVirtualized__Grid {
  width: 100% !important;
}
.slide-panel.popup .pulse_container {
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.slide-panel .redactor-fonts {
  font-family: "Redactor" !important;
  height: 0;
  visibility: hidden;
}

@media (max-width: 768px) {
  .slide-panel {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.slide-panel-resizer {
  position: absolute;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 14px;
  opacity: 0;
  transition: opacity 0.15s ease;
  cursor: col-resize;
  z-index: 10;
}
.slide-panel-resizer:hover {
  opacity: 1;
}
.slide-panel-resizer .drag-handle {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 3px;
}
.slide-panel-overlay {
  right: 100%;
  width: 3000px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  transition: background 0.1s ease;
  pointer-events: none;
  display: none;
}
.slide-panel-overlay.visible {
  background: rgba(41, 47, 76, 0.5) !important;
  pointer-events: all;
}
.slide-panel-overlay.full-screen {
  right: 0px;
  background: rgba(41, 47, 76, 0.5) !important;
}

.slide-panel.open .slide-panel-overlay {
  display: block;
}
.pulse-page-menu-component .set_email_preference_btn .icon-v2-v-sign {
  visibility: hidden;
}
.pulse-page-menu-component .set_email_preference_btn.preference-is-selected .icon-v2-v-sign {
  visibility: visible;
}

.pulse-page-menu-button {
  border-radius: 4px;
}
.pulse-page-menu-button .icon.icon-v2-ellipsis:before {
  transform: translateY(7px);
}
.item-views-bar-component .item-views-inner {
  height: 40px;
  display: flex;
  align-items: center;
  margin: 0 20px 0 20px;
  border-bottom: 1px solid #efefef;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper {
  display: flex;
  min-width: 0px;
  height: 100%;
  padding-top: 2px;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item {
  margin-right: 8px;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  height: 100%;
  padding: 0 8px;
  white-space: nowrap;
  flex: 0 1 auto;
  line-height: 40px;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item .item-view-list-item-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item.predefined-view {
  flex: 0 0 auto;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item:before {
  content: "";
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  background: #d0d0d0;
  transform: scaleX(0);
  transition: all 0.2s ease;
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item:hover:before {
  background-color: #d0d0d0;
  transform: scaleX(1);
}
.item-views-bar-component .item-views-inner .item-views-list-wrapper .item-view-list-item.is-selected:before {
  background-color: #0085ff;
  background-color: var(--primary-color);
  transform: scaleX(1);
}
.item-views-bar-component .item-views-inner .spacer {
  flex: 1;
}
.item-view-content-component {
  height: 100%;
}
.activity-log-container .board-log .single-activity-log {
  padding: 8px 0;
}
.activity-log-container .board-log .single-activity-log .activity-box {
  display: flex;
  position: relative;
  align-items: center;
  height: 39px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  padding: 0 8px 0 16px;
}
.activity-log-container .board-log .single-activity-log .activity-box.automations-activity {
  padding: 0 8px 0 0;
}
.activity-log-container .board-log .single-activity-log .activity-box .extra-info-caret {
  width: 8px;
  display: flex;
  justify-content: center;
  margin-right: 8px;
}
.activity-log-container .board-log .single-activity-log .activity-box .extra-info-caret:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.activity-log-container .board-log .single-activity-log .activity-box .humanize {
  flex: 0 0 56px;
  color: #323338;
  color: var(--primary-text-color);
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  flex: 1.2 0 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon {
  flex: 0 1 auto;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon.status-column-icon {
  background-image: url("/images/color2.png");
  background-size: 100%;
  height: 15px;
  width: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  margin-right: 11px;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon.icon-new-crown {
  font-size: 20px;
  width: 14px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  position: relative;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon.icon-new-crown.added {
  color: #0fa2e2;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon.icon-new-crown.removed {
  color: #9699a6;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .icon.icon-v2-unsubscribe {
  font-size: 18px;
}
.activity-log-container .board-log .single-activity-log .activity-box .column-type .ds-text-component {
  cursor: default;
  height: 100%;
  border: none;
  padding-left: 20px;
  position: absolute;
  width: 100%;
  line-height: 39px;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}
.activity-log-container .board-log .single-activity-log .activity-box .additional-values {
  display: flex;
  flex: 1.5 0 0;
  height: 100%;
  align-items: center;
}
.activity-log-container .board-log .single-activity-log .activity-box .additional-values.archive_pulse .icon {
  height: 17px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user {
  flex: 1 0 0;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .rectangle-connect {
  width: 30px;
  height: 28px;
  position: absolute;
  background: #e6e9ef;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .rectangle-connect.mid-to-bottom-rectangle {
  margin-top: 15px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .rectangle-connect.mid-to-top-rectangle {
  margin-top: -15px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .user {
  flex: 0 1 auto;
  z-index: 1;
  height: 30px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .user .profile_photo {
  margin-bottom: 0;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .user .profile_photo img.img-circle {
  height: 30px;
  width: 30px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .user .profile_photo.no-user img {
  background: none;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .user .profile_photo.darobot-user {
  cursor: default;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .ds-text-component {
  cursor: default;
  flex: 1 1 auto;
  padding-left: 36px;
  padding-right: 0;
  position: absolute;
  border: none;
  width: 100%;
  line-height: 39px;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}
.activity-log-container .board-log .single-activity-log .activity-box .activity-and-user .ds-text-component.clickable {
  cursor: pointer;
}
.activity-log-container .board-log .single-activity-log .activity-box .separator {
  flex: 0 0 16px;
  height: 100%;
}
.activity-log-container .board-log .single-activity-log .activity-box .separator.before-arrow {
  flex: 0 0 2px;
}
.activity-log-container .board-log .single-activity-log .activity-box .separator.after-arrow {
  flex: 0 0 7px;
}
.automation-data-activity-log-component {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 396px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  padding: 16px;
}
.automation-data-activity-log-component .title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #9699a6;
  margin-bottom: 8px;
}
.automation-data-activity-log-component .title .automation-state-icon {
  font-size: 8px;
  margin-right: 8px;
  color: #c5c7d0;
}
.automation-data-activity-log-component .title .automation-state-icon.is-active {
  color: #00ca72;
}
.automation-data-activity-log-component .recipe-text {
  font-size: 16px;
  color: #323338;
  font-weight: 300;
}
.automation-data-activity-log-component .recipe-text .recipe-text-bold {
  font-weight: bold;
}
.automation-data-activity-log-component .footer {
  display: flex;
  margin-top: 8px;
  justify-content: space-between;
  align-items: center;
}
.automation-data-activity-log-component .footer .footer-text {
  color: #9699a6;
  font-size: 14px;
  flex-grow: 0;
}
.automation-data-activity-log-component .footer .edit-automation {
  height: 20px;
  width: 20px;
  line-height: 0px;
}
.automation-avatar-image {
  border-radius: 50%;
  background: #c4c4c4;
}
.activity-log-container .board-log .single-activity-log-v2 {
  padding: 16px 0;
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box {
  display: flex;
  position: relative;
  align-items: center;
  height: 39px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  padding: 0 8px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .humanize {
  flex: 0 0 56px;
  color: #ababab;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  flex: 1.2 0 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon {
  flex: 0 1 auto;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon.status-column-icon {
  background-image: url("/images/color2.png");
  background-size: 100%;
  height: 15px;
  width: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  margin-right: 11px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon.icon-new-crown {
  font-size: 20px;
  width: 14px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  position: relative;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon.icon-new-crown.added {
  color: #0fa2e2;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon.icon-new-crown.removed {
  color: #9699a6;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .icon.icon-v2-unsubscribe {
  font-size: 18px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .column-type .ds-text-component {
  cursor: default;
  height: 100%;
  border: none;
  padding-left: 20px;
  position: absolute;
  width: 100%;
  line-height: 39px;
  color: #868686;
  font-size: 14px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .additional-values {
  display: flex;
  height: 100%;
  align-items: center;
  flex-shrink: 0;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .additional-values .single-log-values-component .tags-value .tag-value .ds-text-component {
  position: static;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .additional-values .old-new-values-container {
  width: 154px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .additional-values.archive_pulse .icon {
  height: 17px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 44px;
  margin-left: 8px;
  min-width: 0;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user-name-and-time {
  display: flex;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user-name-and-time .icon-dapulse-time {
  visibility: hidden;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user-name-and-time .user-name {
  font-weight: 500;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user {
  flex: 0 1 auto;
  z-index: 1;
  height: 30px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user .profile_photo {
  margin-bottom: 0;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user .profile_photo img.img-circle {
  height: 30px;
  width: 30px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user .profile_photo.no-user img {
  background: none;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .user .profile_photo.darobot-user {
  cursor: default;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .ds-text-component {
  cursor: default;
  flex: 1 1 auto;
  border: none;
  width: 90%;
  color: #333333;
  font-size: 14px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .activity-wrapper .ds-text-component.clickable {
  cursor: pointer;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .separator {
  flex: 0 0 16px;
  height: 100%;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .separator.before-arrow {
  flex: 0 0 2px;
}
.activity-log-container .board-log .single-activity-log-v2 .activity-box .separator.after-arrow {
  flex: 0 0 7px;
}
.board-log-drop-box-filter-component {
  margin-right: 4px;
}
.board-log-block-upsale-component {
  position: relative;
  height: 100px;
  bottom: 0;
}
.board-log-block-upsale-component .gradient-cover {
  position: absolute;
  width: calc(100% + 50px);
  left: -25px;
  height: 100%;
  top: -95px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 80%);
}
.board-log-block-upsale-component .board-log-block-upsale-description {
  position: absolute;
  width: 300px;
  text-align: center;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}
.board-log-block-upsale-component .board-log-block-upsale-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 45px;
}
.notice-message-component {
  width: 100%;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 20px 20px 15px 50px;
  position: relative;
  line-height: 1.4;
  border-radius: 3px;
}
.notice-message-component i.icon {
  position: absolute;
  left: 20px;
  top: 19px;
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-activity-log-navigation-header-wrapper {
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 16px 16px 16px 24px;
  border-radius: 3px;
  margin-top: 16px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.automations-activity-log-navigation-header-wrapper .automations-activity-log-navigation-buttons {
  display: flex;
  flex-direction: row;
}
.automations-activity-log-navigation-header-wrapper .automations-activity-log-navigation-buttons .automations-activity-log-navigation-button {
  color: #0085ff;
  color: var(--primary-color);
}

.board-log-header {
  font-size: 16px;
  padding-top: 16px;
  font-weight: 400;
}

.activity-log-container .board-log {
  padding: 0 25px;
}
.activity-log-container .board-log .single-activity-log-container .single-activity-log {
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
}
.activity-log-container .board-log .single-activity-log-container:first-child .single-activity-log {
  border-top-color: transparent;
}
.activity-log-container .board-log .single-activity-log-container.is-extenstion .single-activity-log {
  border-top: 1px;
}
.activity-log-container .board-log .no-results {
  text-align: center;
  margin-top: 32px;
}
.activity-log-container .board-log .loading_posts {
  max-width: 500px;
}
.activity-log-container .board-log .round-loader {
  text-align: center;
  color: #0e94cf;
  margin: 30px auto;
}
.activity-log-container .board-log .round-loader.at-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.activity-log-container .board-log .round-loader .faster-spin {
  -webkit-animation: fa-spin 1.5s infinite linear;
          animation: fa-spin 1.5s infinite linear;
}
.activity-log-container .board-log .ReactVirtualized__List {
  outline: none;
}
.activity-log-container .board-log .board-log-filter.board-filter {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  z-index: 2;
  justify-content: flex-start;
  margin-top: 24px;
  flex: none;
}
.activity-log-container .board-log .board-log-filter.board-filter.open-and-minimized {
  margin-bottom: 180px;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter {
  position: relative;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog,
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog_v2 {
  min-width: 400px;
  left: 0;
  top: 42px;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog .advanced-filter-dialog-inner::before,
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner::before {
  left: 66px;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog .advanced-filter-dialog-inner::after,
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter .advanced-filter-dialog_v2 .advanced-filter-dialog-inner::after {
  left: 68px;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter.log-drop-down-filter {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter.log-drop-down-filter .filter-drop-down {
  flex: 1 1 auto;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter.log-drop-down-filter .clear-button {
  flex: 0 0 auto;
  padding-left: 8px;
  color: #a1a1a1;
  cursor: pointer;
  outline: none;
}
.activity-log-container .board-log .board-log-filter.board-filter .advanced-filter.log-drop-down-filter .clear-button:hover {
  color: #666;
}
.activity-log-container .board-log .board-log-filter.board-filter .log-person-filter {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  position: relative;
}
.activity-log-container .board-log .board-log-filter.board-filter .log-person-filter .person-select {
  flex: 1 1 auto;
  margin-left: 8px;
}
.activity-log-container .board-log .board-log-filter.board-filter .log-person-filter .person-select.with-value {
  transform: none;
}
.activity-log-container .board-log .board-logs {
  position: relative;
}
.activity-log-container .board-log .log-error-background {
  color: #333;
  padding: 5px;
  font-size: 13px;
  text-align: center;
  background: #f1f1f1;
}
.activity-log-container .board-log .log-error-background a {
  color: #1f76c2;
  cursor: pointer;
}
.activity-log-container .board-log .refresh-board-logs {
  margin-left: auto;
}
.activity-log-container .board-log .input-filter-wrapper {
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}
.activity-log-container .board-log .input-filter-wrapper .board-filter-input-container input {
  width: auto;
  max-width: 150px;
  padding: 0 16px;
}
.activity-log-container .board-log .input-filter-wrapper .input-hint-container {
  position: absolute;
  left: 8px;
  font-size: 12px;
  color: #e44258;
}
.activity-log-container .board-log .input-filter-wrapper .input-hint-container .tip-message {
  margin-left: 4px;
}
.pulse-updates-empty-state-component {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-img-wrapper {
  min-height: 140px;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-img-wrapper img {
  max-height: 180px;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-header {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 32px;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-body {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-body .pulse-updates-empty-state-body-tag {
  padding-right: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-body .pulse-updates-empty-state-body-tag .empty_state_tag_text {
  cursor: pointer;
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-body .pulse-updates-empty-state-body-tag .empty_state_tag_text:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.pulse-updates-empty-state-component .pulse-updates-empty-state-content .pulse-updates-empty-state-body .pulse-updates-empty-state-body-tag .icon {
  cursor: pointer;
  padding-right: 8px;
  font-size: 24px;
  color: #00c875;
}
.pulse-breadcrumbs {
  display: flex;
  align-items: center;
}
.pulse-breadcrumbs .pulse-breadcrumb {
  font-size: 14px;
  cursor: pointer;
  width: initial;
  padding: 0;
}
.pulse-breadcrumbs .pulse-breadcrumb .icon {
  font-size: 13px;
  margin-left: 5px;
}
.pulse-breadcrumbs .arrow-icon {
  font-size: 8px;
  padding: 1px 4px 0;
}
.pulse-navigation-arrows-component {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.pulse-navigation-arrows-component .navigation-arrow {
  cursor: pointer;
  padding: 5px;
  height: 25px;
  width: 25px;
}
.pulse-navigation-arrows-component .navigation-arrow:hover {
  border-radius: 50%;
  background: #f1f1f1;
}
.pulse-navigation-arrows-component .navigation-arrow.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: auto;
}
.pulse-page-header-component {
  height: 108px;
  display: flex;
  flex-direction: column;
  padding: 18px 26px 24px 26px;
  justify-content: space-between;
}
.pulse-page-header-component .pulse-page-name-wrapper {
  font-size: 22px;
  width: 100%;
  font-weight: 400;
  max-width: 335px;
}
.pulse-page-header-component .close-pulse-button {
  margin-right: 8px;
  color: #777;
  cursor: pointer;
  padding: 10px 11px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  right: 14px;
  top: 12px;
}
.pulse-page-header-component .close-pulse-button .icon {
  display: inline-block;
  transition: color 0.15s ease, transform 0.3s ease;
  font-size: 16px;
}
.pulse-page-header-component .close-pulse-button:hover .icon {
  color: #000;
  transform: rotate(90deg);
}
.pulse-page-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 4px;
}
.pulse-page-wrapper .pulse-page-content-wrapper {
  display: flex;
  height: 100%;
}
.pulse-page-wrapper .pulse-page-content-wrapper .pulse-values-and-header-wrapper {
  min-width: 472px;
  background-color: #ffffff;
  background-color: var(--modal-background-color);
}
.pulse-page-wrapper .pulse-page-content-wrapper .pulse_container {
  min-width: 480px;
  height: 100%;
  flex-grow: 1;
  padding-top: 56px;
}
.pulse-page-wrapper .pulse-page-content-wrapper .pulse_container .pulse_menu_btn {
  background: none;
}
.pulse-page-wrapper .pulse-page-content-wrapper #pulse-page-values-wrapper {
  height: calc(100% - 108px);
}
.pulse-page-wrapper .pulse-page-content-wrapper #pulse-page-values-wrapper .pulse-card-wrapper-component {
  padding: 0px 28px 440px;
}
.pulse-page-wrapper .pulse-page-content-wrapper #pulse-page-values-wrapper .pulse-card-wrapper-component.during-cell-editing {
  overflow: hidden;
  margin-right: 8px;
}
.pulse-page-wrapper .pulse-page-content-wrapper .pulse-page-seperator {
  height: 100%;
  width: 1px;
  background-color: #c5c7d0;
  background-color: var(--ui-border-color);
}
.board-last-viewed-component {
  padding: 32px;
}
.board-last-viewed-component .board-last-viewed-user,
.board-last-viewed-component .board-last-viewed-table-headers {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.board-last-viewed-component .board-last-viewed-user-details {
  display: flex;
}
.board-last-viewed-component .board-last-viewed-user-details .user-image {
  margin-right: 8px;
}
.board-last-viewed-component .last-viewed-recently-separator {
  height: 1px;
  width: 100%;
  background: #f1f1f1;
  margin: 0 auto 16px;
}
.board-last-viewed-component .board-last-viewed-table-headers {
  color: #9699a6;
  font-size: 16px;
}
.slide-panel .activity-log-container .flexible-header .tabs_wrapper {
  height: 24px;
}
.slide-panel .activity-log-container .flexible-header .pulse_title {
  margin-left: 20px;
}
.slide-panel .activity-log-container .flexible-header .pulse_title .activity-log-container-title {
  display: flex;
  align-items: center;
}
.slide-panel .activity-log-container .flexible-header .pulse_title .activity-log-container-title .ds-text-component {
  flex: 0 1 auto;
  width: initial;
}
.slide-panel .activity-log-container .flexible-header .pulse_title .activity-log-container-title .board-active-tab {
  flex: 0 0 auto;
  font-weight: 500;
  line-height: initial;
}
/* mixin for multiline */
.broadcast-component {
  position: absolute !important;
  z-index: 2000;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
  box-shadow: none;
  height: 100%;
  width: 700px;
  display: flex;
  flex-direction: column;
  background-color: white;
}
.broadcast-component.closing {
  -webkit-animation: 150ms slideOutToLeft;
          animation: 150ms slideOutToLeft;
}
.broadcast-component.is-open {
  visibility: visible;
  opacity: 1;
  -webkit-animation: 150ms slideInFromLeft;
          animation: 150ms slideInFromLeft;
  box-shadow: 0px 0px 10px 0px #999;
}
.broadcast-component .broadcast-title {
  flex: 0 0 56px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border-right: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  display: flex;
}
.broadcast-component .broadcast-title .broadcast-title-text {
  position: relative;
  display: flex;
  font-weight: 600;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: 8px;
}
.broadcast-component .broadcast-title .icon-present {
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-bottom: -4px;
  font-size: 18px;
}
.broadcast-component .broadcast-title .exit-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
  cursor: pointer;
  transition: color 100ms ease;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 16px;
}
.broadcast-component .broadcast-title .exit-icon:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.broadcast-component .loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%;
  width: 700px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 0;
}
.broadcast-component #broadcast_frame {
  display: block !important;
  position: relative;
  flex: 1 1 100%;
  width: 700px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 0;
  overflow: hidden;
}
.broadcast-component #broadcast_frame .broadcast_list_title {
  display: none;
}
.broadcast-component #broadcast_frame .broadcast_list_wrapper {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  overflow-y: scroll;
  height: 100%;
}
.broadcast-component #broadcast_frame .broadcast_list_wrapper::-webkit-scrollbar {
  width: 4px;
}
.broadcast-component #broadcast_frame .broadcast_list_wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_admin_name,
.broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_time_ago,
.broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_clock_icon {
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.broadcast-component #broadcast_frame .broadcast_message {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.broadcast-component #broadcast_frame .broadcast_message img {
  height: initial;
  max-height: 280px;
  max-width: 578px;
}
.broadcast-component #broadcast_frame .broadcast_notification {
  padding: 12px 34px 10px 82px;
}
.broadcast-component #broadcast_frame .broadcast_admin_photo {
  top: 14px;
  left: 40px;
  width: 35px;
  height: 35px;
}

@-webkit-keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
    box-shadow: none;
  }
  50% {
    box-shadow: none;
  }
  100% {
    transform: translateX(0);
    box-shadow: 0px 0px 10px 0px #999;
  }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
    box-shadow: none;
  }
  50% {
    box-shadow: none;
  }
  100% {
    transform: translateX(0);
    box-shadow: 0px 0px 10px 0px #999;
  }
}
@-webkit-keyframes slideOutToLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
  }
  99% {
    opacity: 1;
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes slideOutToLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
  }
  99% {
    opacity: 1;
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.keyboard-shortcuts-menu-component {
  position: fixed;
  width: 400px;
  box-shadow: 0px 2px 13px 1px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  background-color: #ffffff;
  background-color: var(--card-background-color);
  right: 16px;
  bottom: 16px;
  top: 81px;
  z-index: 1001;
  display: flex !important;
  flex-direction: column;
  border-top: 4px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
}
.keyboard-shortcuts-menu-component .exit-icon {
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #676879;
  color: var(--icon-color);
}
.keyboard-shortcuts-menu-component .exit-icon:hover {
  color: #808080;
}
.keyboard-shortcuts-menu-component .title-menu-wrapper {
  display: flex;
  flex-direction: column;
  padding: 32px 32px 16px;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  flex-shrink: 0;
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .main-title {
  display: flex;
  font-size: 18px;
  flex-shrink: 0;
  color: #323338;
  color: var(--primary-text-color);
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .main-title .first-part-title {
  font-weight: 700;
  margin-right: 4px;
  color: #323338;
  color: var(--primary-text-color);
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .secondary-title {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  display: flex;
  align-items: center;
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .secondary-title .shift-shortcut {
  font-size: 50px;
  height: 22px;
  line-height: 50px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .secondary-title .question-mark-shortcut {
  font-size: 23px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .secondary-title .shortcut {
  margin-right: 4px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.keyboard-shortcuts-menu-component .title-menu-wrapper .secondary-title .text {
  margin-left: 4px;
  color: #323338;
  color: var(--primary-text-color);
}
.keyboard-shortcuts-menu-component .shortcuts-content-wrapper {
  flex: 1 1 auto;
  overflow: scroll;
  padding: 0 32px 32px;
}
.keyboard-shortcuts-menu-component .shortcuts-content-wrapper .shortcuts-content {
  display: flex;
  flex-direction: column;
  flex: 1 0;
}
.keyboard-shortcuts-section-component {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.keyboard-shortcuts-section-component .section-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
  color: #323338;
  color: var(--primary-text-color);
}
.keyboard-shortcuts-section-component .shortcut-items {
  display: flex;
  flex-direction: column;
  color: #676879;
  color: var(--secondary-text-color);
}
.keyboard-shortcuts-item-component {
  display: flex;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  padding: 12px 0px;
  align-items: center;
}
.keyboard-shortcuts-item-component .shortcut-title {
  font-size: 14px;
  margin-right: 6px;
  flex-grow: 1;
}
.keyboard-shortcuts-item-component .secondary-title {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  flex-grow: 1;
}
.keyboard-shortcuts-item-component .shortcut-icon {
  align-self: flex-end;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
  margin-left: 4px;
  flex-grow: 0;
}
.webinar-component {
  display: flex;
  flex-direction: column;
  padding: 24px;
  text-align: start;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  flex: 0 0 600px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}
.webinar-component .webinar-header {
  display: flex;
  flex-direction: column;
  margin-right: 16px;
  margin-bottom: 24px;
}
.webinar-component .webinar-header .webinar-specs {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: space-between;
  height: 30px;
  color: #676879;
  color: var(--icon-color);
  margin-bottom: 8px;
}
.webinar-component .webinar-header .webinar-specs .webinar-specs-left {
  display: flex;
  flex-direction: row;
}
.webinar-component .webinar-header .webinar-specs .webinar-specs-left * {
  margin-right: 4px;
}
.webinar-component .webinar-header .webinar-specs .webinar-specs-right .webinar-live-indicator {
  display: flex;
  flex-direction: row;
}
.webinar-component .webinar-header .webinar-specs .webinar-specs-right .webinar-live-indicator .webinar-live-indicator-pulse {
  margin-top: -5px;
}
.webinar-component .webinar-header .webinar-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.webinar-component .webinar-header .webinar-description {
  font-size: 14px;
  white-space: pre-wrap;
  height: 84px;
}
.webinar-component .webinar-header .webinar-description span {
  overflow: hidden;
  max-height: 84px;
  display: block;
}
.webinar-component .webinar-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.webinar-component .webinar-body .webinar-date-container {
  display: flex;
  flex-direction: column;
}
.webinar-component .webinar-body .webinar-date-container .webinar-date-picker {
  margin-bottom: 6px;
  width: 350px;
}
.webinar-component .webinar-body .webinar-date-container .webinar-timezone {
  font-size: 13px;
  margin-bottom: 24px;
}
.webinar-component .webinar-body .webinar-buttons {
  display: flex;
  flex-direction: column;
}
.webinar-component .webinar-body .webinar-buttons .webinar-register-button button {
  width: 150px;
  background: #0085ff;
  background: var(--primary-color);
}
.webinar-component .webinar-body .webinar-buttons .webinar-learn-more-button {
  padding: 8px;
  margin-left: auto;
  margin-right: auto;
}
.webinar-component .webinar-body .webinar-buttons .webinar-learn-more-button a {
  color: #1f76c2;
  color: var(--link-color);
}

.finished-step-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 32px;
  padding: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.finished-step-component .finished-image {
  height: 180px;
  width: auto;
  padding-top: 16px;
}
.finished-step-component .title {
  font-size: 24px;
  font-weight: 500;
  margin-top: 32px;
  text-align: center;
}
.finished-step-component .sub-title-wrapper {
  margin-top: 16px;
  font-size: 16px;
  display: flex;
}
.finished-step-component .sub-title-wrapper .sub-title {
  text-align: center;
}
.finished-step-component .sub-title-wrapper .sub-title.emphasis {
  font-weight: 500;
  margin-left: 4px;
}
.finished-step-component .finished-button {
  margin-top: 32px;
}
.submit-ticket-view-component .Select.is-focused > .Select-control,
.submit-ticket-view-component .Select-control {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.submit-ticket-view-component .Select.is-focused > .Select-control .Select-input,
.submit-ticket-view-component .Select-control .Select-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.submit-ticket-view-component .Select.is-focused > .Select-control .Select-value .Select-value-label,
.submit-ticket-view-component .Select-control .Select-value .Select-value-label {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.help-section-component {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  cursor: pointer;
  background-size: contain;
  background-position: initial;
  background-repeat: no-repeat;
  width: 240px;
  height: 180px;
}
.help-section-component .section-content {
  flex-grow: 1;
  position: relative;
}
.help-section-component .section-content .sub-title {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #323338;
  opacity: 0.5;
  color: white;
  white-space: nowrap;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
.help-section-component .section-footer {
  display: flex;
  justify-content: center;
  flex-basis: 56px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.help-section-component .section-footer .footer-title {
  align-self: center;
  text-align: center;
  font-size: 16px;
}
.help-section-component:hover {
  box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.15);
}
.help-section-component.disabled {
  cursor: default;
}
.help-section-component.disabled .sub-title {
  display: block;
}
.help-section-component.disabled:hover {
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.09);
}
.help-section-component.disabled .footer-title {
  color: #c5c7d0;
}

.small-help-center .help-section-component {
  width: 176px;
  height: 131px;
}
.small-help-center .help-section-component .section-footer {
  flex-basis: 37px;
}
.contact-us-link-component {
  font-size: 16px;
  cursor: pointer;
}
.contact-us-link-component .contact-us-icon {
  font-size: 26px;
  line-height: 25px;
  margin-right: 8px;
}
.contact-us-link-component .contact-us-link {
  color: #1f76c2;
  color: var(--link-color);
  text-decoration: none;
  margin-right: 5px;
  white-space: nowrap;
}
.contact-us-link-component .description-text {
  margin-right: 5px;
  white-space: nowrap;
}
.contact-us-link-component.disabled .contact-us-icon, .contact-us-link-component.disabled .description-text {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.contact-us-link-component:hover .contact-us-link {
  text-decoration: underline;
}
.help-center-main-view-transition {
  height: 100%;
}
.help-center-main-view-transition #help-center-main-view-component {
  display: flex;
  justify-content: center;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content {
  display: flex;
  flex-direction: column;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .help-sections-wrapper {
  width: 750px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto auto 30px;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .help-sections-wrapper.small-help-center {
  margin-bottom: 60px;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
  flex-wrap: wrap;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .contact-us-item {
  flex-basis: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .contact-us-item:not(:last-child) {
  border-right: 2px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .contact-us-item.small {
  flex: 1 1 auto;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  height: 24px;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .contact-us-link-component {
  border: unset;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .status-page-status {
  color: #323338;
  color: var(--primary-text-color);
  padding: 2px 8px;
  margin-top: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-weight: 300;
  line-height: 1.5;
  color: #323338;
  color: var(--primary-text-color);
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .status-page-status.minor {
  background-color: #ffefb3;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .status-page-status.major {
  background-color: #fee6c5;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .status-page-status.critical {
  background-color: #f9dade;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .help-center-main-view-status-page-link .status-page-status.none {
  display: none;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .contact-us-wrapper .splitter {
  flex: 0 0 2px;
  margin: 0 8px;
  height: 24px;
  background: #333333;
  align-self: center;
}
.help-center-main-view-transition #help-center-main-view-component .help-center-content .status-page-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
  align-self: center;
  justify-content: center;
  align-items: center;
}
.suggest-feature-component {
  height: 588px;
  max-height: calc(90vh - 112px);
  overflow: hidden;
}
.suggest-feature-component .form-iframe {
  width: 100%;
  height: 100%;
  position: relative;
}
.help-center-component {
  z-index: 1000003;
  background: rgba(41, 47, 76, 0.7);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.help-center-component .help-center-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.help-center-component .help-center-modal-content {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  max-height: 90vh;
  max-width: 95vw;
  position: relative;
  border-radius: 4px;
  transition: height 0.3s, width 0.3s;
  width: 1080px;
  height: 750px;
  overflow: auto;
}
.help-center-component .help-center-modal-content .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 1;
}
.help-center-component .help-center-modal-content .close-button:hover {
  color: #c4c4c4;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 32px;
  overflow: auto;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .loader-wrapper {
  text-align: center;
  margin: 100px 0;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-title {
  font-size: 32px;
  font-weight: bold;
  text-align: left;
  align-self: center;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-sub-title {
  font-size: 20px;
  text-align: center;
  margin: 8px 170px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .back-button {
  position: absolute;
  top: 16px;
  left: 16px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .view-wrapper.extra-top-space .help-center-content {
  margin-top: 40px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .view-wrapper .active-video-component {
  padding-bottom: 0;
  height: 506px;
  width: 900px;
  margin: 12px auto;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .view-wrapper .active-video-component iframe {
  width: 900px;
  height: 506px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar {
  flex-grow: 1;
  align-self: center;
  width: 750px;
  height: 300px;
  min-height: 300px;
  transition: width 0.2s ease-in-out;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar.hidden {
  display: none;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper {
  position: absolute;
  width: 750px;
  top: 32px;
  transition: width 0.2s ease-in-out;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper #actionbar-bar-container {
  z-index: 100;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper #actionbar-bar-container #actionbar-bar-title {
  text-align: left;
  margin-left: 30px;
  display: none;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper .actionbar-text-container {
  background: white;
  font-family: "Roboto";
  border-radius: 8px;
  border: 1px solid #f7f7f7;
  box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.09);
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper .actionbar-text-container #actionbar-query-left-icon {
  display: none;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper .actionbar-text-container #actionbar-bar .simpo-input.actionbar-text-box input {
  font-size: 26px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #action-bar-wrapper .actionbar-text-container #simpo-input {
  padding-left: 0px;
  color: #0085ff;
  color: var(--primary-color);
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-go-back {
  color: #333333;
  font-weight: 500;
  right: -6px;
  left: auto;
  font-size: 14px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-go-back span {
  display: none;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-go-back:after {
  content: "Close";
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-actionbar[data-mode=faq] #actionbar-go-back {
  top: -2px;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-actionbar[data-mode=faq] #actionbar-bar-title {
  display: block !important;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-actionbar[data-mode=faq] #actionbar-bar-title h1 {
  color: #333333;
}
.help-center-component .help-center-modal-content .help-center-modal-content-inner .help-bar #actionbar-actionbar[data-mode=faq] #actionbar-faq-content {
  height: 547px;
}

/*$link-color:#168ae0;*/
.callback-view-component .wrapper {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.callback-view-component .wrapper .close_btn {
  color: #c4c4c4;
  float: right;
  position: relative;
  right: 15px;
  top: 15px;
  font-size: 15px;
  cursor: pointer;
  z-index: 90;
}
.callback-view-component .wrapper .close_btn:hover {
  color: #333;
}
.callback-view-component .err_wrapper {
  position: absolute;
  top: 0px;
  width: 100%;
  background: #e2445c;
  color: #fff;
  z-index: 99;
  transition: visibility 0s, opacity 0.5s linear;
}
.callback-view-component .err_wrapper.active {
  visibility: visible;
  opacity: 1;
}
.callback-view-component .err_wrapper .close_error {
  font-size: 13px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #fff;
  padding: 2px 10px;
  cursor: pointer;
  margin-left: 8px;
}
.callback-view-component .err_wrapper .close_error:hover {
  background: #fff;
  color: #f65f7c;
}
.callback-view-component .err_wrapper .err_content {
  position: relative;
  top: 18%;
  font-size: 15px;
  padding: 16px;
  text-align: center;
  font-size: 16px;
}
.callback-view-component .confirmation_wrapper {
  margin-top: 80px;
}
.callback-view-component .confirmation_wrapper .close_btn {
  color: #fff;
}
.callback-view-component .content {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
}
.callback-view-component .content .ticket-form {
  padding-top: 64px;
}
.callback-view-component .content .ticket-form .button {
  margin-top: 36px;
}
.callback-view-component .content .ticket-phone {
  height: 58px;
}
.callback-view-component .content .ticket-last-time,
.callback-view-component .content .ticket-phone,
.callback-view-component .content .ticket-timezone,
.callback-view-component .content .ticket-about,
.callback-view-component .content .ticket-issue {
  padding-top: 8px;
}
.callback-view-component .confirmation_screen {
  color: #fff;
  height: 410px;
  font-size: 13px;
}
.callback-view-component .confirmation {
  position: relative;
  top: 40%;
  text-align: center;
  font-size: 18px;
}
.callback-view-component .confirmation .email_note {
  font-weight: 100;
}
.callback-view-component .confirmation .email_note span {
  font-weight: 300 !important;
}
.callback-view-component .title {
  font-weight: 300;
  font-size: 20px;
  margin-top: 10px;
  color: #333;
  width: 500px;
  font-weight: 500;
}
.callback-view-component .sub-title-wrapper {
  width: 500px;
}
.callback-view-component .button {
  display: inline-block;
  color: #fff;
  background-color: #0085FF;
  border-color: #0085FF;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.641rem 2rem;
  font-size: 0.875rem;
  line-height: 1.25;
  height: 2.50908rem;
  border-radius: 15rem;
  transition: padding-left 0.35s cubic-bezier(0.19, 1, 0.22, 1), padding-right 0.35s cubic-bezier(0.19, 1, 0.22, 1), color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
.callback-view-component .button:hover {
  background-color: #0089c3 !important;
  border-color: #0089c3;
}
.callback-view-component .button.disabled {
  pointer-events: none;
  background-color: #f7f7f7;
  color: #dedede;
  box-shadow: 0px 1px 0px 0px #dedede;
}
.callback-view-component .form {
  position: relative;
  width: 100%;
  align-self: center;
}
.callback-view-component .form .Select .Select-control {
  height: 48px;
  box-shadow: none !important;
}
.callback-view-component .form .Select .Select-control:focus-within {
  border: 1px solid #0085FF;
}
.callback-view-component .form .Select .Select-control .Select-input,
.callback-view-component .form .Select .Select-control .Select-value,
.callback-view-component .form .Select .Select-control .Select-placeholder {
  line-height: 48px;
  padding-left: 16px;
  font-size: 16px;
}
.callback-view-component .form .Select .Select-control .Select-placeholder {
  color: #c4c4c4;
}
.callback-view-component .form .Select .is-focused:not(.is-open) > .Select-control {
  border: 1px solid #0085FF;
}
.callback-view-component .form .Select .Select-menu-outer {
  border: 1px solid #0085FF;
}
.callback-view-component .form .Select .Select-menu-outer .Select-option.is-focused {
  color: #fff;
  background-color: #0085FF;
}
.callback-view-component .form .Select .Select-menu-outer .Select-option.is-selected:not(.is-focused) {
  background-color: #cce9ff;
}
.callback-view-component .form label {
  font-size: 13px;
  margin-bottom: 7px;
  margin-top: 12px;
}
.callback-view-component .form .actions {
  text-align: right;
}
.callback-view-component .form .subject_error {
  color: #f65f7c;
}
.callback-view-component .form input[type=text] {
  background: #ffffff;
  margin-bottom: 10px;
  outline: none;
  padding: 16px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  width: 100%;
  height: 48px;
  color: #333333;
}
.callback-view-component .form input[type=text]:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.callback-view-component .form input[type=text]::placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.callback-view-component .form input[type=text]:-ms-input-placeholder {
  color: #c4c4c4;
}
.callback-view-component .form input[type=text]::-ms-input-placeholder {
  color: #c4c4c4;
}
.callback-view-component .form input[type=file].upload_file_input {
  cursor: pointer;
  opacity: 0;
}
.callback-view-component .form textarea {
  resize: none;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  background: #ffffff;
  width: 100%;
  height: 200px;
  font-size: 16px;
  padding: 12px 16px;
  color: #333333;
}
.callback-view-component .form textarea:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.callback-view-component .form textarea::placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.callback-view-component .form textarea:-ms-input-placeholder {
  color: #c4c4c4;
}
.callback-view-component .form textarea::-ms-input-placeholder {
  color: #c4c4c4;
}
.callback-view-component .form .feature-details {
  height: 170px;
}
.callback-view-component .form textarea:focus,
.callback-view-component .form input[type=text]:focus {
  outline: none;
  border: 1px solid #0085FF;
}
.callback-view-component .form .err {
  border: 1px solid #f65f7c !important;
}
.callback-view-component .form .err.Select {
  border-radius: 4px;
}
.callback-view-component .form .err.Select .Select-control {
  border: none;
}
.callback-view-component .form .err.Select .Select-control:focus-within {
  border: none;
}
.callback-view-component .form .btn-primary {
  margin: 12px 0 18px 0;
  width: 90px;
}
.choose-learning-source-component .learning-source {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  padding: 8px;
  padding: 16px 32px;
}
.choose-learning-source-component .learning-source:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.choose-learning-source-component .learning-source .source-image-wrapper {
  margin-right: 16px;
}
.choose-learning-source-component .learning-source .source-image-wrapper .source-image {
  height: 60px;
}
.choose-learning-source-component .learning-source .title-description-wrapper {
  display: flex;
  flex-direction: column;
}
.choose-learning-source-component .learning-source .source-title {
  font-weight: 500;
  font-size: 18px;
}
.choose-learning-source-component .learning-source .source-description {
  font-size: 14px;
  width: 360px;
}
.choose-learning-source-component .learning-source .source-arrow {
  font-size: 24px;
  font-weight: 300;
  color: #676879;
  color: var(--icon-color);
}
.get-started-preview-component {
  display: flex;
  flex-direction: column;
}
.get-started-preview-component .get-started-image {
  width: 100%;
  cursor: pointer;
  min-height: 200px;
}
.get-started-preview-component .get-started-description {
  padding: 16px;
}
.get-started-preview-component .learn-more-button-wrapper {
  align-self: flex-end;
  padding: 16px;
}
.get-started-full-component .get-started-step {
  padding: 40px 32px;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  display: flex;
  flex-direction: column;
}
.get-started-full-component .get-started-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.get-started-full-component .get-started-gif-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  width: 100%;
}
.get-started-full-component .get-started-gif-wrapper .get-started-gif {
  width: 100%;
}
.get-started-full-component .get-started-gif-wrapper .get-started-video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50%;
}
.get-started-full-component .gif-or-video-wrapper {
  padding-bottom: 0;
}
.get-started-full-component .get-started-video-wrapper {
  width: 100%;
}
.get-started-full-component .get-started-gif,
.get-started-full-component .get-started-video-wrapper {
  border-radius: 4px;
}
.welcome-to-monday-videos-component .video-center-component {
  padding: 0;
}
.welcome-to-monday-videos-component .active-video-component {
  padding-bottom: 0;
}
.video-center-thumbnail-component {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 148px;
  cursor: pointer;
}
.video-center-thumbnail-component .thumbnail-image {
  height: 85px;
  margin-bottom: 8px;
  position: relative;
}
.video-center-thumbnail-component .thumbnail-image img {
  transition: 0.1s filter ease-in;
  height: 100%;
  width: 100%;
}
.video-center-thumbnail-component .thumbnail-image .play-button-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  font-size: 30px;
}
.video-center-thumbnail-component .thumbnail-image .video-length {
  position: absolute;
  bottom: 4px;
  right: 4px;
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #333333;
  color: #ffffff;
}
.video-center-thumbnail-component .thumbnail-title {
  padding: 0 16px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
.video-center-thumbnail-component:not(:last-child) {
  margin-right: 8px;
}
.video-center-thumbnail-component:not(.active):not(:hover) .thumbnail-image img {
  filter: brightness(35%);
}
.video-step-connecting-line {
  background-color: #a358df;
  width: 100%;
  position: relative;
  height: 6px;
  transition: backgroundColor 0.1s ease;
}
.video-step-connecting-line.seen-video {
  background-color: #00ca72;
}

.video-step-item-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-step-item-wrapper .video-step-item {
  background-color: #a358df;
  z-index: 200;
  padding: 9px 16px;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.1s ease;
  color: #ffffff;
}
.video-step-item-wrapper .video-step-item:hover {
  transform: scale(1.1);
}
.video-step-item-wrapper .video-step-item.seen-video {
  color: #ffffff;
  background-color: #00ca72;
}
.video-step-item-wrapper .video-step-item i {
  font-size: 24px;
  text-align: center;
}
.video-step-item-wrapper .video-step-item i:before {
  width: 24px;
  height: 24px;
}
.video-step-item-wrapper .video-step-item-text {
  position: absolute;
  text-align: center;
  top: 62px;
  font-size: 12px;
  width: 200px;
  font-weight: 400;
}
.video-step-item-wrapper .video-step-item-text .video-step-item-title {
  font-size: 14px;
  font-weight: 600;
}
.video-step-item-wrapper .video-step-item-text .video-step-item-description {
  font-size: 13px;
  max-width: 128px;
  margin: 0 auto;
}
.video-step-item-wrapper .seen-video-checkmark {
  position: absolute;
  top: -3px;
  right: -5px;
  pointer-events: none;
  z-index: 201;
}
.video-step-item-wrapper .seen-video-checkmark i {
  background-color: #ffffff;
  color: #00ca72;
  padding: 3px 4px;
  border-radius: 100%;
  border: 2px solid #00ca72;
  font-size: 12px;
}
.video-step-item-wrapper .seen-video-checkmark i::before {
  position: relative;
  top: 1px;
  left: 0px;
}
.more-videos-steps-component {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 80px 32px 80px;
}
.video-center-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 16px 106px 0 106px;
}
.video-center-component .close-icon-container {
  position: absolute;
  right: 8px;
  top: 4px;
  cursor: pointer;
  font-size: 18px;
  color: #808080;
}
.video-center-component .close-icon-container:hover {
  color: #333333;
}
.video-center-component.with-show-more {
  padding: 24px 40px;
  height: 100%;
  justify-content: flex-start;
}
.video-center-component.with-show-more .video-center-title {
  text-align: left;
  font-weight: 300;
  font-size: 24px;
  border-bottom: 1px solid #e1e1e1;
}
.video-center-component.with-show-more .video-center-selected-video-title {
  display: none;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-selected-video-container {
  order: 2;
  flex-grow: 1;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-all-videos-button {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-all-videos-button .video-center-play-in-frame {
  margin-right: 8px;
  height: 14px;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 32px;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container .more-videos-steps-component {
  flex-direction: column;
  align-items: flex-start;
  height: 308px;
  padding: 0;
  margin-right: 40px;
  margin-bottom: 40px;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container .more-videos-steps-component .video-step-item-number-wrapper {
  position: relative;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container .more-videos-steps-component .video-step-item-wrapper {
  flex-direction: row;
  align-items: flex-end;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container .more-videos-steps-component .video-step-item-wrapper .video-step-item-text {
  position: static;
  text-align: left;
  padding-left: 24px;
  width: 175px;
  align-self: flex-start;
}
.video-center-component.with-show-more .video-center-video-and-buttons-wrapper .video-center-thumbnails-container .more-videos-steps-component .video-step-connecting-line {
  width: 6px;
  height: 100%;
  margin-left: 25px;
}
.video-center-component .video-center-video-and-buttons-wrapper {
  display: flex;
  flex-direction: column;
}
.video-center-component .video-center-title {
  margin-bottom: 8px;
  min-height: 48px;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}
.video-center-component .video-center-selected-video-container {
  height: 370px;
  margin-bottom: 24px;
  background-color: #eee;
}
.video-center-component .video-center-selected-video-container .video-center-selected-video-title {
  margin-top: 8px;
  color: #333333;
  font-weight: 400;
}
.video-center-component .video-center-thumbnails-header {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.video-center-component .video-center-thumbnails-container {
  display: flex;
  justify-content: space-between;
  margin: 32px 0;
}
.help-center-wrapper-component {
  padding: 32px;
}
.help-center-wrapper-component .help-center-title {
  display: flex;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 16px;
}
.help-center-wrapper-component #help-center-main-view-component {
  margin-top: -28px;
}
.help-center-wrapper-component #help-center-main-view-component .help-sections-wrapper {
  width: auto;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px auto 32px;
}
.help-center-wrapper-component #help-center-main-view-component .help-sections-wrapper .help-section-component {
  margin: 16px;
  height: 150px;
  width: 182px;
}
.help-center-wrapper-component #help-center-main-view-component .contact-us-wrapper {
  margin-top: 0px;
}
.help-center-wrapper-component .help-center-modal-content-inner .back-button {
  cursor: pointer;
  margin-bottom: 8px;
}
.help-center-wrapper-component .help-center-modal-content-inner .back-button .back-arrow {
  display: none;
}
.help-center-wrapper-component .help-center-modal-content-inner .simpo-search-container {
  margin-top: 0;
}
.help-center-wrapper-component .help-center-modal-content-inner .simpo-main-container div {
  position: static;
}
.help-center-wrapper-component .help-center-modal-content-inner .submit-ticket-view-component .content {
  width: 100%;
}
.help-center-wrapper-component .help-center-modal-content-inner .simpo-embedded-search-wrapper {
  margin-top: 0px;
}
.help-center-wrapper-component .help-center-modal-content-inner .webinars-view-component .webinar-form {
  width: 100%;
}

.new-help-center {
  height: 100%;
}
.new-help-center .help-center-modal-content-inner {
  height: 700px;
}
.new-help-center .help-center-modal-content-inner .view-wrapper {
  height: calc(100% - 336px);
}
.new-help-center .help-center-modal-content-inner .view-wrapper #help-center-main-view-component {
  height: 100%;
}
.new-help-center .help-center-modal-content-inner .view-wrapper #help-center-main-view-component .help-center-content {
  width: 100%;
  position: absolute;
  justify-content: center;
  bottom: 0px;
}
.new-help-center .help-center-modal-content-inner .view-wrapper #help-center-main-view-component .help-center-content .help-sections-wrapper {
  width: 100%;
  padding-left: 36px;
  padding-right: 36px;
  margin-bottom: 0px;
}
.new-help-center .help-center-modal-content-inner .view-wrapper #help-center-main-view-component .help-center-content .contact-us-link-component {
  font-size: 15px;
  font-weight: 400;
}
.new-help-center .help-center-modal-content-inner .view-wrapper .contact-us-wrapper .read-and-learn .icon {
  padding-top: 6px;
}
.new-help-center .help-center-modal-content-inner .view-wrapper .contact-us-wrapper .suggest-feature .icon {
  padding-bottom: 3px;
}
.whats-new-component {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
}
.whats-new-component .broadcast-component {
  -webkit-animation: none;
          animation: none;
  box-shadow: none;
  width: 100%;
  left: -25px;
  visibility: visible;
  opacity: 1;
}
.whats-new-component .broadcast-component .broadcast-title {
  display: none;
}
.whats-new-component .broadcast-component #broadcast_frame {
  width: 100%;
  border: none;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper {
  overflow-x: hidden;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification {
  padding-bottom: 32px;
  padding-top: 32px;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification .broadcast_liked_count {
  bottom: 32px;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification .broadcast_comment {
  bottom: 37px;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification .broadcast_seperator,
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification .icon-broadcast-linehart {
  bottom: 36px;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_notification .broadcast_admin_photo {
  top: 34px;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_message {
  width: 100%;
}
.whats-new-component .broadcast-component #broadcast_frame .broadcast_list_wrapper .broadcast_message img {
  max-width: 100%;
}
.bread-crumbs-component {
  display: flex;
  color: #676879;
  color: var(--secondary-text-color);
}
.bread-crumbs-component .bread-crumb-wrapper {
  display: flex;
}
.bread-crumbs-component .bread-crumb-wrapper:not(:last-child) {
  cursor: pointer;
}
.bread-crumbs-component .bread-crumb-wrapper:not(:last-child):hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.bread-crumbs-component .bread-crumb-wrapper .bread-crumb-title,
.bread-crumbs-component .bread-crumb-wrapper .fa-long-arrow-right {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.learning-center-component {
  height: 100vh;
  position: fixed;
  bottom: 0;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: column;
  width: 0px;
}
.learning-center-component .learning-center-header-page-wrapper {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.learning-center-component .learning-center-header {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  position: relative;
}
.learning-center-component .learning-center-header .close-learning-center {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.learning-center-component .learning-center-header .header-icon-title-wrapper {
  font-size: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.learning-center-component .learning-center-header .learning-center-header-icon-wrapper {
  margin-right: 16px;
}
.learning-center-component .learning-center-page-wrapper {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.learning-center-component.PREVIEW {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 30px;
  border-radius: 8px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
}
.learning-center-component.PREVIEW.is-open {
  width: 360px;
}
.learning-center-component.PREVIEW .header-icon-title-wrapper {
  padding: 16px;
  font-size: 18px;
}
.learning-center-component.PREVIEW .learning-center-header-icon {
  width: 28px;
}
.learning-center-component.FULL_VIEW {
  transition: width 100ms ease-in-out;
  box-shadow: 0px 15px 50px #0000004d;
}
.learning-center-component.FULL_VIEW.is-open {
  width: 600px;
}
.learning-center-component.FULL_VIEW.is-open.HELP_CENTER_PAGE {
  width: 800px;
}
.learning-center-component.FULL_VIEW .learning-center-header {
  padding: 32px 32px 8px;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
}

.learning-center-toing {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent var(--primary-background-color) transparent transparent;
  position: absolute;
  right: 0;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
  opacity: 1;
  left: -7px;
  bottom: -25px;
}
.learning-center-toing.selected {
  opacity: 1;
}
.help-center-record-widget {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid black;
  position: fixed;
  z-index: 1000;
  right: 50px;
  bottom: 24px;
  background-color: red;
  text-align: center;
  padding-top: 16px;
  cursor: pointer;
}
.help-center-record-widget:hover {
  background-color: blue;
}
.help-center-record-widget.currently-recording-animation {
  -webkit-animation: recording 2s infinite;
          animation: recording 2s infinite;
}
.help-center-record-widget .record-widget-icon {
  color: white;
  font-size: 24px;
}

@-webkit-keyframes recording {
  0% {
    background-color: red;
  }
  70% {
    background-color: darkred;
  }
  100% {
    background-color: red;
  }
}
@keyframes recording {
  0% {
    background-color: red;
  }
  70% {
    background-color: darkred;
  }
  100% {
    background-color: red;
  }
}
/* mixin for multiline */
.quick-search-component {
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(41, 47, 76, 0.7);
  z-index: 10000000000;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
}
.quick-search-component.opacity-exit {
  opacity: 1 !important;
}
.quick-search-component.opacity-exit-active {
  opacity: 0 !important;
  transition: opacity 0.1s;
}
.quick-search-component.opacity-enter {
  opacity: 0 !important;
}
.quick-search-component.opacity-enter-active {
  opacity: 1 !important;
  transition: opacity 0.1s;
}
.quick-search-component .q-list-recents-label {
  padding: 16px 20px 4px 20px;
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: normal;
  font-size: 18px;
}
.quick-search-component .q-content {
  display: flex;
  flex-direction: column;
}
.quick-search-component .q-content .q-title {
  flex-basis: 25%;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: flex-end;
}
.quick-search-component .q-content .q-title .lightning-icon {
  color: #ffcb00;
  font-size: 53px;
  line-height: 0;
}
.quick-search-component .q-content .q-title .bolt-switch-name {
  color: #ffffff;
  font-size: 36px;
  font-weight: 100;
  cursor: default;
  margin-bottom: 0px;
}
.quick-search-component .q-content .q-list-container {
  padding: 8px;
  width: 560px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0 15px 50px -10px rgba(0, 0, 0, 0.3);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.quick-search-component .q-content .q-list-container .search-input-container {
  position: relative;
  padding: 8px 8px 0;
}
.quick-search-component .q-content .q-list-container .search-input-container .search-board-icon {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #676879;
  color: var(--icon-color);
}
.quick-search-component .q-content .q-list-container .search-input-container .search-input {
  width: 100%;
  height: 64px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border: 0;
  outline: 0;
  font-size: 24px;
  padding: 0 72px 0 24px;
  font-weight: 300;
  border-radius: 4px 4px 0 0;
  border-bottom: solid 1px;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.quick-search-component .q-content .q-list-container .search-input-container .search-input:-ms-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.quick-search-component .q-content .q-list-container .search-input-container .search-input::placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.quick-search-component .q-content .q-footer {
  display: flex;
  flex: 1 0 0;
  justify-content: flex-end;
}
.quick-search-component .q-content .q-footer .q-footer-shortcut {
  font-size: 16px;
  color: #ffffff;
  color: var(--text-color-on-primary);
  padding: 12px 0;
}
/* mixin for multiline */
.shortcut {
  display: inline-flex;
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.shortcut-key {
  min-width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: 0.05em solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--text-color-on-primary);
  border-radius: 0.16em;
  padding: 0 0.4em;
  margin: 0 0.175em;
}
.quick-search-item-component {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
  display: flex;
  padding: 8px 16px;
  margin-bottom: 10px;
}
.quick-search-item-component.size-small {
  height: 56px;
}
.quick-search-item-component.size-small .quick-search-item-wrapper {
  font-size: 14px;
}
.quick-search-item-component.size-small .quick-search-item-icons {
  font-size: 14px;
}
.quick-search-item-component.size-medium {
  height: 76px;
}
.quick-search-item-component.size-medium .quick-search-item-wrapper {
  font-size: 18px;
}
.quick-search-item-component.size-medium .quick-search-item-icons {
  font-size: 18px;
}
.quick-search-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  font-weight: 400;
}
.quick-search-item-component:hover .quick-search-item-content .item-icon .quick-search-icon svg rect,
.quick-search-item-component:hover .quick-search-item-content .item-icon .quick-search-icon svg path {
  fill: #676879;
  fill: var(--icon-color);
}
.quick-search-item-component:hover .quick-search-item-content .item-icon .quick-search-icon svg path {
  stroke: #0085ff;
  stroke: var(--primary-color);
}
.quick-search-item-component:hover .quick-search-item-content .item-icon.overview .selected .quick-search-icon svg path {
  stroke: none;
}
.quick-search-item-component:hover .quick-search-item-content .quick-search-item-header .quick-search-item-wrapper,
.quick-search-item-component:hover .quick-search-item-content .quick-search-item-header .quick-search-workspace {
  color: #323338;
  color: var(--primary-text-color);
}
.quick-search-item-component:hover .quick-search-item-content .quick-search-item-header .quick-search-item-wrapper .leftpane-icon-wrapper svg path,
.quick-search-item-component:hover .quick-search-item-content .quick-search-item-header .quick-search-workspace .leftpane-icon-wrapper svg path {
  stroke: #676879;
  stroke: var(--icon-color);
}
.quick-search-item-component:hover .quick-search-item-icons .quick-search-icon {
  color: #676879;
  color: var(--icon-color);
}
.quick-search-item-component .quick-search-item-content {
  flex-grow: 1;
  display: flex;
  width: 100%;
}
.quick-search-item-component .quick-search-item-content .item-icon {
  margin-left: 16px;
  padding-top: 7px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-item-wrapper {
  display: flex;
  font-weight: 400;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-right: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  margin-right: 24px;
  margin-top: 4px;
  color: #676879;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .leftpane-icon-wrapper {
  margin-right: 5px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .leftpane-icon-wrapper svg {
  width: 13px;
  height: 11px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .leftpane-icon-wrapper svg path {
  stroke: #676879;
  stroke: var(--icon-color);
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .path-icon {
  margin-right: 5px;
  font-size: 10px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .leftpane-permission-icon-wrapper svg {
  top: 2px;
  right: 1px;
  width: 11px;
  height: 13px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .quick-search-breadcrumbs {
  width: 5px;
  height: 8px;
  margin: 0 5px;
  font-size: 14px;
  position: relative;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .quick-search-breadcrumbs::before {
  position: absolute;
  bottom: -3px;
}
.quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-workspace .quick-search-closed-workspace {
  margin-left: 5px;
}
.quick-search-item-component .quick-search-item-icons {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #676879;
  color: var(--icon-color);
}
.quick-search-item-component .quick-search-item-icons > * {
  margin-right: 8px;
}
.quick-search-item-component .quick-search-item-icons .quick-search-icon {
  color: #676879;
  color: var(--icon-color);
  min-width: 18px;
  text-align: center;
}
.quick-search-item-component .quick-search-item-icons .quick-search-icon .board-kind-icon-component {
  margin-top: 1px;
}
.quick-search-item-component .quick-search-item-icons .workspace-icon {
  margin-left: 1px;
}
.quick-search-item-component .favorite-star {
  display: flex;
  flex-direction: inherit;
}
.quick-search-board-item-component .quick-search-item-component .quick-search-item-content .item-icon.icon-dapulse-share {
  color: #a358df;
}
.quick-search-board-item-component .quick-search-item-component .quick-search-item-content .item-icon.icon-dapulse-private {
  color: #f65f7c;
}

/* mixin for multiline */
.quick-search-items-list-component {
  padding: 0px 2px 0px 0px;
  width: 100%;
  overflow-y: auto;
}
.quick-search-items-list-component .q-list {
  padding: 0 32px 0px 8px;
}
.quick-search-items-list-component .q-list::-webkit-scrollbar {
  width: 8px;
}
.quick-search-items-list-component .q-list::-webkit-scrollbar-thumb {
  background-color: var(--ui-border-color);
  border-radius: 4px;
}
.quick-search-items-list-component .q-list .no-results-container {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
  letter-spacing: 0.3px;
  padding-bottom: 28px;
}
.quick-search-items-list-component .q-list .no-results-container.size-small {
  height: 56px;
}
.quick-search-items-list-component .q-list .no-results-container.size-medium {
  height: 76px;
}
.quick-search-items-list-component .line-separator {
  margin-left: 4px;
  margin-right: 4px;
}
.quick-search-items-list-component .line-separator .line-separator--inner {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.freeze-account-digits-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.freeze-account-digits-wrapper .freeze-account-digits-numeric-value {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 10px;
  margin-left: 10px;
}
.freeze-account-digits-wrapper .freeze-account-digits-units {
  font-size: 12px;
  font-weight: 500;
  margin-right: 3px;
}
#freeze-account .freeze-account-wrapper {
  background-color: white;
  position: fixed;
  z-index: 12000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#freeze-account .freeze-account-wrapper h1 {
  font-weight: 400;
  margin-bottom: 10px;
}
#freeze-account .freeze-account-wrapper h2 {
  margin-bottom: 80px;
}
#freeze-account .freeze-account-wrapper .freeze-account-seperator {
  font-size: 20px;
  font-weight: 700;
  margin: 0 10px 22px 10px;
}
#freeze-account .freeze-account-wrapper .freeze-account-timer-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#freeze-account .freeze-account-wrapper Button {
  margin-top: 80px;
}
#freeze-account .freeze-account-wrapper .freeze-account-footer {
  margin-top: 32px;
}
.confetti-component canvas {
  top: 60px !important;
}
.calendar-integration-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.calendar-integration-inner-wrapper .calendar-integration-google-img {
  position: relative;
  width: 595px;
  height: 256px;
}
.calendar-integration-inner-wrapper .lottie {
  position: absolute;
  transform: rotate(150deg);
  top: 250px;
  left: 510px;
}
.calendar-integration-inner-wrapper .calendar-integration-google-component-main-title {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 500;
}
.calendar-integration-inner-wrapper .calendar-integration-google-component-button {
  margin-top: 20px;
}
.calendar-integration-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.calendar-integration-inner-wrapper .calendar-integration-other-component-main-title {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
  margin-bottom: 32px;
  margin-top: 32px;
  font-size: 24px;
}
.calendar-integration-inner-wrapper .calendar-integration-other-component-secondary-title {
  margin-top: 32px;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  margin-bottom: 32px;
}
.calendar-integration-inner-wrapper .calendar-integration-other-component-secondary-title a {
  margin-left: 8px;
}
.calendar-integration-inner-wrapper .calendar-integration-other-component-secondary-title a:hover {
  text-decoration: underline;
}
.calendar-integration-inner-wrapper .calendar-integration-other-component-button {
  margin-top: 48px;
}

.calendar-integration-awsome {
  display: flex;
  justify-content: center;
}
.calendar-integration-awsome .calendar-integration-awsome-content {
  display: flex;
  width: 240px;
  flex-direction: column;
}
.calendar-integration-awsome .calendar-integration-awsome-content .calendar-integration-awsome-lottie {
  padding: 16px 0 16px 0;
}
.calendar-integration-awsome .calendar-integration-awsome-content .calendar-integration-awsome-text {
  padding: 24px 0 24px 0;
  text-align: center;
}
.calendar-integration-other-address-component-address-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-input-container {
  position: relative;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-input-container .calendar-integration-other-address-component-address {
  height: 40px;
  width: 395px;
  padding: 10px 16px;
  background-color: #f7f7f7;
  border: 1px solid #c4c4c4;
  text-align: center;
  overflow: scroll;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-input-container .progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius: 2px;
  margin: 0;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-input-container .progress .progress-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #e1e1e1;
  box-shadow: none;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-copy-container {
  color: #0085ff;
  color: var(--primary-color);
  margin-left: 16px;
  cursor: pointer;
  clear: both;
  width: 80px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-copy-container.coppied_success {
  color: #00ca72 !important;
  cursor: auto;
}
.calendar-integration-other-address-component-address-container .calendar-integration-other-address-component-copy-container span {
  margin-left: 8px;
  font-family: Roboto;
}
.sync-by-owner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sync-by-owner-content .sync-by-owner-title {
  margin-top: 32px;
  font-size: 24px;
}
.sync-by-owner-content .sync-by-owner-subtitle {
  font-size: 32px;
}
.sync-by-owner-content .sync-by-owner-select {
  display: flex;
  justify-content: space-between;
  width: 85%;
  padding-top: 40px;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone {
  height: 144px;
  width: 216px;
  border: 2px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine .sync-by-owner-button-content,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone .sync-by-owner-button-content {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine .sync-by-owner-button-content .person-bullet-component,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone .sync-by-owner-button-content .person-bullet-component {
  width: 45px;
  height: 45px;
  margin-bottom: 16px;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine .sync-by-owner-button-content .overlap-images-component,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone .sync-by-owner-button-content .overlap-images-component {
  justify-content: center;
  height: auto;
  margin-bottom: 16px;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine .sync-by-owner-show-more,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone .sync-by-owner-show-more {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-mine.selected,
.sync-by-owner-content .sync-by-owner-select .sync-by-owner-select-everyone.selected {
  border: 2px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.sync-by-owner-content .sync-by-owner-sync-button {
  margin-top: 72px;
}
.sync-by-owner-content .calendar-sync-checkbox-and-buttons-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 36px;
}
.sync-by-owner-content .calendar-sync-checkbox-and-buttons-wrapper .calendar-sync-checkbox {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sync-by-owner-content .calendar-sync-checkbox-and-buttons-wrapper .calendar-sync-checkbox .checkbox-component {
  margin-right: 8px;
}
.sync-by-owner-content .calendar-sync-checkbox-and-buttons-wrapper .calendar-sync-buttons-wrapper .sync-by-owner-sync-button {
  margin-top: 0;
}
.sync-calendar-modal-img {
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  display: flex;
  justify-content: center;
}
.sync-calendar-modal-img .sync-calendar-modal-img-monday-container {
  flex: 1 1 0;
  position: relative;
  display: flex;
  height: 54px;
  justify-content: flex-end;
}
.sync-calendar-modal-img .sync-calendar-modal-img-monday-container .sync-calendar-modal-img-monday {
  height: 100%;
  padding-right: 12px;
}
.sync-calendar-modal-img .sync-calendar-modal-img-arrow {
  flex: 0 0 12px;
}
.sync-calendar-modal-img .sync-calendar-modal-img-calendar-container {
  flex: 1 1 0;
  display: flex;
  height: 54px;
  justify-content: flex-start;
}
.sync-calendar-modal-img .sync-calendar-modal-img-calendar-container .sync-calendar-modal-img-calendar {
  padding-left: 12px;
}
.get-dapulse-mobile-bar {
  height: 50px;
  background-color: black;
  color: white;
  display: flex;
  align-items: center;
  flex-direction: row;
  z-index: 1000;
}
.get-dapulse-mobile-bar .get-dapulse-mobile-bar-icon {
  font-size: 30px;
  margin-left: 10px;
}
.get-dapulse-mobile-bar .get-dapulse-mobile-bar-text {
  margin-left: 10px;
}
.get-dapulse-mobile-bar .get-dapulse-mobile-bar-view {
  color: #7ac8f1;
  text-align: right;
  flex-grow: 1;
  font-weight: 500;
  margin-right: 10px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .get-dapulse-mobile-bar {
    display: none;
  }
}
.thumbnail-content-component {
  position: fixed;
  bottom: 38px;
  right: 120px;
  z-index: 1110;
  width: 360px;
  overflow: hidden;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 4px;
}
.thumbnail-content-component .close-icon-container {
  position: absolute;
  right: 16px;
  top: 12px;
  z-index: 1110;
  font-size: 16px;
  color: #ffffff;
  transition: color 0.1s ease-in, opacity 0.2s ease-in-out;
  opacity: 0;
}
.thumbnail-content-component .close-icon-container:hover {
  color: #e6e6e6;
}
.thumbnail-content-component .thumbnail-image-wrapper {
  width: 100%;
}
.thumbnail-content-component .thumbnail-image-wrapper img {
  display: block;
  width: 100%;
}
.thumbnail-content-component .play-button-container {
  position: absolute;
  pointer-events: none;
  width: 20%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
.thumbnail-content-component .play-button-container img {
  width: 100%;
}
.thumbnail-content-component:hover .play-button-container {
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.thumbnail-content-component:hover .close-icon-container {
  opacity: 1;
}
.thumbnail-image-play-component {
  position: absolute;
  width: auto;
  bottom: 32px;
  right: 41px;
  z-index: 1110;
}
.thumbnail-image-play-component .play-button-container {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  border-radius: 99px;
  font-size: 56px;
  transition: all 0.1s ease;
  cursor: pointer;
  display: flex;
}
.thumbnail-image-play-component .play-button-container .video-card-play {
  display: flex;
  position: relative;
  width: 56px;
}
.thumbnail-image-play-component .play-button-container:hover {
  color: #009aff;
  box-shadow: 0 8px 16px 0 rgba(100, 97, 97, 0.14);
}
.thumbnail-image-play-component .close-icon-container {
  font-size: 11px;
  background-color: #333333;
  display: inline-flex;
  padding: 2px 4px;
  position: relative;
  top: -4px;
  left: 4px;
  border-radius: 4px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.1s ease;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.thumbnail-image-play-component .close-icon-container .icon-dapulse-x-slim {
  padding-right: 4px;
}
.thumbnail-image-play-component:hover .close-icon-container {
  opacity: 0.8;
}
.thumbnail-image-play-component:hover .close-icon-container:hover {
  opacity: 1;
}
.column-store-left-pane-section-item-component {
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  margin: 4px 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.column-store-left-pane-section-item-component .section-icon {
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 14px;
  margin-left: 2px;
  vertical-align: middle;
}
.column-store-left-pane-section-item-component .section-icon.section-arrow {
  font-size: 12px;
  transform: rotateZ(90deg);
  transition: transform 0.1s ease-in-out;
}
.column-store-left-pane-section-item-component .section-name {
  color: #676879;
  color: var(--secondary-text-color);
  margin-left: 16px;
}
.column-store-left-pane-section-item-component.collapsed .section-icon.section-arrow {
  transform: rotateZ(0deg);
}
.column-store-left-pane-section-item-component:hover {
  border-radius: 4px;
  font-weight: 400;
}
.column-store-left-pane-section-item-component:hover .section-name,
.column-store-left-pane-section-item-component:hover .section-icon {
  color: #323338;
  color: var(--primary-text-color);
}
.column-store-left-pane-row-item-component {
  height: 38px;
  line-height: 38px;
  margin: 4px 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.column-store-left-pane-row-item-component .row-name {
  color: #676879;
  color: var(--secondary-text-color);
  margin-left: 24px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-store-left-pane-row-item-component .row-name-new-mark {
  border: 1px solid #0085FF;
  border-radius: 4px;
  margin-left: 16px;
  padding: 2px 4px;
  background-color: #0085FF;
  color: white;
  font-size: 13px;
  font-weight: 400;
}
.column-store-left-pane-row-item-component:hover, .column-store-left-pane-row-item-component.selected {
  border-radius: 4px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #ffffff;
}
.column-store-left-pane-row-item-component:hover .row-name, .column-store-left-pane-row-item-component.selected .row-name {
  color: #009aff;
}
.column-store-component .featured-card {
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
}
.column-store-component .featured-card .action-button {
  height: 26px;
}
.column-store-component .featured-card .featured-card-content {
  flex-direction: column;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 8px;
}
.column-store-component .featured-card .featured-card-content:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.column-store-component .featured-card .featured-card-image {
  flex: auto;
  height: auto;
  width: 100%;
  -o-object-fit: flex;
     object-fit: flex;
  border-radius: 8px 8px 0 0;
}
.column-store-component .featured-card .featured-card-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  pointer-events: none;
  background-color: #ffffff;
  background-color: var(--card-background-color);
  width: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6px 10px;
  margin-top: -6px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
}
.column-store-component .featured-card .featured-card-title span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.column-store-component .featured-card .actions-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .column-store-component .featured-card {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
  .column-store-component .featured-card:nth-child(3) {
    display: none;
  }
}
@media (max-width: 830px) {
  .column-store-component .featured-card {
    flex: 0 1 auto;
    width: 100%;
  }
  .column-store-component .featured-card:nth-child(2) {
    display: none;
  }
}
.featured-banner-component {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-radius: 4px;
  position: relative;
}
.featured-banner-component .banner-content {
  border-radius: 4px;
  width: 100%;
  padding-bottom: 20%;
  height: 0;
  position: relative;
}
.featured-banner-component .banner-content .banner-image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease;
          animation: fadeIn 0.4s ease;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.featured-banner-component .banner-content .banner-image:hover:not(.disabled) {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
}
.featured-banner-component .banner-content .banner-image.disabled {
  cursor: default;
}
.featured-banner-component .banner-content .banner-title {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  color: #333333;
  font-size: 34px;
  pointer-events: none;
  text-align: center;
  line-height: 1.2;
  font-weight: 300;
  color: #333333;
  width: 100%;
}
.featured-banner-component .banner-content .banner-title .emphasis {
  font-weight: 500;
}
.featured-banner-component .banner-content .banner-title .bold {
  font-weight: bold;
}
.featured-banner-component .banner-content .banner-description {
  position: absolute;
  left: 0;
  bottom: 0;
}
.featured-banner-component .banner-content .action-button {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.featured-banner-component .banner-content .corner-text {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 14px;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .featured-banner-component .banner-content .banner-title {
    font-size: 3vw;
  }
  .featured-banner-component .banner-content .corner-text {
    font-size: 12px;
  }
}
@media (max-width: 830px) {
  .featured-banner-component .banner-content .banner-title {
    font-size: 2.5vw;
  }
  .featured-banner-component .banner-content .corner-text {
    font-size: 10px;
  }
}
.combo-store-card {
  display: flex;
  flex: 0 1 auto;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  height: 173px;
  cursor: pointer;
  background: #ffffff;
  background: var(--card-background-color);
}
.combo-store-card:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.combo-store-card .combo-store-card-icons-bg {
  margin: 18px 12px;
  position: relative;
  flex: 0 0 123px;
}
.combo-store-card .combo-store-card-icons-bg .column-icon {
  width: 88px;
  height: 88px;
  border-radius: 8px;
  position: absolute;
}
.combo-store-card .combo-store-card-icons-bg .column-icon.first {
  top: 0px;
  left: 0px;
}
.combo-store-card .combo-store-card-icons-bg .column-icon.second {
  bottom: 0px;
  left: 35px;
}
.combo-store-card .combo-store-card-text {
  width: calc(100% - 120px);
  height: 100px;
  margin-top: 16px;
  margin-right: 16px;
}
.combo-store-card .combo-store-card-text .combo-store-card-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 500;
  margin-bottom: 4px;
}
.combo-store-card .combo-store-card-text .combo-store-card-subtitle {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #323338;
  color: var(--primary-text-color);
  line-height: 19px;
}
.combo-store-card .action-button {
  height: 24px;
  vertical-align: bottom;
  bottom: 12px;
  position: absolute;
}
.combo-store-card .combo-store-card-likes-wrapper {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
@media (max-width: 1200px) {
  .combo-store-card {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
}
@media (max-width: 830px) {
  .combo-store-card {
    flex: 0 1 100%;
  }
}
.column-store-component.with-left-pane .column-store-category-apps-info-card-component {
  width: calc(50% - 16px);
}
.column-store-component .go-to-apps-marketplace-card-component {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  min-width: 320px;
  margin-top: 40px;
}
.column-store-component .column-store-category-apps-info-card-component {
  padding: 16px;
  background: #e5f4ff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 48px) * 0.333);
  margin: 8px;
  min-width: 320px;
  margin-top: 40px;
}
.column-store-component .column-store-category-apps-info-card-component.apps-marketplace-banner {
  padding: 0;
  border-radius: 8px;
}
.column-store-component .column-store-category-apps-info-card-component .apps-marketplace-banner-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 8px;
}
.column-store-component .column-store-category-apps-info-card-component .apps-marketplace-banner-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  margin-bottom: 32px;
}
.column-store-component .column-store-category-apps-info-card-component .apps-marketplace-banner-button {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-bottom: 28px;
}
.column-store-component .column-store-category-apps-info-card-component .developer-app-card-logo {
  font-size: 32px;
  color: #0085ff;
  color: var(--primary-color);
}
.column-store-component .column-store-category-apps-info-card-component .developer-app-card-title {
  font-size: 16px;
  font-weight: bold;
}
.column-store-component .column-store-category-apps-info-card-component .developer-app-card-button {
  margin-top: 16px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .column-store-component .column-store-category-apps-info-card-component {
    flex: 0 1 auto;
    width: calc((100% - 32px) * 0.5);
  }
}
@media (max-width: 830px) {
  .column-store-component .column-store-category-apps-info-card-component {
    flex: 0 1 100%;
  }
}
.column-store-category {
  margin-bottom: 32px;
  width: 100%;
  flex: 0 0 auto;
}
.column-store-category .title-bottom-border {
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.column-store-category .column-store-category-title-wrapper {
  margin: 0 8px 8px 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
}
.column-store-category .column-store-category-title-wrapper .column-store-category-title {
  display: flex;
  font-weight: 500;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
}
.column-store-category .column-store-category-title-wrapper .column-store-category-title .column-store-category-title-beta-mark {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 4px;
  margin-left: 8px;
  padding: 0px 4px 18px 4px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 13px;
  font-weight: 400;
  height: 16px;
  margin-top: 4px;
}
.column-store-category .column-store-category-title-wrapper .column-store-category-title-description {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}
/* mixin for multiline */
.column-store-component {
  position: relative;
  height: 90vh;
  width: 95vw;
  max-width: 1100px;
  max-height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.column-store-component .column-store-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.column-store-component .close-column-store {
  position: absolute;
  top: 16px;
  right: 16px;
}
.column-store-component .close-column-store.square {
  top: 8px;
  right: 8px;
}
.column-store-component .close-column-store:not(.square) {
  font-size: 14px;
  cursor: pointer;
  color: #676879;
  color: var(--icon-color);
}
.column-store-component .close-column-store:not(.square):hover {
  color: #0085ff;
  color: var(--primary-color);
}
.column-store-component .column-store-title {
  margin: 40px 48px 0 48px;
  padding-bottom: 10px;
  z-index: 10;
  display: flex;
  flex-shrink: 0;
  flex-flow: row wrap;
  position: relative;
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.column-store-component .column-store-title .column-store-back-button {
  line-height: 36px;
  margin-right: 8px;
  cursor: pointer;
}
.column-store-component .column-store-title .column-store-title-text {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  flex: 1 0;
}
.column-store-component .column-store-title .column-store-search {
  position: relative;
}
.column-store-component .column-store-title .column-store-title-line-break {
  flex-basis: 100%;
}
.column-store-component .column-store-title .column-store-subtitle {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.column-store-component .column-store-content {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.column-store-component .column-store-content .store-left-pane {
  flex: 0 0 260px;
  padding: 32px 0 32px 48px;
  overflow-y: auto;
  overflow-x: hidden;
  transition: flex-basis 0.2s ease-in-out;
}
.column-store-component .column-store-content .store-left-pane.is-hidden {
  flex: 0 0 0;
  overflow-y: hidden;
}
.column-store-component .column-store-content .store-left-pane .list-section-container {
  white-space: nowrap;
}
.column-store-component .column-store-content .store-left-pane .list-section-container:not(:first-child) {
  padding-top: 24px;
}
.column-store-component .column-store-content .store-left-pane .list-section-container .list-section-title {
  white-space: nowrap;
  font-size: 16px;
  color: #808080;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.column-store-component .column-store-content .store-cards-container {
  padding: 32px 40px 32px 40px;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.column-store-component .column-store-content .store-cards-container::-webkit-scrollbar {
  width: 8px;
}
.column-store-component .column-store-content .store-cards-container::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.column-store-component .column-store-content .store-cards-container .column-store-category {
  flex: 0 0 auto;
}
.column-store-component .column-store-content .store-cards-container .column-store-category .column-store-cards {
  display: flex;
  flex-wrap: wrap;
}
.column-store-component .column-store-content .store-cards-container .store-footer-component {
  flex: 1 0 auto;
  display: flex;
  align-items: flex-end;
}
.column-store-component .column-store-content .store-cards-container .disclaimer {
  flex: 1 1 auto;
  display: flex;
  min-height: 80px;
  flex-direction: column;
  justify-content: flex-end;
}
.column-store-component .column-store-content .store-cards-container .disclaimer .lines-container {
  border-top: 1px solid #c4c4c4;
  padding-top: 16px;
  padding-bottom: 8px;
  padding-left: 44px;
  font-size: 14px;
  color: #333333;
  position: relative;
}
.column-store-component .column-store-content .store-cards-container .disclaimer .lines-container .disclaimer-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #597bfc;
  position: absolute;
  font-size: 18px;
  left: 0px;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 32px;
}
.column-store-component .column-store-content .store-cards-container .column-store-no-results-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.column-store-component .column-store-content .store-cards-container .column-store-no-results-wrapper .column-store-go-to-marketplace-wrapper {
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: 138px;
  margin-top: 95px;
}
.go-to-marketplace-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  align-items: center;
}
.go-to-marketplace-component .go-to-marketplace-component-title {
  margin-top: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-align: center;
}
.go-to-marketplace-component .go-to-marketplace-component-content {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  padding: 8px 19px 24px;
}
.go-to-marketplace-component .go-to-marketplace-component-button-wrapper {
  width: 219px;
  height: 40px;
  margin-bottom: 24px;
}
.go-to-marketplace-component .go-to-marketplace-component-button-wrapper .go-to-marketplace-component-button {
  display: inline-flex;
  flex-direction: row;
}
.go-to-marketplace-component .go-to-marketplace-component-button-wrapper .go-to-marketplace-component-button .button-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  padding-right: 13px;
}
.go-to-marketplace-component .go-to-marketplace-component-button-wrapper .go-to-marketplace-component-button .button-arrow {
  font-size: 14px;
}
.automations-center-component {
  z-index: 10000000;
  background: rgba(41, 47, 76, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.automations-center-component .automations-center-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.automations-center-component .automations-center-inner-full-screen {
  background: white;
  position: relative;
  overflow: hidden;
  margin-top: auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  transition: height 0.3s, width 0.3s;
}
.automations-center-component .automations-center-inner-full-screen.hidden-background {
  visibility: hidden;
}
.automations-center-component .automations-center-inner-full-screen .automations-close-button {
  position: absolute;
  top: 26px;
  right: 24px;
  font-size: 16px;
  cursor: pointer;
  z-index: 1;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-center-component .automations-center-inner-full-screen .automations-close-button.dark-app {
  color: #323338;
}
.automations-center-component .automations-center-inner-full-screen .automations-close-button:hover {
  color: #c4c4c4 !important;
}
.automations-center-component .automations-center-inner-full-screen .automations-center-content {
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  color: #323338;
  color: var(--primary-text-color);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-center-component .automations-center-inner-full-screen .automations-center-content .automations-center-header-wrapper {
  display: flex;
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--automations-border-color);
  justify-content: center;
  height: 80px;
}
.automations-center-component .automations-center-inner-full-screen .automations-center-content .default-error-state-wrapper {
  max-width: 100%;
}
.automations-center-component .automations-center-inner-full-screen .loading-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.automations-center-component .automations-center-inner-full-screen .loading-state .monday-loader-wrapper {
  display: flex;
  justify-content: center;
  margin-top: -45px;
}

#automations-center-container .dialog-node {
  z-index: 100000000;
}
.automations-header-component {
  display: flex;
  font-size: 24px;
  font-weight: 500;
  flex-direction: row;
  flex: 0 0 auto;
  margin: 2px 0;
  width: 100%;
}
.automations-header-component .automations-center-header-title-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0 0 0 32px;
  font-size: 18px;
  height: 68px;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.automations-header-component .automations-center-header-title-wrapper.big-store {
  font-size: 24px;
}
.automations-header-component .automations-center-header-title-wrapper .automations-center-title-main-name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.automations-header-component .automations-center-header-title-wrapper .automations-center-title-board-descriptor {
  margin-left: 4px;
  font-weight: 300;
}
.automations-header-component .automations-header-buttons {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  padding-right: 32px;
}
.automations-header-component .automations-header-buttons .store-main-action-item {
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.automations-header-component .automations-header-buttons .store-main-action-item .navigation-button {
  display: flex;
}
.automations-header-component .automations-header-buttons .selected {
  box-shadow: 0px 2px 0px 0px #0085FF;
}
.automations-header-component .automations-header-buttons .selected .navigation-button {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-center-content-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.automations-center-content-inner {
  display: flex;
  height: 100%;
  min-height: 0;
}
.automations-center-content-inner .automations-center-menu-wrapper {
  flex: 0 0;
  min-width: 244px;
}
.automations-center-content-inner .automations-center-menu-wrapper.big-store {
  min-width: 312px;
  margin-right: 42px;
}
.automations-center-content-inner .automations-center-page-wrapper {
  flex: 1;
  min-width: 0;
}
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .overuse-message,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .permissions-message,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .overuse-message,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .permissions-message {
  display: flex;
  align-items: center;
  padding: 0 8px;
  margin: 0 24px;
  height: 32px;
  line-height: 32px;
}
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .overuse-message .warning-icon,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .permissions-message .warning-icon,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .overuse-message .warning-icon,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .permissions-message .warning-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .overuse-message .usage-link,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .overuse-message-wrapper .permissions-message .usage-link,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .overuse-message .usage-link,
.automations-center-content-inner .automations-center-page-wrapper .automations-messages .permissions-message-wrapper .permissions-message .usage-link {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-center-content-inner .automations-center-page-wrapper .component-wrapper {
  position: relative;
}
/* mixin for multiline */
.automations-menu-component-full-screen {
  width: 100%;
  height: 100%;
  padding: 36px 0 40px 48px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.automations-menu-component-full-screen .bottom {
  margin-top: 16px;
}
.automations-menu-component-full-screen .bottom .hipaa-warning-box {
  border-radius: 8px;
  padding: 16px;
  background-color: #e5f4ff;
  width: 100%;
  margin-bottom: 8px;
}
.automations-menu-component-full-screen .bottom .hipaa-warning-box .hipaa-warning-content {
  width: 100%;
  font-size: 14px;
}
.automations-menu-component-full-screen .bottom .hipaa-warning-box .hipaa-warning-title {
  padding-bottom: 8px;
  width: 100%;
  display: flex;
}
.automations-menu-component-full-screen .bottom .hipaa-warning-box .hipaa-warning-title i.icon {
  padding-right: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-menu-component-full-screen .bottom .hipaa-warning-box .hipaa-warning-title p {
  font-size: 16px;
  font-weight: bold;
}
.automations-menu-component-full-screen .bottom .feedback-button {
  display: flex;
  cursor: pointer;
  padding: 0 8px;
  align-items: center;
  font-size: 16px;
}
.automations-menu-component-full-screen .bottom .feedback-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-menu-component-full-screen .bottom .feedback-button .feedback-icon {
  padding-right: 4px;
  font-size: 17px;
  width: 30px;
  text-align: center;
}
.automations-menu-component-full-screen .automations-menu-inner {
  position: relative;
  overflow: auto;
}
.automations-menu-component-full-screen .automations-menu-inner::-webkit-scrollbar {
  width: 4px;
}
.automations-menu-component-full-screen .automations-menu-inner::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.automations-menu-component-full-screen .automations-menu-inner .menu-title {
  color: #9699a6;
  margin-left: 8px;
  padding-bottom: 8px;
}
.automations-menu-component-full-screen .automations-menu-inner .category-item-container {
  display: flex;
  height: 38px;
  line-height: 38px;
  padding: 4px 8px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  align-items: center;
}
.automations-menu-component-full-screen .automations-menu-inner .category-item-container .category-name {
  padding: 0px;
  max-width: 180px;
  display: flex;
  align-items: center;
}
.automations-menu-component-full-screen .automations-menu-inner .category-item-container .add-custom-recipe-menu-button {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 22px;
  margin-top: 2px;
}
.automations-menu-component-full-screen .automations-menu-inner .category-item-container .automations-store-automation-category-icon-component {
  padding-right: 16px;
}
.automations-menu-component-full-screen .automations-menu-inner .category-item-container:hover {
  background-color: #f5f6f8;
  background-color: var(--automations-hover-background-color);
  border-radius: 4px;
}
.automations-menu-component-full-screen .automations-menu-inner .selected-category {
  border-radius: 4px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.automations-menu-component-full-screen .automations-menu-inner .selected-category:hover {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.automations-menu-component-full-screen.big-store {
  margin-left: 50px;
  padding-left: 80px;
  font-size: 18px;
}
.automations-menu-component-full-screen.big-store .menu-title {
  padding-bottom: 16px;
}
.automations-menu-component-full-screen.big-store .category-item-container {
  padding: 0 8px;
  height: 40px;
  font-size: 16px;
}
.automations-menu-component-full-screen.big-store .bottom .hipaa-warning-box {
  margin-bottom: 16px;
}
.automations-store-automation-category-icon-component {
  color: white;
}
.automations-store-automation-category-icon-component .icon-wrapper {
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  display: flex;
  vertical-align: middle;
}
.automations-store-automation-category-icon-component .icon-wrapper .icon {
  margin-top: 2px;
}
.automations-store-automation-category-icon-component .basic-bg {
  color: #00ca72;
}
.automations-store-automation-category-icon-component .new-bg {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 16px;
}
.automations-store-automation-category-icon-component .notifications-bg {
  color: #595ad4;
}
.automations-store-automation-category-icon-component .status-change-bg {
  color: #00c875;
}
.automations-store-automation-category-icon-component .recurring-bg {
  color: #ffcc00;
}
.automations-store-automation-category-icon-component .due-dates-bg {
  color: #f74875;
}
.automations-store-automation-category-icon-component .item-creation-bg {
  color: #00a9ff;
}
.automations-store-automation-category-icon-component .move-item-bg {
  color: #a358df;
}
.automations-store-automation-category-icon-component .subitems-bg {
  color: #fdab3d;
}
.automations-store-automation-category-icon-component .dependencies-bg {
  color: #00cff4;
}
.automations-store-automation-category-icon-component .announcements-bg {
  color: #fdab3d;
}
.automations-store-automation-category-icon-component .custom-bg {
  color: #595ad4;
}
.automations-video-suggestion-component {
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 48px;
  bottom: 0;
  background-color: #f5f6f8;
  padding-right: 20px;
  padding-left: 14px;
  min-width: 220px;
  cursor: pointer;
}
.automations-video-suggestion-component:hover {
  background-color: #e5f4ff;
}
.automations-video-suggestion-component .icon-video-play {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 32px;
  margin-left: 8px;
}
.automations-video-suggestion-component .video-play {
  padding-top: 4px;
  font-size: 40px;
  margin-right: 8px;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-video-suggestion-component .video-text-wrapper {
  line-height: 26px;
}
.automations-video-suggestion-component .video-text-wrapper .video-title {
  font-weight: 700;
}
.automations-video-suggestion-component.big-store {
  width: 240px;
}
.automations-video-suggestion-component.big-store .video-text-wrapper {
  margin-left: 8px;
}
/* mixin for multiline */
.automations-store-page-component-full-screen {
  height: 100%;
}
.automations-store-page-component-full-screen .automations-store-page-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 24px 4vw 16px 0;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section.big-store {
  padding-right: 10vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .add-custom-recipe-btn {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: #0085ff;
  color: var(--primary-color);
  padding: 8px 16px 8px 16px;
  height: 32px;
  border-radius: 20px;
  cursor: pointer;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .add-custom-recipe-btn.big-store {
  margin-right: 32px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .add-custom-recipe-btn:hover {
  background-color: #f5f6f8;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .add-custom-recipe-btn:active {
  background-color: #e5f4ff;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .automations-video-suggestion {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-right: 24px;
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 0;
  height: auto;
  max-height: 48px;
  width: 224px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .automations-video-suggestion:hover {
  cursor: pointer;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .automations-video-suggestion .video-text-wrapper {
  line-height: 20px;
  margin-left: 8px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-left: calc(24px + 2vw);
  transition: padding-top 0.15s ease-out;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper .search-bar {
  position: relative;
  width: 580px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper.no-categories .search-bar {
  margin-left: 2vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper.big-store.no-categories .search-bar {
  margin-left: 6vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper.during-scroll {
  padding-top: 16px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .search-bar-section .search-bar-wrapper.during-scroll .search-bar .search-icon {
  top: 2px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 0 4vw 38px 2vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content::-webkit-scrollbar {
  width: 4px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content.no-categories {
  padding: 0 4vw 32px 4vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content.big-store {
  padding: 0 10vw 32px 2vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content.big-store.no-categories {
  padding: 0 8vw 32px 8vw;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content .automations-store-apps-sections {
  margin-bottom: 32px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content .store-section {
  padding: 0 24px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content .store-section.automations-store-banner-wrapper {
  margin-top: 8px;
  margin-bottom: 8px;
}
.automations-store-page-component-full-screen .automations-store-page-inner .automations-store-content-wrapper .automations-store-content .store-section.automations-store-footer-wrapper.full-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70%;
}
.automations-store-banner-component .automations-store-banner-inner {
  width: 100%;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  position: relative;
}
.automations-store-banner-component .automations-store-banner-inner.new-banner {
  height: 180px;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
  border: 1px solid;
  border-color: #00ca72;
  border-color: var(--positive-color);
}
.automations-store-banner-component .automations-store-banner-inner.new-banner:hover {
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -4px, 0);
}
.automations-store-banner-component .automations-store-banner-inner.new-banner .automations-store-banner-video {
  -o-object-fit: cover;
     object-fit: cover;
}
.automations-store-banner-component .automations-store-banner-inner.new-banner .new-flag {
  position: absolute;
  left: 0;
  background-color: #00ca72;
  background-color: var(--positive-color);
  border-radius: 0 0 8px 0;
  color: white;
  padding: 1px 8px;
  font-size: 14px;
  font-weight: normal;
  min-width: 44px;
  text-align: center;
  line-height: 22px;
}
.automations-store-banner-component .automations-store-banner-inner.new-banner .custom-recipes-banner-lock-indication {
  position: absolute;
  right: 0;
  top: 16px;
}
.automations-store-banner-component .automations-store-banner-inner .automations-store-banner-video {
  width: 110%;
}
.automations-store-banner-component .automations-store-banner-inner .learn-more-link {
  position: absolute;
  bottom: 16px;
  right: 24px;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.automations-store-banner-component .automations-store-banner-inner .add-custom-recipe-btn {
  position: absolute;
  bottom: 24px;
  padding-right: 1rem;
  padding-left: 1rem;
  line-height: 0.25;
  height: 2rem;
}
.automations-store-banner-component .automations-store-banner-inner .subitems-support-label-wrapper {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  bottom: 8px;
  left: 16px;
  max-width: 200px;
  height: 24px;
  font-size: 14px;
  font-weight: 300;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.automations-store-banner-component .automations-store-banner-inner .subitems-support-label-wrapper .subitems-support-label-icon {
  margin-right: 4px;
  font-size: 12px;
}
.automations-store-banner-component.entity-automations .automations-store-banner-inner {
  background-color: #6564da;
}
.automations-store-banner-component.entity-automations .automations-store-banner-inner.new-banner {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.automations-store-banner-component.entity-integrations .automations-store-banner-inner {
  background-color: #202243;
}
.automations-store-banner-component.global-store .automations-store-banner-inner {
  height: 212px;
}
.automations-store-banner-component.big-store .automations-store-banner-video {
  width: 100%;
}
.automations-store-category-component-full-screen:not(.hide-category) {
  margin-bottom: 32px;
}
.automations-store-category-component-full-screen:not(.hide-category) .category-title-wrapper {
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
}
.automations-store-category-component-full-screen:not(.hide-category) .category-title-wrapper .category-title {
  display: flex;
  flex-direction: row;
  padding-top: 24px;
}
.automations-store-category-component-full-screen:not(.hide-category) .category-title-wrapper .category-title .title-text {
  margin-right: 16px;
  font-weight: 500;
  font-size: 16px;
}
.automations-store-category-component-full-screen:not(.hide-category) .category-title-wrapper .category-title .open-recipe-builder-category-title-button {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-store-category-component-full-screen:not(.hide-category) .category-title-wrapper .category-title .open-recipe-builder-category-title-button:hover {
  text-decoration: underline;
  cursor: pointer;
}
.automations-store-category-component-full-screen:not(.hide-category) .automations-store-apps-section-wrapper {
  padding-bottom: 16px;
}
.automations-store-category-component-full-screen:not(.hide-category) .recipes-list {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  column-gap: 2%;
  row-gap: 24px;
}
.automations-store-category-component-full-screen:not(.hide-category) .recipes-list .custom-recipes-banner-wrapper {
  height: 100%;
}
.automations-store-category-component-full-screen:not(.hide-category) .recipes-list .custom-card-wrapper {
  height: 100%;
  min-height: 246px;
}
.automations-store-category-component-full-screen:not(.hide-category) .recipes-list .custom-card-wrapper.big-store {
  min-height: 260px;
}
.automations-store-apps-section-component .automations-store-apps-section-inner .category-title-wrapper {
  margin-bottom: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.automations-store-apps-section-component .automations-store-apps-section-inner .category-title-wrapper .category-title {
  padding-top: 8px;
}
.automations-store-apps-section-component .automations-store-apps-section-inner .category-title-wrapper .category-title .title-text {
  font-weight: 500;
  font-size: 16px;
}
.automations-store-apps-section-component .automations-store-apps-section-inner .apps-list .apps-row {
  display: flex;
  margin-bottom: 16px;
}
.automations-store-apps-section-component.global-store .apps-list .apps-row .app-card {
  height: 86px;
}
.app-card {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 0.1s ease;
  position: relative;
  overflow: hidden;
  flex-direction: column;
}
.app-card:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.app-card:not(:last-child) {
  margin-right: 16px;
}
.app-card .app-store-card-lock-indication {
  position: absolute;
  top: 4px;
  right: 0;
}
.app-card .app-logo {
  width: 60%;
  height: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
}
.app-card .custom-app-logo-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 8px 12px;
  max-width: 100%;
}
.app-card .custom-app-logo-container .app-initials {
  font-size: 29px;
}
.app-card .custom-app-logo-container .custom-app-logo {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
.app-card .custom-app-logo-container .custom-app-title {
  padding-left: 8px;
  max-width: 70%;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  white-space: pre-wrap;
}
.app-card .lock-container {
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 6px;
}
.app-card .lock-container .lock-logo {
  width: 12px;
  height: 12px;
  position: absolute;
}
.app-card .app-indication {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0px 0px 8px 0px;
  color: #333;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: 400;
  min-width: 75px;
  text-align: center;
}
.app-card .app-indication.short {
  min-width: 48px;
}
.app-card .app-indication .hover-text {
  display: none;
}
.app-card.white-card {
  border: 1px solid #e1e1e1;
}
.app-card:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0);
  transition: background 0.1s ease;
}
.app-card:hover .app-indication .regular-text {
  display: none;
}
.app-card:hover .app-indication .hover-text {
  display: block;
}
.app-card:hover:before {
  background: rgba(0, 0, 0, 0.2);
}

.custom-app-card-container {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  border-radius: 12px;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
}
.custom-app-card-container:not(:last-child) {
  margin-right: 16px;
}
.custom-app-card-container:hover {
  border-color: transparent;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -4px, 0);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.custom-app-card-container .app-card {
  margin: 8px;
}
.custom-app-card-container .app-card:hover {
  box-shadow: none;
}
.custom-app-card-container .app-card:hover:before {
  background: none;
}
.custom-app-card-container .app-card.white-card {
  border: none;
}
.custom-app-card-container .custom-app-creator-container {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 8px;
}
.custom-app-card-container .custom-app-creator-container .app-feature-by-creator-wrapper {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}
.custom-app-card-container .custom-app-creator-container .app-feature-by-creator-wrapper .app-feature-creator-logo {
  width: 20px;
  height: 20px;
}

.missing-card {
  flex: 1;
}
.missing-card:not(:last-child) {
  margin-right: 16px;
}

.slack-custom-component {
  margin-top: 40px;
}
.slack-custom-component .slack-command-section-link {
  color: #323338;
  color: var(--primary-text-color);
  text-decoration: none;
}
.slack-custom-component .slack-command-section-link .slack-command-section {
  margin: 64px auto;
  border-radius: 8px;
  display: flex;
  cursor: pointer;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  overflow: hidden;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
  height: 112px;
}
.slack-custom-component .slack-command-section-link .slack-command-section:hover {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  transform: translate3d(0, -4px, 0);
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side {
  flex-basis: 120px;
  flex-grow: 0;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  align-items: center;
  justify-content: center;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos {
  margin-top: 20px;
  height: 70px;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-grow: 1;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos .card-logo {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos .card-logo .hexagon-icon {
  color: #e1e1e1;
  font-size: 32px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos .card-logo .card-logo-image {
  position: absolute;
  width: 17px;
  left: 7px;
  top: 15px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos .card-logo .app-name {
  margin-left: 4px;
  color: #a1a1a1;
  font-size: 14px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .left-side .card-logos .arrow-icon {
  margin: 0px 8px;
  color: #a1a1a1;
  font-size: 13px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side {
  flex-grow: 1;
  align-items: center;
  position: relative;
  padding: 28px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side .upper-sentence {
  font-size: 16px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side .second-sentence {
  font-size: 22px;
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side .bold {
  font-weight: bold;
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side .right-bottom-area {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 14px;
  color: #0085ff;
  color: var(--primary-color);
}
.slack-custom-component .slack-command-section-link .slack-command-section .right-side .right-bottom-area:hover {
  text-decoration: underline;
}
.slack-custom-component .slack-active-integration {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin: 16px 0;
  padding: 16px;
}
.slack-custom-component .slack-active-integration .deactivate-button-holder {
  margin-top: 8px;
}
.slack-custom-component .slack-integration-icon-holder {
  margin: 6px 2px;
  padding: 2px;
}
.slack-custom-component .slack-integration-icon-holder img {
  width: 36px;
  height: 36px;
}
.slack-custom-component .slack-arrow-right-container i.fa-caret-right {
  margin-top: 18px;
  color: #c4c4c4;
}
.slack-custom-component .slack-integration-description {
  padding: 4px 16px;
  font-weight: 600;
  color: #333333;
}
.integration-custom-component {
  text-align: center;
  border: 1px solid #e6e9ef;
  border-radius: 8px;
  padding: 20px;
  margin-top: 40px;
}
.integration-custom-component .integration-custom-description {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 24px;
}
.integration-custom-component img {
  width: 740px;
  border: 1px solid #e1e1e1;
}
.automations-category-banner-component {
  height: 112px;
  color: white;
  border-radius: 8px;
  margin-bottom: 32px;
}
.automations-category-banner-component .automations-category-banner-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content {
  width: 100%;
  height: 100%;
  padding: 16px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  margin: auto;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo .app-logo-wrapper {
  position: relative;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo .app-logo-wrapper .app-logo {
  position: absolute;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: -11px;
  right: 15px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo .custom-app-logo {
  width: 70px;
  height: 70px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo .custom-app-logo .app-initials {
  font-size: 42px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-logo .automations-category-banner-title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-custom-app-banner-header {
  margin: auto 0;
  padding: 0 8px;
  width: 80%;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-custom-app-banner-header .automations-custom-app-banner-title {
  max-width: 60%;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-custom-app-banner-header .automations-custom-app-banner-description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-subtitle {
  font-size: 16px;
  font-weight: 300;
  margin: auto 0;
  margin-left: 16px;
  max-width: 640px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-link {
  font-size: 16px;
  text-decoration: underline;
}
.automations-category-banner-component .automations-category-banner-inner .automations-category-banner-content .automations-category-banner-content-inner .automations-category-banner-link:hover {
  opacity: 0.8;
}
.automations-category-banner-component .automations-category-banner-inner .automations-custom-app-banner-author {
  position: absolute;
  display: flex;
  bottom: 8px;
  right: 16px;
  font-size: 12px;
  line-height: 20px;
}
.automations-category-banner-component .automations-category-banner-inner .automations-custom-app-banner-author .app-feature-creator-logo {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.automations-category-api-beta-notice {
  margin: 16px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  font-size: 14px;
  min-width: 290px;
  height: 80px;
  line-height: 24px;
}
.automations-category-api-beta-notice .notice-header {
  font-weight: 500;
}
.automations-category-api-beta-notice .notice-header .icon-warning-sign-full {
  padding-right: 6px;
}
.adobe-custom-component .adobe-youtube-wrapper {
  border: 1px solid;
  border-radius: 8px;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  padding: 32px 104px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-coming-soon-component {
  height: calc(100% - 5px);
}
.automations-coming-soon-component .form-iframe {
  width: 100%;
  height: calc(100% + 100px);
  position: relative;
  top: -55px;
}
.automations-store-recipe-categories-icons-component {
  display: flex;
}
.automations-store-recipe-categories-icons-component .icons-wrapper {
  display: flex;
}
.automations-store-recipe-categories-icons-component .card-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: white;
}
.automations-store-recipe-categories-icons-component .card-logo .hexagon-icon {
  color: #e1e1e1;
  font-size: 35px;
  transform: rotate(90deg);
}
.automations-store-recipe-categories-icons-component .card-logo .card-logo-image {
  position: absolute;
  width: 20px;
  left: 10px;
  top: 16px;
}
.automations-store-recipe-categories-icons-component .card-logo .app-name {
  margin-left: 4px;
  max-width: 200px;
  color: #a1a1a1;
  font-size: 14px;
}
.automations-store-recipe-categories-icons-component .arrow-icon {
  margin: 0 4px 0 8px;
  color: #a1a1a1;
  font-size: 13px;
}
/* mixin for multiline */
.automation-recipe-card-actions-component {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  cursor: default;
}

.automation-recipe-actions-menu-container {
  margin-left: 8px;
}
.automation-recipe-actions-menu-container.open {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  border-radius: 50%;
}
.automation-recipe-actions-menu-container.open .icon {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #c4c4c4;
  border-radius: 50% 50% 0 0;
}
.automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.ellipsis-container {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.ellipsis-container .ds-menu-button {
  background-color: transparent;
}
.automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.ellipsis-container .ds-menu-button:hover {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-on-secondary-color) !important;
}
.automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.ellipsis-container .ellipsis-container {
  height: 24px;
  width: 24px;
  font-size: 14px;
}
.automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.ellipsis-container .ellipsis-container .icon {
  margin-top: 12px;
}
.automation-recipe-actions-menu-container .active-toggle-button-wrapper {
  margin-left: 16px;
}
.automation-recipe-actions-menu-container .icon-button {
  flex: 0 0;
  font-size: 20px;
  margin-left: 16px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.automation-recipe-actions-menu-container .icon-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}

.automation-recipe-actions-list-menu .ds-menu-item .ds-icon {
  margin-right: 16px;
}
.automation-recipe-actions-list-menu .ds-menu-item:not(.disabled) .ds-icon {
  color: #323338;
  color: var(--primary-text-color);
}

.custom-template-dialog {
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent;
  border-radius: 10px;
  max-width: 660px;
  transform-origin: top right;
}
.custom-template-dialog.open-animation {
  -webkit-animation: expandFromMountedPosition 0.1s;
          animation: expandFromMountedPosition 0.1s;
}
.custom-template-dialog.close-animation {
  -webkit-animation: expandOut 0.2s;
          animation: expandOut 0.2s;
}

@-webkit-keyframes expandOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}

@keyframes expandOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes expandFromMountedPosition {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  1% {
    transform: scale(0.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes expandFromMountedPosition {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  1% {
    transform: scale(0.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.dark-app-theme .automations-store-recipe-card-component-full-screen:not(.preview-mode):hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}

.automations-store-recipe-card-component-full-screen {
  overflow: hidden;
  border: 1px solid;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
  min-height: 246px;
  height: 100%;
}
.automations-store-recipe-card-component-full-screen:not(.preview-mode) {
  cursor: pointer;
}
.automations-store-recipe-card-component-full-screen:not(.preview-mode):hover {
  border-color: transparent;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -4px, 0);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-store-recipe-card-component-full-screen .recipe-store-card-lock-indication {
  position: absolute;
  top: 16px;
  right: 0;
}
.automations-store-recipe-card-component-full-screen .recipe-id-indication {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 12px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .recipe-name {
  margin-left: 16px;
  font-size: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
  margin-bottom: auto;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .beta-label {
  position: absolute;
  top: 17px;
  right: -70px;
  transform: rotate(45deg);
  width: 200px;
  padding: 0px;
  color: white;
  background: #a358df;
  text-align: center;
  font-weight: bolder;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .internal-label {
  background: #037f4c;
  font-weight: bolder;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-header {
  flex: 0 0 56px;
  display: flex;
  position: relative;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-header .automations-store-recipe-categories-icons-component {
  align-items: center;
  padding: 8px 0 0 16px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-header .card-title {
  color: #a1a1a1;
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-header .automations-recipe-card-actions-wrapper {
  flex-grow: 1;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-sentence-full-screen {
  flex: 1;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 19px;
  font-weight: 100;
  line-height: 27px;
  min-height: 0;
  padding: 8px 24px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-sentence-full-screen .automations-editor-field-term-component {
  font-weight: 500;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-sentence-full-screen .subitems-support-label-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 12px;
  padding-right: 8px;
  margin-top: 16px;
  margin-bottom: 8px;
  min-width: 140px;
  max-width: 168px;
  height: 24px;
  line-height: 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 300;
  background-color: #f5f6f8;
  background-color: var(--automations-label-background-color);
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-sentence-full-screen .subitems-support-label-wrapper .subitems-support-label-icon {
  margin-right: 4px;
  font-size: 12px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer {
  flex: 0 0 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .lock {
  margin-right: 16px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 16px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link:hover {
  text-decoration: none;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link .link-text {
  max-width: 240px;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link :not(.disabled):hover {
  text-decoration: underline;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link .disabled {
  color: #c5c7d0;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link .disabled:hover {
  text-decoration: none;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link.preview-mode {
  opacity: 0.3;
}
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link.preview-mode .link-text:hover,
.automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner .card-footer .add-link.preview-mode span:hover {
  text-decoration: none;
}
.automations-store-recipe-card-component-full-screen.disabled {
  cursor: default;
}
.automations-store-recipe-card-component-full-screen.disabled:hover {
  transform: none;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
}
.automations-store-recipe-card-component-full-screen.big-store {
  min-height: 260px;
}
.automations-store-recipe-card-component-full-screen.big-store .card-sentence-full-screen {
  padding: 8px 24px;
  font-size: 21px;
  line-height: 28px;
}
.automations-store-recipe-card-component-full-screen.big-store .card-footer {
  padding: 8px 0 16px 24px;
}
.automations-custom-category-banner-container {
  height: 100%;
  background-color: #f5f6f8;
  background-color: var(--automations-label-background-color);
  border-radius: 8px;
}
.automations-custom-category-banner-container .automations-custom-category-banner {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 40px 76px 40px 112px;
}
.automations-custom-category-banner-container .automations-custom-category-banner .banner-action {
  margin-right: 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.automations-custom-category-banner-container .automations-custom-category-banner .banner-action .banner-call-to-action {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  max-width: 360px;
}
.automations-custom-category-banner-container .automations-custom-category-banner .banner-action .add-custom-recipe-btn {
  bottom: 24px;
  padding-right: 1rem;
  padding-left: 1rem;
  line-height: 0.25;
  height: 2rem;
}
.automations-custom-category-banner-container .automations-custom-category-banner .image-container {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.automations-custom-category-banner-container .automations-custom-category-banner .image-container .image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
}
.automations-custom-category-banner-container .automations-custom-category-banner.small {
  height: 100%;
  grid-template-columns: auto;
  grid-template-rows: 42% 50%;
  padding: 16px 32px 16px 32px;
}
.automations-custom-category-banner-container .automations-custom-category-banner.small .image-container {
  grid-row-start: 1;
  justify-content: left;
}
.automations-custom-category-banner-container .automations-custom-category-banner.small .image-container .image {
  background-position: left;
}
.automations-custom-category-banner-container .automations-custom-category-banner.small .banner-action {
  grid-row-start: 2;
  max-width: 360px;
}
.automations-custom-category-banner-container .automations-custom-category-banner.small .banner-action .banner-call-to-action {
  margin-bottom: 16px;
}
.automations-custom-category-banner-container.big-store .automations-custom-category-banner:not(.small) {
  padding: 40px 108px 40px 144px;
}
.automations-custom-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed;
  color: #676879;
  color: var(--placeholder-color);
}
.automations-custom-card:hover {
  color: #676879;
  color: var(--icon-color);
}
.automations-custom-card .custom-card-icon {
  margin-bottom: 8px;
  font-size: 32px;
}
.automations-custom-card .call-to-action {
  text-align: center;
}
.automations-custom-card .create-link {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-custom-card {
  font-size: 19px;
  height: 100%;
  border-radius: 8px;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
}
.automations-custom-card:hover {
  border-color: transparent;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -4px, 0);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-store-footer-component {
  text-align: center;
  padding-top: 60px;
}
.automations-store-footer-component .automations-store-footer-inner {
  width: 450px;
  margin: 0px auto;
}
.automations-store-footer-component .automations-store-footer-inner .automations-store-footer-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations {
  display: flex;
  margin-bottom: 16px;
  justify-content: center;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations .external-integration {
  width: 150px;
  height: 70px;
  border-radius: 6px;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations .external-integration.zapier {
  background: #ff4a1f;
  margin-right: 16px;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations .external-integration.integromat {
  background: #127bb1;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations .external-integration a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.automations-store-footer-component .automations-store-footer-inner .external-integrations .external-integration a .app-logo {
  width: 110px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.automations-store-footer-component .automations-store-footer-inner .automations-store-footer-subtitle {
  font-size: 14px;
  color: #a1a1a1;
  margin-bottom: 16px;
}
.automations-store-footer-component .automations-store-footer-inner .link-wrapper {
  margin-bottom: 32px;
}
.automations-store-footer-component .automations-store-footer-inner .link-wrapper .separator {
  padding: 8px;
  color: #a1a1a1;
}
.automations-store-footer-component .automations-store-footer-inner .link-wrapper .other-store-link,
.automations-store-footer-component .automations-store-footer-inner .link-wrapper .help-link,
.automations-store-footer-component .automations-store-footer-inner .link-wrapper .marketplace-link {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  font-weight: 400;
}
.automations-board-page-component-full-screen {
  height: 100%;
}
.automations-board-page-component-full-screen .automations-board-page-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-board-page-component-full-screen .automations-board-page-inner .automations-board-header-wrapper {
  flex: 0 0 60px;
}
.automations-board-page-component-full-screen .automations-board-page-inner .automations-board-content {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
}
.automations-board-page-component-full-screen .automations-board-page-inner .automations-board-content .automations-board-automations-wrapper {
  height: 100%;
}
/* mixin for multiline */
.automations-board-automations-component {
  height: 100%;
}
.automations-board-automations-component .automations-board-automations-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 16px 8vw 24px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content::-webkit-scrollbar {
  width: 4px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content.big-store {
  padding-left: 16vw;
  padding-right: 16vw;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list {
  margin-bottom: 32px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list.empty-list {
  margin-bottom: 8px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list.defined-by-account {
  z-index: 1;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list .automations-list-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #9699a6;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list .automations-list-section {
  display: flex;
  flex-direction: column-reverse;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .card-list .automations-list-section .automations-list-section-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .automations-empty-state-video {
  width: 90%;
  height: 95%;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .explore-all-link {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .recipes-row {
  display: flex;
  margin-bottom: 48px;
  margin-top: 24px;
  width: 700px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .recipes-row .automations-store-recipe-card-component-full-screen {
  min-width: 0px;
  flex: 1;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .recipes-row .automations-store-recipe-card-component-full-screen:not(:last-child) {
  margin-right: 24px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .recipes-row .automations-store-recipe-card-component-full-screen .automations-store-recipe-card-inner {
  position: fixed;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .main-image-wrapper {
  position: relative;
  display: inline-block;
  min-height: 118px;
  margin-bottom: 16px;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .main-image-wrapper .main-image {
  width: 210px;
  height: 210px;
  position: relative;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .central-wrapper .central-title {
  font-size: 16px;
  color: #333333;
}
.automations-board-automations-component .automations-board-automations-inner .automations-board-content .automations-empty-state .line-image {
  position: absolute;
  top: 18px;
  right: 140px;
  width: 108px;
}
/* mixin for multiline */
.automation-card-actions-component {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  cursor: default;
}
.automation-card-actions-component .automation-actions-menu-container {
  margin-left: 8px;
}
.automation-card-actions-component .automation-actions-menu-container.open {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  border-radius: 50%;
}
.automation-card-actions-component .automation-actions-menu-container.open .icon {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #c4c4c4;
  border-radius: 50% 50% 0 0;
}
.automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button .ellipsis-container {
  background-color: transparent;
  height: 24px;
  width: 24px;
  font-size: 14px;
}
.automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button .ellipsis-container:hover {
  background-color: #e6e9ef !important;
  background-color: var(--primary-background-hover-on-secondary-color) !important;
}
.automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button .ellipsis-container .icon {
  margin-top: 12px;
}
.automation-card-actions-component .automation-actions-menu-container .active-toggle-button-wrapper {
  margin-left: 16px;
}

.automation-actions-list-menu .ds-menu-item .ds-icon {
  margin-right: 16px;
}
.automation-actions-list-menu .ds-menu-item:not(.disabled) .ds-icon {
  color: #323338;
  color: var(--primary-text-color);
}

.custom-template-dialog {
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent;
  border-radius: 10px;
  max-width: 660px;
  transform-origin: top right;
}
.custom-template-dialog.open-animation {
  -webkit-animation: expandFromMountedPosition 0.1s;
          animation: expandFromMountedPosition 0.1s;
}
.custom-template-dialog.close-animation {
  -webkit-animation: expandOut 0.2s;
          animation: expandOut 0.2s;
}

@-webkit-keyframes expandOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}

@keyframes expandOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes expandFromMountedPosition {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  1% {
    transform: scale(0.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes expandFromMountedPosition {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  1% {
    transform: scale(0.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.recipe-template-dialog-component {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
  border-radius: 10px;
  padding: 24px;
  cursor: default;
  max-height: 380px;
}
.recipe-template-dialog-component .recipe-template-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.recipe-template-dialog-component .recipe-template-header .header-caption {
  font-size: 18px;
  font-weight: bold;
}
.recipe-template-dialog-component .recipe-template-header .back-button {
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
  margin-left: auto;
  line-height: 0;
}
.recipe-template-dialog-component .recipe-template-dialog-content {
  display: flex;
  min-height: 250px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data {
  position: relative;
  margin-right: 24px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name {
  margin-bottom: 16px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-caption {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-input {
  font-size: 14px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: transparent;
  outline: none;
  border-radius: 4px;
  width: 100%;
  padding: 4px 4px 4px 8px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-input:-ms-input-placeholder {
  color: #666666;
  color: var(--pulse-text-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-input::placeholder {
  color: #666666;
  color: var(--pulse-text-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
  color: var(--pulse-text-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-name .recipe-template-name-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666;
  color: var(--pulse-text-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-footer {
  font-size: 14px;
  display: flex;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-footer .recipe-store-link {
  cursor: pointer;
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-footer .animatable-check-sign-component {
  margin-top: 2px;
  margin-right: 8px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-info {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
  align-items: center;
  font-size: 14px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-info :not(:last-child) {
  margin-right: 8px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-data .recipe-template-footer :not(:last-child) {
  margin-right: 24px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-preview {
  flex: 0 0 50%;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.1s ease;
  position: relative;
  padding: 24px;
  max-width: 660px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-preview .recipe-template-preview-card {
  height: 100%;
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-preview .recipe-template-preview-card .card-sentence-full-screen {
  font-size: 18px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-preview .created-label {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
  top: 24px;
}
.recipe-template-dialog-component .recipe-template-dialog-content .recipe-template-preview.created {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.automations-store-automation-card-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transform: translate3d(0, 0, 0);
  margin-bottom: 16px;
  overflow: visible;
  -webkit-animation: automationCard linear 0.3s;
          animation: automationCard linear 0.3s;
}
.automations-store-automation-card-component:not(.active) {
  box-shadow: none;
}
.automations-store-automation-card-component:not(.active) .card-sentence-full-screen {
  opacity: 0.3;
}
.automations-store-automation-card-component:not(.active) .card-icon {
  opacity: 0.3;
}
.automations-store-automation-card-component:not(.active) .automation-description {
  opacity: 0.3;
}
.automations-store-automation-card-component:not(.active) .details-sentence {
  opacity: 0.5;
}
.automations-store-automation-card-component.error-state {
  border-color: #e44258;
  border-color: var(--negative-color);
}
.automations-store-automation-card-component:hover.active {
  border-color: transparent;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -4px, 0);
  background-color: #ffffff;
  background-color: var(--secondary-background-color);
}
.automations-store-automation-card-component:hover.active .automation-description.empty-description {
  opacity: 1;
}
.automations-store-automation-card-component .recipe-id-indication {
  position: absolute;
  right: 4px;
  top: 0px;
  font-size: 12px;
}
.automations-store-automation-card-component .automation-id-indication {
  font-size: 12px;
  line-height: 22px;
  text-align: right;
}
.automations-store-automation-card-component .automation-id-indication .id-icon {
  margin-right: 4px;
}
.automations-store-automation-card-component .automation-id-indication:hover {
  text-decoration: underline;
}
.automations-store-automation-card-component .automation-id-selectable {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.automations-store-automation-card-component .automation-card-inner, .automations-store-automation-card-component .delete-confirmation {
  min-height: 104px;
  display: grid;
}
.automations-store-automation-card-component .automation-card-inner {
  grid-template-columns: 135px auto auto;
  grid-template-rows: 30px auto minmax(30px, auto);
}
.automations-store-automation-card-component .automation-card-inner .details-sentence {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 4;
  margin: 24px 12px 12px 8px;
  font-size: 12px;
  color: #676879;
  color: var(--secondary-text-color);
  position: relative;
}
.automations-store-automation-card-component .automation-card-inner .details-sentence .details-sentence-content {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.automations-store-automation-card-component .automation-card-inner .details-sentence .details-sentence-content .created-details {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 270px;
}
.automations-store-automation-card-component .automation-card-inner .card-icon {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
  flex: 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.1s ease;
}
.automations-store-automation-card-component .automation-card-inner .card-icon .card-icon-inner {
  text-align: center;
}
.automations-store-automation-card-component .automation-card-inner .card-icon .card-icon-inner .app-logo {
  height: 40px;
  margin-bottom: 4px;
}
.automations-store-automation-card-component .automation-card-inner .card-icon .card-icon-inner .app-logo .app-logo-image {
  height: 100%;
}
.automations-store-automation-card-component .automation-card-inner .card-icon .card-icon-inner .app-logo .custom-app-logo-image {
  margin: auto;
  width: 40px;
}
.automations-store-automation-card-component .automation-card-inner .card-icon .card-icon-inner .app-name {
  max-width: 120px;
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: 400;
}
.automations-store-automation-card-component .automation-card-inner .automation-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  color: #676879;
  color: var(--secondary-text-color);
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  padding: 8px 8px 0 0;
  font-size: 14px;
}
.automations-store-automation-card-component .automation-card-inner .automation-description.empty-description {
  opacity: 0;
}
.automations-store-automation-card-component .automation-card-inner .automation-notice-message {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  font-size: 14px;
  white-space: pre-wrap;
  margin-top: 12px;
  margin-bottom: 8px;
  width: calc(100% - 270px);
}
.automations-store-automation-card-component .automation-card-inner .automation-notice-message.error-state {
  color: #e44258;
  color: var(--negative-color);
}
.automations-store-automation-card-component .automation-card-inner .card-sentence-wrapper {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 8px 8px 8px 0;
}
.automations-store-automation-card-component .automation-card-inner .card-sentence-wrapper .card-sentence-full-screen {
  flex: 1 1 auto;
  display: flex;
  font-size: 22px;
  font-weight: 100;
  align-items: center;
  transition: opacity 0.1s ease;
  line-height: 1.4;
}
.automations-store-automation-card-component .automation-card-inner .card-sentence-wrapper .card-sentence-full-screen.with-notice-message {
  align-items: unset;
  margin-top: 4px;
}
.automations-store-automation-card-component .automation-card-inner .card-sentence-wrapper .card-sentence-full-screen .card-sentence-inner .automations-editor-field-term-component {
  font-weight: 500;
}
.automations-store-automation-card-component .automation-card-inner .card-actions {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
  margin-right: 0;
  margin-left: auto;
}
.automations-store-automation-card-component.highlight {
  -webkit-animation: highlightAutomationScale linear 0.5s, highlightAutomationBorderColor linear 1.5s;
          animation: highlightAutomationScale linear 0.5s, highlightAutomationBorderColor linear 1.5s;
}
.automations-store-automation-card-component .delete-confirmation {
  grid-template-columns: 64px auto auto;
  grid-template-rows: 30px auto 30px;
}
.automations-store-automation-card-component .delete-confirmation .confirmation-sentence {
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  font-family: Roboto;
}
.automations-store-automation-card-component .delete-confirmation .confirmation-buttons-wrapper {
  display: flex;
  grid-row: 2/3;
  grid-column: 3/4;
  margin-right: 16px;
  margin-left: auto;
  align-self: center;
}
.automations-store-automation-card-component .delete-confirmation .confirmation-buttons-wrapper button:first-child {
  margin-right: 32px;
}

@-webkit-keyframes highlightAutomationScale {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.97);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes highlightAutomationScale {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.97);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes highlightAutomationBorderColor {
  0% {
    border-color: #00ca72;
    border-color: var(--positive-color);
  }
  75% {
    border-color: #00ca72;
    border-color: var(--positive-color);
  }
  100% {
    border-color: #e6e9ef;
    border-color: var(--automations-border-color);
  }
}
@keyframes highlightAutomationBorderColor {
  0% {
    border-color: #00ca72;
    border-color: var(--positive-color);
  }
  75% {
    border-color: #00ca72;
    border-color: var(--positive-color);
  }
  100% {
    border-color: #e6e9ef;
    border-color: var(--automations-border-color);
  }
}
@-webkit-keyframes automationCard {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes automationCard {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.automations-board-automations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 8vw 16px;
  font-size: 18px;
}
.automations-board-automations-header.big-store {
  padding-left: 16vw;
  padding-right: 16vw;
}
.automations-board-automations-header .header-left-content {
  display: flex;
  align-items: center;
}
.automations-board-automations-header .header-left-content .automations-board-automations-header-title {
  display: flex;
  align-items: center;
  padding-right: 16px;
  overflow: hidden;
}
.automations-board-automations-header .header-left-content .automations-board-automations-header-title .automations-board-automations-header-title-counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  line-height: 14px;
  margin: 2px 8px;
  font-weight: 500;
  font-size: 14px;
  height: 24px;
  padding: 4px 6px;
  border-radius: 4px;
  color: #9699a6;
  background-color: #f5f6f8;
  background-color: var(--automations-label-background-color);
  color: #676879;
  color: var(--secondary-text-color);
}
.automations-board-automations-header .header-left-content .automations-board-automations-header-title .tooltip-content-automations-header {
  width: 212px;
}
.automations-board-automations-header .header-left-content .header-left-content-vertical-divider {
  width: 1px;
  height: 16px;
  margin-right: 8px;
  margin-left: 8px;
  border-left: 1px solid;
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.automations-board-automations-header .history-page-board-level-button {
  margin-right: 16px;
}
.automations-board-automations-header .history-page-board-level-button .activity-icon {
  margin-right: 8px;
}
/* mixin for multiline */
.automations-board-page-filter {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: background-color 0.1s cubic-bezier(0, 0, 0.35, 1) 0s;
}
.automations-board-page-filter .icon {
  margin: 0 0 0 10px;
}
.automations-board-page-filter .filter-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2px 0;
}
.automations-board-page-filter .filter-input-wrapper .icon-and-input-wrapper input {
  padding-left: 5px;
  padding-right: 0;
  padding-bottom: 0;
  height: 28px;
  background-color: unset;
  transition: background-color 0.1s cubic-bezier(0, 0, 0.35, 1), width 0.1s cubic-bezier(0, 0, 0.35, 1);
  border-radius: 4px;
  border: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  font-weight: 400;
  font-size: 14px;
}
.automations-board-page-filter.focused {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.automations-board-page-filter.active .filter-input-wrapper input, .automations-board-page-filter.focused .filter-input-wrapper input {
  width: 300px;
  transition: width 0.1s ease;
}
.automations-board-page-filter:not(.focused) .filter-input-wrapper .icon-and-input-wrapper input {
  cursor: pointer;
}
.automations-board-page-filter:not(.focused) .filter-input-wrapper .icon-and-input-wrapper input::-webkit-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-board-page-filter:not(.focused) .filter-input-wrapper .icon-and-input-wrapper input:-ms-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-board-page-filter:not(.focused) .filter-input-wrapper .icon-and-input-wrapper input::-moz-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-board-page-filter:not(.focused) .filter-input-wrapper .icon-and-input-wrapper input:-moz-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-board-page-filter:not(.focused):not(.active):hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  transition: unset;
}
.automations-board-page-filter:not(.focused):not(.active):hover .icon-and-input-wrapper input {
  transition: unset;
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.automations-board-page-filter:not(.focused):not(.active) .filter-input-wrapper .icon-and-input-wrapper input {
  width: 60px;
}
.automations-board-page-filter.active {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.automations-board-page-filter.active .filter-input-wrapper {
  padding-right: 8px;
}
.automations-board-page-filter.active .filter-input-wrapper .clear-button {
  cursor: pointer;
  outline: none;
  font-size: 10px;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-category-page-component-full-screen {
  height: 100%;
}
.automations-category-page-component-full-screen .automations-category-page-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-category-page-component-full-screen .automations-category-page-inner .automations-category-header-wrapper {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}
.automations-category-page-component-full-screen .automations-category-page-inner .automations-category-content {
  padding: 0 8vw;
  flex: 1 1;
  min-height: 0;
  overflow: auto;
}
.automations-category-page-component-full-screen .automations-category-page-inner .automations-category-content .automations-store-footer-wrapper {
  padding: 32px 0;
}
.automations-category-page-component-full-screen .automations-category-page-inner .automations-category-content.coming-soon {
  overflow: hidden;
}
.automations-category-page-component-full-screen .automations-category-page-inner .automations-category-content .locked-integration {
  margin-top: -12px;
  font-size: 14px;
  margin-bottom: 16px;
}
.automations-category-page-component-full-screen.big-store .automations-category-page-inner .automations-category-content {
  padding: 0 16vw;
}

.integrations-board-picker {
  padding-bottom: 32px;
}
.integrations-board-picker .integrations-board-picker-title {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 16px;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner {
  margin: 0 auto;
  height: 300px;
  width: 440px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content {
  padding: 0;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-header {
  padding: 0;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-header .select-menu-input {
  height: 48px;
  border: none;
  background: #f1f1f1;
  padding-left: 16px;
  font-size: 16px;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-header .select-menu-search-icon {
  color: #808080;
  padding-right: 8px;
  font-size: 18px;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-list {
  padding-top: 16px;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-list .board-list {
  border-left: none;
}
.integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-list .board-list .board-item {
  font-size: 16px;
  padding: 10px 10px;
}
.automations-category-header-component {
  height: 100%;
}
.automations-category-header-component .automations-category-header-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.automations-category-header-component .automations-category-header-inner .back-button-wrapper {
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.automations-category-header-component .automations-category-header-inner .back-button-wrapper .back-button {
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  text-decoration: none;
  font-size: 16px;
}
.automations-category-header-component .automations-category-header-inner .back-button-wrapper .back-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.board-list-wrapper {
  height: 100%;
}
.board-list-wrapper:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.board-list-wrapper .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.board-list-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  right: 0px !important;
}
.board-list-wrapper .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
.board-list-wrapper .board-list {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.board-list-wrapper .board-list.public-board-list {
  border-left: 2px solid #333;
}
.board-list-wrapper .board-list.share-board-list {
  border-left: 2px solid #a25ddc;
}
.board-list-wrapper .board-list.private-board-list {
  border-left: 2px solid #f65f7c;
}
.board-list-wrapper .board-list .board-kind-title {
  font-weight: 600;
  font-size: 14px;
  cursor: default;
  height: 29px;
}
.board-item-component.selected .board-item {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.board-item-component.selected .board-item .icon {
  color: #ffffff !important;
}
.board-item-component.selected .board-item .option-icon {
  border-color: #ffffff;
}
.board-item-component.selected .board-item .option-icon.checked {
  color: #ffffff;
}
.board-item-component .board-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  border-radius: 4px;
}
.ds-menu-old .board-item-component .board-item {
  border-radius: 0px;
}
.board-item-component .board-item:hover {
  background: rgba(15, 162, 226, 0.5);
  color: #ffffff;
}
.board-item-component .board-item:hover .icon {
  color: #ffffff !important;
}
.board-item-component .board-item:hover .option-icon {
  border-color: #ffffff;
}
.board-item-component .board-item:hover .option-icon.checked {
  color: #ffffff;
}
.board-item-component .board-item .option-icon {
  margin-right: 8px;
  font-size: 12px;
  width: 20px;
  max-width: 16px;
  height: 16px;
  text-align: center;
  color: transparent;
  border: 1px solid #6e6f8f;
  border-radius: 2px;
}
.board-item-component .board-item .option-icon .fa-check {
  top: -2px;
  opacity: 0;
  vertical-align: text-top;
}
.board-item-component .board-item .option-icon.checked {
  color: #333333;
}
.board-item-component .board-item .option-icon.checked .fa-check {
  opacity: 1;
}
.board-item-component .board-item .option-icon.disabled {
  background-color: #c4c4c4;
  opacity: 0.5;
}
.board-item-component .board-item.selected {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.board-item-component .board-item.selected .icon {
  color: #ffffff !important;
}
.board-item-component .board-item.selected .option-icon {
  border-color: #ffffff;
}
.board-item-component .board-item.selected .option-icon.checked {
  color: #ffffff;
}
.board-item-component .board-item .board-item-icon {
  margin-right: 5px;
  flex-shrink: 0;
}
.board-item-component .board-item .board-item-icon.icon-dapulse-share {
  color: #a25ddc;
}
.board-item-component .board-item .board-item-icon.icon-dapulse-private {
  color: #f65f7c;
}
.automations-usage-page-wrapper-full-screen {
  padding: 0 80px 24px;
  height: 100%;
  overflow-y: auto;
}
.automations-usage-page-wrapper-full-screen.loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-usage-page-wrapper-full-screen .big-text {
  font-size: 30px;
  font-weight: bold;
  line-height: 48px;
}
.automations-usage-page-wrapper-full-screen .medium-text {
  font-size: 22px;
  font-weight: bold;
}
.automations-usage-page-wrapper-full-screen .small-text {
  font-size: 14px;
}
.automations-usage-page-wrapper-full-screen .overuse-text {
  color: #fb275d;
}
.automations-usage-page-wrapper-full-screen .granted-text {
  color: #00c875;
}
.automations-usage-page-wrapper-full-screen .header-primary {
  display: flex;
  align-items: center;
  font-size: 18px;
  height: 70px;
  margin: 0 140px 16px;
  padding: 0 24px;
  justify-content: flex-end;
}
.automations-usage-page-wrapper-full-screen .header-primary > *:not(:last-child) {
  margin-right: 16px;
}
.automations-usage-page-wrapper-full-screen .header-primary .timespan-dropdown {
  width: 230px;
  font-size: 14px;
}
.automations-usage-page-wrapper-full-screen .header-primary .timespan-dropdown .Select-control {
  border-color: #d9d9d9;
  border-color: var(--automations-account-usage-dropdown-border-color);
}
.automations-usage-page-wrapper-full-screen .header-primary .timespan-dropdown .Select-control .Select-value {
  background-color: #fff;
  background-color: var(--automations-account-usage-background-color);
}
.automations-usage-page-wrapper-full-screen .header-primary .timespan-dropdown .Select-control .Select-value .Select-value-label {
  color: #ffffff;
  color: var(--text-color-on-card);
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block {
  display: flex;
  flex-direction: column;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block > .title {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block > .content {
  padding: 16px;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content {
  align-items: flex-start;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content > *:not(:last-child) {
  margin-bottom: 16px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .header {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .header > *:not(:last-child) {
  margin-right: 8px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .header .total-actions {
  line-height: 31px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .header .projected {
  flex: 1;
  text-align: right;
  color: #9699a6;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .usage-progress-bar {
  height: 16px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #e6e9ef;
  background-color: var(--automations-account-usage-progressbar-background-color);
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .usage-progress-bar .progress {
  background: #00c875;
  height: 100%;
  border-radius: 0;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress {
  display: flex;
  align-items: center;
  width: 100%;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress > *:not(:last-child) {
  margin-right: 32px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress .actions-available {
  flex: 1;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress .legend {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress .legend:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e6e9ef;
  margin-right: 8px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .under-progress .legend.used:before {
  background: #00c875;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .breakdown > * {
  position: relative;
  padding-left: 16px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid > .usage-block.account-details > .content .breakdown > *:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 100%;
  top: -10px;
  left: 0;
  border: solid #e6e9ef;
  border-width: 0 0 1px 1px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid .graph-content-component {
  max-width: 600px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid .graph-content-component .graph-label {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 48px;
  margin-bottom: -16px;
}
.automations-usage-page-wrapper-full-screen .automations-usage-grid .graph-content-component .graph-label .graph-user-photo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.feedback-button {
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.feedback-button .icon {
  margin-right: 8px;
}
.feedback-button:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
/* mixin for multiline */
.entry-status-wrapper {
  width: 13%;
}
.entry-status-wrapper .entry-status {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: 300;
  line-height: 1.5;
}
.entry-status-wrapper .entry-status.with-loader .name {
  margin-right: 4px;
}
.entry-status-wrapper .entry-status.with-loader :not(.name) {
  width: 8px;
}
.entry-status-wrapper .entry-status.success {
  background-color: rgba(0, 202, 114, 0.16);
  color: #00ca72;
}
.entry-status-wrapper .entry-status.pending, .entry-status-wrapper .entry-status.running {
  background-color: rgba(253, 171, 61, 0.16);
  color: #fdab3d;
}
.entry-status-wrapper .entry-status.failure, .entry-status-wrapper .entry-status.exhausted {
  background-color: rgba(228, 66, 88, 0.16);
  color: #e44258;
}
/* mixin for multiline */
.entry {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.entry .entry-row {
  display: grid;
  grid-template-columns: 20% 13% 18% 47% auto;
  grid-template-rows: auto;
  position: relative;
  flex-direction: row;
  align-items: center;
  min-height: 64px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.entry .entry-row.integration {
  grid-template-columns: 20% 13% 18% 5% 42% auto;
}
.entry .entry-row.integration .entry-app {
  grid-column: 4/5;
}
.entry .entry-row.integration .entry-app .app-logo {
  width: 20px;
}
.entry .entry-row.integration .entry-data {
  grid-column: 5/6;
}
.entry .entry-row.drill-down-opened {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.entry .entry-row > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.entry .entry-row .entry-datetime {
  grid-column: 1/2;
  display: grid;
  grid-template-columns: 80px 16px auto;
}
.entry .entry-row .entry-datetime .date {
  grid-column: 1/2;
}
.entry .entry-row .entry-datetime .time {
  grid-column: 3/4;
}
.entry .entry-row .entry-status {
  grid-column: 2/3;
}
.entry .entry-row .entry-board {
  grid-column: 3/4;
  display: block;
  text-align: left;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry .entry-row .entry-data {
  grid-column: 4/5;
  flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.entry .entry-row .entry-data .automations-editor-field-term-component .field-text {
  font-weight: bold;
}
.entry .entry-row .entry-data .entry-error-reason {
  margin-top: 8px;
  color: #e44258;
  color: var(--negative-color);
}
.entry .entry-row .drill-down-button-wrapper {
  grid-column: last;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.entry .entry-row .drill-down-button-wrapper .drill-down-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}
.entry .entry-row .drill-down-button-wrapper .drill-down-button.opened {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  color: #0085ff;
  color: var(--primary-color);
}
.entry .entry-row .drill-down-button-wrapper .drill-down-button:hover:not(.disabled) {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.entry .entry-row .drill-down-button-wrapper .drill-down-button.disabled {
  cursor: default;
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.entry .drill-down {
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  transform-origin: top left;
}
.entry .drill-down.opened {
  transition: all 0.3s 0.1s ease-in;
  max-height: 512px;
  overflow: visible;
}
.entry .drill-down:not(.opened) {
  transition: all 0.2s ease-out;
  max-height: 0;
  overflow: hidden;
}
.entry .drill-down .sub-entry .time:before {
  content: "";
  position: absolute;
  left: calc(calc(20px + 16px + 80px) + 24px);
  top: -20px;
  height: 40px;
  width: 1px;
  border-left: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.entry .drill-down .sub-entry .time.ampm:before {
  left: calc(calc(20px + 16px + 80px) + 32px);
}
.entry .drill-down .sub-entry .entry-data {
  display: flex;
  flex-direction: row;
}
.entry .drill-down .sub-entry .entry-data .item-name {
  margin-top: auto;
  margin-bottom: auto;
  text-align: start;
}
.entry .drill-down .sub-entry .entry-data .view-item-button {
  text-decoration: none;
  margin-left: 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.app-filter-option {
  display: flex;
  align-items: center;
  width: 140px;
}
.app-filter-option .app-filter-logo {
  max-height: 16px;
  width: 16px;
  margin-right: 8px;
}
.app-filter-option .app-filter-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* mixin for multiline */
.automations-history-page-filters-component {
  display: flex;
  flex-direction: row;
}
.automations-history-page-filters-component .filter {
  display: flex;
  flex-direction: column;
  text-align: start;
  font-weight: 400;
  margin-right: 16px;
}
.automations-history-page-filters-component .filter .filter-title {
  margin-bottom: 8px;
  margin-left: 4px;
}
.automations-history-page-filters-component .automations-history-status-filter {
  width: 15%;
  max-width: 180px;
}
.automations-history-page-filters-component .automations-history-app-filter {
  width: 200px;
}
.automations-history-page-filters-component .automations-history-board-filter {
  width: 300px;
}
/* mixin for multiline */
.automations-history-page-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  width: 100%;
  height: 100vh;
}
.automations-history-page-wrapper .history-page-back-button {
  position: absolute;
  left: 24px;
  top: 32px;
  cursor: pointer;
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 0;
  margin-right: 0;
}
.automations-history-page-wrapper .history-page-back-button .fa-angle-left {
  margin-right: 8px;
}
.automations-history-page-wrapper .history-page-back-button:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 400;
}
.automations-history-page-wrapper .automations-history-page-component {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-bottom: 1vh;
  padding-top: 6vh;
  height: calc(88vh - 1vh - 1vh);
}
.automations-history-page-wrapper .automations-history-page-component.without-automations-store-header {
  padding-top: 12vh;
  height: calc(100vh - 1vh - 1vh);
}
.automations-history-page-wrapper .automations-history-page-component > div:not(.full-page):not(.history-page-back-button):not(.with-scroll),
.automations-history-page-wrapper .automations-history-page-component .center-vertical:not(.history-page-back-button):not(.with-scroll) {
  margin-right: 10vw;
  margin-left: 10vw;
}
.automations-history-page-wrapper .automations-history-page-component > div:not(.full-page):not(.history-page-back-button).with-scroll,
.automations-history-page-wrapper .automations-history-page-component .center-vertical:not(.history-page-back-button).with-scroll {
  padding-right: 10vw;
  padding-left: 10vw;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
  max-height: 128px;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper.with-filters {
  height: 100%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-header .automations-history-page-header-title {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-header .automations-history-page-header-title .automations-activity-log-beta-badge {
  cursor: pointer;
  margin-left: 16px;
  color: #676879;
  color: var(--secondary-text-color);
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-header .automations-history-page-header-title .automations-activity-log-beta-badge:hover {
  text-decoration: none;
  font-weight: 400;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper .automations-history-page-empty-state-text {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: lighter;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper img {
  margin-bottom: 16px;
  width: 400px;
}
.automations-history-page-wrapper .automations-history-page-component .shimmer-wrapper {
  margin-top: 32px;
  margin-bottom: 32px;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 48px - 128px);
  max-height: calc(100% - 48px - 60px);
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 2px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  font-weight: bold;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-datetime {
  width: 20%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-status {
  width: 13%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-board {
  width: 18%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-app {
  width: 5%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-automation {
  width: 47%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .entry-list-header-wrapper .entry-automation.integration {
  width: 42%;
}
.automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .automations-history-page-list-content-wrapper {
  margin-right: 10vw;
  margin-left: 10vw;
  height: 0;
  width: auto;
}
.automations-video-page-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  height: 100%;
}
.automations-video-page-wrapper .video-title {
  font-size: 32px;
}
.automations-video-page-wrapper .active-video-component {
  padding-top: 16px;
  padding-bottom: 0;
  height: 33.75vw;
  width: 60vw;
  max-height: 648px;
  max-width: 1152px;
  margin: 12px auto;
}
.automations-video-page-wrapper .active-video-component iframe {
  width: 60vw;
  height: 33.75vw;
  max-height: 648px;
  max-width: 1152px;
}
.automations-video-page-wrapper .automations-back-button {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 16px;
  cursor: pointer;
}
.automations-video-page-wrapper .automations-back-button:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.automations-editor-page-component {
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.automations-editor-page-component .automations-editor-page-inner {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-page-component .automations-editor-page-inner.with-board-picker {
  justify-content: center;
  align-items: center;
}
.automations-editor-page-component .automations-editor-page-inner .automations-editor-content {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: 24px;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .header-first-row {
  display: flex;
  flex-direction: column;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .header-first-row div {
  margin-bottom: 8px;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .header-first-row .automation-editor-back-button {
  position: absolute;
  left: 8px;
  cursor: pointer;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .header-first-row .automation-editor-back-button .fa-angle-left {
  margin-right: 8px;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .header-first-row .automation-editor-back-button:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 400;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .logged-user-message {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .logged-user-message .read-only-label {
  background: rgba(0, 0, 0, 0.1);
  margin-right: 8px;
  padding: 0 4px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
}
.automations-editor-page-component .automations-editor-page-inner .header-wrapper .rename-automation-editable {
  max-width: 250px;
  margin-top: 20px;
  color: #9699a6;
  font-size: 16px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper {
  padding: 0 200px;
  width: 100%;
}
.automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper .automation-sentence-inner {
  font-size: 36px;
  margin: 0 auto;
}
.automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper.big-store {
  padding: 0 300px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper.big-store .automation-sentence-inner {
  line-height: 62px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper,
.automations-editor-page-component .automations-editor-page-inner .automation-editor-content-wrapper {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper {
  display: grid;
  grid-template-columns: 32px 140px auto 220px 32px;
  grid-template-rows: 72px 32px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .custom-app-logo-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 32px;
  width: 200px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .custom-app-logo-container .custom-app-logo {
  width: 40px;
  height: 40px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .custom-app-logo-container .custom-app-logo .app-initials {
  font-size: 22px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .custom-app-logo-container .custom-app-title {
  margin-left: 16px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  max-width: 100px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .app-logo {
  display: flex;
  align-items: flex-end;
  grid-column: 2/3;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .app-logo .app-logo-image {
  max-width: 140px;
  max-height: 40px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .recipe-examples {
  grid-column: 2/4;
  margin-top: auto;
  margin-bottom: 0;
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .recipe-examples .recipe-example {
  text-decoration: underline;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .recipe-examples div {
  margin-bottom: 10px;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .automation-footer-actions {
  grid-column-start: 4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
}
.automations-editor-page-component .automations-editor-page-inner .automation-footer-wrapper .automation-footer-actions .automation-submit-button {
  flex: 0 0 auto;
}
.automations-editor-page-component .automations-editor-page-inner.integration-mode .header-wrapper .header-first-row .automation-editor-back-button {
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-page-component .automations-editor-page-inner.integration-mode .automation-submit-button {
  background-color: #323338;
  background-color: var(--primary-text-color);
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.automations-editor-page-component .automations-editor-page-inner.integration-mode .automation-submit-button.disabled {
  opacity: 0.5;
}
.automations-board-picker {
  padding-bottom: 32px;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner {
  margin: 0 auto;
  height: 300px;
  width: 440px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content {
  padding: 0;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-header {
  padding: 0;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-header .select-menu-input {
  height: 48px;
  border: none;
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  padding-left: 16px;
  font-size: 16px;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-header .select-menu-search-icon {
  color: #676879;
  color: var(--secondary-text-color);
  padding-right: 8px;
  font-size: 18px;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-list {
  padding-top: 16px;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-list .board-list {
  border-left: none;
}
.automations-board-picker .automations-board-picker-content .automations-board-picker-inner .select-menu-content .select-menu-list .board-list .board-item {
  font-size: 16px;
  padding: 10px 10px;
}
.automations-editor-new-authentication-component {
  color: #323338;
  color: var(--primary-text-color);
  width: 85%;
  align-self: flex-start;
  margin-top: 104px;
}
.automations-editor-new-authentication-component.import {
  margin-top: 0px;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section {
  display: flex;
  justify-content: center;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content {
  text-align: left;
  margin-left: 40px;
  margin-top: auto;
  margin-bottom: auto;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title {
  font-size: 28px;
  font-weight: 500;
  max-width: 460px;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title.logo-title-import {
  font-size: 24px;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title.main-sub-title {
  margin-bottom: 24px;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title.main-sub-title:not(.with-explanation) {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.automations-editor-new-authentication-component .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title.main-sub-title.with-explanation {
  margin-bottom: 8px;
  font-size: 24px;
}
.automations-editor-new-authentication-component .automations-editor-authentication-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 32px;
}
.automations-editor-new-authentication-component .extra-note {
  margin-top: 40px;
  padding: 0 30% 0 0;
  font-size: 14px;
  opacity: 0.75;
}
.automations-editor-new-authentication-component .extra-note:not(.auth-visualization) {
  padding: 0 15%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form {
  max-width: 350px;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field {
  margin-bottom: 16px;
  position: relative;
  display: flex;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field .field-tip-wrapper {
  display: flex;
  height: 24px;
  margin-left: 8px;
  margin-top: auto;
  margin-bottom: 8px;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field .field-tip-wrapper .field-tip {
  color: white;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .footer-links-wrapper {
  display: flex;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .footer-links-wrapper .separator {
  margin: 0px 8px;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .footer-links-wrapper .footer-link {
  color: white;
}
.automations-editor-new-authentication-component .automations-editor-new-connection-form .connect-button {
  margin-top: 16px;
}
.automations-editor-new-authentication-component .connect-button {
  padding: 0px 32px;
  background: black;
  border-color: black;
}
.automations-editor-new-authentication-component .connect-button:hover {
  background: black;
  opacity: 0.8;
}
.automations-editor-new-authentication-component .connect-button .loader {
  color: white;
}
.automations-editor-new-authentication-component:not(.light-app-theme) .connect-button {
  background: white;
  border-color: white;
}
.automations-editor-new-authentication-component:not(.light-app-theme) .connect-button:hover {
  background: #f1f1f1;
}
.automations-editor-new-authentication-component:not(.light-app-theme) .connect-button .loader {
  color: black;
}
.automations-editor-new-authentication-component .oauth-logos {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  position: relative;
}
.automations-editor-new-authentication-component .oauth-logos .oauth-logo {
  position: relative;
}
.automations-editor-new-authentication-component .oauth-logos .oauth-logo .hexagon-image {
  width: 50px;
  height: 56px;
}
.automations-editor-new-authentication-component .oauth-logos .oauth-sync-icon {
  flex: 0 0 60px;
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.automations-editor-new-authentication-component .oauth-logos .oauth-sync-icon .icon {
  position: absolute;
  top: -14px;
}
.automations-editor-new-authentication-component .data-fields {
  margin-bottom: 24px;
}
.automations-editor-new-authentication-component .data-fields .data-field:not(:first-child) {
  margin-top: 16px;
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field {
  height: 36px;
  display: flex;
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field.instructions-continuation {
  margin-left: 56px;
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field .subdomain-input {
  height: 100%;
  border-radius: 2px 0px 0px 2px;
  border: 1px solid white;
  border-right: none;
  outline: none;
  color: white;
  padding: 0px 8px;
  width: 120px;
  background: transparent;
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field .subdomain-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field .subdomain-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.automations-editor-new-authentication-component .data-fields .data-field .subdomain-field .subdomain-domain {
  border: 1px solid white;
  border-left: none;
  padding: 0px 12px;
  height: 100%;
  border-radius: 0px 2px 2px 0px;
  line-height: 32px;
  background: transparent;
}
.automations-editor-new-authentication-component .data-fields .data-field .checkbox-field {
  display: flex;
}
.automations-editor-new-authentication-component .data-fields .data-field .checkbox-field .checkbox-button {
  background-color: transparent;
  border: 1px solid;
  border-color: #323338;
  border-color: var(--primary-text-color);
  color: #323338;
  color: var(--primary-text-color);
}
.automations-editor-new-authentication-component .data-fields .data-field .checkbox-field .checkbox-text {
  margin-left: 8px;
}
.automations-editor-new-authentication-component .connect-explanation {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px;
  max-width: 460px;
}
.automations-editor-new-authentication-component .custom-app-connection {
  display: flex;
  justify-content: center;
}
.automations-editor-new-authentication-component .connect-visualization {
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 254px;
}
.automations-editor-new-authentication-component .connect-visualization .connect-visualization-image {
  position: absolute;
  height: 254px;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .oauth-logo {
  position: relative;
  width: 78px;
  height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .oauth-logo.monday-logo {
  margin-right: 14px;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .oauth-logo:not(.monday-logo) {
  margin-left: 14px;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .oauth-logo .connect-hexagon-image {
  width: 78px;
  height: 86px;
  position: absolute;
  top: 0;
  left: 0;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .oauth-logo .logo-image {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: -8px;
}
.automations-editor-new-authentication-component .connect-visualization .oauth-logos .connect-visualization-arrow {
  font-size: 32px;
  margin-top: 8px;
}

.automations-editor-page-component .automations-editor-page-inner.light-theme .new-oauth-wrapper .oauth-logos .oauth-sync-icon {
  color: black;
}
.automations-editor-page-component .automations-editor-page-inner.light-theme .automations-editor-new-connection-form .footer-link {
  color: black;
}
.authentication-explanation-link-field-component {
  font-size: 18px;
  text-align: center;
  margin-top: 8px;
  height: 48px;
  width: 100%;
  color: white;
  outline: none;
  cursor: pointer;
}
.authentication-explanation-link-field-component .explanation-link {
  font-size: 18px;
  color: white;
  outline: none;
  text-decoration: none;
}
.authentication-explanation-link-field-component .link-to-authorization {
  text-decoration: underline;
  color: white;
}
.authentication-checkbox-field-component {
  display: flex;
  align-items: center;
  height: 44px;
  color: white;
}
.authentication-checkbox-field-component .checkbox-title {
  font-size: 16px;
  cursor: pointer;
}
.authentication-checkbox-field-component.light-theme {
  color: black;
}
.authentication-text-field-component {
  width: 100%;
}
.authentication-text-field-component .field-title {
  font-size: 16px;
  margin-bottom: 4px;
  text-align: left;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.authentication-text-field-component .text-input-wrapper .text-input {
  height: 40px;
  width: 100%;
  border: 1px solid;
  border-color: #ffffff;
  border-color: var(--avatar-border-color);
  border-radius: 4px;
  color: white;
  padding-left: 12px;
  font-size: 16px;
  outline: none;
  background: transparent;
}
.authentication-text-field-component .text-input-wrapper .text-input:focus {
  border: 1px solid #e1e1e1;
}
.authentication-text-field-component.light-theme .field-title {
  color: black;
}
.authentication-text-field-component.light-theme .text-input-wrapper .text-input {
  color: black;
  border-color: black;
}
.authentication-text-field-component.light-theme .text-input-wrapper .text-input:focus {
  border: 1px solid #666;
}
/* mixin for multiline */
.automations-authentication-remove .logo-sub-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 24px;
}
.automations-authentication-remove .automations-authentication-remove-panel {
  background: white;
  color: #323338;
  width: 458px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner {
  padding: 14px 24px 24px 24px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .authentication-card {
  display: flex;
  justify-content: center;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .authentication-card .available-authentication-item-icon {
  margin: 8px 12px 2px 12px;
  position: relative;
  top: 0;
  left: 0;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .authentication-card .available-authentication-item-icon .app-icon-image {
  position: absolute;
  top: 6px;
  left: 4px;
  height: 28px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .authentication-card .available-authentication-item-icon .authentication-hexagon {
  position: relative;
  top: 0;
  left: 0;
  width: 35px;
  height: 40px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .authentication-card .available-authentication-item-title {
  max-width: 210px;
  line-height: 54px;
  font-size: 16px;
  font-weight: bold;
  color: #323338;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .remove-description {
  margin-top: 8px;
  font-size: 16px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .boards-list {
  background-color: #c4c4c41a;
  max-height: 140px;
  margin: 16px 0 32px 0;
  overflow: auto;
  min-height: 70px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .boards-list::-webkit-scrollbar {
  width: 4px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .boards-list::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .boards-list .board-data {
  display: flex;
  color: #676879;
  margin: 12px 0;
  font-size: 16px;
  font-weight: 300;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .boards-list .board-data .icon-board-new {
  margin: 0 8px 0 16px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .remove-footer {
  display: flex;
  justify-content: flex-end;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .remove-footer .cancel-button {
  color: #323338;
  margin-right: 24px;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .remove-footer .cancel-button:hover {
  background-color: #c5c7d0;
}
.automations-authentication-remove .automations-authentication-remove-panel .automations-authentication-remove-inner .remove-footer .remove-button {
  color: #ffffff;
}
.automations-editor-special-instructions.authentication {
  display: flex;
  flex-direction: column;
  max-width: 376px;
  margin-bottom: 24px;
}
.automations-editor-special-instructions.authentication.with-multiple-steps {
  margin-bottom: 8px;
}
.automations-editor-special-instructions.authentication.error-state {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}
@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  60% {
    transform: translate3d(3px, 0, 0);
  }
  70% {
    transform: translate3d(-3px, 0, 0);
  }
  30%, 50% {
    transform: translate3d(-4px, 0, 0);
  }
  40% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  60% {
    transform: translate3d(3px, 0, 0);
  }
  70% {
    transform: translate3d(-3px, 0, 0);
  }
  30%, 50% {
    transform: translate3d(-4px, 0, 0);
  }
  40% {
    transform: translate3d(4px, 0, 0);
  }
}
.automations-editor-special-instructions.authentication .special-instructions-title {
  font-weight: bold;
  font-size: 18px;
}
.automations-editor-special-instructions.authentication .special-instructions-text {
  margin-top: 8px;
  font-size: 16px;
}
.automations-editor-special-instructions.authentication .special-instructions-text.with-steps {
  display: flex;
}
.automations-editor-special-instructions.authentication .special-instructions-text .special-instructions-step-text {
  margin-top: auto;
  margin-bottom: auto;
}
.automations-editor-special-instructions.authentication .special-instructions-text .special-instructions-step-number {
  background-color: rgba(255, 255, 255, 0.2);
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 24px;
  height: 32px;
  margin-right: 24px;
  flex: 0 0 32px;
  text-align: center;
}

.automations-editor-special-instructions.sentence {
  grid-column: 3/4;
  grid-row: 1/3;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  font-size: 16px;
}
.automations-editor-special-instructions.sentence .special-instructions-title {
  font-weight: bold;
  margin-right: 8px;
}
.automations-editor-menu-component {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 1 100%;
}
.automations-editor-menu-component .tabs-wrapper {
  cursor: pointer;
}
.automations-editor-menu-component .tabs-wrapper .tab-title {
  font-size: 16px;
}
.automations-import-page-component {
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.automations-import-page-component .automations-import-page-inner {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.automations-import-page-component .automations-import-page-inner .import-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.automations-import-page-component .automations-import-page-inner .import-authentication-component-holder {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.automations-import-page-component .automations-import-page-inner .import-authentication-component-holder .automations-editor-new-authentication-component-wrapper {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-import-page-component .automations-import-page-inner .automation-sentence-wrapper {
  padding: 0px 200px;
  width: 100%;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  color: white;
}
.automations-import-page-component .automations-import-page-inner .automation-sentence-wrapper .automation-sentence-inner {
  font-size: 36px;
  margin: 0px auto;
}
.automations-recipe-builder-page {
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.automations-recipe-builder-page .with-board-picker {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.automations-recipe-builder-page .automations-recipe-builder-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  height: 90%;
}
.automations-recipe-builder-page .automations-recipe-builder-content .recipe-builder-sentence-component {
  display: flex;
  margin-bottom: 16px;
}
.automations-recipe-builder-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.automations-recipe-builder-header .recipe-builder-back-button {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
}
.automations-recipe-builder-header .recipe-builder-back-button .fa-angle-left {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding-bottom: 4px;
}
.automations-recipe-builder-header .recipe-builder-back-button:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 400;
}
.automations-recipe-builder-header .automations-recipe-builder-header-descriptors {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.automations-recipe-builder-header .automations-recipe-builder-header-descriptors .automations-recipe-builder-beta-label {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  width: 48px;
  height: 24px;
  border: 1px solid #9699a6;
  box-sizing: border-box;
  border-radius: 4px;
}
.automations-recipe-builder-header .automations-recipe-builder-header-descriptors .recipe-builder-feedback-button {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  line-height: 24px;
}
.automations-recipe-builder-footer {
  display: flex;
  height: 40px;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 0 8px;
}
.automations-recipe-builder-footer .recipe-builder-buttons .recipe-builder-add-to-board-button {
  cursor: pointer;
}
.automations-recipe-builder-footer .recipe-builder-buttons .recipe-builder-add-to-board-button.disabled {
  cursor: not-allowed;
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
/* mixin for multiline */
.recipe-builder-sentence-wrapper {
  position: relative;
  width: calc(100% - 16vw);
  height: 30vh;
  margin-top: 8px;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
}
.recipe-builder-sentence-wrapper::-webkit-scrollbar {
  width: 4px;
}
.recipe-builder-sentence-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 36px;
  font-weight: lighter;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .highlight-term {
  font-weight: bold;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-end;
  height: 62px;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.3s ease;
  height: 48px;
  align-items: flex-end;
  margin-right: 8px;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-builder-node-sentence-part {
  white-space: pre-wrap;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .configured-value {
  font-weight: bold;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .current-field .field-text .ds-text-component {
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .current-field .field-text .user-field-text-component {
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-spreadable-field-term {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  height: 48px;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-spreadable-field-term .field-text {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: pointer;
  font-weight: bold;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-spreadable-field-term .field-text:before {
  background: none;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-spreadable-field-term.with-value .field-text {
  color: #323338;
  color: var(--primary-text-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-field-dialog-term {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  height: 48px;
  font-weight: 500;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-field-dialog-term.in-editor .field-text {
  color: #9699a6;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-field-dialog-term.in-editor .field-text:before {
  background-color: #323338;
  background-color: var(--primary-text-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-field-dialog-term.in-editor .field-text:hover {
  color: #323338;
  color: var(--primary-text-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .recipe-builder-node-sentence-parts .recipe-sentence-field-dialog-term.with-value .field-text {
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  font-weight: bold;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .automations-recipe-placeholder {
  color: #9699a6;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .automations-recipe-placeholder.clickable {
  cursor: pointer;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .automations-recipe-placeholder.clickable:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .automations-recipe-placeholder .grey-out-term {
  font-weight: 500;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .reset-btn {
  display: none;
  cursor: pointer;
  color: #676879;
  color: var(--placeholder-color);
  height: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 300;
  z-index: 1;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .reset-btn:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .reset-btn .reset-icon-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .reset-btn .remove-indication {
  display: none;
  line-height: 14px;
  margin-bottom: 4px;
  padding-left: 4px;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .reset-btn:hover .remove-indication {
  display: flex;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper:hover .reset-btn {
  display: flex;
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper:hover .recipe-sentence-part {
  color: #0085ff;
  color: var(--primary-color);
}
.recipe-builder-sentence-wrapper .recipe-builder-sentence .recipe-builder-node-wrapper .pending-reset {
  text-decoration: line-through;
}
.recipe-builder-sentence-wrapper .add-additional-action-button {
  display: flex;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 300;
  align-items: center;
  margin-top: 22px;
  padding: 6px 16px;
  height: 32px;
}
.recipe-builder-sentence-wrapper .add-additional-action-button:hover {
  cursor: pointer;
  background-color: #e6e9ef;
  background-color: var(--automations-border-color);
  border-radius: 4px;
}
/* mixin for multiline */
.recipe-builder-options-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 16vw);
  height: calc(100% - 35vh);
  margin: 0 8vw 16px;
  border-top: 2px solid;
  border-color: #f5f6f8;
  border-color: var(--dark-background-color);
}
.recipe-builder-options-component .recipe-builder-options-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
  overflow-y: auto;
}
.recipe-builder-options-component .recipe-builder-options-group::-webkit-scrollbar {
  width: 4px;
}
.recipe-builder-options-component .recipe-builder-options-group::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options-call-to-action {
  display: flex;
  justify-content: flex-start;
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 14px;
  margin-top: 8px;
}
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-container {
  display: flex;
  flex-direction: column;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option,
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option-and,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option-and {
  padding: 8px 8px 0 0;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option .recipe-option-inner,
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option-and .recipe-option-inner,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option .recipe-option-inner,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option-and .recipe-option-inner {
  font-size: 16px;
  line-height: 32px;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  padding: 1px 16px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  border-radius: 4px;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option .recipe-option-inner:hover,
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option-and .recipe-option-inner:hover,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option .recipe-option-inner:hover,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option-and .recipe-option-inner:hover {
  color: #323338;
  color: var(--primary-text-color);
  background-color: #e6e9ef;
  background-color: var(--automations-border-color);
  cursor: pointer;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option .recipe-option-inner .recipe-option-app-logo,
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option-and .recipe-option-inner .recipe-option-app-logo,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option .recipe-option-inner .recipe-option-app-logo,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option-and .recipe-option-inner .recipe-option-app-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option .recipe-option-inner .recipe-option-app-logo .app-logo-image,
.recipe-builder-options-component .recipe-builder-options-group .recipe-builder-current-options .recipe-option-and .recipe-option-inner .recipe-option-app-logo .app-logo-image,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option .recipe-option-inner .recipe-option-app-logo .app-logo-image,
.recipe-builder-options-component .recipe-builder-options-group .optional-conditions-options .recipe-option-and .recipe-option-inner .recipe-option-app-logo .app-logo-image {
  max-width: 18px;
  max-height: 16px;
}
.new-layout .video-center-button-component {
  z-index: 1010;
  right: 20px;
}

.video-center-button-component {
  position: fixed;
  justify-content: space-around;
  align-items: center;
  right: 114px;
  bottom: 20px;
  z-index: 99;
  display: flex;
  text-align: center;
  margin-top: 8px;
  width: 220px;
  padding: 16px 24px;
  border-radius: 4px;
}
.video-center-button-component .video-step-connecting-line {
  height: 4px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.video-center-button-component .video-step-item-wrapper {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 99px;
}
.video-center-button-component .video-step-item-wrapper .video-step-item {
  padding: 5px 10px;
}
.video-center-button-component .video-step-item-wrapper .video-step-item i {
  font-size: 18px;
  text-align: center;
}
.video-center-button-component .video-step-item-wrapper .video-step-item i:before {
  width: 18px;
  height: 18px;
}
.video-center-button-component .video-step-item-wrapper .seen-video-checkmark {
  top: 0px;
  right: -12px;
}
.video-center-button-component .video-step-item-wrapper .seen-video-checkmark i {
  font-size: 9px;
}
.video-center-button-component:hover .close-button {
  opacity: 0.8;
}
.video-center-button-component .close-button {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  padding: 3px 6px;
  font-size: 10px;
  cursor: pointer;
  transition: opacity 0.1s ease;
  opacity: 0;
  background-color: #333333;
  border-radius: 50%;
}
.video-center-button-component .close-button:hover {
  opacity: 1;
}
.monday-bug-button {
  position: fixed;
  right: 40px;
  bottom: 40px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  opacity: 0.5;
  background-color: #335c82;
}
.monday-bug-button.feature-active {
  background-color: #0085ff;
}
.monday-bug-button:hover, .monday-bug-button.active {
  opacity: 1;
}
.monday-bug-button:hover .bug-button-close-button, .monday-bug-button.active .bug-button-close-button {
  opacity: 0.8;
}
.monday-bug-button .icon-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.monday-bug-button .bug-button-close-button {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #333333;
  background-color: #e6e9ef;
  padding: 3px 6px;
  font-size: 10px;
  cursor: pointer;
  transition: opacity 0.1s ease;
  opacity: 0;
  border-radius: 50%;
}
.monday-bug-button .bug-button-close-button:hover {
  opacity: 1;
}

.bug-button-menu .menu-title {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: underline;
  opacity: 1;
}
.education-onboarding-content-component {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.education-onboarding-content-component .education-onboarding-button-component-wrapper,
.education-onboarding-content-component .education-component-wrapper {
  position: absolute;
  position: fixed;
  bottom: 24px;
  right: 24px;
}
.education-onboarding-content-component .education-onboarding-button-component-wrapper {
  z-index: 1110;
}
.education-onboarding-content-component .education-component-wrapper {
  z-index: 1111;
}
.education-component {
  height: 460px;
  width: 390px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  border-radius: 8px;
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.education-component .gif-card {
  cursor: pointer;
}
.education-component .close-education-dialog-button {
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: rgba(51, 51, 51, 0.3);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 150ms ease;
  z-index: 10;
}
.education-component .close-education-dialog-button:hover {
  background-color: rgba(51, 51, 51, 0.6);
}
.education-component .close-education-dialog-button .close-education-dialog-button-icon {
  color: #ffffff;
  font-size: 12px;
}
.education-component .education-dialog-asset-component-wrapper {
  width: 100%;
  height: 245px;
  flex-shrink: 0;
  position: relative;
}
.education-component .education-dialog-asset-component-wrapper .image-and-play-wrapper .play-button-container {
  position: absolute;
  pointer-events: none;
  width: 30%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
.education-component .education-dialog-asset-component-wrapper .image-and-play-wrapper .play-button-container img {
  width: 100%;
}
.education-component .education-dialog-asset-component-wrapper .image-and-play-wrapper:hover .play-button-container, .education-component .education-dialog-asset-component-wrapper .image-and-play-wrapper.show-play-transition .play-button-container {
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.education-component .education-dialog-image {
  width: 100%;
}
.education-component .education-dialog-content {
  padding: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.education-component .education-dialog-content .education-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  flex-shrink: 0;
}
.education-component .education-dialog-content .education-subTitle {
  margin-top: 16px;
  font-size: 14px;
  line-height: 22px;
  flex-grow: 1;
}
.education-component .education-dialog-content .eduction-footer {
  display: flex;
  flex-shrink: 0;
}
.education-component .education-dialog-content .eduction-footer .education-navigation-indicator-component-wrapper {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.education-component .education-dialog-content .eduction-footer .done-action-button,
.education-component .education-dialog-content .eduction-footer .next-action-button {
  min-width: 100px;
}
.education-navigation-indicator-component {
  display: flex;
}
.education-navigation-indicator-component .progress-dot-wrapper {
  cursor: pointer;
}
.education-navigation-indicator-component .progress-dot-wrapper:not(:last-child) {
  margin-right: 8px;
}
.education-navigation-indicator-component .progress-dot-wrapper .progress-dot {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #e6e9ef;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 100ms ease;
}
.education-navigation-indicator-component .progress-dot-wrapper .progress-dot.is-checked {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.education-onboarding-item-indication {
  z-index: 1000;
}
.education-onboarding-item-indication .blueBg {
  background-image: linear-gradient(90deg, #009aff, #009aff);
}
.education-onboarding-item-indication .dot-indicator {
  height: 12px;
  width: 12px;
  border-radius: 100px;
  z-index: 1;
  display: inline-block;
}
.education-onboarding-item-indication .dot-indicator .ripple {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: -1;
  left: 50%;
  top: 50%;
  opacity: 0;
  margin: -16px 0 0 -15px;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
  border: 2px solid #009aff;
}
.education-onboarding-item-indication .ripple:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.education-minimal-onboarding-button-component {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.education-minimal-onboarding-button-component.with-close-button {
  margin-right: 16px;
}
.education-minimal-onboarding-button-component:hover .education-onboarding-close-button {
  opacity: 1;
  visibility: visible;
}
.education-minimal-onboarding-button-component .education-onboarding-close-button {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -16px;
  right: -16px;
  height: 24px;
  width: 24px;
  background-color: #333333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 150ms ease, visibility 150ms ease;
}
.education-minimal-onboarding-button-component .education-onboarding-close-button .education-onboarding-close-button-icon {
  color: #ffffff;
  font-size: 12px;
}
.education-minimal-onboarding-button-component .education-onboarding-placholder-content {
  width: 48px;
  height: 48px;
  background: #ffffff;
  border-radius: 64px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.200691);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 100ms ease;
}
.education-minimal-onboarding-button-component .education-onboarding-placholder-content .education-onboarding-placholder-inner-content {
  width: 40px;
  height: 40px;
  background: #292f4c;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.education-minimal-onboarding-button-component .education-onboarding-placholder-content:hover {
  transform: scale(1.1);
}

.layout-placeholder-component {
  height: 100%;
  width: 100%;
  display: flex;
}
.layout-placeholder-component .surface-control-placeholder {
  width: 66px;
  background-color: #292f4c;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper svg {
  height: 20px;
  width: 20px;
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper.outline svg path {
  stroke: #ffffff;
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper:not(.outline) svg path {
  fill: #ffffff;
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper.inbox path:first-of-type {
  stroke: var(--color-snow_white);
}
.layout-placeholder-component .surface-control-placeholder .icon-wrapper.selected:before {
  content: "";
  position: absolute;
  left: 0;
  width: 80%;
  height: 40px;
  background: white;
  opacity: 0.3;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-first-area {
  flex-grow: 1;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-first-area .surface-control-logo-image-wrapper {
  margin: 12px 0px 24px;
  display: flex;
  justify-content: center;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-first-area .surface-control-logo-image-wrapper .surface-control-logo-image {
  height: 40px;
  width: 40px;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-second-area {
  flex-shrink: 0;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-second-area .surface-control-avatar-image-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.layout-placeholder-component .surface-control-placeholder .surace-control-second-area .surface-control-avatar-image-wrapper svg {
  height: 44px;
  width: 44px;
}
.layout-placeholder-component .first-level-control-placeholder {
  width: 255px;
  background-color: #ffffff;
  border-right: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-top-left-radius: 12px;
  box-shadow: -8px -8px 0px 0px #292f4c;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item {
  display: flex;
  padding: 0px 20px;
  border-top: 1px solid #e1e1e1;
  align-items: center;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.item-navigation {
  flex: 0 1 64px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.item-header {
  flex: 0 1 64px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.boards {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32px;
  border-top: 0;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.boards span {
  margin: 6px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.boards span:first-of-type {
  margin-top: 0;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.boards span:last-of-type {
  margin-bottom: 16px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item.boards span svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .first-level-control-item-title {
  font-size: 18px;
  font-weight: 400;
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .inbox-counter-wrapper {
  display: flex;
  align-items: center;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .inbox-counter-wrapper .inbox-counter {
  background-color: #333333;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .icon-wrapper.outline svg path {
  stroke: #333333;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item .icon-wrapper:not(.outline) svg path {
  fill: #333333;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item:last-of-type {
  border-bottom: 1px solid #e1e1e1;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new {
  padding: 16px 0 8px 16px;
  position: relative;
  border-bottom: 1px solid var(--color-gainsboro);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .workspace {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .workspace .workspace-symbol {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--color-bubble);
  color: var(--color-snow_white);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .workspace .workspace-name {
  margin-left: 8px;
  font-weight: bold;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .first-level-actions {
  font-size: 14px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .first-level-actions div {
  position: relative;
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .first-level-actions div span {
  margin-left: 8px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .first-level-actions div .arrow-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new .tab-indication {
  position: absolute;
  left: -6px;
  top: 80px;
  width: 12px;
  height: 12px;
  background: var(--color-snow_white);
  transform: rotate(45deg);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list {
  border: 0;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board {
  box-sizing: border-box;
  width: calc(100% - 16px);
  border-radius: 4px;
  padding: 10px 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-mud_black);
  margin: 4px 0;
  font-size: 14px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board svg path {
  fill: var(--color-mud_black);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board svg rect {
  stroke: var(--color-mud_black);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board .board-name {
  max-width: 152px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board.selected {
  color: var(--color-basic_blue);
  background: var(--color-highlight);
  position: relative;
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board.selected svg path {
  fill: var(--color-basic_blue);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board.selected svg rect {
  stroke: var(--color-basic_blue);
}
.layout-placeholder-component .first-level-control-placeholder .first-level-control-item-new.boards-list .first-level-control-board.selected:after {
  content: ". . .";
  position: absolute;
  right: 16px;
  transform: translateY(-12px);
  font-size: 42px;
  letter-spacing: -0.42rem;
}
.layout-placeholder-component .first-level-content-placeholder {
  height: 100%;
  width: calc(100vw - 66px - 255px);
  overflow: hidden;
}
.layout-placeholder-component .first-level-content-placeholder .first-level-content-board-image {
  display: none;
  width: 100%;
  height: auto;
}
.layout-placeholder-component .first-level-content-placeholder .first-level-content-board-image.loaded {
  display: block;
}
.layout-placeholder-component.is-holistic .first-level-control-placeholder {
  position: relative;
}
.layout-placeholder-component.is-holistic .first-level-control-placeholder .collapse-icon {
  position: absolute;
  top: 32px;
  left: 30px;
  border-radius: 50%;
  border: 1px solid #9699a6;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding-bottom: 1px;
  padding-left: 1px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder {
  width: 93%;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content {
  padding: 32px;
  height: 100%;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 64px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: -32px;
  height: 1px;
  width: calc(100% + 64px);
  background: var(--color-placholder_gray);
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-title {
  font-size: 28px;
  white-space: nowrap;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-title .fa-star {
  padding-left: 10px;
  font-size: 20px;
  color: #9699a6;
  opacity: 0.4;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 20px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features > div {
  margin: 0 12px;
  font-weight: 300;
  height: 100%;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-viewers {
  position: relative;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-viewers svg {
  height: 24px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-viewers img {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  position: absolute;
  top: -2px;
  left: -24px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-viewers img:nth-of-type(2) {
  left: -40px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-viewers img:nth-of-type(3) {
  left: -56px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-subscribers,
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-activities {
  border: 1px solid var(--color-placholder_gray);
  border-radius: 4px;
  padding: 20px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-subscribers .board-activities-text,
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-header .board-features .board-activities .board-activities-text {
  color: var(--color-basic_blue);
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock {
  width: 100%;
  height: 400px;
  margin-top: 50px;
  border-radius: 8px;
  background-color: #9699a6;
  opacity: 0.2;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group {
  width: 100%;
  margin: 32px 0 96px 26px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row {
  width: 98%;
  display: flex;
  height: 32px;
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 14px;
  position: relative;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row:not(:first-of-type):after {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: #9699a6;
  opacity: 0.4;
  top: 0;
  right: 0;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row:not(:first-of-type):before {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: #9699a6;
  opacity: 0.4;
  top: 0;
  left: 0;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-name {
  flex: 5;
  font-size: 18px;
  font-weight: 400;
  min-width: 110px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-name .fa-caret-down {
  position: absolute;
  top: 9px;
  left: -24px;
  color: #ffffff;
  background: #323338;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-name.item {
  font-size: 13px;
  display: flex;
  align-items: center;
  padding-left: 24px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-col {
  flex: 1;
  font-size: 13px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 110px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-col svg {
  height: 28px;
  margin-top: 2px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-col .status-cell {
  height: 100%;
  width: 100%;
  color: var(--color-snow_white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-col .board-mock-owner {
  border-radius: 50%;
  border: 1px solid var(--color-placholder_gray);
  height: 26px;
  width: 26px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-col.is-clickable {
  color: var(--color-basic_blue);
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row .board-mock-group-add-item {
  flex: 1;
  padding-left: 32px;
  font-size: 14px;
  color: #9699a6;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row:last-of-type {
  border: 1px solid #e6e9ef;
  width: calc(98% - 2px);
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row:last-of-type:after {
  right: -1px;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row.second-row {
  margin: 2px 0;
  overflow-x: hidden;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row.second-row .board-mock-group-col,
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group .board-mock-group-row.second-row .board-mock-group-name {
  background: #e6e9ef;
  border-right: 1px solid #ffffff;
  height: 100%;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-orange .board-mock-group-row:not(:first-of-type):before {
  background-color: #fdab3d;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-orange .board-mock-group-row .board-mock-group-name:not(.item) {
  color: #fdab3d;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-orange .board-mock-group-row .board-mock-group-name:not(.item) .fa-caret-down {
  background: #fdab3d;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-cyan .board-mock-group-row:not(:first-of-type):before {
  background-color: #009aff;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-cyan .board-mock-group-row .board-mock-group-name:not(.item) {
  color: #009aff;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-cyan .board-mock-group-row .board-mock-group-name:not(.item) .fa-caret-down {
  background: #009aff;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-purple .board-mock-group-row:not(:first-of-type):before {
  background-color: #a358df;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-purple .board-mock-group-row .board-mock-group-name:not(.item) {
  color: #a358d0;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-purple .board-mock-group-row .board-mock-group-name:not(.item) .fa-caret-down {
  background: #a358d0;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-green .board-mock-group-row:not(:first-of-type):before {
  background-color: #00a359;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-green .board-mock-group-row .board-mock-group-name:not(.item) {
  color: #00a359;
}
.layout-placeholder-component.is-holistic .first-level-content-placeholder .first-level-board-content .board-mock-group.is-green .board-mock-group-row .board-mock-group-name:not(.item) .fa-caret-down {
  background: #00a359;
}

@media (max-width: 1600px) {
  .board-mock-group .board-mock-group-row .board-mock-group-name {
    flex: 2 !important;
  }
}
@media (max-width: 960px) {
  .board-header .board-features .board-viewers,
.board-header .board-features .board-integrations {
    display: none;
  }
}
@media (max-width: 816px) {
  .board-header .board-features .board-automations {
    display: none;
  }
}
.onboarding-overlay-component {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 100000;
}
.invite-users-modal-component {
  display: flex;
  flex-direction: column;
}
.invite-users-modal-component .only-from-domain-warning {
  padding-top: 6px;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.invite-users-modal-component .invite-with-link-component .invite-with-link-title {
  font-weight: 400;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.invite-users-modal-component .invite-with-link-component .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-input {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #323338;
  color: var(--primary-text-color);
}
.invite-users-modal-component .ds-tooltip.ds-tooltip-dark {
  border-radius: 8px;
}
.invite-users-modal-component .plan-full-text-container {
  display: flex;
  flex-direction: column;
  width: 250px;
  padding: 4px 12px;
  margin-bottom: 4px;
}
.invite-users-modal-component .plan-full-text-container .plan-full-text-title {
  font-weight: bold;
}
.invite-users-modal-component .plan-full-text-container .plan-upgrade-text {
  text-decoration: underline;
  cursor: pointer;
}
.invite-users-modal-component .invite-users-modal-content {
  display: flex;
  flex-direction: column;
  min-height: 380px;
  padding: 40px 40px 16px;
}
.invite-users-modal-component .invite-users-modal-content.content-without-modal {
  min-height: 40px;
  padding: 0;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header {
  display: flex;
  margin-bottom: 28px;
  align-items: flex-start;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header .user-image-wrapper {
  height: 48px;
  display: flex;
  align-items: center;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header .user-image-wrapper .user-image {
  height: 36px;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header .invite-users-title-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header .invite-users-title-wrapper .invite-users-title {
  font-size: 32px;
  font-weight: 300;
  color: #323338;
  color: var(--primary-text-color);
}
.invite-users-modal-component .invite-users-modal-content .invite-users-header .invite-users-title-wrapper .invite-users-subtitle-wrapper {
  margin-top: 8px;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-modal-subtitle {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.invite-users-modal-component .invite-users-modal-content .invite-users-modal-subtitle .icon-v2-email-column {
  margin-right: 8px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper {
  flex-grow: 1;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .users-limit-indication-wrapper {
  margin-bottom: 16px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-with-link-component-wrapper {
  margin-bottom: 12px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-with-link-component-wrapper .invite-with-link-component {
  margin-bottom: 0;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .emails-kind-wrapper {
  width: 100%;
  display: flex;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .emails-kind-wrapper .emails-input-wrapper {
  flex-grow: 1;
  margin-right: 6px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .emails-kind-wrapper .user-kind-select-wrapper {
  min-width: 140px;
  background-color: white;
  border-radius: 2px;
  margin-left: 10px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper {
  margin-top: 16px;
  margin-bottom: 8px;
  transition: max-height 0.2s ease;
  max-height: 100px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper.advanced-closed {
  max-height: 0;
  overflow: hidden;
  margin: 0;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper .invite-to-team-component {
  transition: opacity 0.2s ease;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper .invite-to-team-title {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper.disabled .invite-to-team-title {
  color: #c4c4c4;
}
.invite-users-modal-component .invite-users-modal-content .content-input-wrapper .invite-to-team-wrapper.disabled .invite-to-team-component {
  pointer-events: none;
}
.invite-users-modal-component .invite-users-modal-content .user-kind-radio-wrapper {
  display: flex;
  margin-top: 16px;
}
.invite-users-modal-component .invite-users-modal-content .user-kind-radio-wrapper .user-kind-radio-option {
  font-size: 14px;
  font-weight: 400;
}
.invite-users-modal-component .invite-users-modal-content .user-kind-radio-wrapper .user-kind-radio-option .radio-button-label {
  font-size: 14px;
}
.invite-users-modal-component .invite-users-modal-content .user-kind-radio-wrapper .user-kind-radio-option:not(:first-child) {
  margin-left: 16px;
}
.invite-users-modal-component .invite-users-modal-content .user-kind-radio-wrapper .free-indication {
  color: #323338;
  color: var(--primary-text-color);
  background-color: #c7e6fa;
  background-color: var(--modal-free-indication-color);
  padding: 1px 6px;
  margin-left: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-warning-wrapper {
  margin-top: 8px;
  margin-bottom: 8px;
}
.invite-users-modal-component .invite-users-modal-content .invite-users-warning-wrapper .invite-users-warning-icon {
  margin-right: 4px;
  color: #0085ff;
  color: var(--primary-color);
}
.invite-users-modal-component .invite-users-modal-content .invite-users-warning-wrapper .invite-users-warning-text {
  font-size: 14px;
  font-weight: 400;
}
.invite-users-modal-component .invite-users-modal-content .bottom-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 16px 0;
}
.invite-users-modal-component .invite-users-modal-content .bottom-wrapper .invite-button {
  font-weight: 400;
}
.invite-users-modal-component .invite-users-modal-content .bottom-wrapper .invite-button:disabled {
  color: #808080;
}
.invite-users-modal-component .invite-users-modal-content .separator {
  border: 1px solid;
  margin-bottom: 18px;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.invite-users-modal-component .invite-users-modal-content .advanced-wrapper {
  margin-top: 18px;
  margin-bottom: 18px;
}
.invite-users-modal-component .invite-users-modal-content .advanced-wrapper .advanced-link {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.invite-users-modal-component .invite-users-modal-content .advanced-wrapper .advanced-link .advanced-text {
  color: #0085ff;
  color: var(--primary-color);
  margin-right: 8px;
  font-size: 14px;
}
.invite-users-modal-component .invite-users-modal-content .advanced-wrapper .advanced-link .arrow-wrapper {
  display: flex;
  align-items: center;
}
.invite-users-modal-component .invite-users-modal-content .advanced-wrapper .advanced-link .arrow-wrapper .advanced-arrow {
  color: #0085ff;
  color: var(--primary-color);
}
.invite-users-modal-component .invite-users-externals-wrapper {
  display: flex;
  align-items: center;
  height: 64px;
  background-color: var(--modal-bottom-color);
  padding: 0 40px;
  border-radius: 0 0 8px 8px;
}

.invite-to-team-disabled-tooltip {
  max-width: 200px;
}

.invite-to-team-title-text {
  color: #323338;
  color: var(--primary-text-color);
}
.users-limit-indication-container {
  background: rgba(0, 202, 114, 0.1);
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 16px 3%;
  color: #323338;
  color: var(--primary-text-color);
}
.users-limit-indication-container .users-limit-indication-content {
  display: flex;
  margin-right: 8px;
  flex-shrink: 1;
}
.users-limit-indication-container .users-limit-indication-content .users-limit-indication-icon {
  color: #00ca72;
  align-self: baseline;
  margin-right: 12px;
  font-size: 18px;
}
.users-limit-indication-container .users-limit-indication-content .users-limit-indication-text {
  display: flex;
  flex-direction: column;
}
.users-limit-indication-container .users-limit-indication-content .users-limit-indication-text .users-limit-indication-title {
  font-weight: 500;
  margin-bottom: 4px;
}
.users-limit-indication-container .users-limit-indication-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.users-limit-indication-container .users-limit-indication-buttons .upgrade-button {
  max-width: 160px;
  white-space: pre-wrap;
  height: auto;
}
.users-limit-indication-container .users-limit-indication-buttons .try-pro-button {
  color: #00ca72;
  height: auto;
  margin-top: 12px;
  max-width: 160px;
  white-space: pre-wrap;
}
.users-limit-indication-container .users-limit-indication-buttons .try-pro-button:hover {
  color: #037f4c;
}
.invite-with-credits-indicator-with-timer-component {
  background: #00ca72;
  color: #ffffff;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  display: inline-flex;
}
.invite-with-credits-indicator-with-timer-component .invite-with-credits-indicator-text {
  font-weight: 500;
  margin-right: 8px;
}
.invite-with-credits-indicator-with-timer-component .invite-with-credits-indicator-info-icon {
  margin-left: 6px;
}

.invite-users-credits-info-tooltip {
  max-width: 274px;
}
.select-user-type-step {
  display: flex;
  flex-direction: column;
  padding: 64px 72px;
}
.select-user-type-step .step-title {
  font-size: 32px;
  line-height: 37px;
}
.select-user-type-step .user-type-options-wrapper {
  padding-top: 28px;
}
.select-user-type-step .user-type-options-wrapper .option-separator {
  height: 0px;
  border: 0.5px solid #e6e9ef;
  margin: 24px 0;
}
.invite-user-option-component {
  display: flex;
  font-size: 16px;
  cursor: pointer;
}
.invite-user-option-component .option-title-and-description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.invite-user-option-component .option-title-and-description .option-title-wrapper {
  display: flex;
  line-height: 24px;
  margin-bottom: 4px;
}
.invite-user-option-component .option-title-and-description .option-title-wrapper .option-image {
  height: 22px;
}
.invite-user-option-component .option-title-and-description .option-title-wrapper .option-title {
  padding-left: 8px;
  font-size: 18px;
  font-weight: 400;
}
.invite-user-option-component .option-title-and-description .option-description {
  line-height: 26px;
  max-width: 370px;
}
.invite-user-option-component .option-select_arrow_wrapper {
  display: flex;
  padding-top: 24px;
  padding-right: 8px;
}
.invite-user-option-component .option-select_arrow_wrapper .select-arrow {
  width: 10px;
  height: 6px;
}
/*$link-color:#168ae0;*/
.invite-guests-step-component {
  display: flex;
  flex-direction: column;
  padding: 40px 60px;
}
.invite-guests-step-component .invite-guests-title-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.invite-guests-step-component .invite-guests-title-wrapper .guest-image {
  height: 36px;
}
.invite-guests-step-component .invite-guests-title-wrapper .invite-guests-title {
  margin-left: 12px;
  font-weight: 300;
  font-size: 32px;
}
.invite-guests-step-component .invite-with-email-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.invite-guests-step-component .invite-with-email-wrapper .invite-with-email-title {
  display: flex;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
}
.invite-guests-step-component .invite-with-email-wrapper .invite-with-email-title .icon-v2-email-column {
  margin-right: 8px;
}
.invite-guests-step-component .invite-to-board-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 42px;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-title {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .Select-menu-outer .Select-menu {
  max-height: 100px;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .board-option {
  display: flex;
  align-items: center;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .board-option .board-option-name {
  padding-left: 8px;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .board-option .board-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .board-option .board-icon-wrapper .board-icon.icon-dapulse-share {
  color: #a25ddc;
}
.invite-guests-step-component .invite-to-board-wrapper .invite-to-board-options-wrapper .board-option .board-icon-wrapper .board-icon.icon-dapulse-private {
  color: #f65f7c;
}
.invite-guests-step-component .bottom-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.invite-guests-step-component .bottom-wrapper .warning-message-wrapper .warning-message {
  display: flex;
}
.invite-guests-step-component .bottom-wrapper .warning-message-wrapper .warning-message .warning-img {
  margin-top: 4px;
  height: 16px;
}
.invite-guests-step-component .bottom-wrapper .warning-message-wrapper .warning-message .warning-text {
  margin-left: 20px;
  max-width: 250px;
  font-size: 12px;
  line-height: 18px;
}
.mobile-not-supported-alert-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 13%;
}
.mobile-not-supported-alert-component .alert-image {
  width: 220px;
}
.mobile-not-supported-alert-component .alert-title {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: #333333;
  margin: 32px 0;
  padding: 0px 10%;
}
.object-component {
  height: 100%;
}
.object-component .object-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.object-component .object-inner .object-header-wrapper {
  flex: 0;
}
.object-component .object-inner .object-content-wrapper {
  flex: 1;
}
.object-header-component {
  padding: 16px 32px 6px 32px;
}
.object-header-component .board-header-content-wrapper {
  padding: 0px !important;
}
.object-header-component .object-feedback-button {
  margin-right: 16px;
}
.object-component .object-menu {
  position: relative;
}
.object-component .object-menu .object-menu-button {
  border: 1px solid transparent;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 32px;
  position: relative;
  transition: color 50ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text-color);
  cursor: pointer;
  text-decoration: none;
}
.object-component .object-menu .object-menu-button.fullscreen-views {
  line-height: 26px;
}
.object-component .object-menu .object-menu-button.fullscreen-views .icon.ellipsis {
  font-size: 18px;
}
.object-component .object-menu .object-menu-button:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  color: #323338;
  color: var(--primary-text-color);
}
.object-component .object-menu .object-menu-button .icon {
  font-size: 13px;
}
.object-component .object-menu .object-menu-button .icon.ellipsis {
  font-size: 24px;
}
.object-component .object-menu .object-menu-button .icon.ellipsis:before {
  transform: translateY(9px);
}
.object-component .object-menu .object-menu-button .three-dots-menu-img {
  height: 7px;
}
.object-component .object-menu .ds-menu-button-old .object-menu-button:hover {
  background: #ffffff;
  border-color: #c4c4c4;
}
.object-component .object-menu.open .object-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: transparent;
  border-radius: 4px;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.object-component .object-menu.open .object-menu-button.board-menu-button-not-square {
  border-radius: 50%;
}
.object-component .object-menu.open .ds-menu-button-old .object-menu-button {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}

.dialog-node .object-menu-dialog .board-menu-patch {
  position: absolute;
  right: 0px;
  top: -1px;
  background: #ffffff;
  width: 33px;
  height: 1px;
}
.dialog-node .object-menu-dialog.board-menu-v2 .ds-seconday-menu {
  width: 250px;
}
.object-content-component {
  height: 100%;
}
.plans-loading-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
  min-height: 300px;
  flex-shrink: 1;
}

.plans-loading-container .plan-item-loading {
  width: 24%;
}
.plans-loading-container .plan-item-header {
  height: 65px;
  margin-top: 20px;
  border-radius: 2px 2px 0px 0px;
}
.plans-loading-container .plan-item-header.red {
  background-color: #ff3e59;
}
.plans-loading-container .plan-item-header.yellow {
  background-color: #fcb800;
}
.plans-loading-container .plan-item-header.green {
  background-color: #37ca6c;
}
.plans-loading-container .plan-item-header.purpol {
  background-color: #9e58e3;
}
.plans-loading-container .plan-item-body {
  height: 400px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  border-radius: 0px 0px 2px 2px;
}
.money-back-component {
  display: inline-block;
  color: #0085ff;
  color: var(--primary-color);
}
.money-back-component .first-line {
  display: flex;
  justify-content: space-between;
}
.money-back-component .first-line .money-back-days {
  margin: 0 8px;
}
.money-back-component .second-line {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
/*$link-color:#168ae0;*/
#payments_dialog_container .payments-pricing-footer .button-container #submit-button {
  margin-top: 0;
}

.payments-pricing-footer .button-container {
  flex: 1;
  display: flex;
  align-items: center;
}
.payments-pricing-footer .button-container .ssl-encrypted,
.payments-pricing-footer .button-container .icon-dapulse-pricing-lock {
  font-size: 13px;
  margin-right: 10px;
  color: #37ca6c;
}
.payments-pricing-footer .button-container .icon-dapulse-pricing-lock {
  line-height: 16px;
}
.payments-pricing-footer .button-container .back-button-container-success {
  font-size: 16px;
  margin-right: 24px;
  color: #37ca6c;
  cursor: pointer;
}
.payments-pricing-footer .button-container .back-button-container-success:hover {
  color: #2ba356;
}
.payments-pricing-footer .button-container .back-button-container-primary {
  font-size: 16px;
  margin-right: 24px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.payments-pricing-footer .button-container .back-button-container-primary:hover {
  color: #006acc;
}
.payments-pricing-footer .button-container .button-loading {
  height: 48px;
  border-radius: 2px;
  margin-bottom: 0;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.payments-pricing-footer .button-container .ssl-encrypted-loading {
  width: 100px;
  height: 10px;
  margin-right: 10px;
  border-radius: 5px;
  background: linear-gradient(135deg, #00ca72 0%, #00e381 50%, #00ca72 100%) 0px 50%;
  -webkit-animation: pricing-moving-background 15s infinite linear;
          animation: pricing-moving-background 15s infinite linear;
}
.payments-pricing-footer .button-wrapper {
  display: flex;
  align-items: flex-start;
  text-align: right;
}
.payments-pricing-footer .button-wrapper .automatically-charge-msg {
  color: #c4c4c4;
  letter-spacing: 0.1px;
  font-size: 10px;
}
.payments-pricing-footer {
  display: flex;
  height: 100px;
  width: 100%;
  max-width: 1168px;
  align-self: center;
  padding: 0 20px;
  border-top: 1px solid;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  z-index: 1;
  box-shadow: 0 -20px 30px 2px var(--primary-background-color);
}
.payments-pricing-footer .payments-pricing-footer-buttons-container {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
}
.payments-pricing-footer .payments-pricing-footer-buttons-container .payments-pricing-footer-decision-helper-button {
  margin-right: 16px;
}

.security-icons-container {
  flex: 2;
  display: flex;
  align-items: center;
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 8px;
}
.security-icons-container .money-back-component-wrapper {
  margin-right: 24px;
}
.security-icons-container .security-icon {
  margin-right: 24px;
  font-size: 60px;
}
.security-icons-container .icon-dapulse-pricing-visa,
.security-icons-container .icon-dapulse-pricing-norton {
  padding-top: 35px;
}
.security-icons-container .icon-dapulse-pricing-mastercard,
.security-icons-container .icon-dapulse-pricing-mcafee {
  padding-top: 40px;
}
.security-icons-container .icon-dapulse-pricing-refund {
  font-size: 38px;
  color: #0071d9;
}
.security-icons-container .icon-dapulse-pricing-refund-new {
  font-size: 60px;
  color: rgba(0, 161, 230, 0.75);
}
.security-icons-container .icon-dapulse-pricing-ssl {
  font-size: 22px;
}

@media (max-width: 810px) {
  .payments-pricing-footer .icon-dapulse-pricing-visa,
.icon-dapulse-pricing-norton {
    display: none;
  }

  .icon-dapulse-pricing-mastercard,
.icon-dapulse-pricing-mcafee {
    display: none;
  }

  .icon-dapulse-pricing-ssl {
    display: none;
  }
}
.pricing-loading-container {
  position: relative;
  padding: 20px 20px 0 20px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.pricing-loading-content {
  min-height: 0;
  padding: 0 20px;
}

.pricing-loading-close-button {
  position: absolute;
  top: 12px;
  right: 16px;
}

.pricing-loading-container .header-message-loading {
  height: 24px;
  width: 50%;
  margin-bottom: 40px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f1f1f1 0%, #e3e3e3 50%, #f1f1f1 100%) 0px 50%;
  -webkit-animation: pricing-moving-background 5s infinite linear;
          animation: pricing-moving-background 5s infinite linear;
  flex-shrink: 0;
}

.pricing-loading-container .periods-loading {
  height: 15px;
  width: 35%;
  margin-bottom: 28px;
  border-radius: 5px;
  background: linear-gradient(135deg, #f1f1f1 0%, #e3e3e3 50%, #f1f1f1 100%) 0px 50%;
  -webkit-animation: pricing-moving-background 5s infinite linear;
          animation: pricing-moving-background 5s infinite linear;
  flex-shrink: 0;
}

.pricing-loading-container .users-options-loading {
  height: 46px;
  width: 100%;
  margin-bottom: 24px;
  border-radius: 2px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  flex-shrink: 0;
}

@-webkit-keyframes pricing-moving-background {
  0% {
    background-position-x: 1000px;
  }
  50% {
    background-position-x: 2000px;
  }
  100% {
    background-position-x: 3000px;
  }
}

@keyframes pricing-moving-background {
  0% {
    background-position-x: 1000px;
  }
  50% {
    background-position-x: 2000px;
  }
  100% {
    background-position-x: 3000px;
  }
}
.pricing-page-contact-sales-component {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  overflow: scroll;
  height: 100%;
}
.pricing-page-contact-sales-component .contact-sales-modal-wrapper {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  overflow: auto;
  margin: 40px 0;
}
.contact-sales-modal-component {
  height: 750px;
  width: 600px;
  display: flex;
  flex-direction: column;
  color: #323338;
  color: var(--primary-text-color);
}
.contact-sales-modal-component .contact-sales-header {
  flex-shrink: 0;
  position: relative;
  padding: 40px 60px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 100;
}
.contact-sales-modal-component .contact-sales-header .close-icon {
  position: absolute;
  top: 14px;
  right: 16px;
  cursor: pointer;
  color: #808080;
  transition: color 200ms ease;
}
.contact-sales-modal-component .contact-sales-header .close-icon:hover {
  color: #333333;
}
.contact-sales-modal-component .contact-sales-header .first-title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}
.contact-sales-modal-component .contact-sales-header .second-title {
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
.contact-sales-modal-component .contact-sales-form-wrapper {
  padding-bottom: 24px;
}
.contact-sales-hubspot-form-component {
  margin: 0px 48px;
}
.contact-sales-hubspot-form-component .form-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-sales-hubspot-form-component #reactHubspotForm2 {
  display: flex;
  justify-content: center;
}
.contact-sales-hubspot-form-component.square .hbspt-form .hs_submit input {
  font-size: 16px;
  border-radius: 4px;
  padding: 16px 24px;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset {
  max-width: 100%;
  text-align: left;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-1 .hs-form-field, .contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-2 .hs-form-field {
  text-align: left;
  margin-bottom: 24px;
  font-size: 13px;
  position: relative;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-1 .hs-input, .contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-2 .hs-input {
  width: 100%;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-1 .hs-form-field {
  width: 100%;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset.form-columns-2 .hs-form-field {
  width: 50%;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset .input input,
.contact-sales-hubspot-form-component .hbspt-form fieldset .input select,
.contact-sales-hubspot-form-component .hbspt-form fieldset .input textarea {
  height: 40px;
  border-radius: 4px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  text-indent: 10px;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 100%;
  outline: none;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset .input select {
  text-indent: 10px;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset .input textarea {
  height: 80px;
  width: 100% !important;
  resize: none;
}
.contact-sales-hubspot-form-component .hbspt-form fieldset .hs-form-field label {
  margin-bottom: 5px;
  display: inline-block;
  text-indent: 5px;
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.contact-sales-hubspot-form-component .hbspt-form fieldset .invalid.error {
  border-color: #e44258;
}
.contact-sales-hubspot-form-component .hbspt-form .hs-form-required {
  margin-left: 8px;
  color: #e44258;
}
.contact-sales-hubspot-form-component .hbspt-form .no-list.hs-error-msgs.inputs-list {
  list-style-type: none !important;
  position: absolute;
  margin-left: 5px;
  width: 100%;
}
.contact-sales-hubspot-form-component .hbspt-form .no-list.hs-error-msgs.inputs-list li:not(:first-child) {
  display: none;
}
.contact-sales-hubspot-form-component .hbspt-form .no-list.hs-error-msgs.inputs-list label {
  font-size: 12px;
  text-indent: 0px;
}
.contact-sales-hubspot-form-component .hbspt-form .hs_submit {
  float: right;
}
.contact-sales-hubspot-form-component .hbspt-form .hs_submit input {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 17px;
  outline: none;
  text-align: center;
  cursor: pointer;
  border-radius: 40px;
  border: none;
  font-size: 16px;
  transition: 0.1s ease background-color;
  padding: 14px 32px;
  font-weight: 300;
  font-size: 13px;
  background: #009aff;
  color: #ffffff;
}
.contact-sales-hubspot-form-component .hbspt-form .hs_how_can_our_consulting_team_help_you {
  margin-bottom: 5px;
  display: inline-block;
  font-size: 13px;
  width: 100%;
}
.contact-sales-hubspot-form-component .hbspt-form .hs_error_rollup {
  display: none;
}
.payments-dialog-header-component {
  height: 32px;
  position: relative;
  z-index: 100;
  width: 100%;
}
.payments-dialog-header-component .close-button {
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: 16px;
  cursor: pointer;
}
.payments-dialog-header-component .back-button-container {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  color: #333333;
}
.payments-dialog-header-component .back-button-container:hover {
  color: #666666;
}
.payments-dialog-header-component .back-button-container i.icon-dapulse-leftstroke2 {
  margin-right: 4px;
  font-size: 24px;
  font-weight: 300;
}
.block-screen {
  position: absolute;
  background: white;
  top: 0px;
  bottom: 120px;
  left: 0px;
  right: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-screen .block-screen-inner {
  text-align: center;
  width: 400px;
  font-size: 16px;
}
.block-screen .block-screen-inner .title {
  font-size: 35px;
  margin-bottom: 20px;
}
.block-screen .block-screen-inner .sub-title {
  font-size: 20px;
}
.block-screen .block-screen-inner .button-wrapper {
  margin-top: 40px;
}
.block-screen .block-screen-inner .button-wrapper .sub-button {
  font-size: 13px;
  color: #a1a1a1;
  margin-top: 5px;
}
.block-screen .footer {
  background: #f1f1f1;
  position: absolute;
  bottom: -120px;
  left: 0px;
  right: 0px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.block-screen .footer .image-wrapper {
  flex: 0 0 100px;
}
.block-screen .footer .image-wrapper img {
  margin-top: 20px;
  width: 80px;
}
.block-screen .footer .tweet {
  flex: 0 0 400px;
}
.block-screen .footer .tweet .tweet-text {
  color: #666;
}
.block-screen .footer .tweet .tweet-username {
  color: #a1a1a1;
}
.yearly-to-monthly-inner {
  text-align: center;
  padding-top: 48px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.yearly-to-monthly-inner .yearly-to-monthly-tip-x-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
.yearly-to-monthly-inner .yearly-to-monthly-headline {
  font-size: 38px;
  font-weight: 500;
  padding: 0 80px;
  line-height: 42px;
  margin-bottom: 32px;
}
.yearly-to-monthly-inner .yearly-to-monthly-secondary-headline {
  font-size: 18px;
  line-height: 28px;
  margin: 0 48px 48px;
}
.yearly-to-monthly-inner .yearly-to-monthly-main-button {
  font-size: 16px;
}
.yearly-to-monthly-inner .yearly-to-monthly-square-secondary-button {
  margin-top: 16px;
}
.yearly-to-monthly-inner .yearly-to-monthly-secondary-button {
  margin-top: 8px;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 16px;
}
.yearly-to-monthly-inner .yearly-to-monthly-secondary-button:hover {
  color: #0071d9;
}
.yearly-to-monthly-inner .yearly-to-monthly-sub-bar {
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  width: 100%;
  padding: 16px 0;
  margin-top: 20px;
}
.share-pricing-modal-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  position: relative;
  overflow: visible;
  border-radius: 16px;
  padding: 48px 48px 48px;
  font-size: 16px;
}
.share-pricing-modal-component .close-share-pricing-modal {
  position: absolute;
  top: 12px;
  right: 12px;
}
.share-pricing-modal-component .share-pricing-modal-title {
  margin-bottom: 32px;
  padding: 0 8px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 37.5px;
}
.share-pricing-modal-component .share-pricing-copy-link {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  margin-bottom: 32px;
}
.share-pricing-modal-component .share-pricing-copy-link .share-pricing-copy-link-title {
  display: flex;
  margin-bottom: 8px;
  font-weight: 400;
}
.share-pricing-modal-component .share-pricing-copy-link .share-pricing-copy-link-title .share-pricing-copy-link-title-icon {
  margin: 2px 6px 0 0;
}
.share-pricing-modal-component .share-pricing-copy-link .share-pricing-copy-link-content {
  display: flex;
}
.share-pricing-modal-component .share-pricing-copy-link .share-pricing-copy-link-content .share-pricing-copy-link-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #676879;
  color: var(--placeholder-color);
  display: flex;
  flex: 1;
  border-radius: 8px;
  height: 48px;
  margin-right: 16px;
  padding: 12px;
  z-index: 4;
  align-items: center;
  outline: none;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.share-pricing-modal-component .share-pricing-copy-link .share-pricing-copy-link-content .share-pricing-copy-link-input:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.share-pricing-modal-component .share-pricing-share-via-email {
  display: flex;
  flex-direction: column;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-title {
  display: flex;
  margin-bottom: 8px;
  font-weight: 400;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-title .share-pricing-share-via-email-title-icon {
  margin-right: 8px;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .emails-input-wrapper {
  width: 100%;
  margin-bottom: 8px;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .emails-input-wrapper:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-body-wrapper {
  margin-bottom: 32px;
  width: 100%;
  max-width: 100%;
  height: 185px;
  overflow: hidden;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-body-wrapper .share-pricing-share-via-email-body {
  padding: 12px;
  width: 100%;
  height: 100%;
  font-size: 15px;
  resize: none;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-body-wrapper .share-pricing-share-via-email-body:focus {
  outline: none;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-button-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-button-wrapper .share-pricing-share-via-email-disclaimer {
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
  min-width: 0;
}
.share-pricing-modal-component .share-pricing-share-via-email .share-pricing-share-via-email-content .share-pricing-share-via-email-button-wrapper .share-pricing-share-via-email-button {
  margin-left: auto;
}
.contact-us-image-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  color: #323338;
  color: var(--primary-text-color);
  align-items: baseline;
}
.contact-us-image-component .contact-us-icon {
  font-size: 48px;
  margin-top: 4px;
}
.contact-us-image-component .contact-us-text {
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-weight: bold;
}
.tier-card-price-section-component {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 150px;
}
.tier-card-price-section-component .tier-price-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tier-card-price-section-component .tier-card-free-tier-total-price {
  margin: 18px 0 12px;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
  text-align: left;
  font-weight: bold;
}
.tier-card-price-section-component .tier-card-total-price {
  display: flex;
  flex-direction: column;
  line-height: 22px;
  margin: 16px 0;
}
.tier-card-price-section-component .tier-card-total-price .total-price-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
}
.tier-card-price-section-component .tier-card-total-price .total-price-text .value {
  margin-right: 8px;
  font-size: 16px;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.tier-card-price-section-component .tier-card-total-price .total-price-text .price-information {
  color: #676879;
  color: var(--secondary-text-color);
}
.tier-card-price-section-component .tier-card-total-price .billing-message {
  font-size: 14px;
  color: #323338 !important;
  color: var(--primary-text-color) !important;
  text-align: initial;
}
.tier-card-price-section-component .tier-card-price-per-month {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tier-card-price-section-component .tier-card-price-per-month.with-discounted-price {
  margin-top: 8px;
}
.tier-card-price-section-component .tier-card-price-per-month.with-discounted-price .plan-price {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  bottom: 16px;
  align-items: flex-start;
}
.tier-card-price-section-component .tier-card-price-per-month.with-discounted-price .plan-price .discounted-price {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
  display: inline;
  height: 16px;
}
.tier-card-price-section-component .tier-card-price-per-month.with-discounted-price .plan-price .discounted-price .bold-strikethrough {
  position: relative;
}
.tier-card-price-section-component .tier-card-price-per-month.with-discounted-price .plan-price .discounted-price .bold-strikethrough::after {
  border-bottom: 0.15em solid;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: calc(0.125em / 2 * -1);
}
.tier-card-price-section-component .tier-card-price-per-month .plan-price {
  height: 50px;
  font-size: 45px;
  margin-right: 8px;
  font-weight: 500;
}
.tier-card-price-section-component .tier-card-price-per-month .per-user-per-month {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  white-space: nowrap;
  text-align: left;
}
.tier-card-price-section-component .tier-card-price-per-month .per-user-per-month > span {
  font-weight: 400;
}
.tier-card-features-section-component .tier-includes-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 1110px) {
  .tier-card-features-section-component .tier-includes-title {
    font-size: 16px;
  }
}
.tier-card-features-section-component .tier-includes-list {
  display: flex;
  flex-direction: column;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature {
  align-items: center;
  margin-bottom: 14px;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature.recommended {
  font-weight: 400;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature .check-circle {
  font-size: 16px;
  position: relative;
  top: 4px;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature .tier-feature-name {
  font-size: 15px;
  line-height: 22px;
  flex: 1;
  cursor: help;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature .tier-feature-description {
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.tier-card-features-section-component .tier-includes-list .tier-card-tier-feature .tier-card-tier-feature-checkmark {
  color: var(--color-success);
  cursor: help;
  float: right;
}

.tier-card-tier-feature-tooltip {
  width: 348px;
}

.tier-car-tier-feature-checkmark-explanation-tooltip {
  max-width: 224px;
  text-align: center;
}
/* mixin for multiline */
.recommended-tier-explanation {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.166242);
  display: flex;
  flex-direction: column;
  padding: 40px 28px 24px 40px;
  position: relative;
  border-radius: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: 240px;
}
.recommended-tier-explanation__title {
  font-size: 18px;
  margin-bottom: 16px;
  margin-right: 36px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 26px;
}
.recommended-tier-explanation__answers {
  margin-bottom: 16px;
}
.recommended-tier-explanation__answer {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.recommended-tier-explanation__answer_check {
  color: #00ca72;
  color: var(--positive-color);
  margin-right: 8px;
}
.recommended-tier-explanation__got_it_button {
  margin-top: auto;
  margin-left: auto;
}
.recommended-tier-explanation__close_button {
  position: absolute;
  top: 8px;
  right: 8px;
}
.recommended-tier-explanation:before {
  content: " ";
  transform: rotate(45deg) translateY(-50%);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 0;
}
.recommended-tier-explanation.reposition-left:before {
  right: unset;
  left: -12px;
}
.plan-top-component {
  display: flex;
  justify-content: center;
  height: 20px;
  margin-bottom: 10px;
}
.plan-top-component.in-tiers-with-value-list {
  margin: 16px 0 8px;
}
.plan-top-component .pricing-page-radio-button {
  font-size: 20px;
}
.plan-top-component .pricing-page-radio-button.disabled {
  opacity: 0.5;
}

.current-plan-message {
  font-weight: 400;
}

.free-plan-tooltip-wrapper {
  max-width: 280px;
  margin-left: -5px;
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container .free-plan-tooltip-header {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container .free-plan-tooltip-description {
  letter-spacing: 0.25px;
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container .free-plan-tooltip-buttons {
  display: flex;
  justify-content: flex-end;
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container .free-plan-tooltip-buttons .got-it-button {
  background-color: #ffffff;
  background-color: var(--text-color-on-primary);
  color: #0085ff;
  color: var(--primary-color);
}
.free-plan-tooltip-wrapper .free-plan-tooltip-container .white-link {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.tier-card-container {
  width: 25%;
  margin: 8px 8px;
  position: relative;
}
.tier-card-container.first-in-line {
  margin-left: 0;
}
.tier-card-container.last-in-line {
  margin-right: 0;
}
.tier-card-container .recommended-tier-dialog-container {
  position: absolute;
  top: 0;
  left: -24px;
  bottom: 0;
  width: 0;
}
.tier-card-container .recommended-tier-dialog-container.reposition-left {
  left: unset;
  right: -24px;
}
.tier-card-container .recommended-tier-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--color-black);
  z-index: 2;
  opacity: 0.5;
  -webkit-animation: fadeIn 0.2s ease-in;
          animation: fadeIn 0.2s ease-in;
}
.tier-card-container .tier-value-card-component {
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 4px;
  min-height: 680px;
  height: 95%;
  overflow: hidden;
  position: relative;
}
.tier-card-container .tier-value-card-component.recommended {
  z-index: 2;
}
.tier-card-container .tier-value-card-component.first-in-line {
  margin-left: 0;
}
.tier-card-container .tier-value-card-component.last-in-line {
  margin-right: 0;
}
.tier-card-container .tier-value-card-component.is-selectable {
  cursor: pointer;
}
.tier-card-container .tier-value-card-component.chosen {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.166242);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.tier-card-container .tier-value-card-component .tier-color-bar {
  width: 100%;
  height: 10px;
}
.tier-card-container .tier-value-card-component .tier-value-card-content {
  padding: 0 10%;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name {
  margin: 24px 0 12px;
  position: relative;
  display: flex;
  height: 24px;
  align-items: center;
  margin-right: -10%;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-text {
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.361538px;
  display: inline;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  margin-left: 8px;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .extra-text {
  margin-left: 8px;
  color: var(--color-mud_black);
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 700;
  display: inline-block;
  box-sizing: content-box;
  position: relative;
  font-size: 15px;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .extra-text .arrow {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid;
  border-right-color: #c5c7d0;
  border-right-color: var(--ui-border-color);
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .extra-text.size-sm {
  margin-left: 2px;
  font-size: 13px;
  padding: 4px 5px;
  line-height: 20px;
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .extra-text.size-sm .arrow {
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-right-width: 7px;
  left: -7px;
}
@media screen and (max-width: 1200px) {
  .tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .extra-text {
    font-size: 13px;
  }
}
.tier-card-container .tier-value-card-component .tier-value-card-content .tier-card-tier-name .tier-name-extra .top-extra-text {
  color: #323338;
  color: var(--primary-text-color);
}
.tier-card-container .tier-value-card-component .learn-more-button-container {
  margin-bottom: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-on-secondary-color);
}
.tier-card-container .tier-value-card-component .learn-more-button-container.no-video-available {
  visibility: hidden;
  pointer-events: none;
}
.tier-card-container .tier-value-card-component .learn-more-button-container:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.tier-card-container .tier-value-card-component .learn-more-button-container .video-icon {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 18px;
}
.tier-card-container .tier-value-card-component .learn-more-button-container .why-plan-text {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
}
.tier-card-container .tier-value-card-component .tier-value-card-separator {
  width: 100%;
  margin-bottom: 10%;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
.tier-value-cards-component {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.feature-display-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature-display-container .feature-text {
  display: flex;
  line-height: 20px;
}
.feature-display-container .feature-text.with-video {
  margin-bottom: 4px;
}
.feature-display-container .feature-video {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  width: 422px;
  height: 284px;
}
.feature-display-container .feature-video.with-text {
  margin-bottom: 16px;
}
.plan-feature-component {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  cursor: pointer;
  padding: 0 16px;
}
.plan-feature-component.first {
  border-left-width: 2px;
}
.plan-feature-component.last-feature {
  border-bottom: 2px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.plan-feature-component.in-tiers-with-value-list {
  cursor: default;
  border: none;
}
.plan-feature-component.in-tiers-with-value-list.selected {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.plan-feature-component.in-tiers-with-value-list:last-child {
  border-right: none;
}
.plan-feature-component.disabled {
  cursor: default;
}
.plan-feature-component:last-child {
  border-right: 2px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.plan-feature-component .plan-feature-name {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.plan-feature-component .plan-feature-info {
  position: absolute;
  left: calc(50% + 16px);
  z-index: 1;
}
.plan-feature-component .icon-dapulse-pricing-check {
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
  /* Default color. */
}
.feature-component {
  display: flex;
}
.feature-component.in-tiers-with-value-list {
  width: 100%;
}
.feature-component.in-tiers-with-value-list .feature-name {
  border: none;
}
.feature-component.in-tiers-with-value-list .feature-name:first-child {
  border: none;
}
.feature-component.in-tiers-with-value-list .feature-name .feature-name-text {
  margin-left: 0;
}
.feature-component:first-child .feature-name,
.feature-component:first-child .plan-feature-component {
  padding-top: 14px;
}
.feature-component:last-child .feature-name,
.feature-component:last-child .plan-feature-component {
  padding-bottom: 14px;
}
.feature-component .feature-name {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-left: 2px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.feature-component .feature-name.is-last-feature {
  border-bottom: 2px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
}
.feature-component .feature-name .feature-name-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin: -4px 16px 0 16px;
  padding: 10px 0;
  flex-grow: 1;
}
.feature-component .feature-name .info-icon-wrapper {
  margin-right: 16px;
  font-size: 16px;
  color: #c4c4c4;
  cursor: pointer;
}

.feature-component-info-tooltip-content {
  max-width: 200px;
}
.feature-component-info-tooltip-content.with-video {
  max-width: 500px;
  text-align: center;
}
.tiers-features-section-component .header {
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
  display: flex;
  align-items: center;
}
.tiers-features-section-component .header .section-name {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.361538px;
  width: 24%;
}
.tiers-features-section-component .header .tier-part {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 19%;
  height: 56px;
}
.tiers-features-section-component .header .tier-part.selected-tier {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
.tiers-features-section-component .header .tier-part.selected-tier.in-first-section {
  border-radius: 4px 4px 0 0;
}
.tiers-features-section-component .header .tier-part .tier-name {
  padding-top: 4px;
  font-weight: 600;
}
.tiers-features-section-component .header .tier-part .tier-button {
  padding: 12px 0;
}
.tiers-features-section-component .features-list {
  display: flex;
  flex-direction: column;
}
.tiers-features-section-component .features-list .feature {
  display: flex;
}
.tiers-features-section-component .features-list .feature .feature-name {
  font-size: 16px;
  line-height: 24px;
}
.tiers-with-value-features-list-component .tiers-with-value-features-list-title {
  width: 100%;
  margin: 72px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
}
.tiers-with-value-features-list-component .features-list-sections {
  margin-bottom: 48px;
}
.tiers-with-value-features-list-component .list-toggle-icon {
  margin-left: 12px;
  position: relative;
  top: 6px;
  transition: transform 200ms ease-in-out;
  transform: rotate(180deg) translateY(12px);
  display: inline-block;
}
.tiers-with-value-features-list-component .list-toggle-icon.list-hidden {
  transform: rotate(0deg);
}
.tiers-with-value-plans-component .discount-container {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.tiers-with-value-plans-component .discount-container .discount-value {
  color: #595ad4;
}
.payments-pricing-periods {
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.payments-pricing-periods .period-item {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
}
.payments-pricing-periods .period-item:not(:last-child) {
  border-right: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.payments-pricing-periods .period-item:hover:not(.selected) {
  color: #0085ff;
  color: var(--primary-color);
}
.payments-pricing-periods .period-item.selected {
  color: #0085ff;
  color: var(--primary-color);
}
.seats-picker-component {
  display: flex;
  margin-bottom: -24px;
}
.seats-picker-component .users-options-select {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.seats-picker-component .users-options-select .choose-team-size-label {
  margin-right: 8px;
}
.seats-picker-component .users-options-select .users-select-input {
  flex: 1;
  width: 150px;
}
.users-and-periods-component {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: -24px;
}
.users-and-periods-component .users-options-select {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.users-and-periods-component .users-options-select .choose-team-size-label {
  margin-right: 8px;
}
.users-and-periods-component .users-options-select .users-select-input {
  flex: 1;
  width: 150px;
}
.payments-pricing-message {
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  margin-bottom: 40px;
}
.payments-pricing-message .text-messages {
  flex-direction: column;
  width: 100%;
}
.payments-pricing-message .text-messages .pricing-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payments-pricing-message .text-messages .pricing-message .header-title-message {
  font-size: 32px;
  font-weight: 500;
  line-height: 37px;
}
.payments-pricing-message .text-messages .pricing-message.free-tier-end-header .change-currency-support {
  align-self: center;
}
.payments-pricing-message .text-messages .pricing-message .bold {
  font-weight: bold;
}
.payments-pricing-message .text-messages .change-currency-support {
  font-size: 14px;
  font-weight: 300;
}
.payments-pricing-message .text-messages .change-currency-support a {
  cursor: pointer;
}
.payments-pricing-message .text-messages .student-message {
  margin-top: 16px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
}
.payments-pricing-message .share-button-container {
  margin-left: auto;
}
.payments-pricing-message .need-help {
  cursor: pointer;
  text-decoration: underline;
}
.faq-list-item-component {
  width: 100%;
  padding: 24px 0;
}
.faq-list-item-component .faq-question-item {
  margin-top: 8px;
  display: flex;
  margin-left: 16px;
  justify-content: space-between;
}
.faq-list-item-component .faq-question-item .faq-question-text {
  font-size: 20px;
  padding-right: 8px;
}
.faq-list-item-component .faq-question-item .down-arrow-wrapper {
  margin-right: 16px;
  transition: transform 0.2s ease;
  font-size: 24px;
}
.faq-list-item-component .faq-question-item .down-arrow-wrapper.open {
  transform: rotate(180deg);
  position: relative;
  bottom: 8px;
}
.faq-list-item-component .faq-answer-item {
  font-size: 14px;
  height: 0;
  opacity: 0;
  line-height: 1.6;
  transition: height 0.2s linear, opacity 0.2s linear, margin 0.2s linear;
  margin: 0 40px;
}
.faq-list-item-component .faq-answer-item.open {
  margin: 40px;
  height: 100%;
  opacity: 1;
}
.faq-section-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: 40px;
}
.faq-section-component .go-to-faq-with-arrow {
  bottom: 160px;
  left: 93%;
  cursor: pointer;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in;
}
@media (max-width: 1300px) {
  .faq-section-component .go-to-faq-with-arrow {
    left: 50%;
    bottom: 88px;
  }
}
.faq-section-component .go-to-faq-with-arrow.visible {
  z-index: 1;
  opacity: 1;
  pointer-events: initial;
}
.faq-section-component .go-to-faq-with-arrow:hover .go-to-faq-button {
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
}
.faq-section-component .go-to-faq-with-arrow:hover .down-arrow-wrapper {
  border-width: 0 2px 2px 0;
}
.faq-section-component .go-to-faq-with-arrow .go-to-faq-button {
  height: 53px;
  width: 55px;
  padding: 0 16px;
  border-radius: 12px;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.2);
  margin-bottom: 4px;
  font-weight: 400;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border: 1px solid;
  border-color: #5559df;
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq-section-component .go-to-faq-with-arrow .go-to-faq-button .text {
  line-height: 42px;
  font-size: 30px;
  font-weight: 600;
  color: #5559df;
}
.faq-section-component .go-to-faq-with-arrow .down-arrow-wrapper {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-style: solid;
  border-color: #5559df;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.faq-section-component .faq-title {
  font-size: 32px;
  text-align: center;
  margin-bottom: 16px;
}
.faq-section-component .faq-list {
  width: 800px;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.faq-section-component .faq-list .faq-list-item {
  list-style: none;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  cursor: pointer;
}
.quick-answer-toggle-button {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.200691);
  border-radius: 8px;
  height: 60px;
  width: 60px;
  background-color: #ffffff;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  visibility: visible;
  transition: visibility 500ms ease;
  pointer-events: all;
}
.quick-answer-toggle-button.dialog-open {
  visibility: hidden;
}
.quick-answer-toggle-button .toggle-button-image {
  position: relative;
  top: 20%;
  left: 20%;
}
.quick-answer-toggle-button .number-indicator {
  background-color: #e44258;
  color: #ffffff;
  border-radius: 50%;
  width: 20px;
  font-weight: 700;
  position: absolute;
  top: -16px;
  right: -12px;
  text-align: center;
}
.chat-title-section-component {
  color: #ffffff;
  background-color: #5559df;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.chat-title-section-component .logo-section {
  display: flex;
}
.chat-title-section-component .logo-section .chat-title-monday-logo {
  background-color: #ffffff;
  border-radius: 50%;
  padding: 4px;
  padding-bottom: 0;
  width: 32px;
  height: 32px;
  display: flex;
  margin: auto 12px;
}
.chat-title-section-component .logo-section .chat-title-monday-logo .monday-logo-image {
  height: 24px;
}
.chat-title-section-component .logo-section .chat-title-text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #ffffff;
  font-size: 14px;
  margin: auto 0;
}
.chat-title-section-component .logo-section .chat-title-text-container .chat-title-subheader {
  opacity: 0.6;
}
.chat-title-section-component .buttons-section .chat-close-button {
  color: #ffffff;
  font-size: 16px;
  height: 16px;
  position: relative;
  right: 8px;
  top: 8px;
}
.chat-title-section-component .buttons-section .chat-close-button:hover, .chat-title-section-component .buttons-section .chat-close-button:active {
  background-color: rgba(229, 230, 233, 0.5);
}
.message-component {
  display: inline-flex;
  margin: 4px 0;
}
.message-component .message-logo-container {
  align-self: flex-end;
  margin-right: 8px;
}
.message-component .message-logo-container .monday-logo-image {
  width: 32px;
  height: 32px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 4px;
  border-radius: 50%;
}
.message-component .message-text-container {
  font-size: 16px;
}
.message-component.monday-message .message-text-container {
  max-width: 250px;
  line-height: 24px;
  background-color: #f5f6f8;
  color: #323338;
  border-radius: 16px;
  padding: 16px;
}
.message-component.monday-message .message-text-container.first-in-row {
  border-bottom-left-radius: 4px;
}
.message-component.user-message {
  align-self: flex-end;
}
.message-component.user-message .message-text-container {
  background-color: #5559df;
  color: #ffffff;
  align-self: flex-end;
  border-radius: 32px;
  padding: 4px 12px;
  max-width: 305px;
  text-align: center;
}
.message-component.user-message .message-text-container.temp:not(.written) {
  cursor: pointer;
  background-color: #ffffff;
  color: #5559df;
  border: 1px solid #5559df;
}
.message-component.user-message .message-text-container.temp:not(.written):hover {
  background-color: #5559df;
  color: #ffffff;
}
.message-component.user-message .message-text-container.first-in-row.written {
  border-bottom-right-radius: 4px;
}
.message-component.user-message .message-text-container.written {
  max-width: 250px;
  text-align: left;
  padding-left: 16px;
}
.message-component.user-message.center-button {
  align-self: center;
}
.quick-response-chat-window-component {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 400px;
  background-color: #ffffff;
  box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.2);
  overflow: auto;
  padding: 16px;
}
.chat-input-section-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #ffffff;
  padding: 16px;
}
.chat-input-section-component .chat-input-label {
  font-size: 16px;
}
.chat-input-section-component .chat-input-container {
  margin-top: 8px;
}
.chat-input-section-component .chat-input-container .chat-input-field {
  height: 32px;
}
.quick-answer-chat-component {
  display: flex;
  flex-direction: column;
  width: 384px;
  transition: opacity 500ms ease;
  opacity: 0;
  border-radius: 5px;
}
.quick-answer-chat-component.dialog-open {
  opacity: 1;
  pointer-events: all;
}
.pricing-quick-answer-component {
  display: flex;
  position: absolute;
  bottom: 110px;
  left: 70%;
  z-index: 100;
  pointer-events: none;
  transition: opacity 500ms ease;
  opacity: 1;
}
@media (max-width: 1300px) {
  .pricing-quick-answer-component {
    left: 30%;
  }
}
.pricing-quick-answer-component.not-shown {
  opacity: 0;
}
.learn-more-video-modal-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.learn-more-video-modal-component .learn-more-video-modal-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
}
.learn-more-video-modal-component .learn-more-header-section {
  margin-top: 16px;
}
.learn-more-video-modal-component .learn-more-header-section .learn-more-title {
  font-weight: 400;
}
.learn-more-video-modal-component .learn-more-video-container {
  width: 100%;
  height: 100%;
  margin: 42px 0;
  display: flex;
  justify-content: center;
}
.pricing-component {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  overflow: hidden;
}
.pricing-component .pricing-tax-not-included-disclaimer {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 13px;
  color: #676879;
  color: var(--secondary-text-color);
}
.pricing-component .pricing-content-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.pricing-component .pricing-content-wrapper .pricing-content {
  padding: 36px 20px 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
}
.pricing-component .pricing-content-wrapper .pricing-content.with-recommended-tier-highlight {
  overflow: hidden;
}
.pricing-component .pricing-content-wrapper .pricing-content.with-payment-step-indicator {
  margin-top: 48px;
}
.pricing-component .pricing-content-wrapper .pricing-content .pricing-content-inner {
  width: 100%;
  max-width: 1168px;
}
.pricing-component .pricing-content-wrapper .pricing-content .minimum-users {
  margin-top: -24px;
  font-size: 14px;
  font-weight: 400;
}
.pricing-component .pricing-content-wrapper .pricing-trust-components-container .invisible {
  visibility: hidden;
}

.contact-us-form-container {
  flex: 1;
}

.contact-us-form-iframe {
  width: 100%;
  height: 100%;
}
.form-error-message {
  color: #e44258;
  border: solid 1px #e44258;
  font-size: 14px;
  text-align: center;
  padding: 12px;
}
.form-error-message.payments-dialog-submit-hide-error-message {
  display: none;
}
.form-payment-hosted-field-component {
  position: relative;
  height: 100%;
}
.form-payment-hosted-field-component .hosted-field {
  height: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  box-shadow: none;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.form-payment-hosted-field-component .hosted-field.hosted-fields-loaded {
  padding-left: 8px;
}
.form-payment-hosted-field-component .hosted-field:hover {
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.form-payment-hosted-field-component .hosted-field-invalid {
  border: 1px solid #e44258;
}
.form-payment-hosted-field-component .hosted-field-focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.form-payment-hosted-field-component .input-description {
  position: absolute;
  color: #808080;
  bottom: 42px;
  font-size: 12px;
}
.form-payment-hosted-field-component .invalid-input-message {
  color: #e44258;
  font-size: 12px;
  position: absolute;
  top: -18px;
}
.form-payment-hosted-field-component.form-field-left {
  float: left;
  width: 256px;
}
.form-payment-hosted-field-component.form-field-right {
  float: right;
  width: 256px;
}
.form-payment-hosted-field-component.form-field-full-width {
  width: 100%;
}
.form-payment-hosted-field-component .tooltip-inside-input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  cursor: pointer;
}
.form-select-with-label {
  position: relative;
  font-weight: 400;
}
.form-select-with-label .form-select-shimmer {
  width: 100%;
  height: 40px;
  border: 1px solid var(--ui-border-color);
  margin-bottom: 0;
}
.form-select-with-label select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  border: 1px solid var(--ui-border-color);
  font-size: 14px;
  border-radius: 2px;
  padding-left: 8px;
}
.form-select-with-label select.invalid-select-input {
  border-color: #e44258;
}
.form-select-with-label select:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
  outline: 0;
}
.form-select-with-label.form-field-left {
  float: left;
  width: 256px;
}
.form-select-with-label.form-field-right {
  float: right;
  width: 256px;
}
.form-select-with-label.expiration-date {
  width: 81px;
  font-size: 14px;
}
.form-select-with-label.hint-option select {
  color: #676879;
  color: var(--placeholder-color);
  font-weight: 300;
}
.form-select-with-label .invalid-input-message {
  color: #e44258;
  font-size: 12px;
  position: absolute;
  bottom: 42px;
}
.form-select-with-label .dropdown-icon {
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 8px;
  height: 16px;
  transform: translateY(-50%);
}
.form-select-with-label:hover .dropdown-icon {
  color: #676879;
  color: var(--secondary-text-color);
}
.form-field-version-two {
  position: relative;
}
.form-field-version-two .input-description {
  position: absolute;
  color: #808080;
  bottom: 42px;
  font-size: 12px;
}
.form-field-version-two .form-input-shimmer {
  width: 100%;
  height: 40px;
  border: 1px solid var(--ui-border-color);
  margin-bottom: 0;
}
.form-field-version-two .form-input {
  width: 100%;
  height: 40px;
  border: 1px solid var(--ui-border-color);
  font-size: 14px;
  border-radius: 2px;
  font-weight: 400;
  padding-left: 8px;
}
.form-field-version-two .form-input:-ms-input-placeholder {
  font-weight: 300;
}
.form-field-version-two .form-input::placeholder {
  font-weight: 300;
}
.form-field-version-two .form-input:focus {
  outline: 0;
}
.form-field-version-two .form-input:focus:not(.invalid-input) {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.form-field-version-two .invalid-input {
  border-color: #e44258;
}
.form-field-version-two .invalid-input-message {
  color: #e44258;
  font-size: 12px;
  position: absolute;
  bottom: 42px;
}
.form-field-version-two.form-field-left {
  float: left;
  width: 256px;
}
.form-field-version-two.form-field-right {
  float: right;
  width: 256px;
}
.form-field-version-two.form-field-full-width {
  width: 100%;
}
.form-field-version-two .tooltip-inside-input {
  position: absolute;
  right: 6px;
  top: 12px;
  cursor: pointer;
}
.trust-payment-component {
  position: relative;
}
.trust-payment-component.lg {
  height: 186px;
  width: 260px;
  font-size: 14px;
}
.trust-payment-component.md {
  height: 122px;
  width: 172px;
  font-size: 10px;
}
.trust-payment-component .fixed-image {
  height: 100%;
}
.trust-payment-component .floating-text {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 400;
}
.trust-payment-component .money-back-guarantee {
  top: 70%;
  color: #ffffff;
}
.trust-payment-component .first-30-days {
  top: 90%;
  color: #00ca72;
}
.payments-step-indicator-component {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 100%;
}
.payments-step-indicator-component .monday-style-step-indicator-component__number-container {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
.payments-form-payment-error-modal {
  /* Modal styling */
  background: #ffffff;
  padding: 32px 40px 32px;
  width: 542px;
  min-height: 0;
  outline: none;
  transition: all 0.3s ease;
  border-radius: 16px;
  overflow-y: hidden;
  /* Vertical centering of content */
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Centering modal on screen */
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  position: relative;
}

.payment-error-content {
  color: #323338;
  color: var(--primary-text-color);
  padding: 8px 4px;
}
.payment-error-content > * {
  padding-bottom: 32px;
}
.payment-error-content .payment-error-info-container {
  display: flex;
}
.payment-error-content .payment-error-title {
  font-weight: 500;
  font-size: 32px;
  padding-bottom: 32px;
  line-height: 40px;
}
.payment-error-content .payment-contact-us-title-container {
  display: flex;
  justify-content: center;
  margin-left: -8px;
}
.payment-error-content .payment-contact-us-title-container .payment-contact-us-title-text {
  margin-left: 16px;
  font-weight: 400;
  font-size: 30px;
}
.payment-error-content .payment-error-explanation-container {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.payment-error-content .payment-error-prefix {
  font-weight: bold;
  padding-right: 3px;
}
.payment-error-content .payment-error-reason-container {
  padding-bottom: 24px;
}
.payment-error-content .payment-error-reason-container .payment-error-reason-text {
  color: #333333;
  font-weight: 300;
}
.payment-error-content .payment-contact-us-message-container,
.payment-error-content .payment-unknown-error-message-container {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.payment-error-content .payment-contact-us-message-container .payment-contact-us-message-text,
.payment-error-content .payment-contact-us-message-container .payment-unknown-error-message-text,
.payment-error-content .payment-unknown-error-message-container .payment-contact-us-message-text,
.payment-error-content .payment-unknown-error-message-container .payment-unknown-error-message-text {
  padding-bottom: 24px;
}
.payment-error-content .payment-unknown-error-message-container {
  padding-top: 8px;
}
.payment-error-content .payment-error-footer {
  margin-bottom: -1%;
  padding-bottom: 0;
  display: flex;
}
.payment-error-content .payment-error-footer > button {
  margin-left: auto;
}
.payment-error-content .payment-error-warning-icon,
.payment-error-content .payment-error-info-icon {
  font-size: 1.5rem;
}
.payment-error-content .payment-error-info-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.payment-error-content .payment-error-warning-icon {
  font-size: 1.5rem;
  color: #e44258;
  padding-right: 24px;
}

.payment-error-close-dialog-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
.payment-type-picker-component {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
  margin-bottom: 16px;
}
.payment-type-picker-component .payment-type-option {
  display: inline-flex;
  margin-bottom: 12px;
  cursor: pointer;
}
.payment-type-picker-component .payment-type-option .paypal-image {
  height: 20px;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.payment-discount-code-container .call-to-action-text {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.payment-discount-code-container .text-near-call-to-action {
  margin-right: 8px;
}
.payment-discount-code-container .successfully-validated-code-total-discount {
  color: #00ca72;
}
.payment-discount-code-container .input-code-field-container {
  position: relative;
}
.payment-discount-code-container .input-code-field-container .input-code-field {
  height: 32px;
  width: 120px;
  border-radius: 2px;
  margin-right: 8px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0 6px;
}
.payment-discount-code-container .input-code-field-container .input-code-field:focus {
  outline: none;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.payment-discount-code-container .input-code-field-container .input-code-field.invalid-code-input {
  border-color: #e44258;
}
.payment-discount-code-container .input-code-field-container .invalid-code {
  color: #e44258;
  font-size: 12px;
}
.payment-order-information-container-call-to-action-above-the-fold {
  position: relative;
  margin-left: 32px;
  margin-top: 72px;
  min-width: 445px;
  font-size: 16px;
  font-weight: 400;
}
.payment-order-information-container-call-to-action-above-the-fold.two-steps {
  margin-left: 0;
  margin-top: 0;
  min-width: 368px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container {
  margin-bottom: 8px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.savings-row {
  font-size: 14px;
  font-weight: 500;
  margin-top: -8px;
  margin-bottom: 16px;
  color: #676879;
  color: var(--icon-color);
  line-height: 21px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.savings-row .right-label {
  text-decoration: line-through;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container .info-icon {
  margin-left: 4px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container .default-discount {
  color: #00ca72;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container .left-label {
  float: left;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container .right-label {
  float: right;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container:after {
  content: " ";
  display: block;
  clear: both;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary {
  font-weight: bold;
  margin-top: 40px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary.two-steps.got-price {
  border-top: 1px solid #e5e5e5;
  padding-top: 16px;
  margin-top: 24px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary.two-steps.got-price .left-label {
  line-height: 38px;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary.two-steps .left-label {
  font-weight: 400;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary.two-steps .right-label {
  font-size: 24px;
  font-weight: 300;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.total-price-summary .total-price-loading {
  right: 22px;
  position: relative;
}
.payment-order-information-container-call-to-action-above-the-fold .row-container.credit .credit-value {
  color: #00ca72;
}
.payment-order-information-container-call-to-action-above-the-fold:not(.two-steps):after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  border-top: 1px solid silver;
}

/* Layout Basics */
.spinner-container {
  display: inline-block;
  /* Spinner Styling */
  /* Default Spinner */
  /*-------------------------------------
  ** ANIMATIONS
  */
}
.spinner-container .is_loading {
  position: relative;
}
.spinner-container .is_loading:before,
.spinner-container .is_loading:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 25px;
}
.spinner-container .animation:after,
.spinner-container .animation--double:after,
.spinner-container .animation--striped:after,
.spinner-container .animation--dial:after {
  width: 16px;
  height: 16px;
  margin: -25px 0 0 -25px;
  border: 2px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 50px;
}
.spinner-container .animation:after,
.spinner-container .animation--double:after {
  border-bottom-color: transparent;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#Cardinal-ElementContainer #Cardinal-Modal {
  z-index: 100000001 !important;
}
#Cardinal-ElementContainer #Cardinal-Overlay {
  z-index: 100000000 !important;
}

.payment-form-dialog-version-three {
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  justify-content: center;
  height: 100%;
}
.payment-form-dialog-version-three .payment-form-payments-step-indicator {
  margin: unset;
  display: unset;
  position: absolute;
  top: 8px;
  margin-top: 4px;
}
.payment-form-dialog-version-three .payments-window-version-two-exit-button {
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
  font-size: 16px;
  z-index: 1;
}
.payment-form-dialog-version-three .payment-form-wrapper {
  display: flex;
  flex-direction: column;
}
.payment-form-dialog-version-three .payment-form-wrapper.with-payments-indicator-push {
  margin-top: 32px;
}
.payment-form-dialog-version-three .payment-form-wrapper .payment-form-title {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 37px;
  letter-spacing: -1px;
  margin-bottom: 28px;
  margin-top: 56px;
  text-align: center;
}
.payment-form-dialog-version-three .payment-form-container {
  display: flex;
  /*small screens handling*/
}
@media screen and (max-width: 1080px) {
  .payment-form-dialog-version-three .payment-form-container {
    flex-direction: column;
  }
  .payment-form-dialog-version-three .payment-form-container .payment-form-layout {
    margin-bottom: 36px;
  }
}
.payment-form-dialog-version-three .payment-form {
  min-width: 640px;
}
.payment-form-dialog-version-three .payment-form .payment-form-layout {
  max-width: 560px;
  position: relative;
}
.payment-form-dialog-version-three .payment-form .payment-form-layout .payment-form-title {
  font-size: 24px;
  padding: 58px 0 32px 0;
  line-height: 32px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.payment-form-dialog-version-three .payment-form .payment-form-layout .payment-form-hosted-field {
  height: 40px;
}
.payment-form-dialog-version-three .payment-form .payment-form-layout .credit-cards-image {
  height: 31px;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.payment-form-dialog-version-three .payment-form .form-field-row {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding-top: 24px;
  display: inline-block;
  width: 100%;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.payment-form-dialog-version-three .payment-form .form-field-row.hide-fields {
  opacity: 0;
  height: 0;
  padding: 0;
}
.payment-form-dialog-version-three .payment-form .form-field-row.move-up {
  margin-top: -48px;
}
.payment-form-dialog-version-three .order-information-summary-container {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}
.payment-form-dialog-version-three .order-information-summary-container .order-information-money-back-guarantee {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
}
.payment-form-dialog-version-three .expiration-date-container {
  display: flex;
  float: left;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
}
.payment-form-dialog-version-three .expiration-date-container.invalid-expiration-date-container {
  border: solid #e44258 1px;
}
.payment-form-dialog-version-three .expiration-date-container label {
  height: 40px;
  width: 96px;
  font-size: 14px;
  background-color: #f1f1f1;
  line-height: 40px;
  color: gray;
  border-right: none;
  text-align: center;
}
.payment-form-dialog-version-three .expiration-date-container .invalid-credit-card-expiration-date {
  font-size: 12px;
  color: #e44258;
  position: absolute;
  bottom: 42px;
}
.payment-form-dialog-version-three .expiration-date-container select {
  border: none;
}
.payment-form-dialog-version-three .expiration-date-container select:focus {
  outline: #0085FF solid 1px;
}
.payment-form-dialog-version-three .expiration-date-container select#expiration-date-month {
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
}
.payment-form-dialog-version-three .plan-information-and-guarantee {
  min-width: 320px;
  margin-top: 36px;
}
.payment-form-dialog-version-three .footer-container {
  margin-top: 48px;
  margin-bottom: 48px;
}
.payment-form-dialog-version-three .footer-container .secure-and-button-container {
  overflow: auto;
}
.payment-form-dialog-version-three .footer-container .secure-shopping-container {
  margin-left: 32px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  color: #00ca72;
  line-height: 46px;
  float: left;
}
.payment-form-dialog-version-three .footer-container .secure-shopping-container .secure-icon {
  vertical-align: middle;
  margin-right: 8px;
}
.payment-form-dialog-version-three .footer-container .submit-button-container {
  float: right;
  font-size: 16px;
  position: relative;
}
.payment-form-dialog-version-three .footer-container .submit-button-container .ds-btn:not(.ds-btn-primary-loading) {
  font-size: 16px;
}
.payment-form-dialog-version-three .footer-container .payments-dialog-submit-error-message {
  margin-top: 24px;
}
.payment-form-dialog-version-three .privacy-policy-statement {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
  margin-top: 32px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 400px;
}

.payment-form-cvc-tooltip-content {
  width: 64px;
  height: 40px;
}
.payments-success-header-component {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 40px;
  background-color: #00ca72;
  justify-self: flex-start;
}
.payments-success-header-component .v-icon {
  margin-right: 16px;
  background: #ffffff;
  border-radius: 100%;
  color: #00ca72;
  width: 56px;
  height: 56px;
  line-height: 66px;
  text-align: center;
  font-size: 36px;
  flex-shrink: 0;
}
.payments-success-header-component .payment-success-message {
  color: #ffffff;
}
.payments-success-header-component .payment-success-message .title {
  color: #ffffff;
}
.payments-success-header-component .payment-success-message .contact-support {
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
}
.upgrade-tier-promotion-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 64px 80px;
}
.upgrade-tier-promotion-component .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.upgrade-tier-promotion-component .message-area {
  margin-bottom: 56px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.upgrade-tier-promotion-component .btns-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.upgrade-tier-promotion-component .btns-container .btn-dont-upgrade {
  cursor: pointer;
  color: #0086c0;
  margin-right: 56px;
}
.promotion-free-months-balloon-component {
  border-radius: 100%;
  background-color: #ffcc00;
  position: relative;
  text-align: center;
  width: 274px;
  height: 274px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 24px 32px 0 8px;
  flex-shrink: 0;
}
.promotion-free-months-balloon-component .months-number {
  font-size: 140px;
  line-height: 132px;
  margin-top: -24px;
  display: block;
  font-weight: 700;
  padding-top: 4px;
  width: 112px;
  background: #ffcc00;
  border-radius: 100%;
}
.promotion-free-months-balloon-component .free-months {
  font-size: 42px;
  line-height: 42px;
  display: inline-block;
  width: 160px;
  padding-bottom: 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ffffff;
  font-weight: 700;
}
.promotion-free-months-balloon-component .limited-time {
  display: inline-block;
  font-size: 18px;
  width: 50%;
}
.promotion-free-months-balloon-component .purple-balloon {
  position: absolute;
  right: -64px;
  top: 32px;
  width: 180px;
}
.promotion-free-months-balloon-component .yellow-balloon {
  position: absolute;
  left: -56px;
  top: 32px;
}
.promotion-upgrade-info-component .promotion-info-title {
  font-weight: bold;
  margin-bottom: 32px;
}
.promotion-upgrade-info-component .promotion-info-title .tier-name {
  text-transform: capitalize;
}
.promotion-upgrade-info-component .promotion-info-title .title {
  line-height: 1.4em;
}
.promotion-upgrade-info-component .promotion-features-list .promotion-feature {
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.promotion-upgrade-info-component .promotion-features-list .promotion-feature .circle {
  height: 14px;
  width: 14px;
  background-color: #61caf7;
  margin-right: 8px;
  border-radius: 100%;
}
.payments-success-with-promotion-component {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
}
.payments-success-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
}
.payments-success-component .payments-success-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.payments-success-component .payments-success-component-content {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 56px 72px;
  font-weight: 400;
  text-align: center;
}
.payments-success-component .payments-success-component-content .complete-img {
  margin-bottom: 16px;
  height: 200px;
}
.payments-success-component .payments-success-component-content .success-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 1.8em;
}
.payments-success-component .payments-success-component-content .success-subtitle {
  margin-bottom: 16px;
  font-size: 1.8em;
}
.payments-success-component .payments-success-component-content .message-container a {
  cursor: pointer;
}
.payments-success-component .payments-success-component-content .button-container {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.payments-success-component .payments-success-component-content .button-container .inner-button-container {
  display: flex;
  flex-direction: column;
}
.payments-success-component .payments-success-component-content .button-container .inner-button-container .feedback-text {
  margin-bottom: 16px;
}
.payments-success-component .payments-success-component-content .payments-success-footer {
  display: flex;
  justify-content: center;
}
.payments-success-component .payments-success-component-content .payments-success-feedback-button {
  margin-top: 16px;
  margin-bottom: -30px;
}
.payments-failure-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.payments-failure-component .icon-dapulse-x-slim {
  position: absolute;
  top: 7px;
  right: 10px;
  color: #333333;
  font-size: 18px;
  cursor: pointer;
}
.payments-failure-component .icon-dapulse-x-slim:hover {
  color: #666666;
}

.payments-failure-content .failure-message {
  margin-bottom: 15px;
  max-width: 680px;
  font-size: 18px;
}
.payments-failure-content .failure-message img {
  width: 28px;
  vertical-align: top;
  margin-right: 10px;
}

.payments-failure-content .button-container {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.payments-failure-component-content {
  padding: 40px 40px 55px;
}
.reset-trial-component {
  text-align: center;
  height: 100%;
  white-space: nowrap;
}
.reset-trial-component:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.reset-trial-component .reset-trial-component-inner {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.reset-trial-component .reset-trial-component-inner h1 {
  font-size: 30px;
  margin-bottom: 20px;
}
.reset-trial-component .reset-trial-component-inner .reset-trial-button {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .reset-trial-component .reset-trial-component-inner {
    width: 90vw;
    white-space: normal;
  }
}
.next-tier-request-notice-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
  height: 100%;
}
.next-tier-request-notice-component .exit-dialog-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  font-size: 13px;
}
.next-tier-request-notice-component .exit-dialog-icon:hover {
  color: #808080;
}
.next-tier-request-notice-component .success-confetti-header-image {
  margin-bottom: 30px;
}
.next-tier-request-notice-component .title {
  font-size: 30px;
  margin-bottom: 30px;
}
.next-tier-request-notice-component .content {
  text-align: center;
  font-size: 15px;
  margin-bottom: 50px;
}
.next-tier-upgrade-request-component {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
}
.next-tier-upgrade-request-component .exit-dialog-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #333333;
  transition: color 0.2s;
  cursor: pointer;
}
.next-tier-upgrade-request-component .exit-dialog-icon:hover {
  color: #808080;
}
.next-tier-upgrade-request-component .confetti-header-image {
  width: 600px;
  height: 130px;
  margin-top: 15px;
}
.next-tier-upgrade-request-component .executives-images {
  position: absolute;
  top: 50px;
  transform: translateX(-50%);
}
.next-tier-upgrade-request-component .executives-images .executive-image-1,
.next-tier-upgrade-request-component .executives-images .executive-image-2,
.next-tier-upgrade-request-component .executives-images .executive-image-3 {
  position: relative;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  border: 2px solid #ffffff;
}
.next-tier-upgrade-request-component .executives-images .executive-image-1 {
  left: 20px;
}
.next-tier-upgrade-request-component .executives-images .executive-image-3 {
  right: 20px;
}
.next-tier-upgrade-request-component .unlock-request-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 20px;
}
.next-tier-upgrade-request-component .unlock-request-header .title {
  font-size: 20px;
  color: #a358d0;
  font-style: italic;
}
.next-tier-upgrade-request-component .unlock-request-header .subtitle {
  font-size: 24px;
}
.next-tier-upgrade-request-component .unlock-request-header .subtitle .admin_name {
  font-weight: 700;
}
.next-tier-upgrade-request-component .unlock-request-content {
  margin-top: 30px;
  width: 450px;
}
.next-tier-upgrade-request-component .unlock-request-content .title {
  font-size: 15px;
  color: #888888;
  margin-bottom: 15px;
}
.next-tier-upgrade-request-component .unlock-request-content .request-text-content {
  width: 100%;
  height: 75px;
  resize: none;
  border: 1px solid #c4c4c4;
  outline: 0;
  border-radius: 2px;
  font-size: 15px;
  color: #888888;
}
.next-tier-upgrade-request-component .unlock-request-content .request-text-content:focus {
  border: 1px solid #00a9ff;
}
.next-tier-upgrade-request-component .unlock-request-button {
  margin-top: 45px;
}
.payment-form-block-state-container {
  width: 100%;
  text-align: center;
}
.payment-form-block-state-container .fallen-ice-cream {
  margin-bottom: 64px;
  margin-top: 96px;
}
.payment-form-block-state-container .issue-announcement {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
}
.payment-form-block-state-container .contact-support {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}
.payment-form-block-state-container .contact-support .open-zendesk-link {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.payment-form-block-state-container .call-to-action-button {
  margin: 48px;
}
.footer-component {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  align-items: center;
}
.footer-component .content-container {
  flex: 1 1 auto;
}
.footer-component .content-container .title {
  font-size: 28px;
}
.footer-component .content-container .title .currency {
  font-size: 13px;
}
.footer-component .content-container .title .amount {
  font-weight: 500;
}
.footer-component .content-container .subtitle {
  font-size: 18px;
  margin-bottom: 20px;
}
.footer-component .content-container .add-more-mates {
  font-size: 13px;
  font-weight: 400;
}
.footer-component .content-container .add-more-mates .see-pricing {
  color: #1f76c2;
  color: var(--link-color);
  cursor: pointer;
  margin-left: 5px;
}
.footer-component .content-container .add-more-mates .see-pricing:hover {
  text-decoration: underline;
}
.footer-component .upgrade-button-component {
  max-width: 224px;
  align-self: center;
}
.footer-component .upgrade-button-component .disclaimer {
  position: relative;
}
.footer-component .credit-card-charge-disclaimer {
  color: #676879;
  color: var(--secondary-text-color);
}
.header-component .close-dialog-icon {
  position: absolute;
  top: 16px;
  right: 16px;
}
.header-component .standard,
.header-component .pro {
  color: #11dd80;
}
.header-component .titles-container {
  display: flex;
  flex-direction: column;
}
.header-component .titles-container .current-plan-title {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 8px;
}
.header-component .titles-container .next-plan-title {
  font-size: 28px;
  line-height: 127%;
  font-weight: bold;
  margin-bottom: 32px;
}
.next-tier-value-container {
  display: flex;
}
.next-tier-value-container .preview {
  width: 581px;
  height: 328px;
}
.next-tier-value-container .preview.loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.next-tier-value-container .top-features-container {
  display: flex;
  align-items: center;
  margin-left: 8px;
  width: 100%;
}
.next-tier-value-container .top-features-container .top-features-list-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  font-size: 18px;
  line-height: 22px;
}
.next-tier-value-container .top-features-container .top-features-list-container .top-feature-container {
  flex: 1;
  margin-bottom: 8px;
}
.next-tier-value-container .top-features-container .top-features-list-container .top-feature-container .top-feature {
  display: flex;
  margin-bottom: 12px;
}
.next-tier-value-container .top-features-container .top-features-list-container .top-feature-container .top-feature .icon-dapulse-pricing-check {
  margin-left: 4px;
}
.next-tier-value-container .top-features-container .top-features-list-container .top-feature-container .top-feature .icon-dapulse-pricing-check.green {
  color: #00c875;
}
.next-tier-value-container .top-features-container .top-features-list-container .top-feature-container .top-feature .top-feature-text {
  margin-left: 16px;
}
.next-tier-value-container .top-features-container .read-more-link {
  cursor: pointer;
  color: #0085FF;
  margin-top: 8px;
  margin-left: 38px;
}
.next-tier-upgrade-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  padding: 48px 64px;
  overflow-y: auto;
}
.next-tier-upgrade-component .separator {
  border-bottom: 2px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  margin: 32px 0 28px;
}
.next-tier-upgrade-component .header-component {
  flex: 0 0 auto;
}
.next-tier-upgrade-component .footer-component {
  flex: 0 0 auto;
}
.content-wrapper {
  display: flex;
  height: 100%;
  margin: auto;
  justify-content: center;
  padding: 10px 0;
}
.content-wrapper .plan-details-wrapper {
  width: 310px;
  margin: auto;
}
.content-wrapper .plan-details-wrapper .plan-details-header {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  height: 90px;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #fff;
  text-align: center;
}
.content-wrapper .plan-details-wrapper .plan-details-header .title {
  font-size: 24px;
  text-transform: capitalize;
}
.content-wrapper .plan-details-wrapper .plan-details-content {
  border-bottom: 4px solid;
  border-bottom-color: #0085ff;
  border-bottom-color: var(--primary-color);
  border-left: 4px solid;
  border-left-color: #0085ff;
  border-left-color: var(--primary-color);
  border-right: 4px solid;
  border-right-color: #0085ff;
  border-right-color: var(--primary-color);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 200px;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price {
  justify-content: center;
  display: flex;
  color: #0085ff;
  color: var(--primary-color);
  align-items: baseline;
  font-size: 50px;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price .price,
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price .currency-symbol {
  font-weight: 400;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price .per-month,
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price .currency-code {
  margin: 0 5px;
  font-size: 20px;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper {
  position: relative;
  justify-content: center;
  display: flex;
  color: #0085ff;
  color: var(--primary-color);
  align-items: baseline;
  padding-top: 30px;
  font-size: 20px;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper .plan-details-price-strike .price,
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper .plan-details-price-strike .currency-symbol {
  font-weight: 400;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper .plan-details-price-strike .per-month,
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper .plan-details-price-strike .currency-code {
  margin: 0 5px;
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-price-strike-wrapper .plan-details-price-strike:after {
  content: " ";
  position: absolute;
  left: 29%;
  top: 77%;
  display: inline-block;
  width: 39%;
  height: 2px;
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.content-wrapper .plan-details-wrapper .plan-details-content .plan-details-period {
  display: flex;
  justify-content: center;
  color: #c4c4c4;
  padding-top: 20px;
}
.custom-plan-upgrade-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top: 2px solid #00a1e6;
}
.custom-plan-upgrade-component .header-component {
  flex: 0 0 auto;
}
.custom-plan-upgrade-component .footer-component {
  flex: 0 0 auto;
}
.payments-first-entrance-screen-component {
  position: relative;
  padding: 56px 154px;
  color: #323338;
  color: var(--primary-text-color);
}
.payments-first-entrance-screen-component .payments-first-entrance-close-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
.payments-first-entrance-screen-component .first-entrance-screen-title {
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  margin-bottom: 24px;
}
.payments-first-entrance-screen-component .first-entrance-screen-values-wrapper {
  margin-bottom: 32px;
}
.payments-first-entrance-screen-component .first-entrance-screen-values-wrapper .first-entrance-screen-values-inner {
  padding: 32px 64px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 36px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
}
.payments-first-entrance-screen-component .first-entrance-screen-values-wrapper .first-entrance-screen-values-inner .first-entrance-screen-value {
  font-size: 16px;
  line-height: 24px;
}
.payments-first-entrance-screen-component .first-entrance-screen-values-wrapper .first-entrance-screen-values-inner .first-entrance-screen-value:not(:last-child) {
  margin-bottom: 16px;
}
.payments-first-entrance-screen-component .first-entrance-screen-values-wrapper .first-entrance-screen-values-inner .first-entrance-screen-value .icon-dapulse-pricing-check {
  margin-right: 6px;
  color: #00ca72;
}
.payments-first-entrance-screen-component .first-entrance-screen-social-icons {
  text-align: center;
  min-height: 104px;
  margin-bottom: 56px;
}
.payments-first-entrance-screen-component .first-entrance-screen-social-icons img {
  max-width: 100%;
}
.payments-first-entrance-screen-component .first-entrance-screen-button-container {
  display: flex;
  justify-content: center;
}
.upgrade-feedback-component {
  width: 100%;
  height: 100%;
}
.upgrade-feedback-component .upgrade-feedback-component-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.upgrade-feedback-component .upgrade-feedback-component-content .form-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 48px;
  margin: 0 auto;
}
.upgrade-feedback-component .upgrade-feedback-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.feature-header {
  padding: 56px 0 24px 0;
  width: 960px;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.feature-header .feature-tier-title {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 12px;
}
.feature-header .unlock-feature-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 81px;
}
.feature-header .unlock-feature-container .unlock-feature-title {
  font-size: 24px;
  line-height: 127%;
  width: 576px;
  font-weight: bold;
}
.feature-header .unlock-feature-container .unlock-feature-title .tier {
  color: #00ca72;
}
.feature-header .unlock-feature-container .current-feature-trial-title {
  font-size: 24px;
  line-height: 127%;
  width: 576px;
}
.feature-header .unlock-feature-container .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.feature-header .unlock-feature-container .actions .start-trial-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature-header .unlock-feature-container .actions .start-trial-buttons .trial-days-notice {
  margin-top: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #676879;
  color: var(--secondary-text-color);
}
.feature-header .unlock-feature-container .actions .start-trial-buttons .try-pro-secondary {
  color: #676879;
  color: var(--secondary-text-color);
}
.feature-header .unlock-feature-container .actions .redesigned-feature-trial-buttons-container {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.feature-header .unlock-feature-container .actions .upgrade-text {
  font-size: 16px;
  line-height: 24px;
  color: #00ca72;
  margin-right: 16px;
  cursor: pointer;
}
.feature-header .unlock-feature-container .actions .upgrade-text:hover {
  color: #00a359;
}
.feature-description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.feature-description .feature-preview {
  margin-right: 61px;
}
.feature-description .feature-preview .preview {
  width: 579px;
  height: 326px;
}
.feature-description .feature-preview .preview.loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-description .feature-description-info {
  align-self: flex-start;
}
.feature-description .feature-description-info .feature-meta {
  display: flex;
}
.feature-description .feature-description-info .feature-meta .feature-logo {
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 24px;
}
.feature-description .feature-description-info .feature-meta .feature-logo img {
  max-width: 100%;
}
.feature-description .feature-description-info .feature-meta .feature-extra {
  flex: 1;
}
.feature-description .feature-description-info .feature-meta .feature-extra .feature-name {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
.feature-description .feature-description-info .feature-meta .feature-extra .feature-link {
  margin-top: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.feature-description .feature-description-info .feature-meta .feature-extra .read-time-container {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.feature-description .feature-description-info .feature-meta .feature-extra .read-time-container .read-time-icon {
  margin-right: 8px;
}
.feature-description .feature-description-info .feature-meta .feature-extra .read-time-container .read-time {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.feature-description .feature-description-info .feature-description-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  margin-top: 30px;
}
.feature-lock-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.feature-lock-component .close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
}
.feature-lock-component .feature-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature-lock-component .feature-content .feature-description-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 64px 0;
  width: 100%;
  height: 337px;
}
.feature-lock-component .feature-content .feature-description-container .empty-space {
  margin: 0 28px;
}
.feature-lock-component .feature-content .feature-description-container .arrow {
  margin: 0 28px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.9;
  align-self: center;
}
.feature-lock-component .feature-content .feature-description-container .arrow:hover {
  opacity: 1;
}
.papyal-change-payment-method-component {
  width: 500px;
}
.papyal-change-payment-method-component .papyal-text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 24px;
}
.papyal-change-payment-method-component .change-payment-method-button-wrapper {
  text-align: right;
}
.form-label .control-label {
  text-align: left;
  color: #323338;
  color: var(--primary-text-color);
}
.form-label .control-label.required:after {
  color: #f65f7c;
  content: " *";
  display: inline;
}
.form-credit-card-input {
  position: relative;
}
.form-credit-card-input .credit-card-type-image {
  position: absolute;
  top: 5px;
  right: 20px;
  width: 50px;
  height: 20px;
}
.form-select select.with-empty-option {
  font-style: italic;
}
.form-select .error-msg {
  opacity: 0;
  position: absolute;
  bottom: -15px;
  right: 20px;
  color: #f65f7c;
}
.form-select .form-control {
  box-shadow: none;
  border-radius: 2px;
  height: 29px;
  border: 1px solid;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  padding: 0 12px;
}
.form-select.has-error .error-msg {
  opacity: 1;
  font-size: 9px;
}
.form-select.has-error .form-control {
  border-color: #f65f7c;
}
#Cardinal-ElementContainer #Cardinal-Modal {
  z-index: 100000001 !important;
}
#Cardinal-ElementContainer #Cardinal-Overlay {
  z-index: 100000000 !important;
}

#change-payment-method-form {
  width: 500px;
  transition: width 0.3s;
}
#change-payment-method-form.showing-full-details {
  width: 920px;
}
#change-payment-method-form .form-row {
  margin-bottom: 20px;
}
#change-payment-method-form .hosted-field-wrapper {
  height: 40px;
}
#change-payment-method-form .form-error-label {
  margin: 10px auto;
  opacity: 0;
  color: #f65f7c;
  margin-right: 10px;
  vertical-align: sub;
  transition: opacity 1s linear;
  font-size: 10px;
}
#change-payment-method-form .form-error-label.visible {
  transition: opacity 1s linear;
  opacity: 1;
}
#change-payment-method-form .control-label {
  padding-top: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  height: 40px;
}
#change-payment-method-form .input-container .form-control,
#change-payment-method-form .form-select .form-control {
  box-shadow: none;
  height: 40px;
  border: 1px solid #bbb;
}
#change-payment-method-form .input-container.has-error .form-control,
#change-payment-method-form .form-select.has-error .form-control {
  border-color: #f65f7c;
}
#change-payment-method-form .security-code-button,
#change-payment-method-form .personal-id-button {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  cursor: help;
  font-weight: 400;
  color: #61caf7;
}
#change-payment-method-form .separator {
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
#change-payment-method-form .actions-wrapper {
  text-align: right;
}
#change-payment-method-form .full-details-link {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #0085ff;
  color: var(--primary-color);
  float: left;
}
#change-payment-method-form .full-details-link:hover {
  text-decoration: none;
  color: #0071d9;
  color: var(--primary-hover-color);
}
#change-payment-method-form .ssl-encrypted {
  font-size: 12px;
  margin-top: 5px;
  color: #ababab;
}
#change-payment-method-form .ssl-encrypted .lock,
#change-payment-method-form .ssl-encrypted .ssl {
  font-weight: 500;
  color: #00ca72;
}
#Cardinal-ElementContainer #Cardinal-Modal {
  z-index: 100000001 !important;
}
#Cardinal-ElementContainer #Cardinal-Overlay {
  z-index: 100000000 !important;
}

.change-payment-method-component {
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  padding-bottom: 24px;
  overflow: hidden;
}
.change-payment-method-component .change-payment-method-content {
  padding: 20px 40px;
}
.change-payment-method-component .change-payment-method-content h1 {
  text-align: center;
  margin: 0 0 40px;
}
.change-payment-method-component .change-payment-method-content .payment-type-picker-wrapper {
  margin-bottom: 24px;
}
.payment-failure-component .payment-failure-inner {
  margin: 80px 90px;
  text-align: center;
}
.payment-failure-component .payment-failure-main-icon {
  font-size: 50px;
}
.payment-failure-component .payment-failure-div-container {
  margin-top: 30px;
}
.payment-failure-component .payment-failure-main-headline {
  font-weight: 400;
  line-height: 34px;
  margin: 15px 30px 10px 30px;
  font-size: 1.6em;
}
.item-usage-warning-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px 34px;
  position: relative;
}
.item-usage-warning-component .item-usage-warning-close-button {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 18px;
  cursor: pointer;
}
.item-usage-warning-component .item-usage-warning-title {
  font-weight: 500;
  letter-spacing: -1px;
  font-size: 28px;
  margin-bottom: 16px;
}
.item-usage-warning-component .item-usage-warning-body {
  text-align: center;
  margin-bottom: 32px;
  padding: 0 32px;
  font-weight: normal;
  line-height: 24px;
  font-size: 16px;
}
.item-usage-warning-component .item-usage-warning-body .item-usage-warning-tell-a-friend-link {
  color: #0086c0;
}
.item-usage-warning-component .item-usage-warning-image-wrapper {
  margin-bottom: 32px;
}
.item-usage-warning-component .item-usage-warning-ctas-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.item-usage-warning-component .item-usage-warning-ctas-wrapper .item-usage-warning-ctas {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.item-usage-warning-component .item-usage-warning-ctas-wrapper .item-usage-warning-ctas .earn-items-button {
  margin-right: 8px;
}
.item-usage-image-with-progress-bar-component {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.item-usage-image-with-progress-bar-component .items-count-with-progress-bar {
  width: 52%;
  top: 13%;
  height: 26%;
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item-usage-image-with-progress-bar-component .items-count-with-progress-bar .items-count {
  margin-bottom: 2%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.item-usage-image-with-progress-bar-component .items-count-with-progress-bar .items-count .items-count-content {
  font-weight: 400;
}
.item-usage-image-with-progress-bar-component .items-count-with-progress-bar .items-count .items-count-content .items-count-current-amount {
  font-size: 125%;
  font-weight: 500;
}
.item-usage-image-with-progress-bar-component .items-count-with-progress-bar .usage-indication-progress {
  width: 60%;
}
.item-usage-image-with-progress-bar-component .item-usage-warning-image {
  height: 100%;
}
.reached-items-limit-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px 24px;
  position: relative;
  color: #323338;
  color: var(--primary-text-color);
}
.reached-items-limit-component .reached-items-limit-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.reached-items-limit-component .reached-items-limit-title {
  text-align: center;
  font-weight: 500;
  letter-spacing: -1px;
  font-size: 32px;
  margin-bottom: 16px;
}
.reached-items-limit-component .reached-items-limit-body {
  text-align: center;
  margin-bottom: 32px;
  padding: 0 32px;
  font-weight: normal;
  line-height: 24px;
  font-size: 16px;
}
.reached-items-limit-component .reached-items-limit-body .reached-items-limit-tell-a-friend-link {
  color: #0086c0;
}
.reached-items-limit-component .items-count-with-progress-bar {
  padding-top: 0;
}
.reached-items-limit-component .reached-items-limit-ctas-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-top: 32px;
}
.reached-items-limit-component .reached-items-limit-ctas-wrapper .reached-items-limit-ctas {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.reached-items-limit-component .reached-items-limit-ctas-wrapper .reached-items-limit-ctas .get-more-items-button {
  margin-right: 8px;
}
.new-billing-infra-paypal-migration-component .new-billing-infra-paypal-migration-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
  align-items: center;
  text-align: center;
}
.new-billing-infra-paypal-migration-component .new-billing-infra-paypal-migration-content .title {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.new-billing-infra-paypal-migration-component .new-billing-infra-paypal-migration-content .description {
  font-size: 16px;
  margin-bottom: 32px;
}
.new-billing-infra-paypal-migration-component .new-billing-infra-paypal-migration-content .approve-button {
  margin-bottom: 4px;
}
.new-billing-infra-paypal-migration-component .new-billing-infra-paypal-migration-content .move-to-cc-squre-button {
  margin-top: 8px;
}
.back-button-component {
  position: absolute;
  left: 16px;
  top: 16px;
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
  cursor: pointer;
  z-index: 2;
}
.back-button-component:hover {
  color: #676879;
  color: var(--secondary-text-color);
}
.back-button-component .left-sign {
  margin-right: 4px;
}
.confirmation-page-pricing-breakdown {
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.confirmation-page-pricing-breakdown .confirmation-page-shimmer {
  margin-bottom: 0;
  height: 22px;
}
.confirmation-page-pricing-breakdown .breakdown-without-total {
  min-height: 0;
  overflow: auto;
}
.confirmation-page-pricing-breakdown .breakdown-without-total::-webkit-scrollbar {
  width: 8px;
  height: 15px;
}
.confirmation-page-pricing-breakdown .breakdown-without-total::-webkit-scrollbar-track {
  border-radius: 10px;
}
.confirmation-page-pricing-breakdown .breakdown-without-total::-webkit-scrollbar-thumb {
  background-color: #b2b2b2;
  border-radius: 4px;
}
.confirmation-page-pricing-breakdown .pricing-row {
  display: flex;
  margin-bottom: 36px;
}
.confirmation-page-pricing-breakdown .pricing-row:not(:last-child) {
  margin-bottom: 30px;
}
.confirmation-page-pricing-breakdown .pricing-row .price-type {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}
.confirmation-page-pricing-breakdown .pricing-row .price-value {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: auto;
}
.confirmation-page-pricing-breakdown .pricing-row .primary {
  display: flex;
  align-items: flex-start;
  line-height: 24px;
}
.confirmation-page-pricing-breakdown .pricing-row .line-item-info-tooltip {
  margin-left: 8px;
}
.confirmation-page-pricing-breakdown .pricing-row .secondary {
  margin-top: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #676879;
  color: var(--secondary-text-color);
}
.confirmation-page-pricing-breakdown .pricing-row .secondary.amount-saved {
  color: #00ca72;
}
.confirmation-page-pricing-breakdown .pricing-row.confirmation-page-pricing-breakdown-total {
  border-top: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  padding-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 20px;
}
.confirmation-page-pricing-breakdown .pricing-row.confirmation-page-pricing-breakdown-renewal {
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 14px;
}
.confirmation-page-pricing-breakdown .pricing-row.confirmation-page-pricing-breakdown-renewal .additional-free-months {
  color: #00ca72;
}
.confirmation-page-pricing-breakdown .pricing-row .info-icon {
  margin-left: 4px;
}
.confirmation-page-change-seats-component {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
.confirmation-page-change-seats-component .right-arrow {
  margin: 0 24px;
  line-height: 34px;
}
.confirmation-page-change-seats-component .confirmation-page-shimmer {
  margin-bottom: 0;
}
.confirmation-page-change-seats-component .change-seats-select-container {
  flex-grow: 1;
  flex-basis: 50%;
}
.confirmation-page-change-seats-component .change-seats-select-container .change-seats-select-shimmer {
  width: 100%;
  margin-bottom: 0;
  height: 34px;
}
.confirmation-page-change-seats-component .change-seats-select-container .seats-label {
  font-size: 16px;
  margin-bottom: 8px;
}
.confirmation-page-change-seats-component .change-seats-select-container .change-seats-select {
  width: 100%;
  font-size: 16px;
}
.confirmation-page-component {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  padding: 48px 0;
  margin: 0 auto;
  width: 472px;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.confirmation-page-component .confirmation-page-component-close-icon {
  position: absolute;
  right: 16px;
  top: 16px;
}
.confirmation-page-component .confirmation-page-component-title {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -1px;
  margin-bottom: 36px;
  text-align: center;
}
.confirmation-page-component .monday-loader-wrapper {
  position: initial;
}
.confirmation-page-component .confirmation-page-component-pricing-info {
  flex-grow: 0;
  flex-basis: auto;
  min-height: 0;
  display: flex;
}
.confirmation-page-component .confirmation-page-component-pricing-info .confirmation-page-component-upgrade-details {
  margin-right: 32px;
  flex-shrink: 0;
}
.confirmation-page-component .confirmation-page-component-pricing-info .confirmation-page-component-pricing-breakdown {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  flex-shrink: 1;
}
.confirmation-page-component .confirmation-page-component-pricing-info .confirmation-page-component-pricing-breakdown .trust-payment-component-wrapper {
  position: absolute;
  bottom: calc(100% - 34px);
  left: 50%;
  transform: translateX(-50%);
}
.confirmation-page-component .confirmation-page-component-pricing-button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}
.confirmation-page-component .confirmation-page-component-pricing-button-wrapper .confirmation-page-component-pricing-button {
  margin-left: auto;
}
.confirmation-page-component .confirmation-page-component-error {
  text-align: center;
}
.change-payment-method-success-component .change-payment-method-success-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px;
  align-items: center;
  text-align: center;
}
.change-payment-method-success-component .change-payment-method-success-content .img {
  height: 200px;
  margin-bottom: 24px;
}
.change-payment-method-success-component .change-payment-method-success-content .title {
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 4px;
  letter-spacing: -0.5px;
}
.change-payment-method-success-component .change-payment-method-success-content .description {
  font-size: 24px;
}
.menu-carousel-with-images-component {
  display: flex;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.menu-carousel-with-images-component * {
  box-sizing: border-box;
}
.menu-carousel-with-images-component .items-list {
  overflow: auto;
  height: 100%;
  flex-shrink: 0;
}
.menu-carousel-with-images-component .items-list .item {
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
  width: 100%;
  text-align: left;
  font-weight: 300;
  overflow: hidden;
}
.menu-carousel-with-images-component .items-list .item .item-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.menu-carousel-with-images-component .items-list .item .item-text {
  flex: 1;
}
.menu-carousel-with-images-component .items-list .item.selected {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.menu-carousel-with-images-component .items-list .item:hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.menu-carousel-with-images-component .items-list .item:hover .item-icon-wrapper {
  background: var(--text-color-on-primary) !important;
}
.menu-carousel-with-images-component .items-list .item:hover .item-icon-wrapper .item-icon:not(.with-hover-icon) {
  filter: invert(49%) sepia(84%) saturate(3784%) hue-rotate(181deg) brightness(102%) contrast(105%);
}
.menu-carousel-with-images-component .items-list .item:last-child {
  margin-bottom: 0 !important;
}
.menu-carousel-with-images-component .current-item {
  border-radius: 4px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
  position: relative;
}
.menu-carousel-with-images-component .current-item .velocity-transition-group-wrapper {
  height: 100%;
  width: 100%;
}
.menu-carousel-with-images-component .current-item .badge-wrapper {
  position: absolute;
  right: 0;
  top: 27px;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 16px 0px 0px 16px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  background-color: #11dd80;
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.menu-carousel-with-images-component .current-item .badge-wrapper .badge-left-icon {
  width: 12px;
  margin: 4px;
}
.menu-carousel-with-images-component .current-item .current-item-content {
  height: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.menu-carousel-with-images-component .current-item .current-item-content .current-item-image-wrapper {
  max-height: 65%;
  display: flex;
  justify-content: center;
}
.menu-carousel-with-images-component .current-item .current-item-content .current-item-image-wrapper .current-item-image {
  height: 100%;
  display: block;
}
.menu-carousel-with-images-component .current-item .current-item-content .current-item-text {
  text-align: center;
  flex-shrink: 1;
  flex-grow: 0;
}
.menu-carousel-with-images-component.lg {
  padding: 16px;
  font-size: 16px;
}
.menu-carousel-with-images-component.lg .items-list {
  width: 304px;
  padding-right: 16px;
  padding-left: 8px;
}
.menu-carousel-with-images-component.lg .items-list .item {
  height: 48px;
  margin-bottom: 8px;
  padding: 8px;
}
.menu-carousel-with-images-component.lg .items-list .item .item-icon-wrapper {
  height: 32px;
  width: 32px;
  margin-right: 16px;
  border-radius: 8px;
}
.menu-carousel-with-images-component.lg .items-list .item .item-icon-wrapper .item-icon {
  height: 16px;
  width: 16px;
}
.menu-carousel-with-images-component.lg .current-item {
  flex-grow: 1;
  padding: 0 16px;
  min-width: 320px;
}
.menu-carousel-with-images-component.lg .current-item .current-item-content .current-item-image-wrapper {
  margin-bottom: 16px;
  height: 240px;
}
.menu-carousel-with-images-component.lg .current-item .current-item-content .current-item-text {
  padding: 0 24px;
}
.menu-carousel-with-images-component.md {
  padding: 8px;
  font-size: 14px;
}
.menu-carousel-with-images-component.md .items-list {
  width: 240px;
  padding-right: 8px;
  padding-left: 4px;
}
.menu-carousel-with-images-component.md .items-list .item {
  height: 36px;
  margin-bottom: 6px;
  padding: 6px;
}
.menu-carousel-with-images-component.md .items-list .item .item-icon-wrapper {
  height: 24px;
  width: 24px;
  margin-right: 12px;
  border-radius: 6px;
}
.menu-carousel-with-images-component.md .items-list .item .item-icon-wrapper .item-icon {
  height: 10px;
  width: 10px;
}
.menu-carousel-with-images-component.md .current-item {
  padding: 0 12px;
  min-width: 240px;
}
.menu-carousel-with-images-component.md .current-item .current-item-content .current-item-image-wrapper {
  margin-bottom: 12px;
  height: 160px;
}
.menu-carousel-with-images-component.md .current-item .current-item-content .current-item-text {
  padding: 0 16px;
}
.menu-carousel-with-images-component.sm {
  padding: 4px;
  font-size: 12px;
}
.menu-carousel-with-images-component.sm .items-list {
  width: 160px;
  padding-right: 4px;
  padding-left: 2px;
}
.menu-carousel-with-images-component.sm .items-list .item {
  height: 24px;
  margin-bottom: 4px;
  padding: 4px;
}
.menu-carousel-with-images-component.sm .items-list .item .item-icon-wrapper {
  height: 16px;
  width: 16px;
  margin-right: 8px;
  border-radius: 4px;
}
.menu-carousel-with-images-component.sm .items-list .item .item-icon-wrapper .item-icon {
  height: 10px;
  width: 10px;
}
.menu-carousel-with-images-component.sm .current-item {
  padding: 0 8px;
  min-width: 180px;
}
.menu-carousel-with-images-component.sm .current-item .current-item-content .current-item-image-wrapper {
  margin-bottom: 8px;
  height: 80px;
}
.menu-carousel-with-images-component.sm .current-item .current-item-content .current-item-text {
  padding: 0 8px;
}
.free-tier-what-you-are-missing-out-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 52px;
  color: #323338;
  color: var(--primary-text-color);
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 1168px;
  width: 100%;
  height: 100%;
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-title {
  letter-spacing: -0.5px;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-features-menu-carousel-wrapper {
  margin-bottom: 48px;
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: auto;
  flex-grow: 1;
  max-height: 480px;
  height: 0;
  width: 90%;
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-features-menu-carousel-wrapper .item-text {
  cursor: default;
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-buttons-wrapper {
  display: flex;
  width: 100%;
  margin-top: auto;
  border-top: 1px solid;
  padding: 24px;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  box-shadow: 0 -20px 30px 2px var(--primary-background-color);
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-buttons-wrapper .free-tier-what-you-are-missing-out-buttons-inner-wrapper {
  margin-left: auto;
  display: flex;
}
.free-tier-what-you-are-missing-out-component .free-tier-what-you-are-missing-out-content .free-tier-what-you-are-missing-out-buttons-wrapper .free-tier-what-you-are-missing-out-buttons-inner-wrapper .go-back-to-plans-button {
  margin-right: 8px;
}
.take-it-to-the-next-level-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 52px;
  padding-bottom: 26px;
  color: #323338;
  color: var(--primary-text-color);
}
.take-it-to-the-next-level-component .close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-content .take-it-to-the-next-level-title {
  letter-spacing: -0.5px;
  font-size: 32px;
  margin: 0 112px 16px;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-content .take-it-to-the-next-level-sub-title {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 300;
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-features-menu-carousel-wrapper {
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: auto;
  flex-grow: 1;
  max-height: 460px;
  height: 0;
  width: 90%;
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-buttons-wrapper {
  display: flex;
  width: 100%;
  margin-top: auto;
  box-shadow: 0 -20px 30px 2px var(--primary-background-color);
}
.take-it-to-the-next-level-component .take-it-to-the-next-level-buttons-wrapper .take-it-to-the-next-level-buttons-inner-wrapper {
  margin-left: auto;
  margin-right: 48px;
}
.generic-limitation-popup-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px;
  position: relative;
  font-size: 16px;
  text-align: center;
}
.generic-limitation-popup-component .generic-limitation-popup-close-button {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 18px;
  cursor: pointer;
}
.generic-limitation-popup-component .generic-limitation-popup-title {
  font-weight: 500;
  letter-spacing: -1px;
  font-size: 32px;
  margin-bottom: 16px;
  line-height: 40px;
}
.generic-limitation-popup-component .generic-limitation-popup-text {
  margin-bottom: 32px;
  line-height: 24px;
}
.generic-limitation-popup-component .generic-limitation-popup-image-wrapper {
  margin-bottom: 32px;
  height: 205px;
}
.generic-limitation-popup-component .generic-limitation-popup-image-wrapper .generic-limitation-popup-image {
  height: 100%;
}
.generic-limitation-popup-component .generic-limitation-popup-buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.generic-limitation-popup-component .generic-limitation-popup-buttons-wrapper .generic-limitation-popup-start-trial-button {
  margin-top: 12px;
  height: auto;
}
.payment-form-panic-mode-container {
  width: 100%;
}

.payment-form-panic-mode-message-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-form-panic-mode-message-container .cone-image {
  margin-top: 61px;
  margin-bottom: 24px;
  height: 117px;
  width: 100px;
}
.payment-form-panic-mode-message-container .payment-form-panic-mode-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -1px;
  max-width: 675px;
  margin-bottom: 8px;
}
.payment-form-panic-mode-message-container .payment-form-panic-mode-additional-message {
  margin-top: 22px;
}
.payment-form-panic-mode-message-container .payment-form-panic-mode-button {
  margin-top: 32px;
}
.panic-mode-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 300px;
  margin-top: 20px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px;
}
.panic-mode-content .panic-mode-content-input {
  width: 300px;
  margin: 5px;
}
.panic-mode-content .panic-mode-content-input-title {
  font-weight: bold;
  text-align: left;
  margin-left: 20px;
}
.panic-mode-content .panic-mode-content-submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}
.panic-mode-content .panic-mode-content-submit .panic-mode-content-submit-message {
  margin-bottom: 15px;
}
.pure-input {
  position: relative;
}
.pure-input.input-with-search-icon .input {
  padding: 8px 32px;
}
.pure-input .input {
  width: 100%;
  outline: 0;
  border: 1px solid;
  border-radius: 20px;
  padding: 8px 24px;
}
.pure-input .input.search-icon-right {
  padding-left: 16px;
}
.pure-input .input:focus {
  border-color: #0085ff !important;
  border-color: var(--primary-color) !important;
}
.pure-input .input:-ms-input-placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.pure-input .input::placeholder {
  color: #676879;
  color: var(--placeholder-color);
}
.pure-input .pure-input-close-icon-wrapper {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #808080;
  transition: color 0.1s;
}
.pure-input .pure-input-close-icon-wrapper:hover {
  color: #333333;
}
.pure-input .pure-input-close-icon-wrapper.search-icon-right {
  right: 12px;
}
.pure-input .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #808080;
  transition: color 0.1s;
}
.pure-input .search-icon.search-icon-right {
  left: unset;
  right: 12px;
}
.pure-input .search-icon:focus {
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.pricing-page-feedback-component {
  height: 620px;
  max-height: calc(90vh - 112px);
  overflow: hidden;
}
.pricing-page-feedback-component .pricing-page-feedback-header {
  margin-top: 24px;
}
.pricing-page-feedback-component .pricing-page-feedback-header .pricing-page-feedback-title {
  text-align: center;
}
.pricing-page-feedback-component .pricing-page-feedback-header .close-dialog-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100;
}
.pricing-page-feedback-component .form-iframe {
  width: 100%;
  height: 100%;
  position: relative;
}
.pricing-page-feedback-component .form-iframe .form-wrapper-empty-header {
  margin-top: -48px;
}

.redesigned-promotion-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.redesigned-promotion-component .promotion-top .promotion-dialog-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
  z-index: 1;
  color: #676879;
  color: var(--placeholder-color);
}
.redesigned-promotion-component .promotion-contents {
  transform: translateY(-300px);
}
.redesigned-promotion-component .promotion-contents .promotion-contents-title {
  font-weight: 500;
  font-size: 32px;
  margin-top: 40px;
  line-height: 36px;
  text-align: center;
}
.redesigned-promotion-component .promotion-contents .promotion-contents-subtitle {
  font-size: 16px;
  text-align: center;
  margin: 24px;
  margin-bottom: 40px;
}
.redesigned-promotion-component .promotion-buttons {
  transform: translateY(-280px);
}
.seats-and-billing-cycle-billing-period-container {
  width: 450px;
  height: 100px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 16px;
  position: relative;
}
.seats-and-billing-cycle-billing-period-container:first-of-type {
  margin-top: 8px;
}
.seats-and-billing-cycle-billing-period-container.selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
}
.seats-and-billing-cycle-billing-period-container .period-badge-container {
  display: inline;
  width: 100%;
  height: 20px;
}
.seats-and-billing-cycle-billing-period-container .period-badge-container .seats-and-billing-cycle-period-component-badge {
  color: #ffffff;
  color: var(--text-color-on-primary);
  background-color: #0085ff;
  background-color: var(--primary-color);
  height: 20px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  float: right;
  padding: 1px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content {
  margin: auto;
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-text-container {
  margin-left: 32px;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-text-container .billing-period-title {
  font-size: 24px;
  line-height: 28px;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-text-container .billing-period-price-per-seat-text {
  font-size: 16px;
  line-height: 24px;
  color: #676879;
  color: var(--secondary-text-color);
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-monthly-price-container {
  margin-right: 16px;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-monthly-price-container .billing-period-monthly-price {
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
}
.seats-and-billing-cycle-billing-period-container .seats-and-billing-cycle-billing-period-content .billing-period-monthly-price-container .billing-period-per-month-indicator {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
.seats-and-billing-cycle-picker-component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  color: #323338;
  color: var(--primary-text-color);
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container {
  margin: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20%;
  overflow: auto;
  margin-top: 48px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-header {
  margin-top: 8px;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-height: 800px) {
  .seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-header {
    margin-bottom: 24px;
  }
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-header .seats-and-billing-cycle-title {
  font-size: 32px;
  line-height: 37px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-header .seats-and-billing-cycle-subtitle {
  font-size: 20px;
  line-height: 32px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-seats-picker-container {
  display: flex;
  flex-direction: column;
  width: 408px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-seats-picker-container .seats-and-billing-cycle-seats-picker-label {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-seats-picker-container .seats-and-billing-cycle-seats-picker {
  margin-bottom: 0;
  width: 436px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-seats-picker-container .seats-and-billing-cycle-seats-picker .users-options-select {
  width: 408px;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-seats-picker-container .seats-and-billing-cycle-seats-picker .users-options-select .choose-team-size-label {
  display: none;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .contact-sales-header {
  z-index: unset;
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-periods-container {
  margin-top: 64px;
  cursor: pointer;
}
@media screen and (max-height: 800px) {
  .seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-periods-container {
    margin-top: 32px;
  }
}
.seats-and-billing-cycle-picker-component .seats-and-billing-cycle-picker-container .seats-and-billing-cycle-periods-container .seats-and-billing-cycle-period-picker-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.editable-paragraph-field-dropdown {
  margin-top: 12px;
}
.editable-paragraph-field-dropdown .ds-menu-button-container {
  display: inline;
}
.editable-paragraph-field-dropdown .ds-menu-inner {
  display: flex;
  flex-direction: column;
}
.editable-paragraph-field-dropdown__no-results {
  color: #676879;
  color: var(--secondary-text-color);
  text-align: center;
  font-size: 14px;
  margin-top: 16px;
}
.editable-paragraph-field-dropdown__option-menu-item {
  text-align: left;
  padding: 4px;
}
.editable-paragraph-field-dropdown__done-button-section {
  flex: 1;
  text-align: center;
}
.editable-paragraph-field-dropdown__options-section {
  flex: 1;
  overflow: auto;
}
.editable-paragraph-field-dropdown__done-button {
  font-size: 16px;
  cursor: pointer;
  height: 32px;
}
.editable-paragraph-field-dropdown .input-component__input-wrapper {
  display: flex;
}
.editable-paragraph-field {
  position: relative;
  display: block;
  color: #323338;
  color: var(--primary-text-color);
}
.editable-paragraph-field__answer {
  color: #676879;
  color: var(--placeholder-color);
  margin: 0 2px;
  padding-bottom: 2px;
  text-align: center;
  cursor: pointer;
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, var(--negative-color) 100%, var(--negative-color) 100%), linear-gradient(90deg, var(--primary-color) 100%, var(--primary-color) 100%), linear-gradient(90deg, var(--primary-text-color) 0%, var(--primary-text-color) 0%);
  background-size: 0 2px, 0 2px, 100% 2px;
  background-position: 0 bottom, 0 bottom;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in;
  -webkit-animation: showLine 0.2s ease-in;
          animation: showLine 0.2s ease-in;
}
.editable-paragraph-field__answer.answered {
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.editable-paragraph-field__answer.answered.with-answer-animation .editable-paragraph-field__answer-text {
  -webkit-animation: popIn 0.4s ease-in;
          animation: popIn 0.4s ease-in;
}
.editable-paragraph-field__answer .editable-paragraph-field__answer-text {
  position: relative;
  display: inline-block;
  transform-origin: center;
  -webkit-animation: slideIn 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          animation: slideIn 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.editable-paragraph-field__answer.error {
  background-size: 100% 2px;
}
.editable-paragraph-field__answer:hover, .editable-paragraph-field__answer.active {
  background-size: 0 2px, 100% 2px, 100% 2px;
}
.editable-paragraph-field__answer-error {
  position: absolute;
  font-size: 12px;
  top: 100%;
  left: 0;
  text-align: left;
  line-height: 16px;
  margin-top: 4px;
  color: #e44258;
  color: var(--negative-color);
  -webkit-animation: fadeIn 0.2s ease-in;
          animation: fadeIn 0.2s ease-in;
}
.editable-paragraph-field__prefix_word {
  display: inline-block;
  position: relative;
  -webkit-animation: slideIn 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          animation: slideIn 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0.3;
    top: 16px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0.3;
    top: 16px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes showLine {
  0% {
    background-size: 0, 0, 0 2px;
  }
  25% {
    background-size: 0, 0, 25% 2px;
  }
  50% {
    background-size: 0, 0, 75% 2px;
  }
  100% {
    background-size: 0, 0, 100% 2px;
  }
}
@keyframes showLine {
  0% {
    background-size: 0, 0, 0 2px;
  }
  25% {
    background-size: 0, 0, 25% 2px;
  }
  50% {
    background-size: 0, 0, 75% 2px;
  }
  100% {
    background-size: 0, 0, 100% 2px;
  }
}
@-webkit-keyframes popIn {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.05);
  }
  35% {
    transform: scale(0.98);
  }
  67% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes popIn {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.05);
  }
  35% {
    transform: scale(0.98);
  }
  67% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
.plan-suggester {
  padding: 88px 15% 96px;
  height: 100%;
  width: 100%;
}
.plan-suggester__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 32px;
  line-height: 48px;
}
.plan-suggester__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
  color: #323338;
  color: var(--primary-text-color);
}
.plan-suggester__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 64px;
  color: #676879;
  color: var(--secondary-text-color);
}
.plan-suggester__buttons {
  margin-top: auto;
  margin-left: auto;
  display: flex;
}
.plan-suggester__skip-button {
  margin-right: 8px;
}
.plan-suggester__field-shimmer-container {
  height: 38px;
  display: flex;
  align-items: center;
}
.tags-management-component {
  height: 100%;
}
.tags-management-component .tags-management-content {
  padding: 32px;
}
.empty-message-after-search-component .no-tags-after-search {
  font-size: 14px;
}
.empty-message-after-search-component .no-tags-after-search .manage-all-tags {
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.empty-message-after-search-component .no-tags-after-search .manage-all-tags:hover {
  text-decoration: underline;
}
.empty-tags-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 140px;
  transform: translateX(-50%);
}
.empty-tags-component .no-tags-available-image {
  margin-bottom: 20px;
}
.empty-tags-component .title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.empty-tags-component .content {
  text-align: center;
  font-size: 14px;
}

.trending-tag-component {
  font-size: 16px;
  display: flex;
  margin: 0px 16px 16px 0;
  align-items: center;
}
.trending-tag-component .tag-text {
  margin-right: 16px;
  font-weight: 400;
  cursor: pointer;
}
.trending-tag-component .tag-text:hover {
  text-decoration: underline;
}
.trending-tags-component {
  margin-bottom: 32px;
  background: #f7f7f7;
  padding: 32px;
}
.trending-tags-component .title {
  font-size: 24px;
  margin-bottom: 32px;
}
.trending-tags-component .content {
  display: flex;
  flex-wrap: wrap;
}

.tags-kind-component .tags-board-kind {
  display: flex;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 32px;
  cursor: default;
}
.tags-kind-component .tags-board-kind.public {
  color: #333333;
}
.tags-kind-component .tags-board-kind.private {
  color: #f65f7c;
}
.tags-kind-component .tags-board-kind.share {
  color: #a358df;
}
.tags-kind-component .tags-board-kind .kind-icon {
  margin-right: 8px;
}
.tags-kind-component .tags-kind-list .letter-tags-container {
  display: flex;
  flex-direction: column;
}
.tags-kind-component .tags-kind-list .letter-tags-container .letter-section-title {
  font-size: 24px;
  color: #c4c4c4;
  margin-bottom: 16px;
}
.tags-kind-component .tags-kind-list .letter-tags-container .letter-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 16px;
  margin-bottom: 32px;
  border-bottom: 1px solid #f1f1f1;
}
.tags-kind-component .tags-kind-list .letter-tags-container .letter-tags .tag-item-wrapper {
  width: 25%;
}
.tag-item-component {
  margin-right: 32px;
  margin-bottom: 8px;
}
.tag-item-component .tag-board-name {
  cursor: default;
  padding-left: 4px;
  margin-right: 8px;
  color: #c4c4c4;
  font-size: 13px;
}
.tag-item-content-component {
  display: flex;
}
.tag-item-content-component .tag-item-name-wrapper {
  display: flex;
  display: flex;
  cursor: default;
  padding: 3px 4px;
  font-weight: 400;
  border: 1px solid transparent;
  max-width: calc(100% - 32px);
}
.tag-item-content-component .tag-item-name-wrapper.suggest-editing {
  border: 1px dashed #808080;
}
.tag-item-content-component .tag-item-name-wrapper:not(.suggestEditing) .tag-item-name:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tag-item-content-component .tag-item-name-wrapper .tag-item-name {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-right: 4px;
}
.tag-item-content-component .tag-item-name-wrapper .tag-item-name .ds-text-component {
  padding: 0;
  border: 0;
}
.tag-item-content-component .tag-item-name-wrapper .tag-item-counter {
  color: #c4c4c4;
}
.tag-item-content-component .pencil-icon-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 32px;
}
.tag-item-content-component .pencil-icon-wrapper:hover {
  background: #f1f1f1 !important;
}
.tag-item-content-component .pencil-icon-wrapper:hover .pencil-icon {
  color: #808080;
}
.tag-item-content-component .pencil-icon-wrapper .pencil-icon {
  font-size: 14px;
  color: #c4c4c4;
}
.tag-name-input-component {
  position: relative;
}
.tag-name-input-component .ds-editable-input {
  padding: 3px 2px 3px 30px;
  font-weight: 400;
}
.tag-name-input-component .ds-editable-input.invalid {
  border-color: red;
}
.tag-color-picker-content-component {
  border: 1px solid #c4c4c4;
  position: relative;
  padding: 5px;
  background: white;
  line-height: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 78px;
}
.tag-color-picker-content-component:before {
  content: "";
  position: absolute;
  background: white;
  left: 0px;
  top: -1px;
  width: 28px;
  height: 1px;
}
.tag-color-picker-content-component .tag-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  margin: 3px;
  cursor: pointer;
}
.tag-color-picker-content-component .tag-color:hover {
  opacity: 0.7;
}
.tag-color-picker-component.open .tag-color-picker-button {
  border: 1px solid #c4c4c4;
  border-radius: 50% 50% 0 0;
  background: white;
}
.tag-color-picker-component .tag-color-picker-button {
  position: absolute;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.tag-color-picker-component .tag-color-picker-button .tag-color-picker-button-inner {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  transition: opacity 0.1 ease;
  cursor: pointer;
}
.tag-color-picker-component .tag-color-picker-button .tag-color-picker-button-inner:hover {
  opacity: 0.7;
}
.tags-management-upgrade-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.tags-management-upgrade-component .tags-management-upgrade-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 480px;
  margin-left: 300px;
}
.tags-management-upgrade-component .tags-management-upgrade-wrapper .tags-management-upgrade-image {
  margin-bottom: 32px;
}
.tags-management-upgrade-component .tags-management-upgrade-wrapper .tags-management-upgrade-text {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 32px;
  color: #ffffff;
  text-align: center;
}
.surface-search-content .monday-search-everything-loader-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  pointer-events: none;
}
.surface-search-content .monday-search-everything-loader-wrapper img {
  width: 180px;
  height: 90px;
}
.surface-search-content .monday-search-everything-loader-wrapper .search-everything-loader-text {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.surface-search-content .monday-search-everything-loader-wrapper .monday-search-everything-loader-css {
  -webkit-animation: monday-loader-spin-animation 0.8s linear infinite;
  animation: monday-loader-spin-animation 0.8s linear infinite;
  border: 5px solid #ddd;
  border-top: 5px solid #00c875;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  margin-bottom: 8px;
}
@keyframes monday-loader-spin-animation {
  to {
    border-top-color: #00c875;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes monday-loader-spin-animation {
  to {
    border-top-color: #00c875;
    transform: rotate(360deg);
  }
}
.invite-guest-or-member-component {
  padding: 16px;
}
.invite-guest-or-member-component .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.invite-guest-or-member-component .member-types-radio-buttons-container {
  display: flex;
}
.invite-guest-or-member-component .member-types-radio-buttons-container .radio-button-component-wrapper:not(:last-child) {
  margin-right: 40px;
}
.invite-guest-or-member-component .member-types-radio-buttons-container .radio-button-component-wrapper .member-type-label-container {
  display: flex;
  align-items: center;
}
.invite-guest-or-member-component .member-types-radio-buttons-container .radio-button-component-wrapper .member-type-label-container .member-type-title {
  margin-right: 8px;
}
.invite-guest-or-member-component .member-types-radio-buttons-container .radio-button-component-wrapper .member-type-label-container .member-type-image {
  height: 16px;
}
.invite-guest-or-member-component .footer-container {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.invite-guest-or-member-component .footer-container .member-type-notice {
  flex-grow: 1;
  font-size: 12px;
  color: #9699a6;
  margin-right: 36px;
  height: 36px;
  display: flex;
  align-items: center;
}
.invite-guest-or-member-component .footer-container .invite-user-button {
  flex-shrink: 0;
}
.ReactModalPortal .ReactModal__Overlay.default-overlay-style {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: initial;
}
.ReactModalPortal .ReactModal__Overlay .modal-component.system-modal {
  padding: 0;
}
.ReactModalPortal .ReactModal__Overlay.light-overlay {
  background: rgba(255, 255, 255, 0.9) !important;
}
.ReactModalPortal .ReactModal__Overlay.light-overlay .ReactModal__Content {
  box-shadow: none !important;
}

.ReactModalPortal.is-holistic .ReactModal__Overlay .ReactModal__Content {
  box-shadow: none !important;
}
.ReactModalPortal.is-holistic .ReactModal__Overlay .ReactModal__Content.ReactModal__Content--after-open {
  box-shadow: none !important;
}
.referrals-email-invite-component {
  margin-top: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 24px;
  display: inline-flex;
  flex-direction: column;
}
.referrals-email-invite-component .referrals-email-invite-component-header {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.referrals-email-invite-component .referrals-email-invite-component-header .referrals-email-invite-component-title .icon-envelope {
  margin-right: 8px;
}
.referrals-email-invite-component .referrals-email-invite-component-header .referrals-email-invite-component-preview {
  font-size: 14px;
  line-height: 22px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
  position: relative;
  margin-right: 10px;
}
.referrals-email-invite-component .referrals-email-invite-component-header .referrals-email-invite-component-preview .referrals-email-invite-component-preview-image {
  position: absolute;
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 2;
  width: 450px;
  left: 100px;
  top: -300px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1280px) {
  .referrals-email-invite-component .referrals-email-invite-component-header .referrals-email-invite-component-preview .referrals-email-invite-component-preview-image {
    width: 300px;
  }
}
@media screen and (max-width: 1520px) {
  .referrals-email-invite-component .referrals-email-invite-component-header .referrals-email-invite-component-preview .referrals-email-invite-component-preview-image {
    width: 400px;
  }
}
.referrals-email-invite-component .referrals-email-invite-input-wrapper {
  align-items: center;
  display: flex;
}
.referrals-email-invite-component .referrals-email-invite-input-wrapper .emails-input-wrapper {
  flex: 1;
  margin-right: 16px;
}
.referrals-email-invite-component .email-input .tags-input-wrapper {
  border-radius: 8px;
  border: 1px #e6e9ef solid;
}
.referrals-email-invite-component .email-input .tags-input-wrapper input {
  height: 48px;
}
.free-tier-referrals-modal-component {
  padding: 24px 48px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #323338;
  color: var(--primary-text-color);
}
.free-tier-referrals-modal-component .free-tier-referrals-close-button {
  position: absolute;
  right: 0;
  top: 0;
}
.free-tier-referrals-modal-component .free-tier-referrals-title {
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  letter-spacing: -1px;
  line-height: 37px;
  margin-bottom: 24px;
}
.free-tier-referrals-modal-component .free-tier-referrals-subtitle {
  text-align: center;
  margin-bottom: 32px;
  margin-top: 8px;
  font-weight: 400;
  font-size: 1.05em;
}
.free-tier-referrals-modal-component .free-tier-referrals-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
.free-tier-referrals-modal-component .free-tier-referrals-steps .free-tier-referrals-single-step {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  margin-right: 16px;
}
.free-tier-referrals-modal-component .free-tier-referrals-steps .free-tier-referrals-single-step .free-tier-referrals-single-step-number {
  flex-shrink: 0;
  text-align: center;
  border-radius: 100%;
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  font-weight: bold;
  margin-right: 8px;
  font-size: 16px;
  padding: 0 8px;
  letter-spacing: -1px;
}
.free-tier-referrals-modal-component .free-tier-referrals-steps .free-tier-referrals-single-step .free-tier-referrals-single-step-text {
  flex: 1;
  font-size: 14px;
}
.free-tier-referrals-modal-component .free-tier-referrals-steps .free-tier-referrals-single-step:last-child {
  margin-right: 0;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  width: 100%;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-title-wrapper {
  display: flex;
  margin-bottom: 8px;
  font-size: 14px;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-title-wrapper .free-tier-referrals-link-title-icon {
  margin-right: 8px;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content {
  align-items: center;
  display: flex;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-link-input {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #676879;
  color: var(--placeholder-color);
  display: flex;
  align-items: center;
  height: 48px;
  margin-right: 16px;
  flex: 1;
  outline: none;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-link-input:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-links-button-wrapper {
  position: relative;
  height: 46px;
  align-items: center;
  display: flex;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-links-button-wrapper .free-tier-referrals-link-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
  text-align: center;
  flex-shrink: 0;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-links-button-wrapper .free-tier-referrals-link-button:hover {
  background: #0071d9;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-links-button-wrapper .free-tier-referrals-link-copy-indicator {
  opacity: 0;
  color: #0085ff;
  color: var(--primary-color);
  position: absolute;
  cursor: default;
  bottom: 100%;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
.free-tier-referrals-modal-component .free-tier-referrals-link-wrapper .free-tier-referrals-link-content .free-tier-referrals-links-button-wrapper .free-tier-referrals-link-copy-indicator.copied {
  opacity: 1;
}
.free-tier-referrals-modal-component .free-tier-referrals-description {
  margin-top: 16px;
  font-size: 12px;
  color: #9699a6;
}
.workspaces-explorer-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  color: #323338;
  color: var(--primary-text-color);
  height: 100%;
}
.workspaces-explorer-component .close-button {
  position: absolute;
  right: 24px;
  top: 20px;
  cursor: pointer;
  font-size: 16px;
}
.workspaces-explorer-component .close-button:hover {
  color: #e6e9ef;
}
.workspaces-explorer-component .workspaces-explorer {
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-header {
  height: 10%;
  margin: 0 66px 40px 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-header .workspaces-title {
  font-size: 32px;
  font-weight: bold;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-header .workspaces-actions {
  display: flex;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-header .workspaces-actions .workspace-filter {
  margin-right: 12px;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content {
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 1rem;
  align-content: start;
  overflow: visible;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content div {
  box-sizing: border-box;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper {
  align-items: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title {
  display: flex;
  justify-content: space-between;
  height: 38px;
  font-weight: 500;
  font-size: 24px;
  border-bottom: 1px solid var(--automations-border-color);
  padding: 5px 0;
  cursor: pointer;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title:hover .fa-angle-up {
  color: #0085ff;
  color: var(--primary-color);
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .fa-angle-up {
  align-self: center;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .fa-angle-up.open {
  transform: rotate(0deg);
  transition: transform 130ms linear;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .fa-angle-up:not(.open) {
  transform: rotate(-180deg);
  transition: transform 130ms linear;
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .description-icon {
  font-size: 14px;
  margin-left: 8px;
  color: #676879;
  color: var(--secondary-text-color);
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .description-icon:hover {
  color: #323338;
  color: var(--primary-text-color);
}
.workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-component {
  margin-top: 12px;
  width: 500px;
  position: relative;
}

.surface-content-component .workspaces-explorer-component {
  color: #ffffff;
  background-color: #292f4c;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper:hover .input-component__input {
  border-color: #ffffff;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper .search_component {
  color: #ffffff;
  border-color: #9699a6;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper .search_component:-ms-input-placeholder {
  color: #9699a6;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper .search_component::placeholder {
  color: #9699a6;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper .input-component__icon--container:hover {
  background-color: #4B4E69;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-header .search_component_wrapper .input-component__icon--container .icon_component {
  color: #c5c7d0;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content {
  justify-content: center;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper {
  margin: 0 auto;
  width: 70%;
  max-width: 1600px;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title {
  width: 100%;
  height: 44px;
  border-bottom-color: #5a5c74;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .description-icon {
  color: #9699a6;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-title .description-icon:hover {
  color: #ffffff;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-component {
  width: 100%;
}
.surface-content-component .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-component:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 90%, #292f4c 100%);
}
.join-workspace-button .hover-text {
  display: none;
}
.join-workspace-button:hover .main-text {
  display: none;
}
.join-workspace-button:hover .hover-text {
  display: block;
}
.workspace-card-component {
  border-radius: 8px;
  border: 1px solid;
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  transform: translate3d(0, 0, 0);
  display: inline-flex;
  align-items: center;
  height: 90px;
  overflow: auto;
}
.workspace-card-component .homepage-join-button {
  position: absolute;
  right: 0;
  margin-right: 20px;
  display: none;
}
.workspace-card-component .homepage-join-button .monday-style-button {
  border: none;
}
.workspace-card-component:hover {
  cursor: pointer;
  border-color: transparent;
  box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  background-color: var(--card-hover-background-color);
}
.workspace-card-component:hover .workspace-item-wrapper {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.workspace-card-component:hover .workspace-permission-icon-wrapper {
  background-color: #ffffff;
  background-color: var(--card-hover-background-color);
}
.workspace-card-component:hover .homepage-join-button {
  display: inline;
}
.workspace-card-component .workspace-icon-container {
  display: table-cell;
  margin-left: 20px;
}
.workspace-card-component .workspace-card-titles {
  display: table-cell;
  height: auto;
  margin-left: 14px;
}
.workspace-card-component .workspace-card-titles .workspace-name {
  font-size: 18px;
  font-weight: 500;
  border: none;
  padding: initial;
}
.workspace-card-component .workspace-card-titles .workspace-card-boards-overviews-count {
  font-size: 14px;
}
.workspace-card-component.card-size-ml {
  height: 65px;
}
.workspace-card-component.card-size-ml .workspace-name {
  font-size: 16px;
  font-weight: 400;
}
.workspace-card-component.dark-card {
  background-color: #1c1f3b;
  border: none;
}
.workspace-card-component.dark-card .workspace-permission-icon-wrapper {
  background-color: #1c1f3b;
  color: white;
}
.workspace-card-component.dark-card:hover {
  cursor: pointer;
  border-color: transparent;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08);
  background-color: #4B4E69;
}
.workspace-card-component.dark-card:hover .workspace-item-wrapper {
  background-color: #1c1f3b;
}
.workspace-card-component.dark-card:hover .workspace-permission-icon-wrapper {
  background-color: #4B4E69;
}
.workspaces-list-component {
  display: flex;
  overflow: visible;
  align-items: center;
}
.workspaces-list-component .workspaces-overlay {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: center;
}
.workspaces-list-component .workspaces-list {
  width: 100%;
  display: grid;
  grid-template-columns: 5fr 5fr;
  row-gap: 20px;
  column-gap: 20px;
}
.workspaces-list-component .workspaces-list .workspace-card-component {
  display: flex;
  flex-direction: row;
}
.column-template-dialog-component {
  position: relative;
  padding: 40px;
}
.column-template-dialog-component .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 15px;
  cursor: pointer;
  color: #c4c4c4;
}
.column-template-dialog-component .close-button:hover {
  color: #333333;
}
.column-template-dialog-component .column-template-dialog-content {
  display: flex;
  min-height: 250px;
}
.column-template-dialog-component .column-template-dialog-content .column-template-form-wrapper {
  flex: 0 0 50%;
  min-width: 0px;
  padding-right: 64px;
}
.column-template-dialog-component .column-template-dialog-content .column-template-form-wrapper .column-template-subtitle {
  font-size: 14px;
  margin: 32px 0px;
  display: flex;
}
.column-template-dialog-component .column-template-dialog-content .column-template-form-wrapper .column-template-subtitle .column-store-link {
  cursor: pointer;
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
.column-template-dialog-component .column-template-dialog-content .column-template-form-wrapper .column-template-subtitle .animatable-check-sign-component {
  margin-top: 2px;
  margin-right: 8px;
}
.column-template-dialog-component .column-template-dialog-content .column-template-form-wrapper .column-template-field {
  margin-bottom: 16px;
}
.column-template-dialog-component .column-template-dialog-content .column-store-card-wrapper {
  flex: 0 0 50%;
  min-width: 0px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.1s ease;
  position: relative;
}
.column-template-dialog-component .column-template-dialog-content .column-store-card-wrapper .column-store-card {
  width: 320px;
}
.column-template-dialog-component .column-template-dialog-content .column-store-card-wrapper .created-label {
  position: absolute;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
  top: 24px;
}
.column-template-dialog-component .column-template-dialog-content .column-store-card-wrapper.created {
  background: #e5f4ff;
}
.column-template-dialog-component .column-template-footer {
  margin-top: 32px;
  text-align: right;
}
.close-button-component {
  font-size: 12px;
  cursor: pointer;
  color: #808080;
}
.close-button-component:hover {
  color: #333333;
}
.item-default-values-modal-component {
  max-height: 75vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px;
}
.item-default-values-modal-component .close-button {
  position: absolute;
  right: 0;
  top: 0;
}
.item-default-values-modal-component .item-default-values-header {
  flex: 0 0 auto;
  padding-bottom: 16px;
}
.item-default-values-modal-component .item-default-values-header .item-default-values-header-title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 8px;
}
.item-default-values-modal-component .item-default-values-header .item-default-values-header-subtitle {
  font-size: 16px;
}
.item-default-values-modal-component .item-default-values-item-mapping-wrapper {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.item-default-values-modal-component .item-default-values-item-mapping-wrapper .item-default-values-pulse-mapping {
  overflow: hidden;
}
.item-default-values-modal-component .item-default-values-item-mapping-wrapper .pulse-card-component .pulse-card-cell-wrapper .column-title {
  flex: 0 0 140px;
}
.item-default-values-modal-component .item-default-values-footer {
  padding-top: 16px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row-reverse;
  padding-right: 30px;
}
.folder-items-user-cant-move-component {
  margin-top: 16px;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-warning {
  display: flex;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-warning .folder-items-user-cant-move-icon {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-warning .folder-items-user-cant-move-warning-message {
  max-width: 400px;
}
.folder-items-user-cant-move-component .folder-items-list-toggle-button {
  display: flex;
  margin-left: 28px;
}
.folder-items-user-cant-move-component .folder-items-list-toggle-button .toggle-icon {
  margin-left: 4px;
  font-size: 16px;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-list {
  margin-left: 36px;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-list .folder-item-user-cant-move-icon {
  margin-right: 8px;
}
.folder-items-user-cant-move-component .folder-items-user-cant-move-list .folder-item-user-cant-move-kind-icon {
  margin-left: 8px;
}
.move-to-workspace-warning-dialog {
  padding: 40px;
  display: flex;
  flex-direction: column;
}
.move-to-workspace-warning-dialog .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  cursor: pointer;
}
.move-to-workspace-warning-dialog .move-to-workspace-warning-text {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  margin-top: 12px;
}
.monday-as-work-os-component {
  height: 80vh;
  background-color: #ffffff;
  width: 600px;
  overflow: hidden;
}
.monday-as-work-os-component .header {
  height: 92px;
  border-bottom: 1px solid #e6e9ef;
  position: relative;
  padding: 0px 60px;
  display: flex;
  align-items: center;
}
.monday-as-work-os-component .header .close-icon {
  position: absolute;
  top: 14px;
  right: 16px;
  cursor: pointer;
  color: #808080;
  transition: color 200ms ease;
}
.monday-as-work-os-component .header .close-icon:hover {
  color: #333333;
}
.monday-as-work-os-component .header .title {
  color: #1c1f3b;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.monday-as-work-os-component .content {
  height: calc(100% - 92px);
  padding: 0px 60px 32px;
  overflow-y: auto;
}
.monday-as-work-os-component .content::-webkit-scrollbar {
  width: 6px;
}
.monday-as-work-os-component .content::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 4px;
}
.monday-as-work-os-component .content .work-os-explanation {
  border-bottom: 1px solid #e6e9ef;
  padding: 24px 0px;
  font-size: 16px;
  line-height: 24px;
  color: #323338;
}
.monday-as-work-os-component .content .work-os-explanation .second-explanation {
  margin-top: 8px;
}
.monday-as-work-os-component .content .building-blocks-wrapper {
  margin-top: 32px;
}
.monday-as-work-os-component .content .building-blocks-wrapper .title {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
}
.monday-as-work-os-component .content .building-blocks-wrapper .building-block-items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.monday-as-work-os-component .content .building-blocks-wrapper .building-block-items .building-block-item-component-wrapper {
  width: 220px;
  margin-bottom: 8px;
}
.monday-as-work-os-component .content .coming-soon-wrapper {
  margin-top: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e6e9ef;
}
.monday-as-work-os-component .content .coming-soon-wrapper .coming-soon-title-wrapper {
  display: flex;
  font-size: 14px;
  line-height: 16px;
}
.monday-as-work-os-component .content .coming-soon-wrapper .coming-soon-title-wrapper .coming-soon-text {
  font-weight: 700;
  color: #333333;
}
.monday-as-work-os-component .content .coming-soon-wrapper .coming-soon-title-wrapper .coming-soon-date {
  margin-left: 4px;
  color: #c4c4c4;
}
.monday-as-work-os-component .content .coming-soon-wrapper .coming-soon-items {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
.monday-as-work-os-component .content .coming-soon-wrapper .coming-soon-items .coming-soon-item-component-wrapper {
  width: 220px;
  margin-bottom: 8px;
}
.monday-as-work-os-component .content .webinar-wrapper {
  margin-top: 24px;
}
.monday-as-work-os-component .content .webinar-wrapper .webinar-content {
  font-size: 16px;
  line-height: 24px;
}
.monday-as-work-os-component .content .webinar-wrapper .webinar-footer {
  display: flex;
  margin-top: 16px;
}
.monday-as-work-os-component .content .webinar-wrapper .webinar-footer .webinar-date {
  font-size: 16px;
  line-height: 19px;
  flex-grow: 1;
}
.monday-as-work-os-component .content .webinar-wrapper .webinar-footer .webinar-registration-button {
  font-size: 16px;
  line-height: 24px;
  color: #0085ff;
  color: var(--primary-color);
  flex-shrink: 0;
  cursor: pointer;
}
.building-block-item-component {
  display: flex;
  align-items: center;
}
.building-block-item-component .item-image {
  height: 24px;
  width: 24px;
}
.building-block-item-component .item-title {
  font-size: 14px;
  line-height: 24px;
  margin-left: 8px;
}
.photo-upload-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.photo-upload-component .title-wrapper {
  font-size: 18px;
  font-weight: 700;
  color: #323338;
  color: var(--primary-text-color);
}
.photo-upload-component .title-wrapper h2 {
  margin-bottom: 16px;
}
.photo-upload-component .croppie-container {
  padding: 0;
}
.photo-upload-component .button-wrapper {
  margin-top: 24px;
  text-align: right;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.guest-signup-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  min-width: 550px;
}
.guest-signup-wrapper .background-circle {
  width: 160px;
  height: 160px;
  border-radius: 100%;
}
.guest-signup-wrapper .top-left-circle {
  background: #ffcb00;
  position: absolute;
  top: -90px;
  left: -90px;
}
.guest-signup-wrapper .bottom-right-circle {
  background: #a358df;
  position: absolute;
  bottom: -90px;
  right: -90px;
}
.guest-signup-wrapper .guest-signup-close-button {
  text-align: right;
  position: absolute;
  top: -10px;
  right: -5px;
  color: #808080;
  cursor: pointer;
}
.guest-signup-wrapper .guest-signup-close-button:hover {
  color: #333333;
}
.guest-signup-wrapper .modal-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.guest-signup-wrapper .modal-header-wrapper h1.modal-main-header {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
  margin: 32px 16px;
}
.guest-signup-wrapper .modal-header-wrapper img {
  width: 38px;
  height: 36px;
}
.guest-signup-wrapper div.modal-sub-header {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  height: 80px;
  margin-bottom: 16px;
}
.guest-signup-wrapper .guest-signup-button-section {
  margin-bottom: 32px;
}
.guest-signup-wrapper .guest-signup-button-section .guest-signup-create-account {
  margin-bottom: 8px;
}
.guest-signup-wrapper .guest-signup-button-section .disclaimer {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
}
.install-mobile-app-component {
  padding: 16px;
}
.install-mobile-app-component .icon-dapulse-x-slim {
  cursor: pointer;
}
.install-mobile-app-component .install-mobile-app-component-inner {
  display: flex;
}
.install-mobile-app-component .install-mobile-app-component-inner .left-side {
  margin: 32px;
  height: 378px;
  width: 195px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.101025);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.install-mobile-app-component .install-mobile-app-component-inner .left-side img {
  border-radius: 8px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 350px;
  padding: 32px;
  padding-left: 0px;
  padding-top: 56px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .header {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
  width: 264px;
  line-height: 30px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .phone-input-wrapper {
  margin-bottom: 16px;
  height: unset;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .phone-input-wrapper .phone-input {
  width: 320px;
  padding-left: 96px !important;
  border-radius: 4px;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .logos .mobile-platform-logo {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .logos .mobile-platform-text {
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .logos .mobile-platform-text.last {
  margin-right: 16px;
}
.install-mobile-app-component .install-mobile-app-component-inner .right-side .send-text-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 34px;
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left,
.install-mobile-app-component .phone-input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 64px;
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left #country-listbox,
.install-mobile-app-component .phone-input-wrapper #country-listbox {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .iti__flag-container,
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .iti__selected-flag,
.install-mobile-app-component .phone-input-wrapper .iti__flag-container,
.install-mobile-app-component .phone-input-wrapper .iti__selected-flag {
  outline: none;
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .iti__selected-flag,
.install-mobile-app-component .phone-input-wrapper .iti__selected-flag {
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .iti__arrow,
.install-mobile-app-component .phone-input-wrapper .iti__arrow {
  border-top-color: #676879;
  border-top-color: var(--icon-color);
  border-bottom-color: #676879;
  border-bottom-color: var(--icon-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .phone-input,
.install-mobile-app-component .phone-input-wrapper .phone-input {
  padding: 0.633rem 1.9rem;
  font-size: 1.1333rem;
  line-height: 1.25;
  height: 2.81596rem;
  width: 368px;
  font-size: 16px;
  justify-content: left;
  outline: 0;
  padding-left: 118px !important;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .phone-input:-ms-input-placeholder, .install-mobile-app-component .phone-input-wrapper .phone-input:-ms-input-placeholder {
  text-align: center;
  color: #676879;
  color: var(--placeholder-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .phone-input::placeholder,
.install-mobile-app-component .phone-input-wrapper .phone-input::placeholder {
  text-align: center;
  color: #676879;
  color: var(--placeholder-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .phone-input.invalid,
.install-mobile-app-component .phone-input-wrapper .phone-input.invalid {
  border: 1px solid;
  border-color: #e44258;
  border-color: var(--negative-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .phone-input.valid,
.install-mobile-app-component .phone-input-wrapper .phone-input.valid {
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .selected-flag,
.install-mobile-app-component .phone-input-wrapper .selected-flag {
  outline: 0;
  padding-left: 16px;
  padding-right: 32px;
}
.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left .error-tip,
.install-mobile-app-component .phone-input-wrapper .error-tip {
  color: #e44258;
  color: var(--negative-color);
  font-size: 13px;
}
.board-template-dialog-component {
  padding: 16px;
  text-align: left;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 550px;
}
.board-template-dialog-component .board-template-image {
  display: flex;
  justify-content: center;
}
.board-template-dialog-component .board-template-dialog-close-button {
  font-size: 16px;
  text-align: right;
  position: absolute;
  color: #676879;
  color: var(--icon-color);
  cursor: pointer;
  top: 12px;
  right: 14px;
}
.board-template-dialog-component .board-template-dialog-close-button:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.board-template-dialog-component .board-template-dialog-close-button-square {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 14px;
}
.board-template-dialog-component .board-template-dialog-header {
  font-size: 30px;
  margin-bottom: 24px;
}
.board-template-dialog-component .board-template-dialog-text-wrapper {
  display: flex;
  flex-flow: column;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  line-height: 1.6;
}
.board-template-dialog-component .board-template-dialog-text-wrapper .description-item {
  padding: 16px 0;
}
.board-template-dialog-component .board-template-dialog-text-wrapper .description-info {
  display: flex;
  align-items: center;
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  border-radius: 8px;
  padding-right: 24px;
  margin-top: 8px;
}
.board-template-dialog-component .board-template-dialog-text-wrapper .description-info .icon {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 30px;
  margin: 24px;
}
.board-template-dialog-component .got-it-button {
  justify-content: flex-end;
  display: flex;
  padding-top: 32px;
}
.board-template-dialog-component .dont-show-again-checkbox-wrapper {
  padding-top: 13px;
  padding-right: 16px;
  flex: 1 1 auto;
}
.board-template-dialog-component #dont-show-again-checkbox {
  margin-right: 8px;
  cursor: pointer;
}
.board-template-dialog-component .dont-show-again-label {
  cursor: pointer;
}
.board-template-dialog-component .cancel-create-template {
  margin-right: 4px;
}
.new-early-bird-promotion-component {
  text-align: center;
  width: 520px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content {
  padding: 24px 16px;
  margin: 16px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 440px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .image-title {
  top: 56px;
  z-index: 1;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .image-title h1 {
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 16px;
  color: #f74875;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .image-title h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .exit-button {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .discount-image {
  width: 100%;
  position: absolute;
  top: 96px;
  left: 0px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .title {
  margin-bottom: 32px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .subtitle {
  font-size: 15px;
  padding-bottom: 8px;
  margin: 0 auto;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .bottom-content {
  margin-top: auto;
  z-index: 1;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .get-my-discount-square-button {
  margin-bottom: 16px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .get-my-discount-button {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
  font-size: 16px;
}
.new-early-bird-promotion-component .new-early-bird-promotion-content .refund-text {
  font-size: 14px;
  font-weight: 400;
}
.new-early-bird-promotion-component .social-logos {
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  padding: 16px;
}
.new-early-bird-promotion-component .social-logos .social-text {
  padding-bottom: 16px;
}
.new-early-bird-promotion-component .social-logos .social-image {
  padding-bottom: 8px;
  width: 456px;
}
.special-promotion-component {
  text-align: center;
  padding: 24px 16px;
  margin: 16px;
}
.special-promotion-component .exit-button {
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}
.special-promotion-component .discount-image {
  height: 300px;
}
.special-promotion-component .promotion-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: -12px;
}
.special-promotion-component .special-offer-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 32px;
}
.special-promotion-component .subtitle {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0px;
  padding-bottom: 8px;
  margin: 0 auto;
}
.special-promotion-component .get-my-discount-square-button {
  margin-bottom: 16px;
}
.special-promotion-component .get-my-discount-button {
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
}
.special-promotion-component .refund-icon {
  font-size: 32px;
}
.special-landscape-promotion-component {
  display: flex;
  position: relative;
  height: 400px;
  width: 640px;
}
.special-landscape-promotion-component .exit-modal-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  color: #ffffff;
  transition: opacity 200ms ease;
}
.special-landscape-promotion-component .exit-modal-icon:hover {
  opacity: 0.7;
}
.special-landscape-promotion-component .promotion-leftside-content {
  height: 100%;
  width: 45%;
  background-color: #00cff4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.special-landscape-promotion-component .promotion-leftside-content .cyber-monday-img {
  width: 262px;
}
.special-landscape-promotion-component .promotion-rightside-content {
  height: 100%;
  width: 55%;
  background-color: #595ad4;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-title {
  display: flex;
  flex-direction: column;
  font-size: 30px;
  align-items: center;
  line-height: 36px;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-content {
  font-size: 16px;
  text-align: center;
  margin-top: 18px;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-get-discount-button {
  margin-top: 32px;
  padding: 10px 30px;
  color: #595ad4;
  background-color: #ffffff;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 200ms ease;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-get-discount-button:hover {
  background-color: #f1f1f1;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-dismiss-button {
  font-size: 14px;
  margin-top: 18px;
  cursor: pointer;
}
.special-landscape-promotion-component .promotion-rightside-content .promotion-dismiss-button:hover {
  text-decoration: underline;
}
.team-weekly-board-video {
  width: 100%;
}
.team-weekly-board-video .dialog-subheader {
  margin-top: 12px;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
}
.team-weekly-board-video .dialog-content {
  text-align: center;
  margin: 12px 32px 32px 32px;
}
.team-weekly-board-video .dialog-footer-button {
  margin-bottom: 16px;
  text-align: center;
}
.team-weekly-board-video .close-button {
  cursor: pointer;
  right: 15px;
  top: 10px;
  position: absolute;
}
.team-weekly-board-video .close-button:hover {
  color: #808080;
}
.modal-component.system-modal.onboarding-welcome-to-monday-wrapper {
  background-color: transparent;
}

.onboarding-welcome-to-monday-component {
  position: relative;
  width: 632px;
  height: 544px;
  padding: 24px 0;
  text-align: center;
  color: #ffffff;
}
.onboarding-welcome-to-monday-component .hotdog-decorator {
  position: absolute;
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-radius: 50%;
  width: 200%;
  height: 200%;
  left: -50%;
  bottom: 290px;
  z-index: -1;
}
.onboarding-welcome-to-monday-component .close-icon-wrapper {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #ffffff;
  cursor: pointer;
}
.onboarding-welcome-to-monday-component .close-icon-wrapper:hover {
  color: #e6e6e6;
}
.onboarding-welcome-to-monday-component .welcome-to-monday-title {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  margin-bottom: 16px;
}
.onboarding-welcome-to-monday-component .monday-explenation-subtitle {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.onboarding-welcome-to-monday-component .video-container {
  position: relative;
  height: 294px;
  width: 85.75%;
  padding-bottom: 48.25%;
  margin: 0 auto 16px auto;
  box-shadow: 0 4px 14px 0 rgba(186, 186, 186, 0.5);
}
.onboarding-welcome-to-monday-component .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.import-xls-dialog-inner .xls-upload-buttom-bar {
  width: 100%;
}

.import-excel-to-board-upload-file-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 99999;
  min-width: 520px;
  min-height: 454px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.import-excel-to-board-upload-file-component img {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.import-excel-to-board-upload-file-component .xls-upload-excel-integraion-icon {
  width: 110px;
  height: 34px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: black;
}
.import-excel-to-board-upload-file-component .xls-upload-title {
  text-align: left;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  color: #323338;
  color: var(--primary-text-color);
}
.import-excel-to-board-upload-file-component .xls-upload-title .fa-angle-right {
  font-size: 18px;
  margin: 0 8px;
}
.import-excel-to-board-upload-file-component .xls-upload-subtitle {
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
  text-align: left;
  width: 100%;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer {
  border-radius: 4px;
  margin-top: 40px;
  margin-bottom: 50px;
  text-align: center;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 100%;
  height: 260px;
  border: 2px dashed #c4c4c4;
  border-color: #c5c7d0;
  border-color: var(--ui-border-on-secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone {
  margin: 20px;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone svg > g {
  fill: #676879;
  fill: var(--icon-color);
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone .xls-upload-upload-text {
  font-size: 15px;
  line-height: 26px;
  font-weight: 380;
  margin-top: 20px;
  color: #323338;
  color: var(--primary-text-color);
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone .xls-upload-upload-text .xls-upload-click-to-browse {
  color: #1f76c2;
  color: var(--link-color);
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone .xls-upload-upload-text .xls-upload-supported-files {
  display: block;
  margin-top: 8px;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-success {
  text-align: center;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-success .xls-upload-success-text {
  margin: 24px 0 8px 0;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-success > * {
  display: block;
  margin: auto;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer .xls-upload-success .tag-input-item-component {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer.post-upload {
  cursor: unset;
  border: 0;
}
.import-excel-to-board-upload-file-component .xls-upload-dropzone-outer-accepted {
  background: #f0f0f0;
  transform: scale(1.1);
}
.import-excel-to-board-upload-file-component .xls-upload-buttom-bar {
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  color: #6e6e6e;
  background: #f1f1f1;
  padding: 20px 40px 20px 40px;
}
.import-excel-to-board-upload-file-component .xls-upload-buttom-bar .import-xls-onboarding-red-highlight {
  margin-left: 1px;
  color: red;
}
.import-excel-to-board-upload-file-component .xls-upload-footer {
  margin-top: 24px;
  text-align: center;
}
.import-excel-to-board-upload-file-component .xls-upload-footer .xls-upload-footer-title {
  font-weight: 700;
  margin-bottom: 8px;
}
.import-excel-to-board-upload-file-component .xls-upload-footer .xls-upload-footer-read-more {
  display: flex;
  margin-bottom: 8px;
}
.import-excel-to-board-upload-file-component .xls-upload-footer .xls-upload-footer-sample {
  display: flex;
  align-items: center;
  justify-content: center;
}
.import-excel-to-board-upload-file-component .xls-upload-footer .xls-upload-footer-sample a {
  margin-right: 2px;
}
.import-excel-to-board-upload-file-component .xls-upload-footer-buttons {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.progress-bar-component {
  width: 100%;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  overflow: hidden;
}
.progress-bar-component .fill-progress-bar {
  height: 100%;
  background-color: #ffffff;
  transition-property: width;
  transition-timing-function: ease-out;
}
/* mixin for multiline */
.map-columns-mapper-component {
  width: 100%;
}
.map-columns-mapper-component .map-columns-mapper-header {
  display: flex;
  align-self: flex-start;
  margin-bottom: 24px;
  height: 16px;
}
.map-columns-mapper-component .map-columns-mapper-header .map-columns-mapper-header-title {
  font-size: 16px;
  font-weight: 500;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 8px;
  margin-top: -4px;
}
.map-columns-mapper-component .map-columns-mapper-titles {
  width: 100%;
  display: flex;
  margin-top: 32px;
  justify-content: space-between;
  padding-right: 12px;
}
.map-columns-mapper-component .map-columns-mapper-titles .map-columns-mapper-title {
  font-weight: 400;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-columns-mapper-component .map-columns-mapper-content {
  width: 100%;
  padding-top: 0;
  padding-right: 8px;
  overflow: scroll;
  height: 355px;
  margin-top: 16px;
}
.map-columns-mapper-component .map-columns-mapper-content::-webkit-scrollbar {
  width: 4px;
}
.map-columns-mapper-component .map-columns-mapper-content::-webkit-scrollbar-thumb {
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  border-radius: 4px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row {
  display: flex;
  padding: 16px 0;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
  border: 0;
  border-top: 1px solid;
  border-top-color: #e6e9ef;
  border-top-color: var(--layout-border-color);
  align-items: center;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row.is-disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-column-row-name {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 234px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-column-row-example {
  color: #676879;
  color: var(--secondary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 234px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker {
  width: 100%;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .menu {
  max-height: 200px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .menu > div {
  margin-right: 2px;
  max-height: 200px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .menu > div::-webkit-scrollbar {
  width: 4px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .menu > div::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .column-option {
  display: flex;
  align-items: center;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-mapper-column-picker .column-option i {
  margin-top: 2px;
  margin-right: 4px;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .file-column {
  flex: 1.25;
}
.map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .icon-big-left-arrow {
  flex: 0.75;
  transform: rotate(180deg);
  text-align: end;
  flex-shrink: 0;
}

@media (max-height: 800px) {
  .map-columns-mapper-component .map-columns-mapper-content {
    height: 30vh;
  }
}
.map-columns-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.map-columns-component .map-columns-title {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.map-columns-component .map-columns-content-container {
  flex-grow: 1;
  align-self: center;
  width: 100%;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper {
  width: 100%;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-item-picker-title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  height: 16px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-item-picker-title span {
  font-size: 16px;
  font-weight: 500;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 8px;
  margin-top: -4px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-select-wrapper .Select {
  width: 250px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper {
  display: flex;
  align-items: center;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper .map-columns-title-checker {
  width: 100%;
  margin-top: 8px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper .monday-style-checkbox__label {
  font-size: 16px;
}
.map-columns-component .map-columns-content-container .map-columns-item-picker-wrapper .map-columns-item-picker .map-columns-select-wrapper .icon {
  margin-left: 4px;
}
.map-columns-component .map-columns-content-container .map-columns-separator {
  width: 100%;
  height: 1px;
  margin: 24px auto;
  background: #e6e9ef;
}
.map-columns-component .map-columns-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
  margin-right: 0;
  width: 100%;
}
.map-columns-component .map-columns-footer .map-columns-footer-disclaimer {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.map-columns-component .map-columns-footer .map-columns-footer-disclaimer .map-columns-footer-disclaimer-icon {
  margin-right: 4px;
  color: #0085ff;
  color: var(--primary-color);
}
.import-excel-to-board-component {
  height: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  padding: 4px;
}
.import-excel-to-board-component .import-excel-steps-wrapper {
  padding: 24px;
  flex: 1;
  position: relative;
}
.import-excel-to-board-component .import-excel-steps-wrapper .import-excel-step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #676879;
  color: var(--secondary-text-color);
}
.import-excel-to-board-component .import-excel-steps-wrapper .import-excel-step-header .import-excel-step-header-logo {
  display: flex;
  align-items: center;
}
.import-excel-to-board-component .import-excel-steps-wrapper .import-excel-step-header .import-excel-step-header-logo .import-excel-step-header-logo-img {
  margin-right: 8px;
  height: 20px;
  width: auto;
}
.import-excel-to-board-component .import-excel-side-image {
  width: 395px;
  height: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
}
.import-excel-to-board-component .footer-section {
  position: relative;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px 0 4px 0;
}
.import-excel-to-board-component .footer-section .map-columns-img-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  align-items: center;
}
.import-excel-to-board-component .footer-section .map-columns-img-container .map-columns-filename {
  width: 250px;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-excel-to-board-component .footer-section .map-columns-img-container .map-columns-img {
  margin-right: 20px;
  height: 30px;
  width: auto;
}
.import-excel-to-board-component .footer-section .map-columns-buttons-container {
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-excel-to-board-component .footer-section .map-columns-buttons-container .progress-bar-component {
  margin-right: 16px;
  width: 120px;
}
.map-main-column-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.map-main-column-component .map-columns-title {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.map-main-column-component .map-main-column-content {
  flex-grow: 1;
  align-self: center;
  width: 100%;
}
.map-main-column-component .map-main-column-content .map-main-column-subtitle {
  margin-bottom: 24px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-item-picker-title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  height: 16px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-item-picker-title span {
  font-size: 16px;
  font-weight: 500;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 8px;
  margin-top: -4px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper {
  width: 100%;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper .dropdown-wrapper {
  width: 60%;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper {
  display: flex;
  align-items: center;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper .map-columns-title-checker {
  width: 100%;
  margin-top: 8px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper .map-columns-title-checker-wrapper .map-columns-title-checker .checkbox-label {
  font-weight: 300;
  margin-left: 8px;
}
.map-main-column-component .map-main-column-content .map-columns-item-picker .map-columns-select-wrapper .icon {
  margin-left: 4px;
}
.map-main-column-component .map-columns-separator {
  width: 100%;
  height: 1px;
  margin: 24px auto;
  background: #e6e9ef;
}
.map-main-column-component .map-main-column-footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 13px;
  margin-right: 0;
}
.import-loading-component {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 24px;
}
.import-loading-component .import-loading-image {
  margin-bottom: 40px;
}
.import-loading-component .progress-bar-component {
  width: 60%;
  margin-bottom: 32px;
}
.import-loading-component .import-loading-header {
  margin-bottom: 40px;
}
.import-loading-component .import-loading-header .import-loading-title {
  font-weight: 700;
  font-size: 24px;
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: 8px;
}
.import-loading-component .import-loading-header .import-loading-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.import-loading-component .import-loading-button-section {
  position: relative;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px 0 4px 0;
}
.import-loading-component .import-loading-button-section .import-loading-img-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: left;
}
.import-loading-component .import-loading-button-section .import-loading-img-container .import-loading-filename {
  width: 250px;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 20px;
}
.import-loading-component .import-loading-button-section .import-loading-img-container .import-loading-img {
  height: 30px;
  width: auto;
}
.import-loading-component .import-loading-button-section .import-loading-buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.import-loading-component .import-loading-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.map-columns-merger-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.map-columns-merger-component .map-columns-merger-component-select-section {
  flex-grow: 1;
  align-self: center;
  width: 100%;
}
.map-columns-merger-component .map-columns-merger-component-select-title {
  font-weight: 500;
  font-size: 16px;
}
.map-columns-merger-component .map-columns-title {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #323338;
  color: var(--primary-text-color);
}
.map-columns-merger-component .map-columns-merger-subtitle {
  margin-bottom: 24px;
}
.map-columns-merger-component .map-columns-merger-subtitle a {
  margin-left: 4px;
}
.map-columns-merger-component .map-columns-merger-component-option {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 400;
}
.map-columns-merger-component .map-columns-merger-component-option .map-columns-merger-option-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.map-columns-merger-component .map-columns-merger-component-option .tip-icon {
  font-size: 16px;
  margin-left: 8px;
}
.map-columns-merger-component .map-columns-merger-component-options {
  display: flex;
}
.map-columns-merger-component .map-columns-merger-component-options .selection-option-wrapper {
  flex: 1;
  height: 400px;
  margin: 0 8px;
  border-radius: 8px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 48px 24px 16px 24px;
}
.map-columns-merger-component .map-columns-merger-component-options .selection-option-wrapper.is-selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.map-columns-merger-component .map-columns-merger-component-options .selection-option-wrapper .selection-option-selected {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  background-color: #0085ff;
  background-color: var(--primary-color);
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.map-columns-merger-component .map-columns-merger-column-select {
  margin-top: 8px;
  width: 100%;
}
.map-columns-merger-component .map-columns-merger-column-select .map-columns-merger-column-select-options {
  width: 200px;
}
.map-columns-merger-component .map-columns-merger-column-select .map-columns-merger-column-select-options .column-option {
  display: flex;
  align-items: center;
}
.map-columns-merger-component .map-columns-merger-column-select .map-columns-merger-column-select-options .column-option i {
  margin-top: 2px;
  margin-right: 4px;
}
.map-columns-merger-component .map-columns-merger-footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 13px;
  margin-right: 0;
}
.close-create-board-with-template-icon {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 22px;
  color: #676879;
  color: var(--secondary-text-color);
}
.close-create-board-with-template-icon:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.add-batch-pulses-modal-wrapper {
  position: relative;
  text-align: center;
  padding: 30px 140px;
}
.add-batch-pulses-modal-wrapper .close-button {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.add-batch-pulses-modal-wrapper .top-header {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 8px;
}
.add-batch-pulses-modal-wrapper .dialog-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.add-batch-pulses-modal-wrapper .dialog-content .dialog-content-text {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 16px;
}
.add-batch-pulses-modal-wrapper .dialog-content .dialog-content-text .column-image {
  margin-top: 16px;
  width: 250px;
}
.add-batch-pulses-modal-wrapper .dialog-content .gif-wrapper {
  margin-bottom: 16px;
  height: 130px;
}
.add-batch-pulses-modal-wrapper .dialog-content .pulses-list-wrapper {
  display: flex;
  flex-direction: column;
  width: 90%;
}
.add-batch-pulses-modal-wrapper .dialog-content .pulses-list-wrapper textarea {
  font-size: 14px;
  width: 100%;
  margin-bottom: 4px;
}
.add-batch-pulses-modal-wrapper .dialog-content .pulses-list-wrapper textarea:focus {
  outline: none;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.add-batch-pulses-modal-wrapper .dialog-content .pulses-list-wrapper label {
  text-align: left;
  font-size: 12px;
  color: #808080;
  height: 12px;
}
.add-batch-pulses-modal-wrapper .dialog-footer-button {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.add-batch-pulses-templates-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.add-batch-pulses-templates-wrapper .add-batch-pulses-modal-wrapper .dialog-content .dialog-content-text {
  font-size: 24px;
}
.add-batch-pulses-templates-wrapper .add-batch-pulses-modal-wrapper .gif-wrapper {
  height: 200px;
  margin-bottom: 30px;
}
.add-batch-pulses-templates-wrapper .add-batch-pulses-modal-wrapper .gif-wrapper img {
  height: 100%;
}
.add-batch-pulses-templates-wrapper .add-batch-pulses-modal-wrapper .dialog-footer-button {
  justify-content: flex-end;
  width: 95%;
}
.account-plan-tier-trial-modal-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 40px 32px 40px;
  position: relative;
  max-width: 450px;
}
.account-plan-tier-trial-modal-component .close-button {
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0;
}
.account-plan-tier-trial-modal-component .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.account-plan-tier-trial-modal-component .content-container .modal-content-wrapper {
  font-size: 16px;
  margin-bottom: 32px;
  text-align: center;
}
.account-plan-tier-trial-modal-component .content-container .modal-content-wrapper a {
  color: #0085ff;
  color: var(--primary-color);
}
.account-plan-tier-trial-modal-component .content-container .modal-content-wrapper .features-wrapper {
  margin-bottom: 16px;
}
.account-plan-tier-trial-modal-component .content-container .modal-content-wrapper .trial-expire {
  font-size: 16px;
}
.account-plan-tier-trial-modal-component .content-container .account-plan-tier-trial-modal-header {
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 32px;
}
.account-plan-tier-trial-modal-component .content-container .modal-content-image {
  height: 152px;
  margin-bottom: 48px;
}
.account-plan-tier-trial-expired-modal-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  position: relative;
  min-width: 450px;
  max-width: 600px;
}
.account-plan-tier-trial-expired-modal-component .close-button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
}
.account-plan-tier-trial-expired-modal-component .modal-content-wrapper {
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
.account-plan-tier-trial-expired-modal-component .account-plan-tier-trial-modal-header {
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 40px;
}
.account-plan-tier-trial-expired-modal-component .account-plan-tier-trial-modal-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.account-plan-tier-trial-expired-modal-component .account-plan-tier-trial-modal-footer button {
  margin-bottom: 16px;
}
.account-plan-tier-trial-expired-modal-component .account-plan-tier-trial-modal-footer a {
  cursor: pointer;
}
.first-board-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.first-board-dialog .first-board-title {
  padding: 0 48px 16px 48px;
  text-align: center;
  font-size: 30px;
  color: #323338;
  color: var(--primary-text-color);
}
.first-board-dialog .first-board-body {
  padding: 0 24px 16px 24px;
  text-align: center;
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.first-board-dialog .first-board-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.onboarding-viewer-welcome-component {
  position: relative;
  width: 520px;
  height: 440px;
  padding: 40px;
  text-align: center;
}
.onboarding-viewer-welcome-component .close-icon-wrapper {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #808080;
  cursor: pointer;
}
.onboarding-viewer-welcome-component .close-icon-wrapper:hover {
  color: #333333;
}
.onboarding-viewer-welcome-component .welcome-title {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  margin-bottom: 16px;
}
.onboarding-viewer-welcome-component .monday-explenation-subtitle {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.onboarding-viewer-welcome-component .onboarding-image-container {
  padding-right: 40px;
}
.onboarding-viewer-welcome-component .onboarding-image-container .onboarding-image {
  height: 204px;
  width: auto;
}
.onboarding-viewer-welcome-component .explore-button-wrapper {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.unified-signup-side-component {
  min-width: 243px;
  overflow: hidden;
  background: var(--color-snow_white);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.unified-signup-side-component .unified-signup-side-content {
  width: calc(100% - 4px);
  height: calc(100% - 8px);
  margin-right: 4px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: var(--color-riverstone_gray);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.unified-signup-side-component .unified-signup-side-content .side-image-wrapper {
  width: 100%;
  height: 100%;
}
.unified-signup-side-component .unified-signup-side-content .side-image-wrapper img {
  width: 100%;
}
.unified-signup-side-component .unified-signup-side-content .side-text-wrapper {
  width: 200px;
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  bottom: 100px;
  color: var(--color-mud_black);
  text-align: center;
}
.invite-inputs-component .invite-inputs-title {
  font-size: 14px;
  margin-bottom: 8px;
}
.invite-inputs-component .invite-inputs-title .icon-envelope {
  padding-right: 8px;
}
.single-invite-input-box-component {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  width: 500px;
}
.single-invite-input-box-component input {
  font-size: 14px;
  border: 1px solid #e6e9ef;
  height: 39px;
  outline: none;
  padding: 3px 10px 1px 10px;
  flex: 1 0 auto;
  border-radius: 4px;
}
.single-invite-input-box-component input:focus {
  border-color: #579bfc;
}
.single-invite-input-box-component input.shrink-board-view {
  flex-grow: 1;
  width: unset;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.single-invite-input-box-component input:-ms-input-placeholder {
  font-size: 14px;
  color: #9699a6;
  opacity: 1;
}
.single-invite-input-box-component input::placeholder {
  font-size: 14px;
  color: #9699a6;
  opacity: 1;
}
.single-invite-input-box-component input:-ms-input-placeholder, .single-invite-input-box-component input::-ms-input-placeholder {
  font-size: 16px;
  color: #9699a6;
}
.single-invite-input-box-component input:focus::-webkit-input-placeholder, .single-invite-input-box-component input:focus:-moz-placeholder, .single-invite-input-box-component input:focus::-moz-placeholder, .single-invite-input-box-component input:focus:-ms-input-placeholder {
  color: transparent;
}
.single-invite-input-box-component .make-admin-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
}
.single-invite-input-box-component .make-admin-label {
  font-size: 14px;
}
.single-invite-input-box-component .form-checkbox-component {
  height: 15px;
}
.single-invite-input-box-component .form-checkbox-component label {
  padding-left: 20px;
}
.single-invite-input-box-component .form-checkbox-component .form-checkbox-input-placeholder {
  width: 15px;
  height: 15px;
}
.single-invite-input-box-component .form-checkbox-component .form-checkbox-input-placeholder:after {
  left: 5px;
  top: 1px;
  width: 4px;
  height: 10px;
}
.single-invite-input-box-component .question-mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  margin-left: 8px;
}
.single-invite-input-box-component .question-mark:hover {
  color: #0085ff;
  color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.single-invite-input-box-component .default-auth-domain-label {
  height: 39px;
  border: 2px solid #e0e0e0;
  padding: 4px 15px;
  max-width: 290px;
  color: black;
  background: #e0e0e0;
  flex-basis: 250px;
}
.single-invite-input-box-component.is-unified {
  width: 100%;
}
.single-invite-input-box-component.is-unified .default-auth-domain-label {
  flex-basis: 0;
}
.single-invite-input-box-component.is-unified input {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.single-invite-input-box-component.is-unified input:focus {
  border-color: #e6e9ef;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown {
  flex: 1;
  min-width: 104px;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control {
  border-color: #e6e9ef;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 39px;
  box-shadow: unset;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control .Select-multi-value-wrapper {
  padding-top: 1px;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control .Select-multi-value-wrapper .Select-value {
  text-align: right;
  padding-right: 32px;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
  font-size: 14px;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control .invite-arrow {
  font-size: 10px;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-control .invite-arrow.is-open {
  padding-top: 6px;
  transform: rotate(180deg);
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer {
  border: 0;
  border-radius: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: calc(100% + 8px);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  right: 0;
  left: unset;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option {
  margin: 4px;
  border-radius: 4px;
  background: var(--color-snow_white);
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option:hover {
  background: var(--color-ui_grey);
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option .invite-option {
  display: flex;
  flex-direction: column;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option .invite-option .option-label {
  font-weight: 400;
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option .invite-option .option-subtitle {
  color: var(--color-asphalt);
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option.is-selected {
  background: var(--color-highlight_blue);
  color: var(--color-basic_blue);
}
.single-invite-input-box-component.is-unified .single-invite-dropdown .Select-menu-outer .Select-option.is-selected .invite-option .option-subtitle {
  color: var(--color-basic_blue);
}
.automatic-signups-question-component {
  display: flex;
  width: 500px;
  padding-top: 24px;
}
.automatic-signups-question-component .form-checkbox-input-placeholder {
  height: 18px;
  width: 18px;
}
.automatic-signups-question-component .form-checkbox-input-placeholder:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.invite-with-link-component-original-design {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.invite-with-link-component-original-design.disabled .invite-with-link-button-container .invite-with-link-input {
  color: #c5c7cd;
  background: #f5f6f8;
}
.invite-with-link-component-original-design .invite-link-permissions-text {
  font-size: 14px;
  margin-left: 6px;
}
.invite-with-link-component-original-design .invite-with-link-title {
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.invite-with-link-component-original-design .invite-with-link-title .invite-with-link-title-inner {
  display: flex;
  align-items: center;
}
.invite-with-link-component-original-design .invite-with-link-title .icon-invitation {
  padding-right: 8px;
}
.invite-with-link-component-original-design .invite-with-link-title .create-or-disable-link {
  cursor: pointer;
  margin-left: 8px;
}
.invite-with-link-component-original-design .invite-with-link-button-container {
  display: flex;
  margin-bottom: 8px;
}
.invite-with-link-component-original-design .invite-with-link-button-container .invite-with-link-input-wrapper {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.invite-with-link-component-original-design .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-input {
  flex-grow: 1;
  border: 1px solid #e6e9ef;
  height: 40px;
  outline: none;
  padding: 3px 10px 1px 10px;
  color: #333333;
  font-weight: 300;
  font-size: 14px;
}
.invite-with-link-component-original-design .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-input:focus {
  border-color: #579bfc;
}
.invite-with-link-component-original-design .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-copy {
  height: 39px;
  flex: 0 0 138px;
  padding: unset;
}
.invite-with-link-component-original-design .invite-with-link-button-container .invite-with-link-input-wrapper .invite-with-link-copy.show-success {
  color: #00ca72;
}
.invite-with-link-component-original-design .invite-with-link-button-container.is-unified .invite-with-link-input:focus {
  border-color: #e6e9ef;
}
.invite-with-link-component-original-design .invite-with-link-button-container.is-unified .invite-with-link-copy {
  margin: 0;
  border: 1px solid #e6e9ef;
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -2px;
  flex: 0 0 145px;
}
.invite-with-link-component-original-design .invite-with-link-button-container.is-unified .invite-with-link-copy.show-copied {
  color: var(--color-snow_white);
  background: var(--color-basic_blue);
}
.invite-teammates-component-animation-exit {
  opacity: 1;
}

.invite-teammates-component-animation-exit-active {
  opacity: 0;
  transition: opacity 50ms;
}

.invite-teammates-component-original-design {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 1016px;
}
.invite-teammates-component-original-design .invite-teammates-content {
  display: flex;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form {
  display: flex;
  flex-direction: column;
  padding: 48px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form.popup-view {
  padding: 16px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper {
  width: 500px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .title {
  font-size: 32px;
  font-weight: bold;
  margin-left: 3px;
  line-height: 48px;
  margin-bottom: 20px;
  margin-left: 0;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .sub-title {
  font-size: 20px;
  margin-bottom: 48px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .sub-title .bold {
  font-weight: 400;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .invite-users-external-component {
  margin-bottom: 40px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .footer {
  display: flex;
  margin-top: 32px;
  align-items: center;
  font-size: 16px;
  justify-content: space-between;
  width: 500px;
}
.invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .footer .ds-btn-secondary {
  padding: 0px;
}
.invite-teammates-component-original-design .invite-teammate-image-wrapper {
  width: 430px;
  background-color: #e6e9ef;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  flex-grow: 1;
}
.invite-teammates-component-original-design .invite-teammate-image-wrapper img {
  width: 358px;
  margin-top: -80px;
}
.invite-teammates-component-original-design .invite-teammate-image-wrapper .work_form_home_banner_text {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  width: 270px;
}
.invite-teammates-component-original-design.is-holistic {
  width: 100%;
}
.invite-teammates-component-original-design.is-holistic .title-wrapper {
  text-align: center;
  padding: 40px 0;
}
.invite-teammates-component-original-design.is-holistic .title-wrapper .title {
  font-size: 32px;
  font-weight: bold;
  margin-left: 3px;
  line-height: 48px;
  margin-bottom: 8px;
  margin-left: 0;
}
.invite-teammates-component-original-design.is-holistic .title-wrapper .sub-title {
  font-size: 20px;
  font-weight: light;
  margin-bottom: 8px;
}
.invite-teammates-component-original-design.is-holistic .title-wrapper .sub-title .bold {
  font-weight: 400;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content {
  padding: 0 24px;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammates-form {
  padding: 0 48px;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper .invite-with-link-component-original-design {
  margin-bottom: 24px;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammate-image-wrapper {
  padding: 0 24px;
  width: 760px;
  background-color: #ffffff;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammate-image-wrapper .invite-teammates-movie-wrapper {
  width: 100%;
  border: 2px solid #e6e9ef;
  box-sizing: border-box;
  border-radius: 4px;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammate-image-wrapper .invite-teammates-movie-wrapper .invite-teammates-video {
  max-width: 100%;
  max-height: 100%;
}
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammate-image-wrapper .invite-teammates-movie-wrapper .invite-teammates-info {
  text-align: center;
  margin: 0 auto;
}
.invite-teammates-component-original-design.is-holistic .footer {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.invite-teammates-component-original-design.is-holistic .footer > button {
  margin-top: 4px;
}
.invite-teammates-component-original-design.is-unified {
  display: flex;
  height: inherit;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper {
  overflow: auto;
  padding: 40px 48px 0 48px;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  height: 100%;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper > div {
  width: 400px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .title-wrapper {
  text-align: left;
  padding: 0;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .title-wrapper .title {
  font-size: 24px;
  font-weight: 700;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .title-wrapper .sub-title {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-asphalt);
  margin-bottom: 40px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content {
  padding: 0;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form {
  padding: 0;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper {
  width: 400px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper .invite-with-link-component-original-design {
  margin-bottom: 24px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper .invite-with-link-component-original-design .invite-with-link-title {
  font-size: 14px;
  font-weight: 300;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-with-link-add-wrapper {
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-with-link-add-wrapper .invite-with-link-text {
  font-size: 14px;
  margin-left: 8px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .invite-inputs-component {
  width: 400px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .automatic-signups-question-component {
  width: auto;
  font-size: 14px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .invite-teammates-content .invite-teammates-form .automatic-signups-question-component .form-checkbox-component {
  width: 28px;
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .footer {
  position: -webkit-sticky;
  position: sticky;
  flex-direction: row;
  justify-content: flex-end;
  right: 0;
  bottom: 0;
  padding: 24px 0;
  background: var(--color-snow_white);
}
.invite-teammates-component-original-design.is-unified .invite-teammates-content-wrapper .footer .skip_button {
  margin-right: 8px;
}
.invite-teammates-component-original-design.is-unified .unified-signup-side-component {
  padding-left: 0;
}

@media (max-width: 1250px) {
  .invite-teammates-component-original-design.is-holistic {
    width: calc(100vw - 150px);
    margin: auto;
  }
  .invite-teammates-component-original-design.is-holistic .invite-teammates-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammates-form,
.invite-teammates-component-original-design.is-holistic .invite-teammates-content .invite-teammate-image-wrapper {
    padding: 24px;
  }
}
@media (max-height: 730px) {
  .invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form {
    padding: 28px;
  }
  .invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .title-wrapper .title {
    margin-bottom: 0px;
  }
  .invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .title-wrapper .sub-title {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .invite-teammates-component-original-design .invite-teammates-content .invite-teammates-form .invite-with-link-wrapper .invite-with-link-component-original-design {
    margin-bottom: 24px;
  }
  .invite-teammates-component-original-design.is-holistic .title-wrapper {
    padding: 24px 0 32px 0;
  }
  .invite-teammates-component-original-design.is-holistic .footer {
    flex-direction: row;
  }
}
.modal-wrapper {
  border-top: 2px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
}
.modal-wrapper .main-container {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-wrapper .close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.upload-profile-picture {
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-profile-picture__title {
  font-weight: 400;
  font-size: 32px;
}
.upload-profile-picture__img {
  width: 136px;
  height: 136px;
  margin: 16px 0;
}
.upload-profile-picture__or {
  margin: 24px 0 20px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid;
  border-bottom-color: #c5c7d0;
  border-bottom-color: var(--ui-border-color);
  line-height: 0.1em;
}
.upload-profile-picture__or span {
  background: #ffffff;
  background: var(--primary-background-color);
  padding: 0 10px;
}
.upload-profile-picture__love_it_button {
  margin: 16px 0;
}
.onboarding-upload-profile-picture {
  color: #323338;
  color: var(--primary-text-color);
  background: #ffffff;
  background: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 56px;
  height: 100%;
}
.onboarding-upload-profile-picture__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.make-member-admin-row-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  width: 100%;
  cursor: pointer;
}
.make-member-admin-row-component .make-member-admin-row-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.make-member-admin-row-component .admin-image {
  height: 28px;
  width: 28px;
  border-radius: 50%;
}
.make-member-admin-row-component .admin-name {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-left: 8px;
  min-width: 180px;
  font-style: normal;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #000000;
}
.make-member-admin-loader-row-component {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
}
.make-member-admin-loader-row-component .make-member-admin-loader-row-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.make-member-admin-loader-row-component:not(:first-child) {
  border-top: 1px solid #e1e1e1;
}
.make-member-admin-loader-row-component .image-wrapper {
  margin-left: 16px;
}
.make-member-admin-loader-row-component .name-wrapper {
  margin-left: 16px;
  width: 180px;
}
.make-member-admin-loader-row-component .title-wrapper {
  margin-left: 16px;
}
.make-member-chat {
  width: 190px;
  height: 190px;
  background: #a358df;
  border-radius: 272px;
  display: flex;
  flex-direction: column;
}
.make-member-chat .user-image {
  width: 32px;
  border-radius: 50%;
}
.make-member-chat .make-member-chat-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.make-member-chat .make-member-chat-row.make-member-viewer {
  top: -4px;
  left: -5px;
  position: relative;
  margin-top: 12px;
}
.make-member-chat .make-member-chat-row.make-member-viewer .user-image {
  position: relative;
  top: -9px;
}
.make-member-chat .make-member-chat-row.make-member-viewer .make-member-chat-image {
  position: relative;
  left: -11px;
}
.make-member-chat .make-member-chat-row.make-member-admin {
  margin-left: 8px;
  position: relative;
  top: -26px;
  right: 19px;
}
.make-member-chat .make-member-chat-row.make-member-admin .user-image {
  position: relative;
  top: -8px;
  left: -11px;
}
.make-member-modal-component {
  display: flex;
  flex-direction: row;
}
.make-member-modal-component .exit-dialog-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #333333;
  transition: color 0.2s;
  cursor: pointer;
}
.make-member-modal-component .exit-dialog-icon:hover {
  color: #808080;
}
.make-member-modal-component .make-member-form {
  padding: 40px 40px 40px 40px;
  min-width: 455px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.make-member-modal-component .make-member-form .make-member-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: 400;
}
.make-member-modal-component .make-member-form .make-member-header .title {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.2px;
}
.make-member-modal-component .make-member-form .make-member-header .subtitle {
  margin-top: 8px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #9699a6;
  max-width: 440px;
}
.make-member-modal-component .make-member-form .headers-admins-separator {
  background: #e6e9ef;
  width: 100%;
  height: 1px;
  margin: 16px 0 8px 0;
}
.make-member-modal-component .make-member-form .admins-wrapper {
  width: 100%;
  overflow-y: scroll;
  transition: height 300ms;
}
.make-member-modal-component .make-member-form .admins-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c4c4c4;
}
.make-member-modal-component .make-member-form .admins-wrapper::-webkit-scrollbar {
  width: 4px;
}
.make-member-modal-component .make-member-form .request-content {
  margin-top: 16px;
  width: 100%;
}
.make-member-modal-component .make-member-form .request-content .request-text-content {
  width: 100%;
  height: 62px;
  resize: none;
  border: 1px solid #e6e9ef;
  outline: 0;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  background: #ffffff;
}
.make-member-modal-component .make-member-form .request-content .request-text-content:-ms-input-placeholder {
  color: #808080;
}
.make-member-modal-component .make-member-form .request-content .request-text-content::placeholder {
  color: #808080;
}
.make-member-modal-component .make-member-form .request-content .request-text-content:focus {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.make-member-modal-component .make-member-form .request-button {
  align-self: flex-end;
  margin-top: 11px;
}
.make-member-modal-component .chat-image-container {
  background: #f5f6f8;
  border-radius: 8px;
  width: 288px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grant-free-users-dialog {
  width: 800px;
  background: white;
  position: relative;
}
.grant-free-users-dialog .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  color: #333;
}
.grant-free-users-dialog .close-button:hover {
  color: black;
}
.grant-free-users-dialog .images-wrapper {
  padding-top: 40px;
}
.grant-free-users-dialog .images-wrapper .images-inner {
  background-size: cover;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 160px;
  width: 630px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grant-free-users-dialog .images-wrapper .images-inner .user-image {
  border-radius: 50%;
}
.grant-free-users-dialog .text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grant-free-users-dialog .text-wrapper .text-wrapper-inner {
  text-align: center;
  padding: 48px;
}
.grant-free-users-dialog .text-wrapper .text-wrapper-inner .title-text {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 16px;
}
.grant-free-users-dialog .text-wrapper .text-wrapper-inner .subtitle-text {
  font-size: 18px;
  margin-bottom: 32px;
}
.grant-free-users-dialog .text-wrapper .text-wrapper-inner .subtitle-text b {
  color: #a358df;
}
.grant-free-users-dialog .disclaimer {
  font-size: 14px;
  margin-top: 8px;
  color: #808080;
}
.unlimited-free-users-modal-component {
  width: 779px;
  height: 513px;
  background: white;
  position: relative;
}
.unlimited-free-users-modal-component .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  color: #333;
}
.unlimited-free-users-modal-component .close-button:hover {
  color: black;
}
.unlimited-free-users-modal-component .text-wrapper {
  width: 65%;
  display: flex;
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner {
  padding: 48px;
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner .title-text {
  font-size: 32px;
  line-height: 37px;
  font-weight: 500;
  margin-bottom: 16px;
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner .title-text .title-free-text {
  color: #0085ff;
  color: var(--primary-color);
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner .subtitle-text {
  font-size: 16px;
  margin-bottom: 32px;
  font-weight: 400;
  color: #333333;
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner .subtitle-text p {
  margin-bottom: 24px;
}
.unlimited-free-users-modal-component .text-wrapper .text-wrapper-inner .subtitle-text a {
  color: #0085ff;
  color: var(--primary-color);
}
.onboarding-mobile-welcome-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  position: relative;
  padding: 0 32px;
}
.onboarding-mobile-welcome-component .close-icon-wrapper {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #808080;
  cursor: pointer;
}
.onboarding-mobile-welcome-component .close-icon-wrapper:hover {
  color: #333333;
}
.onboarding-mobile-welcome-component .onboarding-image-container .onboarding-image {
  height: 204px;
  width: auto;
}
.onboarding-mobile-welcome-component .mobile-welcome-to-monday-title {
  font-size: 35px;
  font-weight: bold;
  line-height: 38px;
  margin-top: 8px;
  text-align: center;
}
.onboarding-mobile-welcome-component .mobile-welcome-to-monday-subtitle {
  font-size: 18px;
  line-height: 28px;
  margin-top: 16px;
  max-width: 400px;
  text-align: center;
}
.onboarding-mobile-welcome-component .ok-button-wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}
/* mixin for multiline */
.create-new-object-content-component {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.create-new-object-content-component .new-object-title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 16px;
}
.create-new-object-content-component .new-object-name-input-wrapper {
  margin-bottom: 24px;
}
.create-new-object-content-component .new-object-name-input-wrapper .new-object-name-input-label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
}
.create-new-object-content-component .new-object-name-input-wrapper .new-object-name-input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  font-size: 16px;
  padding: 8px 16px;
  outline: 0;
  position: relative;
}
.create-new-object-content-component .new-object-name-input-wrapper .new-object-name-input:focus {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.create-new-object-content-component .new-object-name-input-wrapper .new-object-name-input.invalid {
  border-color: #e44258;
  border-color: var(--negative-color);
}
.create-new-object-content-component .new-object-name-input-wrapper .privacy-text {
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: 300;
  font-size: 14px;
  margin-top: 16px;
  max-width: 372px;
}
.create-new-object-content-component .object-type-options-wrapper {
  transition: height 0.1s ease;
  overflow: hidden;
}
.create-new-object-content-component .object-type-options-wrapper:empty {
  min-height: 0;
}
.create-new-object-content-component .sections-divider {
  height: 16px;
  border-bottom: 1px solid #e6e9ef;
}
.create-new-object-content-component .item-term-section-wrapper {
  padding-top: 16px;
}
.create-new-object-content-component .new-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}
.create-new-object-content-component .new-button-container .cancel-button {
  color: #323338;
  color: var(--primary-text-color);
}
.create-new-object-content-component .new-button-container .new-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.create-new-object-content-component .new-button-container .new-button.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.create-new-object-content-component .new-button-container .new-button:not(.disabled):hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}

.create-new-surface-component {
  max-width: 500px;
  color: white;
}
.create-new-surface-component .new-object-title {
  color: white;
}
.create-new-surface-component .new-object-name-input-wrapper .new-object-name-input {
  background-color: var(--surface-color);
  border-color: #797e93;
}
.create-new-surface-component .new-object-name-input-wrapper .new-object-name-input:focus {
  border-color: #339dff;
}
.create-new-surface-component .new-object-name-input-wrapper .new-object-name-input.invalid {
  border-color: var(--color-error);
}
.create-new-surface-component .new-object-name-input-wrapper .new-object-name-input:hover {
  border-color: var(--color-ui_grey);
}
.create-new-surface-component .new-object-name-input-wrapper .privacy-text {
  color: var(--color-jaco_gray);
}
.create-new-surface-component .new-button-container .cancel-button {
  color: white;
}
.create-new-surface-component .new-button-container .cancel-button:hover {
  background-color: #4B4E69;
}
.create-new-surface-component .new-button-container .new-button {
  background-color: #339dff;
}
.create-new-surface-component .new-button-container .new-button.disabled {
  background-color: #4B4E69;
}
.create-new-surface-component .new-button-container .new-button:not(.disabled):hover {
  background-color: #578edb;
}
.create-new-surface-component .object-kind-options-component .kind-options .kind-option .radio-button-label {
  color: white;
}
.create-new-surface-component .object-kind-options-component .selected-kind-description {
  color: white;
}
.create-workspace-hint {
  color: #808080;
  font-weight: 300;
  font-size: 14px;
}

.new-workspace-options-wrapper .new-workspace-options-label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
}

.new-workspace-options-component .kind-title {
  font-size: 16px;
}
.object-kind-options-component {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.object-kind-options-component .choose-kind-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 16px;
}
.object-kind-options-component .kind-options {
  display: flex;
  margin-bottom: 8px;
  color: #323338;
  color: var(--primary-text-color);
}
.object-kind-options-component .kind-options.selected {
  color: #ffffff;
  color: var(--primary-background-color);
}
.object-kind-options-component .kind-options.selected.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.object-kind-options-component .kind-options.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: auto;
}
.object-kind-options-component .kind-options .kind-option {
  display: flex;
  align-items: center;
  margin-right: 24px;
  cursor: pointer;
  font-weight: 400;
}
.object-kind-options-component .kind-options .kind-option:last-child {
  margin-right: 0;
}
.object-kind-options-component .kind-options .kind-option .kind-icon {
  margin-right: 8px;
}
.object-kind-options-component .kind-options .kind-option .kind-title {
  white-space: nowrap;
}
.object-kind-options-component .kind-options .kind-option .unlock-button-component {
  margin-left: 4px;
}
.object-kind-options-component .selected-kind-description {
  color: #676879;
  color: var(--secondary-text-color);
  font-weight: 300;
  font-size: 14px;
}
.object-kind-options-component.vertical .kind-options {
  flex-direction: column;
}
.object-kind-options-component.vertical .kind-options .kind-option {
  margin-bottom: 8px;
}

.kind-tooltip {
  max-width: 280px;
}
.new-workspace-icon-component {
  margin-top: 16px;
  margin-bottom: 32px;
}
.new-workspace-icon-component .workspace-icon-container.workspace-size-xl .workspace-icon-shape-container {
  border-radius: 24px;
}

.set-item-terminology-component .item-term-section-title {
  font-weight: 500;
  font-size: 16px;
}
.set-item-terminology-component .settings-radio-buttons-component .settings-radio-buttons-wrapper .radio-button-component {
  margin-right: 0;
  min-width: 144px;
  margin-bottom: 12px;
}
.set-item-terminology-component .settings-radio-buttons-component .settings-radio-buttons-wrapper .settings-input-component {
  max-width: 100px;
}
.create-new-object-component {
  position: relative;
  display: flex;
  justify-content: center;
}
.create-new-object-component .close-button {
  position: absolute;
  right: -16px;
  top: -16px;
  cursor: pointer;
}
.create-new-object-component.large-modal {
  display: flex;
  justify-content: center;
  padding-top: 20vh;
}
.create-new-object-component.large-modal .close-button {
  right: 24px;
  top: 20px;
  font-size: 16px;
}
.create-new-object-component.large-modal .close-button:hover {
  color: #e6e9ef;
}
.create-new-object-component.large-modal .create-new-object-content-component {
  width: 500px;
}
.create-new-object-component .surface-back-button {
  color: white;
}
.create-new-object-component .surface-back-button:hover {
  background-color: #4b4e69;
}

.create-new-workspace-portal {
  z-index: 8000 !important;
}
.surface-back-button {
  top: -46px;
  left: -10px;
  position: absolute;
  font-size: 14px;
}
/* mixin for multiline */
.duplicate-board-modal-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: relative;
}
.duplicate-board-modal-component .close-button {
  position: absolute;
  right: -16px;
  top: -16px;
  cursor: pointer;
  color: #676879;
  color: var(--secondary-text-color);
}
.duplicate-board-modal-component .close-button-square {
  position: absolute;
  right: -24px;
  top: -24px;
}

.duplicate-board-dialog-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  padding: 8px;
  min-width: 440px;
  max-width: 520px;
}
.duplicate-board-dialog-component .duplicate-board-dialog-title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
}
.duplicate-board-dialog-component .duplicate-type-select-title {
  color: #323338;
  color: var(--primary-text-color);
  padding-bottom: 10px;
}
.duplicate-board-dialog-component .subscribers-checkbox-container {
  margin-top: 18px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  color: #323338;
  color: var(--primary-text-color);
}
.duplicate-board-dialog-component .duplicate-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}
.duplicate-board-dialog-component .duplicate-button-container .duplicate-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.duplicate-board-dialog-component .duplicate-button-container .duplicate-button.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.duplicate-board-dialog-component .duplicate-button-container .duplicate-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
/* mixin for multiline */
.export-board-modal-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: relative;
}
.export-board-modal-component .close-button {
  position: absolute;
  right: -16px;
  top: -16px;
  cursor: pointer;
  color: #676879;
  color: var(--secondary-text-color);
}
.export-board-modal-component .close-button-square {
  position: absolute;
  right: -24px;
  top: -24px;
}

.export-board-dialog-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  padding: 8px;
  min-width: 440px;
  max-width: 520px;
}
.export-board-dialog-component .export-board-dialog-title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
}
.export-board-dialog-component .export-checkboxes-container {
  margin-bottom: 24px;
  margin-top: 18px;
}
.export-board-dialog-component .export-checkbox-container {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  color: #323338;
  color: var(--primary-text-color);
}
.export-board-dialog-component .export-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
}
.export-board-dialog-component .export-button-container .export-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.export-board-dialog-component .export-button-container .export-button.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.export-board-dialog-component .export-button-container .export-button:hover {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
}
/* mixin for multiline */
.broadcast-modal-component {
  position: relative;
}
.broadcast-modal-component .close-button {
  position: absolute;
  right: -16px;
  top: -16px;
  cursor: pointer;
}

.broadcast-dialog-component {
  display: flex;
  flex-direction: column;
  padding: 16px 48px 16px 48px;
}
/* mixin for multiline */
.broadcast-dialog-subset-warning-component .broadcast-dialog-subset-warning-component-inner {
  background-color: #f5f6f8;
  border-radius: 8px;
  padding: 20px;
  width: 459px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.broadcast-dialog-subset-warning-component .broadcast-dialog-subset-warning-component-inner .icon-container {
  margin-right: 10px;
  color: #9699a6;
  height: 100%;
}
.unified-boards-list-force-modal-component {
  padding: 24px 72px;
  position: relative;
  min-width: 730px;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-content .unified-boards-list-modal-image-wrapper {
  height: 267px;
  width: 300px;
  margin-bottom: 32px;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-content .unified-boards-list-modal-image-wrapper .unified-boards-list-modal-image {
  width: 100%;
  display: flex;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-content .unified-boards-list-modal-text .unified-boards-list-modal-title {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 500;
  text-align: center;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-content .unified-boards-list-modal-text .unified-boards-list-modal-description {
  font-size: 14px;
  text-align: center;
}
.unified-boards-list-force-modal-component .unified-boards-list-modal-actions {
  display: flex;
  justify-content: center;
}
.version-type-card {
  display: flex;
  position: relative;
  flex-direction: row;
  padding: 16px;
  width: 564px;
  border-radius: 8px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  align-items: center;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.version-type-card:hover {
  border-color: #323338;
  border-color: var(--primary-text-color);
}
.version-type-card-image {
  height: 56px;
  width: 56px;
  padding: 13px 9.5px;
  border-radius: 8px;
  margin-right: 16px;
}
.version-type-card-content {
  display: flex;
  flex-direction: column;
}
.version-type-card-content-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}
.version-type-card-content-head-title {
  height: 26px;
  width: 108px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin-right: 16px;
}
.version-type-card-content-head-number {
  height: 24px;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
  transition: all 100ms ease-in-out;
}
.version-type-card-content-body {
  width: 450px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.version-type-card.selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.version-type-card.selected:hover {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.version-type-card.selected .version-type-card-select-sign {
  position: absolute;
  top: 8px;
  right: 8px;
}
.version-type-card.selected .version-type-card-content-head-number {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.create-version-dialog-content-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 560px;
  padding: 32px;
}
.create-version-dialog-content-wrapper-close-button {
  position: absolute;
  right: 23px;
  top: 23px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.create-version-dialog-content-wrapper-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  height: 28px;
  width: 400px;
  margin-bottom: 16px;
}
.create-version-dialog-content-wrapper-subtitle {
  height: 26px;
  width: 483px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin-bottom: 40px;
}
.create-version-dialog-content-wrapper-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.create-version-dialog-content-wrapper-content-choose-version {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
}
.create-version-dialog-content-wrapper-content-version-card {
  margin-bottom: 8px;
  height: 112px;
}
.create-version-dialog-content-wrapper-actions {
  align-self: flex-end;
}
.create-version-dialog-content-wrapper-actions-cancel {
  margin-right: 8px;
}
.overview-section-settings-steps-component {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}
.overview-section-settings-steps-component.empty {
  display: none;
}
.overview-section-settings-steps-component .step-filler {
  flex: 1 0 0;
}
.overview-section-settings-steps-component .step-container {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 40px;
  transition: flex-grow 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.overview-section-settings-steps-component .step-container:not(:first-child) {
  margin-top: 8px;
}
.overview-section-settings-steps-component .step-container.open {
  flex: 0.1 1 auto;
}
.overview-section-settings-steps-component .step-container.open.single-step {
  flex: 0 1 auto;
}
.overview-section-settings-steps-component .step-container:hover:not(.disabled).closed {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.overview-section-settings-steps-component .step-container.disabled {
  background-color: #e6e9ef;
  background-color: var(--disabled-background-color);
}
.overview-section-settings-steps-component .step-container.disabled .step-title-container {
  cursor: default;
  opacity: 0.6;
}
.overview-section-settings-steps-component .step-container .step-title-container {
  cursor: pointer;
  padding-left: 16px;
  padding-right: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 40px;
  position: relative;
}
.overview-section-settings-steps-component .step-container .step-title-container.open {
  flex-basis: calc(40px - 4px);
  border-bottom: 1px solid;
  border-bottom-color: #e6e9ef;
  border-bottom-color: var(--layout-border-color);
  margin-bottom: 16px;
}
.overview-section-settings-steps-component .step-container .step-title-container .field-title,
.overview-section-settings-steps-component .step-container .step-title-container .step-title {
  font-size: 14px;
  flex: 0 1 auto;
}
.overview-section-settings-steps-component .step-container .step-title-container .arrow-icon {
  position: absolute;
  right: 16px;
  top: 12px;
  transition: transform 0.2s ease, top 0.2s ease;
  transform: rotateX(0deg);
  color: #676879;
  color: var(--icon-color);
}
.overview-section-settings-steps-component .step-container .step-title-container .arrow-icon.open {
  transform: rotateX(180deg);
  top: 2px;
}
.overview-section-settings-steps-component .step-container .settings-fields-container {
  flex: 1 1 auto;
  overflow: auto;
  padding: 0 16px 24px 16px;
}
.overview-section-settings-steps-component .step-container .settings-fields-container .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component {
  overflow: visible;
}
.overview-section-settings-steps-component .step-container .settings-fields-container .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component .settings-field-title-wrapper .settings-field-title {
  margin-bottom: 8px;
}
.overview-section-settings-steps-component .step-container .settings-fields-container.hide-first-field-title .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component:first-child .settings-field-title-wrapper {
  margin-bottom: 0;
}
.overview-section-settings-steps-component .step-container .settings-fields-container.hide-first-field-title .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component:first-child .settings-field-title-wrapper .settings-field-title {
  display: none;
}
.overview-section-settings-steps-component .step-container .settings-fields-container.emphasize-field-title .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component .settings-field-title-wrapper .settings-field-title {
  font-weight: 400;
  font-size: 14px;
}
.overview-section-settings-steps-component .step-container .settings-fields-container.emphasize-field-title .overview-section-settings-fields-component .overview-section-settings-content .settings-field-component:not(:first-child) {
  border-top: 1px solid;
  border-top-color: #c5c7d0;
  border-top-color: var(--ui-border-color);
  padding-top: 16px;
}
.overview-section-settings-steps-component .container-border {
  border-radius: 8px;
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.overview-container-component {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.overview-container-component .overview-container-settings-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component {
  height: 100%;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component {
  height: 100%;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component .settings-boards-component {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component .settings-boards-component .select-menu-header {
  padding-bottom: 16px;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component .settings-boards-component .select-menu-header .select-menu-title {
  font-size: 24px;
  font-weight: bold;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component .settings-boards-component .settings-objects-per-category-picker-component.boards {
  padding-right: 16px;
  flex: 1 1 auto;
  overflow: auto;
}
.overview-container-component .overview-container-settings-wrapper .overview-section-settings-steps-component .settings-field-component .settings-boards-component .settings-objects-per-category-picker-component.boards .object-option {
  padding: 8px;
}
.overview-container-component .overview-container-settings-wrapper .settings-fields-container {
  padding-bottom: 0;
}
.overview-container-component .bottom-bar {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  align-items: center;
}
.overview-container-component .bottom-bar .cancel-button {
  border-color: transparent;
  background-color: transparent;
  color: #0085ff;
  color: var(--primary-color);
}
.automations-discovery-modal-component {
  height: 559px;
  width: 559px;
  padding: 20px 34px 16px 34px;
  position: relative;
}
.automations-discovery-modal-component .close-button {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.automations-discovery-modal-component .automations-discovery-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.automations-discovery-modal-component .automations-discovery-modal-content .automations-discovery-modal-image-wrapper {
  height: 337.5px;
  width: 450px;
  margin-bottom: 22px;
}
.automations-discovery-modal-component .automations-discovery-modal-content .automations-discovery-modal-image-wrapper .automations-discovery-modal-image {
  width: 100%;
  height: 100%;
  display: flex;
}
.automations-discovery-modal-component .automations-discovery-modal-content .automations-discovery-modal-text {
  margin-bottom: 8px;
}
.automations-discovery-modal-component .automations-discovery-modal-content .automations-discovery-modal-text .automations-discovery-modal-title {
  font-size: 32px;
  margin-bottom: 0px;
  font-weight: 500;
  text-align: center;
}
.automations-discovery-modal-component .automations-discovery-modal-content .automations-discovery-modal-text .highlight-title {
  color: #784bd1;
}
.automations-discovery-modal-component .automations-discovery-modal-actions {
  display: flex;
  justify-content: center;
}
.ReactModalPortal .system-announcement-modal-wrapper .ReactModal__Content {
  box-shadow: none !important;
}

.announcement-modal-component {
  position: relative;
  width: 600px;
  min-height: 320px;
  max-height: 90vh;
  padding: 32px 48px;
  color: #ffffff;
}
.announcement-modal-component .announcement-modal-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.announcement-modal-component .announcement-modal-content-wrapper .announcement-title {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.announcement-modal-component .announcement-modal-content-wrapper .announcement-asset-wrapper {
  width: 320px;
  height: 358px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 32px;
}
.announcement-modal-component .announcement-modal-content-wrapper .announcement-asset-wrapper .announcement-asset {
  width: 100%;
  height: 100%;
}
.announcement-modal-component .announcement-modal-content-wrapper .announcement-close-button-wrapper {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.announcement-modal-component .announcement-modal-content-wrapper .announcement-close-button-wrapper:hover {
  text-decoration: underline;
}
.share-update-modal-component .close-button {
  position: absolute;
  right: 16px;
  top: 10px;
  cursor: pointer;
}
.share-update-modal-component .share-update-modal-component-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.share-update-modal-component .share-update-modal-component-inner .share-update-modal-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
}
.share-update-modal-component .share-update-modal-component-inner .share-update-modal-input-part-wrapper .share-update-modal-input-title {
  font-size: 14px;
  margin-left: 8px;
}
.share-update-modal-component .share-update-modal-component-inner .share-update-modal-input-part-wrapper .share-update-modal-input-wrapper {
  width: 487px;
  display: flex;
  margin-top: 8px;
}
.share-update-modal-component .share-update-modal-component-inner .share-update-modal-input-part-wrapper .share-update-modal-input-wrapper .emails-input-wrapper {
  flex-grow: 1;
}
.share-update-modal-component .share-update-modal-component-inner .share-update-modal-input-part-wrapper .share-update-modal-input-wrapper .send-button {
  margin-left: 8px;
}
.start-trial-modal-component {
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 16px;
}
.start-trial-modal-component .start-trial-modal-close-button {
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 18px;
  cursor: pointer;
}
.start-trial-modal-component .start-trial-modal-title {
  font-size: 32px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 500;
  letter-spacing: -1px;
}
.start-trial-modal-component .start-trial-modal-subtitle {
  margin-bottom: 16px;
  text-align: center;
  padding: 0 56px;
}
.start-trial-modal-component .start-trial-modal-features {
  margin-bottom: 16px;
  padding: 0 48px;
  width: 100%;
}
.start-trial-modal-component .start-trial-modal-ctas-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
.start-trial-modal-component .start-trial-modal-ctas-wrapper .start-trial-modal-ctas {
  display: flex;
  align-items: center;
}
.start-trial-modal-component .start-trial-modal-ctas-wrapper .start-trial-modal-ctas .start-trial-modal-ctas-not-now {
  color: #00ca72;
  margin-right: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.trial-end-modal-component {
  width: 600px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.trial-end-modal-component .trial-end-modal-close-button {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.trial-end-modal-component .trial-end-modal-title {
  font-size: 32px;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 500;
}
.trial-end-modal-component .trial-end-modal-subtitle {
  margin-bottom: 32px;
  text-align: center;
  font-weight: 400;
}
.trial-end-modal-component .trial-end-modal-image {
  height: 210px;
  margin-bottom: 32px;
}
.trial-end-modal-component .trial-end-modal-upgrade-button-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
.v8-transition-modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 48px 24px 24px;
  width: 582px;
  font-size: 16px;
  line-height: 24px;
}
.v8-transition-modal-content .v8-transition-modal-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 37.5px;
  margin-bottom: 24px;
  padding: 0 40px;
  width: 100%;
}
.v8-transition-modal-content .v8-transition-modal-text {
  margin-bottom: 32px;
  padding: 0 40px;
  width: 100%;
}
.v8-transition-modal-content .v8-transition-modal-text .v8-transition-modal-text-paragraph {
  width: 100%;
}
.v8-transition-modal-content .v8-transition-modal-text .v8-transition-modal-text-paragraph:not(:last-child) {
  margin-bottom: 24px;
}
.v8-transition-modal-content .v8-transition-modal-text .v8-transition-modal-text-paragraph .v8-transition-modal-shimmer {
  height: 18px;
  margin-bottom: 8px;
}
.v8-transition-modal-content .v8-transition-modal-button {
  margin-left: auto;
}
.v8-transition-modal-content .v8-transition-modal-link {
  color: #1f76c2;
  color: var(--link-color);
  cursor: pointer;
}
.v8-transition-modal-content .v8-transition-modal-link:hover {
  text-decoration: underline;
}
.overview-migration-modal-component {
  padding: 32px;
  width: 486px;
  height: 572px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.overview-migration-modal-component .overview-migration-modal-header-image-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  height: 220px;
}
.overview-migration-modal-component .overview-migration-modal-header-image-wrapper .overview-migration-modal-header-image {
  height: 220px;
}
.overview-migration-modal-component .overview-migration-modal-text-wrapper {
  margin-bottom: 32px;
  text-align: center;
}
.overview-migration-modal-component .overview-migration-modal-text-wrapper .overview-migration-modal-text {
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 16px;
  text-align: center;
}
.overview-migration-modal-component .overview-migration-modal-text-wrapper .migration-kb-link {
  text-decoration: none;
  cursor: pointer;
}
.overview-migration-modal-component .overview-migration-modal-buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.overview-migration-modal-component .overview-migration-modal-buttons-wrapper .keep-old-layout-button {
  margin-top: 8px;
}

.delete-user-details-component {
  padding: 16px;
  text-align: left;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 550px;
}
.delete-user-details-component .delete-user-title {
  margin-bottom: 12px;
}
.delete-user-details-component .delete-user-title .text-title {
  font-weight: bold;
  font-size: 24px;
}
.delete-user-details-component .delete-user-details-close-button-square {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 14px;
}
.delete-user-details-component .delete-user-details-text-wrapper {
  display: flex;
  flex-flow: column;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
}
.delete-user-details-component .delete-user-details-text-wrapper .deleted-user-name-wrapper {
  margin: 8px 0;
  width: 250px;
}
.delete-user-details-component .action-buttons {
  justify-content: flex-end;
  display: flex;
  padding-top: 32px;
}
.delete-user-details-component .cancel-delete-user {
  margin-right: 4px;
}
.file-type-icon-component {
  position: relative;
  display: flex;
}
.file-type-icon-component .file-type-icon {
  height: 36px;
}
.file-type-icon-component .file-type-icon-text {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.009px;
  color: #ffffff;
  color: var(--text-color-on-primary);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.file-type-icon-component.smaller .file-type-icon {
  height: 24px;
}
.file-type-icon-component.smaller .file-type-icon-text {
  font-size: 10px;
}
.file-breadcrumbs-component {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.file-breadcrumbs-component a {
  text-decoration: none;
  color: #676879;
  color: var(--secondary-text-color);
}
.file-breadcrumbs-component a:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.file-breadcrumbs-component .board-name,
.file-breadcrumbs-component .pulse-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 16px;
}
.file-breadcrumbs-component .quick-search-breadcrumbs {
  width: 5px;
  height: 8px;
  margin: 0 8px;
  font-size: 14px;
  position: relative;
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.file-breadcrumbs-component .quick-search-breadcrumbs::before {
  position: absolute;
  bottom: -3px;
}
.file-item-info-component {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.file-item-info-component .file-item-info-wrapper {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  width: 550px;
}
.file-item-info-component .file-item-info-wrapper .file-item-file-name {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #323338;
  color: var(--primary-text-color);
}
.files-preview-close-button {
  width: 32px;
  height: 32px;
}
.files-preview-conversation-component {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.files-preview-conversation-component .conversation-text {
  cursor: pointer;
  margin-left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.files-preview-header-component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 32px;
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.files-preview-header-component .file-info-container {
  justify-self: flex-start;
}
.files-preview-header-component .actions-buttons-container {
  justify-self: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.files-preview-header-component .actions-buttons-container .files-preview-feedback-component,
.files-preview-header-component .actions-buttons-container .files-preview-conversation-component {
  margin-right: 24px;
}
/* mixin for multiline */
.image-preview-component {
  height: 100%;
  position: relative;
  overflow: auto;
}
.image-preview-component .image-annotation {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.image-preview-component .image-preview-holder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-preview-component .image-preview-holder.can-image-annotations {
  padding-top: 56px;
  height: calc(100% - 16px);
}
.image-preview-component .image-preview-holder .image-preview {
  background-repeat: no-repeat;
  background-position: center;
}
.embeded-preview-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.embeded-preview-component .embeded-preview {
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
  overflow: hidden;
}
.embeded-preview-component .embeded-preview .crocodoc_container {
  width: 100%;
  height: 100%;
  position: relative;
}
.embeded-preview-component .embeded-preview .crocodoc_container .crocodoc_fullscreen {
  display: none;
}
.embeded-preview-component .embeded-preview .crocodoc_container iframe {
  width: 100%;
  height: 100%;
}
.default-preview-component {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #ffffff;
}
.default-preview-component .default-preview {
  height: 50vh;
  width: 40vh;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #c4c4c4;
}
.default-preview-component .default-preview .file-type-icon {
  font-size: 70px;
}
.default-preview-component .default-preview .file-type {
  font-size: 24px;
}
.video-preview-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-preview-component .video-preview {
  max-width: 100%;
  max-height: 85%;
}
.video-preview-component .video-preview:focus {
  outline: none;
}
.audio-preview-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio-preview-component .audio-preview:focus {
  outline: none;
}
.file-preview-component {
  height: 100%;
  width: 100%;
}
.file-preview-component.canvas-preview .pdf-loader .text {
  color: #323338;
  color: var(--primary-text-color);
}
.file-preview-component.canvas-preview::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.file-preview-component.canvas-preview::-webkit-scrollbar-thumb {
  background: #c4c4c4;
}
.file-preview-component.canvas-preview::-webkit-scrollbar-corner {
  background: transparent;
}


.pdf-print-component .invisible-pdf-print-iframe {
  visibility: hidden;
  display: none;
}
.files-preview-files-actions-component {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.200691));
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
  z-index: 99999999;
}
.files-preview-files-actions-component .seperator {
  margin: 0 8px;
  background-color: #e6e9ef;
  background-color: var(--layout-border-color);
  height: 16px;
  width: 1px;
}
/* mixin for multiline */
.zoom-component {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.zoom-component .current-zoom {
  margin-left: 8px;
  margin-right: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  min-width: 34px;
}
.zoom-component .current-zoom.disabled {
  border-color: #e6e9ef;
  border-color: var(--disabled-background-color);
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
  cursor: not-allowed;
  pointer-events: none;
}

.pdf-zoom-button-options-dialog {
  z-index: 99999999;
}
.pdf-zoom-button-options-dialog .dialog-content-container {
  padding: 2px;
}
.pdf-zoom-button-options-dialog .dialog-content-container .zoom-options-container {
  width: 186px;
  height: 218px;
  overflow: auto;
  margin-right: 2px;
  margin-top: 2px;
}
.pdf-zoom-button-options-dialog .dialog-content-container .zoom-options-container::-webkit-scrollbar {
  width: 4px;
}
.pdf-zoom-button-options-dialog .dialog-content-container .zoom-options-container::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.pdf-zoom-button-options-dialog .dialog-content-container .zoom-options-container .ds-menu-section:not(:last-child) {
  margin-right: 2px;
}
.files-preview-file-rendering-component-with-keyboard-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  flex: 1;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color);
  outline: none;
  position: relative;
}
.files-preview-file-rendering-component-with-keyboard-navigation .preview-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 32px;
}
.files-preview-file-rendering-component-with-keyboard-navigation .navigation-button {
  margin: 8px;
}
.files-preview-file-rendering-component-with-keyboard-navigation .navigation-button.disabled svg {
  color: #e6e9ef;
  color: var(--card-border-color);
}
.files-preview-file-rendering-component-with-keyboard-navigation .default-additional-buttons {
  display: flex;
  flex-direction: row;
}
.files-preview-feedback-component {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.files-preview-feedback-component .feedback-text {
  cursor: pointer;
  margin-left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
/* mixin for multiline */
.files-preview-details-component .files-description {
  margin-bottom: 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 0 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.files-preview-details-component .files-description .ds-editable-component {
  display: flex;
}
.files-preview-details-component .files-description .ds-editable-component .ds-text-component {
  padding: 2px;
  color: #676879;
  color: var(--placeholder-color);
}
.files-preview-details-component .files-description .ds-editable-component .ds-text-component.suggesting {
  color: #676879;
  color: var(--placeholder-color);
}
.files-preview-details-component .files-description .ds-editable-component textarea {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  padding: 2px;
  max-height: 200px;
}
.files-preview-details-component .fields {
  display: grid;
  grid-template-columns: auto 1fr;
  color: #323338;
  color: var(--primary-text-color);
  grid-row-gap: 24px;
}
.files-preview-details-component .fields .field-name {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  margin-right: 24px;
  display: flex;
  flex-direction: row;
}
.files-preview-details-component .fields .field-value {
  display: flex;
  flex-direction: row;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}
.files-preview-details-component .fields .field-value .file-name {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  text-overflow: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  line-height: 22px;
  -webkit-line-clamp: 3;
}
.files-preview-details-component .fields .field-value .user-name,
.files-preview-details-component .fields .field-value .file-type {
  margin-left: 8px;
}
.files-preview-new-post-component .new_post_placeholder {
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 8px;
  padding: 10px 20px;
  color: #323338;
  color: var(--primary-text-color);
  cursor: text;
  transition: color 0.15s ease;
}
.files-preview-new-post-component .new_post_placeholder:hover:not(.disabled) {
  color: #676879;
  color: var(--secondary-text-color);
}
.files-preview-new-post-component .new_post_placeholder.disabled {
  color: #c4c4c4;
  border-color: #c4c4c4;
}
.files-preview-new-post-component .new_post_placeholder .new-update-with-profile-picture-section {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f3f3f3;
}
.files-preview-new-post-component .new_post_placeholder .new-update-with-profile-picture-section .new-update-profile-picture {
  border-radius: 50%;
  width: 45px;
  margin-right: 10px;
}
.files-preview-comments-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.files-preview-right-pane-component {
  display: flex;
  flex-direction: row;
}
.files-preview-right-pane-component .current-pane {
  display: flex;
  flex-direction: column;
  width: 360px;
  padding: 16px;
  background-color: #ffffff;
  background-color: var(--modal-background-color);
  justify-content: flex-start;
}
.files-preview-right-pane-component .current-pane .right-pane-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  margin-bottom: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.files-preview-right-pane-component .current-pane .right-pane-title .title-icon {
  margin-right: 8px;
  display: flex;
  color: #676879;
  color: var(--icon-color);
}
.files-preview-right-pane-component .current-pane .right-pane-title .title-text {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
}
.files-preview-right-pane-component .current-pane .right-pane-title .close-pane-button {
  margin-left: auto;
  display: flex;
}
.files-preview-right-pane-component .current-pane .right-pane-component {
  flex: 1;
  height: 100%;
}
.files-preview-right-pane-component .current-pane .right-pane-feedback {
  justify-self: flex-end;
}
.files-preview-right-pane-component .side-menu {
  display: flex;
  flex-direction: column;
  padding: 16px 8px;
  border-left: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.files-preview-right-pane-component .side-menu .pane-icon {
  color: #676879;
  color: var(--icon-color);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
}
.files-preview-right-pane-component .side-menu .pane-icon:not(:last-child) {
  margin-bottom: 8px;
}
.files-preview-right-pane-component .side-menu .pane-icon .triangle-right {
  left: -12px;
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid;
  border-left-color: #e6e9ef;
  border-left-color: var(--layout-border-color);
  transition: opacity 0.1s ease-in-out;
}
.files-preview-right-pane-component .side-menu .pane-icon .triangle-right .inner-triangle {
  position: relative;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid;
  border-left-color: #ffffff;
  border-left-color: var(--modal-background-color);
}
.files-preview-right-pane-component .side-menu .pane-icon .pane-icon-button.selected {
  color: #0085ff;
  color: var(--primary-color);
}
.files-preview-right-pane-component .side-menu .selected-pane {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  right: 0;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.files-preview-main-component {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}
.files-preview-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.files-preview-component .image-annotation {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.files-preview-component .image-preview-holder {
  height: 100%;
}
.files-preview-component .image-preview-holder.can-image-annotations {
  padding-top: 56px;
  height: calc(100% - 16px);
}
.files-preview-component .image-preview-holder .image-preview {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.files-preview-logic-component {
  height: 100%;
  width: 100%;
}
.files-preview-logic-component .default-error-state-wrapper {
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 16px;
  height: 100%;
  width: 100%;
}
.files-preview-logic-component .default-error-state-wrapper .default-error-state-exit-header {
  right: 16px;
  top: 16px;
}
.files-preview-logic-component .default-error-state-wrapper .default-error-state-exit-header .icon {
  color: #323338 !important;
  color: var(--primary-text-color) !important;
}
.feedback-modal-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
.feedback-modal-component .feedback-modal-close-button {
  align-self: flex-end;
  width: 32px;
  height: 32px;
}
.feedback-modal-component .feedback-modal-main {
  margin-top: 16px;
  height: 100%;
  width: 100%;
  padding: 0 8px;
}
.feedback-modal-component .feedback-modal-main .iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.app-modal-component {
  width: 100%;
}
.app-modal-component .close-button {
  cursor: pointer;
  right: 15px;
  top: 10px;
  position: absolute;
  z-index: 99999;
}
.app-modal-component .close-button:hover {
  color: #808080;
}
.import-backdoor-modal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  width: 100%;
}
.import-backdoor-modal .import-backdoor-modal-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
}
.import-backdoor-modal .import-backdoor-title {
  font-size: 32px;
  font-weight: 500;
  color: #323338;
  color: var(--primary-text-color);
  margin: 40px 0 16px 0;
}
.import-backdoor-modal .import-backdoor-subtitle {
  width: 430px;
  font-size: 16px;
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: 40px;
}
.new-feature-modal-component {
  padding: 12px 72px;
  position: relative;
  width: 660px;
  position: relative;
  color: #323338;
  color: var(--primary-text-color);
}
.new-feature-modal-component a {
  color: #1f76c2;
  color: var(--link-color);
}
.new-feature-modal-component .close-button {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.new-feature-modal-component .new-feature-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}
.new-feature-modal-component .new-feature-modal-content .new-feature-modal-image-wrapper {
  margin-bottom: 16px;
}
.new-feature-modal-component .new-feature-modal-content .new-feature-modal-image-wrapper .new-feature-modal-image {
  height: 300px;
  display: flex;
}
.new-feature-modal-component .new-feature-modal-content .new-feature-modal-text .new-feature-modal-title {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: 500;
  text-align: center;
}
.new-feature-modal-component .new-feature-modal-content .new-feature-modal-text .new-feature-modal-description {
  font-size: 14px;
  text-align: center;
}
.new-feature-modal-component .new-feature-modal-actions {
  display: flex;
  justify-content: center;
}
.general-notice-component {
  width: 100vw;
  display: flex;
  position: absolute;
  z-index: 9999999999999;
  justify-content: center;
  pointer-events: none;
  margin-top: 10px;
  top: 0px;
}
.general-notice-component.top-bar-open {
  top: 40px;
}
.general-notice-component.top-bar-open.enlarged-top-bar {
  top: 56px;
}
.general-notice-component .general-notice-content {
  position: relative;
}
.general-notice-component .general-notice-content .notice-message-container {
  min-width: 390px;
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 5px 54px 5px 20px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  background-color: var(--positive-color);
  color: #fff;
  pointer-events: auto;
}
.general-notice-component .general-notice-content .notice-message-container.notice-message-error {
  background-color: var(--negative-color);
}
.general-notice-component .general-notice-content .notice-message-container.notice-message-info {
  background-color: #0085FF;
}
.general-notice-component .general-notice-content .notice-message-container.notice-message-info .notice-message-button {
  background: #fff;
  color: #0085FF;
}
.general-notice-component .general-notice-content .notice-message-container.notice-message-info.dark-info {
  background-color: #323338;
}
.general-notice-component .general-notice-content .notice-message-container.notice-message-info.dark-info .notice-message-button {
  color: #323338;
}
.general-notice-component .general-notice-content .notice-message-container .notice-message-button {
  margin-left: 24px;
}
.general-notice-component .general-notice-content .close-notice-button {
  position: absolute;
  right: 0px;
  color: #fff;
  font-size: 14px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 20px;
  cursor: pointer;
  pointer-events: auto;
}
.general-notice-component .general-notice-content .main-notice-icon {
  margin-right: 8px;
}
.general-notice-component .general-notice-content .main-notice-icon.icon-v2-checklist-full {
  font-size: 1.2em;
}
.general-notice-component .general-notice-content .main-notice-icon.icon-dapulse-info {
  font-size: 1.4em;
}
.notice-count-down-link {
  margin-left: 6px;
  text-decoration: underline;
  color: white;
  transition: color 0.2s;
  cursor: pointer;
}
.notice-count-down-link:hover {
  color: #333333;
}

.notice-count-down-button-container {
  margin-left: auto;
}

.notice-count-down-button {
  margin-left: 20px;
  background-color: transparent;
  border: 1px solid #fff;
  color: white !important;
  font-weight: bold;
}

.notice-count-down-button:hover {
  background-color: #2dd98b !important;
}
.notice-loader {
  margin-left: 10px;
  font-size: 18px;
}
.import-xls-dialog-inner {
  width: 100%;
  border-top: 2px solid #00a1e6;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.import-xls-dialog-inner .import-xls-main-component-close-button {
  cursor: pointer;
  right: 15px;
  top: 10px;
  position: absolute;
  color: #676879;
  color: var(--icon-color);
}
.import-xls-dialog-inner .import-xls-main-component-close-button:hover {
  color: #808080;
}
.import-xls-main-component-inner {
  height: 100%;
}
.import-xls-main-component-inner .import-xls-main-component-back-to-step-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  top: 8px;
  left: -1px;
}
.import-xls-dialog-inner .xls-upload-buttom-bar {
  width: 100%;
}

.upload-file-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 99999;
  min-width: 520px;
  min-height: 454px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.upload-file-component img {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.upload-file-component .xls-upload-excel-integraion-icon {
  width: 110px;
  height: 34px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: black;
}
.upload-file-component .xls-upload-title {
  font-size: 30px;
  margin-bottom: 10px;
  color: #323338;
  color: var(--primary-text-color);
}
.upload-file-component .xls-upload-dropzone-outer {
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 350px;
  height: 180px;
  border: 1px dashed #c4c4c4;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone {
  margin: 20px;
}
.upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone svg > g {
  fill: #676879;
  fill: var(--icon-color);
}
.upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone .xls-upload-upload-text {
  font-size: 15px;
  line-height: 26px;
  font-weight: 380;
  margin-top: 20px;
  color: #323338;
  color: var(--primary-text-color);
}
.upload-file-component .xls-upload-dropzone-outer .xls-upload-inner-dropzone .xls-upload-upload-text .xls-upload-click-to-browse {
  color: #1f76c2;
  color: var(--link-color);
}
.upload-file-component .xls-upload-dropzone-outer-accepted {
  background: #f0f0f0;
  transform: scale(1.1);
}
.upload-file-component .xls-upload-buttom-bar {
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding: 20px 40px 20px 40px;
}
.upload-file-component .xls-upload-buttom-bar .import-xls-onboarding-red-highlight {
  margin-left: 1px;
  color: red;
}
.failed-upload-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px;
  width: 100%;
  height: 100%;
}
.failed-upload-component img {
  margin-top: 50px;
  transform: scale(0.5);
}
.failed-upload-component h1 {
  margin-bottom: 10px;
}
.failed-upload-component h2 {
  width: 300px;
}
.failed-upload-component .failed-upload-auto-button {
  margin-top: 45px;
  padding: 0 60px 0 60px;
  margin-bottom: 5px;
}
.htDropdownMenu {
  position: absolute;
  z-index: 999999999 !important;
  transform: translate(-11px, 2px);
}
.htDropdownMenu table {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
}
.htDropdownMenu .show-xls-menu-title {
  display: flex;
  flex-direction: column;
  padding: 6px;
}
.htDropdownMenu .show-xls-menu-title span:nth-child(1) {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
}
.htDropdownMenu .show-xls-menu-title span:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
}
.htDropdownMenu colgroup col {
  width: 300px !important;
}
.htDropdownMenu .handsontable:before, .htDropdownMenu .handsontable:after {
  z-index: 99999999999999;
  content: " ";
  position: absolute;
  border: solid transparent;
  bottom: 100%;
  border-color: rgba(225, 225, 225, 0);
  pointer-events: none;
  height: 0;
  width: 0;
}
.htDropdownMenu .handsontable:before {
  left: 132px;
  border-bottom-color: #c4c4c4;
  border-width: 10px;
  top: -19px;
}
.htDropdownMenu .handsontable:after {
  left: 134px;
  top: -15px;
  border-bottom-color: #ffffff;
  border-width: 8px;
}
.htDropdownMenu .handsontable .highlight {
  background-color: #ffffff;
  color: #ffffff;
}
.htDropdownMenu .handsontable .highlight .htItemWrapper {
  border-radius: 3px;
  background-color: #0085ff !important;
  background-color: var(--primary-color) !important;
}
.htDropdownMenu .handsontable .htCore .htItemWrapper {
  margin: 2px 0px 6px 0px;
}
.htDropdownMenu .handsontable .htCore tr:not(:first-child) td {
  border-top: thin solid #c4c4c4;
}

@-webkit-keyframes breathing {
  0% {
    background: #d0f1fe;
  }
  40% {
    background: #88daf8;
  }
  100% {
    background: #d0f1fe;
  }
}

@keyframes breathing {
  0% {
    background: #d0f1fe;
  }
  40% {
    background: #88daf8;
  }
  100% {
    background: #d0f1fe;
  }
}
.handsontable td.highlight {
  -webkit-animation: breathing 1.5s ease-in-out infinite;
          animation: breathing 1.5s ease-in-out infinite;
}

#hot-table-wrapper-step-2 .ht_master tbody,
#hot-table-wrapper-step-3 .ht_master tbody {
  cursor: pointer;
}

#hot-table-wrapper-step-4 .colHeader {
  position: relative;
  z-index: 1;
}
#hot-table-wrapper-step-4 thead th button.changeType {
  margin-top: 0;
  z-index: 2;
  border: 0px;
  background-color: #fff;
  position: absolute;
  right: 0px;
  float: none;
  width: 100%;
  text-align: right;
  height: 100%;
  top: 0px;
  padding-right: 10px;
  background: transparent;
  color: #0085ff;
  color: var(--primary-color);
  font-size: 18px;
  transform: scale(1, 0.5);
}
#hot-table-wrapper-step-4 .handsontable td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#hot-table-wrapper-step-4:after {
  position: absolute;
  display: block;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background: white;
  pointer-events: none;
}
#hot-table-wrapper-step-4 th:nth-child(2) button {
  display: none !important;
}

.show-xls-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #808080 !important;
}
.show-xls-component .htBorders .area.corner {
  display: none !important;
}
.show-xls-component th {
  border-color: #ebebeb !important;
}
.show-xls-component .ht_clone_top th {
  background-color: #ffffff !important;
}
.show-xls-component .ht_clone_left th {
  background-color: #ebebeb !important;
}
.show-xls-component .show-xls-step-title {
  position: absolute;
  left: 30px;
  top: 10px;
  color: #c4c4c4;
}
.show-xls-component .show-xls-title {
  position: relative;
  font-size: 30px;
  padding-top: 48px;
  padding-bottom: 24px;
  display: block;
  width: 100%;
  padding-left: 30px;
}
.show-xls-component .show-xls-table-container {
  flex-grow: 1;
  align-self: center;
  margin: 0 32px;
}
.show-xls-component .show-xls-button-section {
  position: relative;
  border-top: 1px solid #ddd;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 80px;
  width: 100%;
}
.show-xls-component .show-xls-button-section .xls-show-img-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  align-items: center;
}
.show-xls-component .show-xls-button-section .xls-show-img-container .xls-show-filename {
  width: 250px;
  font-size: 18px;
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-xls-component .show-xls-button-section .xls-show-img-container .xls-show-img {
  margin-right: 20px;
  height: 30px;
  width: auto;
}
.show-xls-component .show-xls-button-section .show-xls-step-progress-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.show-xls-component .show-xls-button-section .show-xls-buttons-container {
  margin-right: 20px;
}
.show-xls-component .show-xls-button-section .show-xls-progress-bar {
  margin: 10px;
  width: 200px;
  text-align: center;
  font-size: 12px;
}
.show-xls-title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.show-xls-title-container img {
  width: auto;
  height: 49px;
}
.show-xls-title-container .show-xls-title-text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 16px;
  margin-top: 8px;
}
.show-xls-title-container .show-xls-title-text-container h1 {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0px;
}
.show-xls-title-container .show-xls-title-text-container h2 {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}
.auto-or-custom-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 520px;
  min-height: 454px;
}
.auto-or-custom-component img {
  margin-top: 100px;
}
.auto-or-custom-component h1 {
  margin-top: 25px;
}
.auto-or-custom-component .limit-notice {
  color: #808080;
  font-size: 14px;
  margin-top: 16px;
}
.auto-or-custom-component .limit-notice .limit-notice-icon {
  font-size: 16px;
  margin-right: 4px;
  color: #0085ff;
  color: var(--primary-color);
}
.auto-or-custom-component .auto-or-custom-auto-button {
  margin-top: 55px;
  padding: 0 60px 0 60px;
  margin-bottom: 5px;
}
.auto-or-custom-component .auto-or-custom-auto-button.loading {
  padding: 0;
}
.import-xls-onboarding-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  width: 660px;
  height: 450px;
}
.import-xls-onboarding-component .import-xls-onboarding-img {
  margin-top: 30px;
  margin-bottom: 30px;
  height: auto;
  width: 110px;
}
.import-xls-onboarding-component .import-xls-onboarding-main-title {
  margin-bottom: 48px;
  font-size: 32px;
}
.import-xls-onboarding-component .import-xls-onboarding-second-title {
  text-align: center;
  margin-bottom: 32px;
  font-size: 20px;
}
.import-xls-onboarding-component .import-xls-onboarding-button-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
}
.import-xls-onboarding-component .import-xls-onboarding-button-section .import-xls-import-button {
  font-size: 1rem;
}
.import-xls-onboarding-component .import-xls-onboarding-button-section .import-xls-import-secondary {
  color: #00a1e6;
}
.import-xls-onboarding-component .import-xls-onboarding-warning {
  text-align: center;
  background-color: #f7f7f7;
  width: 100%;
  padding: 20px 0 20px 0;
}
.import-xls-onboarding-component .import-xls-onboarding-warning .import-xls-onboarding-red-highlight {
  margin-left: 1px;
  color: red;
}
.import-xls-choose-tool-to-import-from {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  width: 100%;
  z-index: 99999;
  min-width: 520px;
  min-height: 454px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  padding: 40px;
}
.import-xls-choose-tool-to-import-from .import-xls-import-from-main-title {
  text-align: center;
  font-weight: 400;
  line-height: 1.3;
}
.import-xls-choose-tool-to-import-from .import-xls-choose-tool-dropdown-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.import-xls-choose-tool-to-import-from .import-xls-choose-tool-dropdown-section .import-xls-choose-tool-dropdown-wrapper .import-xls-import-dropdown {
  width: 330px;
  color: #c4c4c4;
}
.import-xls-choose-tool-to-import-from .import-xls-choose-tool-dropdown-section .import-xls-choose-tool-dropdown-wrapper .ds-form-control {
  margin-top: 8px;
  font-size: 16px;
  padding: 6px 8px;
}
.import-xls-choose-tool-to-import-from .import-xls-choose-tool-dropdown-section .import-xls-import-dropdown-tip {
  margin-top: 8px;
  font-size: 12px;
  color: #c4c4c4;
}
.import-xls-choose-tool-to-import-from .import-xls-choose-tool-buttons-section {
  display: flex;
  flex-direction: column;
}
.import-xls-export-tool-to-xls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  width: 100%;
  z-index: 99999;
  min-width: 520px;
  min-height: 454px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  padding: 40px;
}
.import-xls-export-tool-to-xls .import-xls-export-tool-to-xls-main-title {
  text-align: center;
  font-weight: 400;
  line-height: 1.3;
}
.import-xls-export-tool-to-xls .import-xls-export-tool-to-xls-instructions-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
}
.import-xls-export-tool-to-xls .import-xls-export-tool-to-xls-instructions-section li {
  line-height: 1.8;
}
.import-xls-export-tool-to-xls .import-xls-export-tool-to-xls-buttons-section {
  display: flex;
  flex-direction: column;
}
.top-bar-button .top-bar-link,
.top-bar-button .top-bar-inline-link {
  margin-left: 16px;
  color: #ffffff !important;
  cursor: pointer;
  text-decoration: underline;
  overflow: hidden !important;
  white-space: nowrap;
}
.top-bar-button .top-bar-link.top-bar-inline-link,
.top-bar-button .top-bar-inline-link.top-bar-inline-link {
  margin-left: 0;
}
.top-bar-button .top-bar-border-button {
  margin-left: 16px;
  color: #ffffff;
  border-color: #ffffff;
}
.top-bar-button .top-bar-border-button:hover {
  background-color: #ffffff;
  color: #5b5ed1;
  border-color: #5b5ed1;
}
.top-bar-button .top-bar-solid-button {
  margin-left: 16px;
  background-color: #ffffff;
}
.top-bar-button.top_black_notification .top-bar-solid-button {
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.top-bar-component-container {
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  display: flex;
  align-items: center;
}
.top-bar-component-container.enlarged {
  height: 56px;
  font-size: 18px;
}
.account-read-only .top-bar-component-container {
  opacity: 0.5;
}
.top-bar-component-container.top_default_notification {
  background-color: #0085ff;
  background-color: var(--primary-color);
}
.top-bar-component-container.top_positive_notification {
  background-color: #00ca72;
}
.top-bar-component-container.top_negative_notification {
  background-color: #e44258;
}
.top-bar-component-container.top_monday_notification {
  background-color: #5b5ed1;
}
.top-bar-component-container.top_try_the_new_layout {
  background-image: url("/images/transition_to_new_layout_top_bar.png");
  background-size: cover;
}
.top-bar-component-container.top_black_notification {
  background-color: #000000;
}
.top-bar-component-container .icon-dapulse-close {
  flex-grow: 0px;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
}
.top-bar-component-container .icon-dapulse-close:hover {
  color: #e6e6e6;
}
.top-bar-component-container .top-bar-text-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.top-bar-component-container .top-bar-text-container .top-bar-component-text {
  text-overflow: ellipsis;
  overflow: hidden !important;
  white-space: nowrap;
}
.top-bar-component-container .top-bar-text-container .top-bar-component-text .days-counter {
  color: #ffffff;
  border: 1px solid #ffffff;
  font-weight: bold;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
  line-height: 24px;
}

.top-bar-component-tooltip {
  max-width: 200px;
}
.promotion-top-bar-container .slide-down-appear {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.promotion-top-bar-container .slide-down-appear-active {
  max-height: 40px;
  transition: max-height 0.25s ease-in;
}
.promotion-top-bar-container .slide-down-exit {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.promotion-top-bar-container .slide-down-exit-active {
  max-height: 40px;
  transition: max-height 0.25s ease-in;
}
.promotion-top-bar-container .promotion-top-bar-component {
  z-index: 10;
  background-color: #333;
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.promotion-top-bar-container .promotion-top-bar-component.new-design {
  background-color: #00ca72;
}
.promotion-top-bar-container .promotion-top-bar-component.new-design .discount-description {
  margin-right: 16px;
}
.promotion-top-bar-container .promotion-top-bar-component.new-design .claim-discount-button {
  font-size: 15px;
}
.promotion-top-bar-container .promotion-top-bar-component.new-design .claim-discount-button:hover {
  background-color: #00ac61;
}
.promotion-top-bar-container .promotion-top-bar-component .discount-description {
  color: white;
  font-size: 15px;
  margin-right: 32px;
  line-height: 40px;
}
.promotion-top-bar-container .promotion-top-bar-component .claim-my-discount-button {
  font-size: 15px;
  line-height: 10px;
  color: white;
  height: 25px;
  border-color: white;
  position: relative;
  padding-right: 24px;
  padding-left: 8px;
}
.promotion-top-bar-container .promotion-top-bar-component .claim-my-discount-button:before {
  position: absolute;
  right: 4px;
  top: 5px;
}
.promotion-top-bar-container .promotion-top-bar-component .claim-my-discount-button:hover {
  background: #e8e8e8;
  cursor: pointer;
  color: black;
}
.promotion-top-bar-container .promotion-top-bar-component .claim-my-discount-button:focus {
  outline: none;
}
.promotion-top-bar-container .promotion-top-bar-component .close-button {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 17px;
  color: white;
  cursor: pointer;
}
.promotion-top-bar-container .promotion-top-bar-component .close-button:hover {
  font-size: 18px;
}
.monday-multi-step-loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monday-multi-step-loader-wrapper .monday-multi-step-loader {
  display: flex;
  flex-direction: column;
  width: 280px;
  height: 120px;
  margin-bottom: 100px;
}
.monday-multi-step-loader-wrapper .monday-multi-step-loader__text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  font-weight: 400;
  margin-top: 10px;
  font-size: 18px;
}
/* mixin for multiline */
.templates-store-leftpane-component {
  height: 100%;
  width: 296px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.templates-store-leftpane-component .store-title {
  font-size: 24px;
  line-height: 28px;
  flex-shrink: 0;
  font-weight: bold;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-leftpane-component .templates-store-search-input-connector-wrapper {
  margin-top: 24px;
}
.templates-store-leftpane-component .categories-list-component-wrapper {
  margin-top: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: auto;
}
.templates-store-leftpane-component .categories-list-component-wrapper::-webkit-scrollbar {
  width: 4px;
}
.templates-store-leftpane-component .categories-list-component-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}

@media (max-width: 1366px) {
  .templates-store-leftpane-component {
    width: 255px;
  }
}

.categories-list-item-component {
  display: flex;
  align-items: center;
  height: 42px;
  cursor: pointer;
  font-weight: 400;
  transition: background-color 200ms ease;
  padding: 0px 8px;
  border-radius: 4px;
  color: #323338;
  color: var(--primary-text-color);
}
.categories-list-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.categories-list-item-component.is-selected {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  color: #0085ff;
  color: var(--primary-color);
}
.categories-list-item-component .list-item-title {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categories-list-item-component .list-item-icon {
  flex-shrink: 0;
  margin-left: 8px;
}

.templates-store-back-button-component {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 100ms color ease;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-back-button-component:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.templates-store-back-button-component .arrow-left-icon {
  margin-right: 8px;
}
.templates-store-back-button-component .back-button-text {
  font-size: 14px;
  line-height: 22px;
}
.templates-store-base-step-component {
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.templates-store-base-step-component .templates-store-back-button-component-wrapper {
  display: flex;
}
.templates-store-base-step-component .templates-store-children-wrapper {
  padding-top: 32px;
  flex-grow: 1;
  min-height: 0;
  height: 100%;
}

@media (max-width: 1366px) {
  .templates-store-base-step-component {
    padding: 16px;
  }
}
.templates-store-category-content-component .sub-category-wrapper .category-title-wrapper {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
}
.templates-store-category-content-component .sub-category-wrapper .category-title-wrapper .category-title {
  font-weight: 500;
  margin-right: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-category-content-component .sub-category-wrapper .category-templates-items-wrapper {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.templates-store-category-content-component .sub-category-wrapper .category-templates-items-wrapper .category-templates-item-component-wrapper {
  margin: 0px 16px 16px 0px;
  width: calc(25% - 16px);
  min-width: 270px;
  max-width: 350px;
}

@media (max-width: 1252px) {
  .templates-store-category-content-component .sub-category-wrapper .category-templates-items-wrapper .category-templates-item-component-wrapper {
    margin: 0px 24px 24px 0px;
    width: 40%;
    min-width: 300px;
  }
}
.category-templates-item-component:hover .category-templates-item-wrapper {
  box-shadow: 0px 15px 20px rgba(51, 51, 51, 0.1);
  transform: translateY(-5px);
}
.category-templates-item-component .category-templates-item-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.05);
  transition: box-shadow 300ms ease, transform 300ms ease;
  background-color: #ffffff;
  background-color: var(--card-background-color);
}
.category-templates-item-component .category-templates-item-wrapper .templates-image-background {
  height: 150px;
  width: 100%;
  background-color: #f1f1f1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.category-templates-item-component .category-templates-item-wrapper .templates-image-background .templates-image-wrapper {
  height: 140px;
  width: 95%;
  overflow: hidden;
  border-radius: 4px 4px 0px 0px;
}
.category-templates-item-component .category-templates-item-wrapper .templates-image-background .templates-image-wrapper.templates-image-shrink {
  padding-top: 16px;
  width: calc(100% - 48px);
  overflow: hidden;
}
.category-templates-item-component .category-templates-item-wrapper .templates-image-background .templates-image {
  width: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section {
  position: relative;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .template-integrations-wrapper {
  position: absolute;
  height: 30px;
  right: 0;
  top: -15px;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper {
  padding: 16px;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper .title-wrapper {
  display: flex;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper .title-wrapper .templates-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #323338;
  color: var(--primary-text-color);
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper .title-wrapper .new-template-badge-wrapper {
  margin-left: 8px;
  margin-top: auto;
  margin-bottom: auto;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper .title-wrapper .new-template-badge-wrapper .badge-component {
  background-color: #ffffff;
  background-color: var(--card-background-color);
  border-color: #0085ff;
  border-color: var(--primary-on-secondary-color);
  color: #0085ff;
  color: var(--primary-on-secondary-color);
  border: 1px solid;
  border-radius: 4px;
}
.category-templates-item-component .category-templates-item-wrapper .templates-bottom-section .templates-data-wrapper .templates-description-wrapper {
  height: 24px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #323338;
  color: var(--primary-text-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-templates-item-component .category-templates-item-wrapper .category-templates-item-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  background: rgba(var(--primary-background-color-rgb), 0.9);
}
.category-templates-item-component .category-templates-item-wrapper .category-templates-item-hover .item-hover-button {
  width: 120px;
  margin: 4px 0;
}
.template-integrations {
  height: 100%;
  display: flex;
}
.template-integrations .template-diagonal-border {
  border-style: solid;
  border-width: 30px 20px 0 0;
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent var(--card-background-color) transparent transparent;
}
.template-integrations .template-integration-content {
  padding-right: 12px;
  padding-left: 8px;
  min-width: 56px;
  background-color: #ffffff;
  background-color: var(--card-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-integrations .template-integration-content .template-integration-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -2px;
}
.template-integrations .template-integration-content .template-integration-icon-wrapper .template-integration-icon {
  width: 28px;
}
.template-integrations .template-integration-content .additional-integration-icon {
  font-size: 12px;
  color: #323338;
  color: var(--primary-text-color);
  margin-left: 8px;
}
.use-template-component {
  display: flex;
}
.use-template-component .use-template-component-teams-icon {
  margin-right: 4px;
  padding-top: 2px;
}
.badge-component {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
  border-radius: 2px;
  background-color: #ffcc00;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
}
.category-empty-card-component {
  margin: 0px 16px 16px 0px;
  width: calc(25% - 16px);
  min-width: 270px;
  max-width: 350px;
  min-height: 235px;
  transition: box-shadow 300ms ease, transform 300ms ease;
  background-color: #ffffff;
  background-color: var(--card-background-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-shadow: 0px 15px 20px rgba(51, 51, 51, 0.1);
  padding: 56px;
}
.category-empty-card-component:hover {
  transform: translateY(-5px);
}
.category-empty-card-component .empty-card-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  width: 200px;
  padding-bottom: 24px;
  color: #0085ff;
  color: var(--primary-color);
}
.templates-store-home-category-content-component .choose-your-first-template-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 46px 0px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border-radius: 4px;
}
.templates-store-home-category-content-component .choose-your-first-template-wrapper .choose-your-first-template-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 37px;
  color: #323338;
  color: var(--primary-text-on-secondary-color);
}
.templates-store-home-category-content-component .choose-your-first-template-wrapper .choose-your-first-template-subtitle {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #676879;
  color: var(--secondary-text-on-secondary-color);
}
.templates-store-home-category-content-component .templates-store-category-content-component-wrapper {
  margin-top: 40px;
}
.templates-store-templates-view-component {
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-templates-view-component .templates-store-templates-view-first-column {
  flex-grow: 1;
  padding-right: 80px;
}
.templates-store-templates-view-component .templates-store-templates-view-second-column {
  flex-shrink: 0;
  width: 240px;
}
.templates-store-templates-view-component .templates-store-templates-view-first-row {
  display: flex;
  margin-bottom: 80px;
}
.templates-store-templates-view-component .templates-store-templates-view-first-row .templates-store-templates-view-details .template-content-name-component-wrapper {
  margin-bottom: 16px;
}
.templates-store-templates-view-component .templates-store-templates-view-first-row .templates-store-templates-view-use-template .use-template-text {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
  width: 200px;
}
.templates-store-templates-view-component .templates-store-templates-view-first-row .templates-store-templates-view-use-template .use-template-text .use-template-info-icon {
  color: #00a9ff;
  margin-right: 12px;
}
.templates-store-templates-view-component .templates-store-templates-view-second-row {
  display: flex;
}
.templates-store-templates-view-component .templates-store-templates-view-second-row .templates-view-usefulFor-wrapper {
  margin-top: 50px;
}
.templates-store-templates-view-component .templates-store-templates-view-second-row .templates-view-usefulFor-wrapper .templates-view-usefulFor-title-wrapper {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 14px;
}
.templates-store-templates-view-component .templates-store-templates-view-second-row .templates-view-usefulFor-wrapper .templates-view-usefulFor-bullets-wrapper {
  font-size: 16px;
  line-height: 26px;
  margin-left: 18px;
}

.template-content-name-component .template-content-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
.template-content-name-component .template-content-name .template-content-name-used-by {
  display: inline-flex;
  font-weight: 300;
}
.template-content-name-component .template-content-name .template-content-name-used-by .template-content-name-divider {
  margin: 0px 12px;
  font-size: 24px;
  line-height: 28px;
}
.template-content-name-component .template-content-name .template-content-name-used-by .template-content-name-used-by-text {
  font-size: 12px;
  line-height: 18px;
  padding-top: 4px;
  display: inline-flex;
  align-items: center;
}
.template-content-name-component .template-content-name .template-content-name-used-by .template-content-name-used-by-text .template-content-name-teams-icon {
  margin-right: 4px;
  padding-top: 2px;
}
.template-content-name-component .template-content-name-id {
  display: block;
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 2px;
  margin-top: 4px;
  font-size: 14px;
}
.content-description-component .content-description {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 8px;
  max-width: 800px;
}
.content-description-component .description-bullets-wrapper .description-bullets {
  margin-left: 18px;
  font-size: 16px;
  line-height: 28px;
}
.custom-slick-arrow-component {
  display: block;
  cursor: pointer;
}
.custom-slick-slider-component {
  height: 100%;
}
.custom-slick-slider-component .slick-slider-wrapper {
  height: 100%;
}
.custom-slick-slider-component .slick-slider-wrapper .slick-list {
  height: calc(100% - 48px);
  width: calc(100% - 32px);
  margin: auto;
}
.custom-slick-slider-component .slick-slider-wrapper .slick-list .slick-track {
  height: 100%;
  position: relative;
}
.custom-slick-slider-component .slick-slider-wrapper .slick-list .slick-track .slick-slide {
  position: relative;
}
.content-preview-component {
  max-width: 660px;
}
.content-preview-component .preview-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px;
}
.content-preview-component #preview-images .slick-slider .slick-list {
  padding: 8px;
}
.content-preview-component #preview-images .slick-slider .slick-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.content-preview-component .slick-preview-next-arrow,
.content-preview-component .slick-preview-prev-arrow {
  top: 46%;
  transform: translateY(-50%);
  position: absolute;
}
.content-preview-component .slick-preview-next-arrow.disabled,
.content-preview-component .slick-preview-prev-arrow.disabled {
  display: none;
}
.content-preview-component .slick-preview-next-arrow {
  right: -25px;
}
.content-preview-component .slick-preview-prev-arrow {
  left: -25px;
}
.content-preview-component #preview-images .slick-slider .slick-list .slick-track .slick-slide div {
  outline: none;
}
.template-content-preview-slide-component {
  cursor: pointer;
  margin-right: 16px;
}
.template-content-preview-slide-component .template-content-preview-slide-image-wrapper {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.11);
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 12px;
  height: 200px;
  overflow: hidden;
}
.template-content-preview-slide-component .template-content-preview-slide-image-wrapper .template-content-preview-slide-image {
  height: 100%;
}
.template-content-preview-slide-component .template-content-preview-slide-image-title {
  font-size: 14px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-images-view-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper {
  flex-grow: 1;
  min-height: 0;
  height: 100%;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .dots-class {
  position: absolute;
  bottom: 0;
  height: 32px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .dots-class li {
  margin: 0;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .dots-class li button::before {
  font-size: 22px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .slick-image-view-preview-next-arrow,
.templates-store-images-view-component .templates-store-images-view-images-wrapper .slick-image-view-preview-prev-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 16px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .slick-image-view-preview-next-arrow.disabled,
.templates-store-images-view-component .templates-store-images-view-images-wrapper .slick-image-view-preview-prev-arrow.disabled {
  display: none;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .slick-image-view-preview-next-arrow {
  right: 0px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-next-arrow,
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-prev-arrow {
  z-index: 2;
  top: 50%;
  position: absolute;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-next-arrow.disabled,
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-prev-arrow.disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-next-arrow {
  right: -15px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .v2-slick-image-view-preview-prev-arrow {
  left: -15px;
}
.templates-store-images-view-component .templates-store-images-view-images-wrapper .image-view-slide-component-wrapper {
  position: absolute;
  height: 100%;
}
.templates-store-images-view-component .images-view-use-template-component-wrapper {
  width: 240px;
  align-self: flex-end;
  flex-shrink: 0;
}
.image-view-slide-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}
.image-view-slide-component .image-view-slide-image-wrapper {
  flex-grow: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-view-slide-component .image-view-slide-image-wrapper .image-view-slide-image-inner-wrapper {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
  width: calc(100% - 32px);
  max-height: calc(100% - 32px);
  overflow: hidden;
}
.image-view-slide-component .image-view-slide-image-wrapper .image-view-slide-image-inner-wrapper .image-view-slide-image {
  width: 100%;
}
.image-view-slide-component .image-view-slide-image-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 24px;
  color: #676879;
  flex-shrink: 0;
}
.custom-slick-outlined-arrow-component {
  display: flex;
  cursor: pointer;
}
.custom-slick-outlined-arrow-component .custom-slick-outlined-arrow-icon {
  height: 24px;
  width: 24px;
}
.custom-slick-outlined-arrow-component .custom-slick-outlined-arrow-icon path {
  fill: #0085ff;
  fill: var(--primary-color);
}
.templates-store-search-results-view-component {
  height: 100%;
}
.templates-store-search-results-view-component .templates-store-search-results {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.templates-store-search-results-view-component .templates-store-search-results .templates-store-search-results-header {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-search-results-view-component .templates-store-search-results .templates-store-search-results-header .templates-store-search-results-term {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 4px;
}
.templates-store-search-results-view-component .templates-store-search-results .templates-store-search-results-items-wrapper {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.templates-store-search-results-view-component .templates-store-search-results .templates-store-search-results-items-wrapper .templates-store-search-results-item-component-wrapper {
  margin: 0px 16px 16px 0px;
  width: calc(25% - 16px);
  min-width: 270px;
}
.templates-store-search-results-view-component .templates-store-search-results-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translateY(-40px);
}
.templates-store-search-results-view-component .templates-store-search-results-empty .no-result-img {
  width: 176px;
  height: 176px;
}
.templates-store-search-results-view-component .templates-store-search-results-empty .template-store-search-no-result-message {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin: 24px 0 16px 0;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-search-results-view-component .templates-store-search-results-empty .templates-store-search-template-suggestion {
  font-size: 14px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-search-results-view-component .templates-store-search-results-empty .templates-store-search-template-suggestion .templates-store-search-template-suggestion-link {
  margin-left: 4px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.templates-store-search-results-view-component .templates-store-search-results-empty .templates-store-search-build-your-own {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.templates-store-search-results-view-component .templates-store-search-results-empty .templates-store-search-build-your-own .templates-store-search-build-your-own-title {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-search-results-view-component .templates-store-search-results-empty .templates-store-search-build-your-own .icon-add-blank-board-template {
  top: 2px;
}

@media (max-width: 1252px) {
  .templates-store-search-results .templates-store-search-results-items-wrapper .templates-store-search-results-item-component-wrapper {
    margin: 0px 24px 24px 0px !important;
    width: 40% !important;
    min-width: 300px !important;
  }
}
.user-feedback-form-wrapper {
  height: 100%;
}
.user-feedback-form-wrapper .template-user-feedback-component {
  height: 100%;
}
.user-feedback-form-wrapper .template-user-feedback-component .form-iframe {
  width: 100%;
  height: 100%;
  position: relative;
}
.templates-store-form-view-component {
  height: 100%;
}
.templates-store-form-view-component .template-user-feedback-component {
  height: 100%;
}
.templates-store-form-view-component .template-user-feedback-component iframe {
  height: 100%;
}
.templates-store-v2-templates-view-component {
  color: #323338;
  color: var(--primary-text-color);
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row {
  display: flex;
  justify-content: space-between;
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row .templates-store-v2-templates-view-details {
  padding-right: 24px;
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row .templates-store-v2-templates-view-details .template-content-v2-name-component-wrapper {
  margin-bottom: 20px;
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row .templates-store-v2-templates-view-use-template {
  flex-shrink: 0;
  width: 240px;
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row .templates-store-v2-templates-view-use-template .use-template-v2-text {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px;
  width: 200px;
}
.templates-store-v2-templates-view-component .templates-store-v2-templates-view-first-row .templates-store-v2-templates-view-use-template .use-template-v2-text .use-template-v2-info-icon {
  color: #00a9ff;
  margin-right: 12px;
}
.templates-store-v2-templates-view-component .template-content-v2-preview-component-wrapper {
  margin-top: 72px;
  flex-grow: 1;
  padding-right: 40px;
}
.templates-store-v2-templates-view-component .template-content-v2-integrations-component-wrapper {
  height: 50px;
}

@media (max-height: 760px) {
  .templates-store-v2-templates-view-component .template-content-v2-preview-component-wrapper {
    margin-top: 32px;
  }
}
@media (max-height: 700px) {
  .templates-store-v2-templates-view-component .template-content-v2-preview-component-wrapper {
    margin-top: 16px;
  }
}
.template-content-name-component .template-content-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
.template-content-name-component .template-content-name .template-content-name-with-badge-wrapper {
  display: inline-flex;
}
.template-content-name-component .template-content-name .template-content-name-with-badge-wrapper .template-content-name-new-badge-component-wrapper {
  align-self: center;
  margin-left: 8px;
  font-weight: 300;
}
.template-content-name-component .template-content-name .template-content-name-with-badge-wrapper .template-content-name-new-badge-component-wrapper .badge-component {
  background-color: #ffffff;
  background-color: var(--card-background-color);
  border-color: #0085ff;
  border-color: var(--primary-on-secondary-color);
  color: #0085ff;
  color: var(--primary-on-secondary-color);
  border: 1px solid;
  border-radius: 4px;
}
.template-content-name-component .template-content-name .template-content-name-used-by {
  display: inline-flex;
  font-weight: 300;
}
.template-content-name-component .template-content-name .template-content-name-used-by .template-content-name-divider {
  margin: 0px 12px;
  font-size: 24px;
  line-height: 28px;
}
.template-content-name-component .template-content-name .template-content-name-used-by .template-content-name-used-by-component-wrapper {
  font-size: 14px;
  line-height: 18px;
  padding-top: 6px;
}
.template-content-name-component .template-content-name-id {
  display: block;
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 2px;
  margin-top: 4px;
  font-size: 14px;
}
.account-template-name-component .account-template-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 12px;
}
.account-template-name-component .spacer {
  width: 1px;
  height: 16px;
  margin: 0 12px;
  background-color: #676879;
  background-color: var(--secondary-text-color);
}
.account-template-name-component .creator-and-workspace {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.account-template-name-component .creator-and-workspace .creator-name {
  margin-left: 8px;
}
.account-template-name-component .creator-and-workspace .workspace-name {
  margin-left: 8px;
}
.account-template-name-component .updated-and-id {
  display: flex;
  align-items: center;
  color: #676879;
  color: var(--secondary-text-color);
}
.content-description-component .content-description {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 8px;
  max-width: 800px;
}
.content-description-component .content-description .content-description-full-description-button {
  margin-left: 8px;
  color: #0085ff;
  color: var(--primary-color);
  cursor: pointer;
}
.content-description-component .description-bullets-wrapper .description-bullets {
  margin-left: 18px;
  font-size: 16px;
  line-height: 28px;
}
.v2-template-content-video-component {
  padding-right: 40px;
}
.v2-template-content-video-component .v2-template-content-video-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px;
}
.v2-content-preview-component {
  padding-top: 0;
  display: inline-block;
}
.v2-content-preview-component .v2-preview-images {
  display: flex;
}
.v2-content-preview-component .v2-preview-images .v2-preview-main-image,
.v2-content-preview-component .v2-preview-images .template-content-v2-video-component-wrapper {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 360px;
  width: 640px;
  border-radius: 4px;
  overflow: hidden;
}
.v2-content-preview-component .v2-preview-images .v2-preview-main-image .v2-template-content-video-component,
.v2-content-preview-component .v2-preview-images .template-content-v2-video-component-wrapper .v2-template-content-video-component {
  padding: 0;
}
.v2-content-preview-component .v2-preview-images .v2-preview-main-image .v2-template-content-video-component .v2-template-content-video,
.v2-content-preview-component .v2-preview-images .template-content-v2-video-component-wrapper .v2-template-content-video-component .v2-template-content-video {
  height: 360px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper {
  height: 360px;
  position: relative;
  padding-left: 16px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images {
  height: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow: auto;
  padding-right: 8px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images::-webkit-scrollbar {
  width: 4px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image {
  width: 160px;
  height: 90px;
  margin: 8px 0;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 0px 16px rgba(50, 51, 56, 0.15);
  border-radius: 4px;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image.is-video {
  position: relative;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image.is-video .v2-template-content-video-component {
  width: 100%;
  height: 100%;
  padding: 0;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image.is-video .v2-template-content-video-component .v2-template-content-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image.is-video .video-thumbnail-icon {
  position: absolute;
  bottom: 4px;
  left: 4px;
  height: 18px;
  width: 18px;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image:hover {
  box-shadow: 0px 0px 16px rgba(50, 51, 56, 0.25);
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image.is-selected {
  border: 2px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image:first-child {
  margin-top: 0;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .v2-preview-side-images .v2-preview-image:last-child {
  margin-bottom: 0;
}
.v2-content-preview-component .v2-preview-images .v2-preview-side-images-wrapper .preview-side-images-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(180deg, rgba(var(--primary-background-color-rgb), 0) 0%, rgba(var(--primary-background-color-rgb), 1) 100%);
}
.v2-template-content-integrations-component {
  display: flex;
  align-items: center;
  height: 100%;
}
.v2-template-content-integrations-component .v2-template-content-integrations-component-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-right: 16px;
}
.v2-template-content-integrations-component .v2-template-content-integrations-component-integrations {
  height: 100%;
}
.v2-template-content-integration-icon {
  height: 100%;
}
.closed-workspace-template-warning-component {
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border-radius: 8px;
  padding: 12px;
  padding-right: 24px;
  padding-left: 16px;
  display: flex;
}
.closed-workspace-template-warning-component .info-icon {
  font-size: 16px;
  color: #0085ff;
  color: var(--primary-color);
}
.closed-workspace-template-warning-component .warning-text {
  margin-left: 12px;
}
.templates-store-component {
  height: 100%;
  width: 100%;
  display: flex;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.templates-store-component .templates-store-leftpane-component-wrapper {
  flex-shrink: 0;
}
.templates-store-component .templates-store-content-component-wrapper {
  flex-grow: 1;
  overflow: auto;
  margin: 4px;
  margin-left: 0;
}
.templates-store-component .templates-store-content-component-wrapper::-webkit-scrollbar {
  width: 8px;
}
.templates-store-component .templates-store-content-component-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 8px;
}
.create-solution-from-templates-modal.animated {
  transform-origin: center;
  -webkit-animation: modalResize 0.35s cubic-bezier(0, 0, 0.35, 1);
          animation: modalResize 0.35s cubic-bezier(0, 0, 0.35, 1);
}

@-webkit-keyframes modalResize {
  0% {
    width: 784px;
    height: 535px;
  }
  100% {
    width: 92%;
    height: 92%;
  }
}

@keyframes modalResize {
  0% {
    width: 784px;
    height: 535px;
  }
  100% {
    width: 92%;
    height: 92%;
  }
}
.monday-light-input-component {
  width: 100%;
  position: relative;
}
.monday-light-input-component .monday-light-input-wrapper {
  width: 100%;
  border-bottom: 1px solid #979797;
  transition: border-color 200ms ease;
  position: relative;
  display: flex;
}
.monday-light-input-component .monday-light-input-wrapper.is-input-focused {
  border-bottom: 2px solid #2bb9ff;
}
.monday-light-input-component .monday-light-input-wrapper .monday-light-required-star {
  margin-right: 8px;
  color: #c4c4c4;
  font-size: 20px;
  display: block;
  transform: translateY(6px);
}
.monday-light-input-component .monday-light-input-wrapper .monday-light-input {
  height: 100%;
  width: 100%;
  font-size: 18px;
  border: 0;
  outline: 0;
  padding: 0;
  color: #333333;
}
.monday-light-input-component .monday-light-input-wrapper .monday-light-input:-ms-input-placeholder {
  color: #c4c4c4;
  font-weight: 300;
}
.monday-light-input-component .monday-light-input-wrapper .monday-light-input::placeholder {
  color: #c4c4c4;
  font-weight: 300;
}
.monday-light-input-component .monday-light-input-wrapper .monday-light-input-icon-wrapper {
  display: flex;
  align-items: center;
}
.monday-light-input-component .monday-light-input-bottom-notice {
  position: absolute;
  left: 0;
  font-size: 12px;
}
.monday-light-input-component .monday-light-input-bottom-notice.error {
  color: #fb275d;
}
.template-card-component {
  max-width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 32px 16px;
  width: 612px;
  height: 412px;
}
.template-card-component .template-card-header {
  display: flex;
  align-items: center;
  height: 48px;
}
.template-card-component .template-card-header .template-card-title {
  flex-grow: 1;
  font-weight: 700;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.1px;
  margin-left: 29px;
  font-size: 32px;
}
.template-card-component .template-card-header .template-card-title.empty {
  overflow-x: auto;
  overflow-y: auto;
  position: absolute;
  width: 128px;
  height: 8px;
  border-radius: 8px;
  background-color: #e6e9ef;
  flex-grow: 0;
}
.template-card-component .template-card-header .template-card-favorite {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: rgba(204, 233, 255, 0.6);
  border-radius: 20px;
}
.template-card-component .template-card-header .template-card-favorite .favorite-text {
  margin-right: 4px;
  font-size: 14px;
}
.template-card-component .template-card-header .template-card-favorite .favorite-heart-img {
  height: 16px;
}
.template-card-component .template-card-image-wrapper {
  margin-top: 24px;
  position: relative;
}
.template-card-component .template-card-image-wrapper .first-task-name,
.template-card-component .template-card-image-wrapper .second-task-name,
.template-card-component .template-card-image-wrapper .third-task-name,
.template-card-component .template-card-image-wrapper .fourth-task-name,
.template-card-component .template-card-image-wrapper .fifth-task-name,
.template-card-component .template-card-image-wrapper .first-group-name,
.template-card-component .template-card-image-wrapper .second-group-name,
.template-card-component .template-card-image-wrapper .third-group-name {
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.2px;
}
.template-card-component .template-card-image-wrapper .template-card-image {
  height: auto;
  width: 580px;
}
.template-card-component .template-card-image-wrapper .task-name {
  left: 44px;
  width: 235px;
}
.template-card-component .template-card-image-wrapper .task-name.empty {
  overflow-x: auto;
  overflow-y: auto;
  position: absolute;
  width: 128px;
  height: 8px;
  border-radius: 8px;
  background-color: #e6e6e6;
  transform: translateY(6px);
}
.template-card-component .template-card-image-wrapper .first-task-name {
  top: 37px;
}
.template-card-component .template-card-image-wrapper .second-task-name {
  top: 73px;
}
.template-card-component .template-card-image-wrapper .third-task-name {
  top: 161px;
}
.template-card-component .template-card-image-wrapper .fourth-task-name {
  top: 197px;
}
.template-card-component .template-card-image-wrapper .fifth-task-name {
  top: 233px;
}
.template-card-component .template-card-image-wrapper .first-group-name,
.template-card-component .template-card-image-wrapper .second-group-name,
.template-card-component .template-card-image-wrapper .third-group-name {
  left: 29px;
  width: 235px;
  font-weight: 400;
  font-size: 16px;
}
.template-card-component .template-card-image-wrapper .first-group-name.empty,
.template-card-component .template-card-image-wrapper .second-group-name.empty,
.template-card-component .template-card-image-wrapper .third-group-name.empty {
  overflow-x: auto;
  overflow-y: auto;
  position: absolute;
  width: 128px;
  height: 8px;
  border-radius: 8px;
  background-color: #e6e9ef;
}
.template-card-component .template-card-image-wrapper .first-group-name {
  top: 0px;
  color: #597bfc;
}
.template-card-component .template-card-image-wrapper .first-group-name.empty {
  background-color: #597bfc;
}
.template-card-component .template-card-image-wrapper .second-group-name {
  top: 127px;
  color: #a25ddc;
}
.template-card-component .template-card-image-wrapper .second-group-name.empty {
  background-color: #a25ddc;
}
.template-card-component .template-card-image-wrapper .third-group-name {
  top: 214px;
  color: #ff642e;
}
.template-card-component .template-card-image-wrapper .third-group-name.empty {
  background-color: #ff642e;
}
.template-card-component .template-card-image-wrapper.image-with-content .third-task-name,
.template-card-component .template-card-image-wrapper.image-with-content .fourth-task-name,
.template-card-component .template-card-image-wrapper.image-with-content .fifth-task-name {
  display: none;
}
.template-card-component .template-card-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.template-card-component .template-card-button-wrapper .template-card-button {
  font-size: 14px;
}

.template-card-component.twoGroupsConfig {
  width: 612px;
  height: 412px;
}
.template-card-component.twoGroupsConfig .template-card-image-wrapper .third-group-name {
  display: none;
}

.template-card-component.threeGroupsConfig {
  width: 630px;
  height: 455px;
}
.template-card-component.threeGroupsConfig .template-card-image-wrapper .fourth-task-name {
  top: 249px;
}
.template-card-component.threeGroupsConfig .template-card-image-wrapper .fifth-task-name {
  display: none;
}
.create-solution-from-templates-modal .monday-solution-preview {
  padding: 70px 20px 20px 20px;
}
.create-solution-from-templates-modal .templates-sections .templates-list-item {
  display: flex;
  align-items: center;
  padding-left: 40px;
}
.create-solution-from-templates-modal .templates-sections .templates-list-item .board-name {
  line-height: 46px;
  padding: 0 8px;
}
.create-solution-from-templates-modal .templates-sections .templates-list-item .board-name .board-name-title {
  width: 135px;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .quick-start-section .templates-list-item .item-icon {
  font-size: 16px;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item {
  height: 46px;
  line-height: 46px;
  display: flex;
  align-items: center;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item .item-icon,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item .item-icon {
  line-height: 46px;
  color: #000000;
  font-size: 14px;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item .board-name,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item .board-name {
  line-height: 46px;
  padding: 0 8px;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item.selected .item-icon,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item.selected .item-icon {
  color: #0085ff;
  color: var(--primary-color);
}
@-webkit-keyframes tooltip-toggle {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes tooltip-toggle {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item .start-here-tooltip-container,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item .start-here-tooltip-container {
  position: absolute;
  right: 10px;
  -webkit-animation-name: tooltip-toggle;
          animation-name: tooltip-toggle;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  transition: right 3s linear;
  cursor: pointer;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item .start-here-tooltip-container .ds-tooltip,
.create-solution-from-templates-modal .templates-multi-select-list-component .templates-list-item .start-here-tooltip-container .ds-tooltip {
  padding-top: 0;
  padding-bottom: 0;
}
.create-solution-from-templates-modal .templates-list-category {
  line-height: 46px;
  height: 46px;
}
.create-solution-from-templates-modal .templates-left-menu-section-component.all-templates-section {
  border-bottom: unset;
}
.create-solution-from-templates-modal .templates-left-menu-section-component .section-title {
  line-height: 32px;
}
.create-solution-from-templates-modal .onboarding-mode-title-component .line-container {
  line-height: 46px;
}
.create-solution-from-templates-modal .templates-sections .templates-filter-wrapper {
  margin: 10px 16px 20px 16px;
}
.create-solution-from-templates-modal .solution-center-left-pane {
  width: 304px;
  display: flex;
  flex-direction: column;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-sections {
  flex: 1 0 304px;
}
.create-solution-from-templates-modal .templates-list-with-preview-new .templates-list-item:hover.cursor-on-hover {
  cursor: pointer;
}
.create-solution-from-templates-modal .solution-search-wrapper {
  padding: 20px;
}
.create-solution-from-templates-modal .default-template-info-component {
  display: flex;
  flex-direction: column;
}
.create-solution-from-templates-modal .default-template-info-component__content {
  height: calc(100% - 175px);
  display: flex;
  flex-direction: column;
}
.create-solution-from-templates-modal .default-template-info-component__content .template-title-component {
  padding: 0px 20px;
}
.create-solution-from-templates-modal .default-template-info-component__content .template-title-component .choose-a-template-title {
  margin-top: unset;
}
.create-solution-from-templates-modal .default-template-info-component__footer {
  height: 175px;
}
.create-solution-from-templates-modal .image-wrapper .selected .template_store {
  height: 100%;
}

.create-solution-from-templates-modal {
  width: 92%;
  position: relative;
  outline: none;
}
.uploader-file-preview {
  width: 68px;
  height: 68px;
  border-radius: 4px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
}
.uploader-file-preview .image-preview {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.uploader-file-preview .image-preview.loaded {
  opacity: 0.4;
}
.uploader-file-preview .image-preview.uploaded {
  opacity: 1;
}
.uploader-file-preview .thumbnail-preview-component-in-uploader .file-type-icon {
  font-size: 16px;
}
.uploader-file-preview .thumbnail-preview-component-in-uploader .file-type {
  font-size: 12px;
  margin-top: 4px;
}
.upload-info-component .upload-info-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #676879 !important;
  color: var(--secondary-text-color) !important;
}
.upload-info-component .upload-info-wrapper .error-message {
  color: #e44258 !important;
  color: var(--negative-color) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
  font-size: 14px;
}
.upload-info-component .upload-info-wrapper .upload-info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-info-component .upload-info-wrapper .upload-info .upload-status {
  margin-right: 8px;
}
.upload-info-component .upload-info-wrapper .upload-info .upload-status .error-wrapper {
  display: flex;
  align-items: center;
}
.upload-info-component .upload-info-wrapper .upload-info .upload-status .error-wrapper .info-icon {
  display: flex;
}
.upload-file-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.upload-file-info .holder-info,
.upload-file-info .file-name {
  width: 244px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
}
.upload-file-info .holder-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-file-info .file-name {
  display: flex;
  font-weight: bold;
}
.upload-file-info .file-name .first-part {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-file-info .file-name .second-part {
  white-space: nowrap;
}
.files-uploader-action-buttons {
  display: flex;
  position: relative;
  top: -4px;
}
.files-uploader-action-buttons .icon_component {
  color: #676879;
  color: var(--icon-color);
}
.files-uploader-action-buttons button svg {
  outline: none;
}
.files-uploader-action-buttons .retry-button svg {
  width: 18px;
}
.single-file-uploading-component {
  padding: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.single-file-uploading-component .uploader-file-preview {
  margin-right: 16px;
  overflow: hidden;
}
.single-file-uploading-component .single-file-uploading-component-main-info {
  display: flex;
  flex-direction: row;
}
.single-file-uploading-component .single-file-uploading-component-main-info .single-file-uploading-component-uploading-info {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.single-file-uploading-component .single-file-uploading-component-main-info .single-file-uploading-component-uploading-info .single-file-uploading-component-top-part {
  flex-direction: row;
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.single-file-uploading-component .single-file-uploading-component-progress {
  margin-top: 12px;
}
.single-file-uploading-component .single-file-uploading-component-progress .progress-bar-component {
  height: 4px;
}
.files-uploader-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #323338;
  color: var(--primary-text-color);
}
.files-uploader-header .status-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.files-uploader-header .status-wrapper .uploading-indication-icon {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.files-uploader-header .status-wrapper .failed-text-indication {
  margin-left: 8px;
}
.files-uploader-header .buttons-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.files-uploader-header .buttons-wrapper .header-button {
  height: 32px;
}
.files-uploader-header .buttons-wrapper .header-button svg {
  outline: none;
}
.files-uploader-header .buttons-wrapper .header-button.square-button {
  width: 32px;
}
.files-uploader-header .buttons-wrapper .header-button.text-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.files-uploader-header .buttons-wrapper .feedback-button-wrapper {
  border-right: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding-right: 8px;
  margin-right: 8px;
}
.files-uploader-header .buttons-wrapper .icon_component {
  color: #676879;
  color: var(--icon-color);
}
.files-uploader-header .buttons-wrapper .cancel {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 8px;
}
/* mixin for multiline */
.files-uploader-wrapper-component {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 100000000;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  width: 440px;
  box-sizing: border-box;
  font-size: 14px;
  overflow: hidden;
}
.files-uploader-wrapper-component .files-uploader-component.hidden-files-uploader-component {
  display: none;
}
.files-uploader-wrapper-component .files-uploader-component.minimized {
  height: auto;
}
.files-uploader-wrapper-component .files-uploader-component .files-list {
  overflow: auto;
  max-height: 306px;
  display: flex;
  flex-direction: column;
  padding: 0 2px;
  transition: max-height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.files-uploader-wrapper-component .files-uploader-component .files-list::-webkit-scrollbar {
  width: 4px;
}
.files-uploader-wrapper-component .files-uploader-component .files-list::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.files-uploader-wrapper-component .files-uploader-component .files-list .file-upload-wrapper {
  padding: 8px 4px 8px 8px;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.files-uploader-wrapper-component .files-uploader-component .files-list.hide-file-list {
  max-height: 0;
}
.promotions-modal-window {
  display: flex;
}
.promotions-modal-window .promotion-image {
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 421px;
  width: 361px;
}
.promotions-modal-window .promotion-content {
  width: 400px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.promotions-modal-window .promotion-content .title {
  margin-top: 10px;
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 32px;
  letter-spacing: 0;
}
.promotions-modal-window .promotion-content .discount-sentence {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #333333;
  margin-bottom: 48px;
}
.promotions-modal-window .promotion-content .maybe-late-button {
  cursor: pointer;
  margin-top: 16px;
  color: #00a1e6;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  color: #0085ff;
  color: var(--primary-color);
}
.promotions-modal-window .close-button {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
  color: #333333;
}
.promotions-modal-window .close-button:hover {
  color: black;
}
.choose-two-factor-auth-method-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.choose-two-factor-auth-method-component .title-container {
  margin-bottom: 5px;
}
.choose-two-factor-auth-method-component .title-container > h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}
.choose-two-factor-auth-method-component .title-container > aside {
  color: #9699a6;
}
.choose-two-factor-auth-method-component .methods-container .method {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 5px 10px;
  border-radius: 10px;
}
.choose-two-factor-auth-method-component .methods-container .method:not(:last-of-type) {
  margin-bottom: 10px;
}
.choose-two-factor-auth-method-component .methods-container .method.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.choose-two-factor-auth-method-component .methods-container .method:hover {
  background: rgba(0, 0, 0, 0.05);
}
.choose-two-factor-auth-method-component .methods-container .method .method-text-2fa {
  display: inline-flex;
  flex-direction: column;
  margin-left: 5px;
}
.choose-two-factor-auth-method-component .methods-container .method .method-text-2fa .title {
  font-weight: bold;
  display: inline-block;
}
.choose-two-factor-auth-method-component .methods-container .method .method-text-2fa .description {
  display: inline-block;
}
.choose-two-factor-auth-method-component .button-container {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.choose-two-factor-auth-method-component .button-container :not(:last-of-type) {
  margin-right: 10px;
}
.setup-two-factor-auth-app-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.setup-two-factor-auth-app-component .title-container h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}
.setup-two-factor-auth-app-component .activation-container {
  display: inline-flex;
  flex-direction: row;
  height: 170px;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 228px;
  padding-right: 20px;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .qrcode {
  margin: 10px;
  height: 126px;
  width: 120px;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .secret {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .secret .shimmer-component {
  margin: 2px 0;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .secret .copy-code {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .secret .copy-code:hover {
  text-decoration: none;
  cursor: pointer;
}
.setup-two-factor-auth-app-component .activation-container .qrcode-container .secret .copy-code:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.setup-two-factor-auth-app-component .activation-container .code-container {
  flex-grow: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;
}
.setup-two-factor-auth-app-component .activation-container .code-container .code-label {
  padding-left: 6px;
  margin-bottom: 10px;
}
.setup-two-factor-auth-app-component .activation-container .code-container .code-input {
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 0px 3px 6px;
  height: 34px;
}
.setup-two-factor-auth-app-component .button-container {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.setup-two-factor-auth-app-component .button-container :not(:last-of-type) {
  margin-right: 10px;
}
.phone-input-component input:focus,
.phone-input-component div[role=combobox]:focus {
  outline: none;
  border: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.phone-input-component :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.phone-input-component ::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.setup-two-factor-auth-phone-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.setup-two-factor-auth-phone-component .title-container h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-bottom: 45px;
}
.setup-two-factor-auth-phone-component .activation-container {
  display: flex;
  flex-direction: column;
}
.setup-two-factor-auth-phone-component .activation-container .step-container {
  display: flex;
  flex-direction: row;
  height: 34px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container:not(:last-of-type) {
  margin-bottom: 15px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container.disabled {
  opacity: 0.5;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .input-label {
  font-size: 13px;
  width: 120px;
  height: 34px;
  line-height: 34px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .input {
  flex: 1;
  height: 34px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .input.phone-number .iti {
  width: 100%;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .input.phone-number .iti input {
  height: 34px;
  width: 100%;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .input .code-input {
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 0px 3px 6px;
  height: 34px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .action-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 220px;
  height: 34px;
}
.setup-two-factor-auth-phone-component .activation-container .step-container .action-button .sms-confirmation-notice {
  margin-left: 9px;
  color: #0085ff;
  color: var(--primary-color);
  transition: visibility 0s, opacity 0.5s linear;
}
.setup-two-factor-auth-phone-component .button-container {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.setup-two-factor-auth-phone-component .button-container :not(:last-of-type) {
  margin-right: 10px;
}
.setup-two-factor-auth-component {
  font-size: 15px;
  color: #323338;
  color: var(--primary-text-color);
}
.setup-two-factor-auth-component.forced {
  padding: 25px 30px;
  height: 320px;
}
.setup-two-factor-auth-component .code-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}

.enable-2fa-loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.surface-control-component {
  display: flex;
  height: 100%;
  position: relative;
}
.surface-control-component .surface-control-primary {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 66px;
  /** On smaller screens, the 'upgrade'/'become a member' button tends to overlap with the 'my week' button */
}
.surface-control-component .surface-control-primary.is-old-desktop-app {
  padding-top: 30px;
}
.surface-control-component .surface-control-primary .surface-upgrade-button-component-wrapper,
.surface-control-component .surface-control-primary .apps-release-button-component-wrapper,
.surface-control-component .surface-control-primary .broadcast-widget-component-wrapper {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-height: 800px) {
  .surface-control-component .surface-control-primary .surface-upgrade-button-component-wrapper {
    top: 47%;
  }
}
.surface-control-component .surface-control-primary .surface-action-icon-wrapper {
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}
.surface-control-component .surface-control-primary .surface-action-icon-wrapper.invite-users-button-wrapper .with-credits-background {
  background: #00ca72;
}
.surface-control-component .surface-control-primary .surface-action-icon-wrapper.invite-users-button-wrapper .with-credits-background:hover {
  background: #037f4c;
}
.surface-control-component .surface-control-primary .my-work-icon {
  position: relative;
}
.surface-control-component .surface-control-primary .surface-view-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.surface-control-component .surface-control-primary .surface-view-icon-wrapper .selected-view-indication {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent var(--primary-background-color) transparent transparent;
  position: absolute;
  right: 0;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.surface-control-component .surface-control-primary .surface-view-icon-wrapper .selected-view-indication.selected {
  opacity: 1;
}
.surface-control-component .surface-control-primary .surface-view-icon-wrapper .my-work-new-badge {
  background-color: #00ca72;
  background-color: var(--positive-color);
  color: white;
  border-radius: 32px;
  height: 14px;
  width: 32px;
  font-size: 9px;
  font-weight: 400;
  position: absolute;
  top: -5px;
  right: 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  z-index: 1;
}
.surface-control-component .surface-control-primary .surface-company-logo-component-wrapper {
  margin: 12px 0px 14px;
  display: flex;
  justify-content: center;
}
.surface-control-component .surface-control-primary .customization-navigation-items-area {
  flex-grow: 1;
}
.surface-control-component .surface-control-primary .customization-navigation-items-area .navigate-to-workspaces .selected-view-indication {
  transition: opacity 0.2s step-end;
}
.surface-control-component .surface-control-primary .customization-navigation-items-area .navigate-to-workspaces .selected-view-indication:not(.selected) {
  transition: none;
}
.surface-control-component .surface-control-primary .permanent-navigation-items-area {
  flex-shrink: 0;
}
.surface-control-component .surface-control-primary .permanent-navigation-items-area .surface-avatar-menu-connector-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.surface-control-component .surface-control-secondary {
  border-left: 1px solid #4B4E69;
}

.surface-control-bolt-switch-tooltip-content {
  display: flex;
  font-weight: 300;
  font-size: 14px;
}
.surface-control-bolt-switch-tooltip-content .bolt-name {
  font-weight: 500;
}
.surface-control-bolt-switch-tooltip-content .switch-name {
  margin-right: 16px;
}

.invite-your-teammates-container {
  display: flex;
  flex-direction: column;
  width: 250px;
}
.invite-your-teammates-container .invite-your-teammates-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.invite-your-teammates-container .invite-your-teammates-explanation {
  line-height: 22px;
}

.invite-with-credits-tooltip {
  display: flex;
  flex-direction: column;
  line-height: 20px;
  padding: 0 8px;
}
.invite-with-credits-tooltip .invite-with-credits-header {
  padding-bottom: 4px;
}
.invite-with-credits-tooltip .remaining-time-circle {
  border-radius: 64px;
  background-color: #ffffff;
  color: #676879;
  padding: 4px;
  margin-right: 2px;
}

.white-link {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}
.surface-navigation-view-item-component {
  height: 44px;
  width: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
}
.surface-navigation-view-item-component .surface-navigation-view-item-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.surface-navigation-view-item-component .surface-navigation-view-item-wrapper .navigation-view-item-icon {
  color: #ffffff;
  font-size: 20px;
  transition: color 200ms ease;
}
.surface-navigation-view-item-component .surface-navigation-view-item-wrapper .navigation-view-item-text {
  color: #ffffff;
}
.surface-navigation-view-item-component:hover, .surface-navigation-view-item-component:focus-within, .surface-navigation-view-item-component:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
.surface-navigation-view-item-component.selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-item-counter-component {
  position: absolute;
  top: -5px;
  right: 0;
  background-color: #ffffff;
  padding: 1px 5px 0px 5px;
  border-radius: 12px;
  color: #292f4c;
  font-size: 11px;
  font-weight: 400;
  transform: translateX(20%);
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.surface-bottom-notice-component {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181d37;
  cursor: pointer;
  transition: background-color 100ms ease;
}
.surface-bottom-notice-component:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.account-read-only .surface-bottom-notice-component {
  opacity: 0.5;
}
.surface-bottom-notice-component .bottom-notice-text {
  color: #00ca72;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.surface-bottom-notice-component.free .bottom-notice-text {
  font-size: 13px;
}
.surface-bottom-notice-component.bottom-notice-text-japanese-override .bottom-notice-text {
  font-size: 9px;
}
.surface-bottom-notice-component.type-bold {
  background-color: #00ca72;
}
.surface-bottom-notice-component.type-bold .bottom-notice-text {
  font-weight: 400;
  color: #ffffff;
  color: var(--text-color-on-primary);
}
.surface-bottom-notice-component.type-bold:hover {
  background-color: #00b164;
}
.surface-avatar-menu-component {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.surface-avatar-menu-component:hover .avatar-photo-button-wrapper .avatar-photo-dot {
  transition: top 200ms ease, right 200ms ease, transform 200ms ease;
  right: 2px;
  top: 2px;
  transform: scale(0.9);
}
.surface-avatar-menu-component:hover .avatar-photo-button-wrapper .person-bullet-component {
  transition: transform 200ms ease;
  transform: scale(0.9);
}
.surface-avatar-menu-component.is-open .avatar-photo-button-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-avatar-menu-component.is-open .avatar-photo-button-wrapper .avatar-photo-dot {
  right: 2px;
  top: 2px;
  transition: transform 100ms ease;
  transform: scale(0.85);
}
.surface-avatar-menu-component.is-open .avatar-photo-button-wrapper .person-bullet-component {
  transition: transform 100ms ease, opacity 100ms ease;
  transform: scale(0.85);
  opacity: 0.8;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper {
  position: relative;
  border-radius: 50%;
  transition: background-color 100ms ease;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper .avatar-photo-dot {
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 1;
  border: 2px solid #292f4c;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper .avatar-photo-dot.red-dot {
  background-color: #e44258;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper .avatar-photo-dot.green-dot {
  background-color: #00ca72;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper .person-bullet-component {
  height: 44px;
  width: 44px;
}
.surface-avatar-menu-component .avatar-photo-button-wrapper .person-bullet-image {
  border: 2px solid #ffffff;
}

.whats-new-title-wrapper {
  display: flex;
  align-items: center;
}
.whats-new-title-wrapper .whats-new-title {
  margin-right: 4px;
}
.whats-new-title-wrapper .whats-new-title-dot {
  height: 6px;
  width: 6px;
  background-color: #e44258;
  border-radius: 50%;
  transform: translateY(-5px);
}

.surface-avatar-menu-dialog {
  width: 440px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.surface-avatar-menu-dialog.ds-menu-md.not-english {
  width: 440px;
}
.surface-avatar-menu-dialog.ds-menu-md.not-english .ds-menu-inner {
  width: 440px;
}
.surface-avatar-menu-dialog.ds-menu-md.not-english .ds-seconday-menu {
  width: 220px;
}
.surface-avatar-menu-dialog .ds-menu-inner {
  width: 440px;
}
.surface-avatar-menu-dialog .menu-section-as-wrapper {
  display: flex;
}
.surface-avatar-menu-dialog .menu-section-as-wrapper.menu-section-body {
  padding: 8px 0 0 0;
}
.surface-avatar-menu-dialog .menu-section-as-wrapper.menu-section-header {
  padding: 0;
}
.surface-avatar-menu-dialog .menu-section-as-wrapper .ds-menu-column {
  width: 220px;
}
.surface-avatar-menu-dialog .menu-section-as-wrapper .ds-menu-section-title {
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 16px;
  margin-top: 8px;
}
.surface-avatar-menu-dialog .menu-section-footer {
  padding: 24px 8px 8px 8px;
}
.surface-avatar-menu-dialog .menu-section-footer .ds-menu-section-title {
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 16px;
}
.surface-avatar-menu-dialog .menu-section-short-divider .ds-menu-section .marketplace-app-menu-item {
  padding-right: 10px;
}
.surface-avatar-menu-dialog .menu-section-short-divider .ds-menu-section .marketplace-app-menu-item .ds-image {
  margin-right: 8px;
  flex: 0 0 16px;
  margin-top: 2px;
}
.surface-avatar-menu-dialog .menu-section-short-divider .ds-menu-section:not(:last-child) {
  box-shadow: 0px 20px 0px -19px var(--ui-border-color);
  border-bottom: none;
}
.surface-avatar-menu-dialog .ds-menu-item {
  padding: 4px 16px;
}
.surface-avatar-menu-dialog .beta-item {
  position: relative;
}
.surface-avatar-menu-dialog .beta-item:before {
  content: "Beta";
  position: absolute;
  right: 16px;
  border: 1px solid;
  border-radius: 20px;
  padding: 0px 8px;
  font-size: 12px;
}
.surface-avatar-menu-dialog .beta-item:not(:hover):before {
  border-color: #c4c4c4;
  color: #666;
}
.surface-avatar-menu-dialog .ds-seconday-menu {
  width: 220px;
  transition: all 50ms ease-in;
  transition-property: opacity, width;
}
.surface-avatar-menu-dialog .ds-seconday-menu.secondary-menu-exit {
  width: 220px;
  opacity: 1;
}
.surface-avatar-menu-dialog .ds-seconday-menu.secondary-menu-exit-active {
  width: 0;
  opacity: 0.2;
  overflow: hidden;
  white-space: nowrap;
}
.surface-avatar-menu-dialog .ds-seconday-menu.secondary-menu-enter {
  width: 0;
}
.surface-avatar-menu-dialog .ds-seconday-menu.secondary-menu-enter-active {
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
}
.surface-avatar-menu-dialog .menu-column-with-link {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.surface-avatar-menu-dialog .menu-column-with-link .ds-menu-item {
  padding: 16px 24px 16px 16px;
}
.surface-avatar-menu-dialog .menu-column-with-link .ds-title {
  font-size: 14px;
}
.surface-avatar-menu-dialog .ds-menu-item .application-themes-feedback-button {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #676879;
  color: var(--icon-color);
}
.surface-avatar-menu-dialog .ds-menu-item .application-themes-feedback-button:hover {
  text-decoration: none;
}
.surface-avatar-menu-dialog .new-upgrade-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}
.surface-avatar-menu-dialog .new-upgrade-button-container .new-upgrade-button {
  min-width: 85%;
}

#surface-avatar-menu-dialog-container .dialog-node {
  z-index: 1000001;
}

.dark-theme-tip-modal .arrow {
  left: calc(8%) !important;
}

.auto-dark-theme-tip-modal {
  max-width: 300px;
}
.auto-dark-theme-tip-modal .arrow {
  left: calc(8%) !important;
}
.auto-dark-theme-tip-modal .dark-theme-tooltip__title {
  font-size: 16px;
  margin: 8px 0;
  font-weight: 400;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.auto-dark-theme-tip-modal .dark-theme-tooltip .dark-theme-tooltip-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400;
}

.selected-menu-item {
  -webkit-animation: fade_out 2s ease-out;
          animation: fade_out 2s ease-out;
}

@-webkit-keyframes fade_out {
  0% {
    background-color: #e6e9ef;
    background-color: var(--primary-background-hover-color);
  }
  50% {
    background-color: #e6e9ef;
    background-color: var(--primary-background-hover-color);
  }
  100% {
    background-color: transparent;
  }
}

@keyframes fade_out {
  0% {
    background-color: #e6e9ef;
    background-color: var(--primary-background-hover-color);
  }
  50% {
    background-color: #e6e9ef;
    background-color: var(--primary-background-hover-color);
  }
  100% {
    background-color: transparent;
  }
}
.ds-menu-column {
  flex: 1 0 auto;
}
.ds-menu-column:last-child {
  border-top-right-radius: 8px;
}
.ds-menu-item-content {
  display: flex;
  padding: 12px 16px;
  align-items: center;
}
.ds-menu-item-content .image-wrapper {
  flex: 0 0 auto;
  padding: 0 12px;
  display: flex;
}
.ds-menu-item-content .image-wrapper .image-inner {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.ds-menu-item-content .menu-item-content-titles-wrapper {
  flex: 0 0 auto;
  font-weight: 400;
}
.ds-menu-item-content .menu-item-content-titles-wrapper .menu-item-content-titles {
  color: #676879;
  color: var(--secondary-text-color);
  font-size: 12px;
}
.ds-menu-item-content .menu-item-content-titles-wrapper .menu-item-content-subtitle {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 14px;
}
.usage-indication-component .items-container .items-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.usage-indication-component .items-container .items-header .items-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
}
.usage-indication-component .items-container .items-header .items-title i {
  margin-left: 4px;
}
.usage-indication-component .items-container .items-header .items-fulfillment {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #676879;
  color: var(--secondary-text-color);
}
.free-tier-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  padding-bottom: 8px;
}
.free-tier-component .free-tier-internal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 172px;
}
.free-tier-component .free-tier-internal-container .your-tier {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  align-self: flex-start;
  color: #323338;
  color: var(--primary-text-color);
}
.free-tier-component .free-tier-internal-container .indication-wrapper {
  width: 100%;
}
.free-tier-component .free-tier-internal-container .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  text-align: center;
  max-width: 100%;
}
.free-tier-component .free-tier-internal-container .buttons .free-tier-menu-button {
  white-space: pre-wrap;
  min-width: auto;
  max-width: 100%;
}
.free-tier-component .free-tier-internal-container .buttons .earn-items-btn-square {
  margin-top: 8px;
  min-width: 100%;
  width: 0;
}
.clear-status-menu-item {
  text-align: center;
}
.working-status-tooltip .working-status-tooltip-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400;
}
.do-not-disturb-fast-settings-container {
  display: flex;
  align-items: center;
  padding: 0 16px;
  font-size: 14px;
  font-weight: normal;
}
.do-not-disturb-fast-settings-container .dnd-icon {
  color: #323338;
  color: var(--primary-text-color);
  padding-right: 16px;
}
.do-not-disturb-fast-settings-container .dnd-toggle-off {
  margin-left: 40px;
}
.do-not-disturb-fast-settings-container .dnd-radio {
  line-height: 40px;
  margin-left: 16px;
}
.do-not-disturb-fast-settings-container .more-working-status {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled):hover, .do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled).active {
  color: #0085ff;
  color: var(--primary-color);
  background-color: transparent;
}
.do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled):hover .ds-icon,
.do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled):hover .secondary-menu-icon, .do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled).active .ds-icon,
.do-not-disturb-fast-settings-container .more-working-status .ds-menu-item:not(.disabled).active .secondary-menu-icon {
  color: #0085ff;
  color: var(--primary-color);
}

.dnd-title {
  color: #323338;
  color: var(--primary-text-color);
}
.switch-account-secondary-menu-component .slug-anchor:hover {
  text-decoration: none;
}
/* mixin for multiline */
.free-tier-item-indication-progress-bar-dialog-in-avatar-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding: 24px;
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.free-tier-item-indication-progress-bar-dialog-in-avatar-component .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.free-tier-item-indication-progress-bar-dialog-in-avatar-component .close-button:hover {
  color: #666;
}
.surface-navigation-action-item-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 44px;
  color: #ffffff;
  font-size: 20px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  outline: none;
}
.surface-navigation-action-item-component:hover, .surface-navigation-action-item-component:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
.surface-navigation-action-item-component.is-selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-navigation-action-item-component.minified {
  height: 34px;
  width: 34px;
  font-size: 16px;
}
.like-reply-button-content {
  cursor: pointer;
  white-space: nowrap;
}
.like-reply-button-content.liked {
  color: #0085ff;
  color: var(--primary-color);
}
.like-reply-button-content .post-like-button {
  margin-right: 4px;
}
.like-reply-button-content:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.notification-creator {
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
}
.notification-creator .person-bullet-component {
  height: 100%;
  width: 100%;
  border: 1px solid;
  border-color: #ffffff;
  border-color: var(--avatar-border-color);
}

.notification-source {
  height: 68px;
  width: 60px;
  min-height: 68px;
  min-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-source .entity-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  margin-left: -4px;
  font-size: 28px;
}
.notification-source .entity-icon img {
  width: 32px;
}
li.notification {
  min-height: 112px;
  display: flex;
  font-size: 14px;
  transition: background-color 0.1s ease-in-out;
  margin: 2px 8px;
  border-radius: 8px;
  justify-content: space-between;
}
li.notification.opened:hover {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
}
li.notification:not(.opened) {
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  transition: background-color 0.1s ease-in-out;
}
li.notification:not(.opened):hover {
  background-color: var(--notification-unread-highlight-color);
}
li.notification:hover .right-pane {
  visibility: visible;
}
li.notification .right-pane {
  width: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  visibility: hidden;
  padding: 4px;
}
li.notification .right-pane .notification-menu-wrapper {
  height: 26px;
}
li.notification .right-pane .notification-menu-wrapper .icon {
  height: 14px;
}
li.notification .right-pane .notification-menu-wrapper:hover .icon {
  color: #0085ff;
  color: var(--primary-color);
}
li.notification .right-pane .notification-menu-wrapper .ds-menu-button.open,
li.notification .right-pane .notification-menu-wrapper .ds-menu-button:hover {
  background: none !important;
}
li.notification .right-pane .wrapper {
  padding: 4px 15px;
  cursor: pointer;
}
li.notification .right-pane .wrapper .icon {
  font-size: 18px;
}
li.notification .right-pane .wrapper:hover .icon {
  color: #0085ff;
  color: var(--primary-color);
}
li.notification .right-pane .buttons {
  display: flex;
  align-self: flex-end;
  align-items: center;
  margin-top: auto;
  margin-bottom: 6px;
}
li.notification .right-pane .buttons .delete-notification {
  margin-right: 16px;
  padding: 4px 0px !important;
}
li.notification .right-pane .ds-menu-button-container {
  margin-right: 12px;
}
li.notification > a {
  display: flex;
  color: #000000;
  text-decoration: none;
  padding: 16px 8px;
  width: 100%;
}
li.notification > a .content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  margin-left: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
li.notification > a .content .header {
  font-weight: bold;
}
li.notification > a .content .header .time {
  margin-left: 4px;
  font-weight: 300;
}
li.notification > a .content .body {
  margin-top: 6px;
}
li.notification > a .content .body .prefix {
  color: #0085ff;
  color: var(--primary-color);
}
li.notification > a .content .body .prefix.error {
  color: #e44258;
  color: var(--negative-color);
}
li.notification > a .content .footer {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
li.notification > a .content .footer .ellipse {
  background-color: #323338;
  background-color: var(--primary-text-color);
  margin: 0 6px;
  height: 3px;
  width: 3px;
  border-radius: 50%;
}
li.notification > a .content .footer .parent_name {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
li.notification > a .content .post-actions-like-reply {
  margin-top: 16px;
}
li.notification.board_kind_private:before, li.notification.board_kind_share:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 2px;
}
li.notification.board_kind_private.board_kind_private:before, li.notification.board_kind_share.board_kind_private:before {
  background-color: #f65f7c;
}
li.notification.board_kind_private.board_kind_share:before, li.notification.board_kind_share.board_kind_share:before {
  background-color: #a25ddc;
}
.slack-image {
  width: 32px;
  margin: 0px 8px 0px 8px;
}

.slack-banner {
  display: flex;
  align-items: center;
  height: 48px;
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important;
  border-bottom: 1px solid;
  padding: 4px 16px 8px 16px;
}

.slack-installation-text {
  font-size: 14px;
}

.right-part {
  position: absolute;
  right: 0;
}
.right-part .learn-more-button {
  border-radius: 4px !important;
  right: 40px;
  width: 80px;
  padding: 0px 2px 0px 2px;
}
.right-part .dismiss-icon {
  margin: 0 14px;
  font-size: 12px;
}
.right-part .dismiss-icon:hover {
  cursor: pointer;
}
#notifications_popup_preview {
  display: flex;
  flex-direction: column;
  box-shadow: -1px 10px 44px -20px rgba(0, 0, 0, 0.94);
  z-index: 6000;
  width: 570px;
  border-radius: 0 0 5px 5px;
  border: 1px solid;
  height: calc(90vh - 117px);
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: absolute;
  top: 32px;
  color: #323338;
  color: var(--primary-text-color);
}
#notifications_popup_preview.with-replied-to-my-post {
  width: 768px;
}
#notifications_popup_preview .popup_preview_header {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
#notifications_popup_preview .popup_preview_header .title {
  font-weight: bold;
  font-size: 24px;
}
#notifications_popup_preview .popup_preview_header .quick-filters {
  font-size: 16px;
  margin-top: 16px;
  border-bottom: 1px solid;
  border-bottom-color: #f5f6f8;
  border-bottom-color: var(--dark-background-color);
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs {
  justify-content: space-between;
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs .tab-label {
  cursor: pointer;
  padding: 0 24px;
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs .tab-label .underline-active {
  position: absolute;
  bottom: -1px;
  height: 2px;
  left: -2px;
  right: -2px;
  transform: scaleX(0);
  transition: all 0.2s ease;
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs .tab-label:hover .underline-active {
  background-color: #0071d9;
  background-color: var(--primary-hover-color);
  transform: scaleX(1);
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs .tab-label.active {
  color: #0085ff;
  color: var(--primary-color);
}
#notifications_popup_preview .popup_preview_header .quick-filters .tabs .tab-label.active .underline-active {
  background-color: #0085ff;
  background-color: var(--primary-color);
  transform: scaleX(1);
}
#notifications_popup_preview .popup_preview_header .notification-header-menu {
  position: absolute;
  top: 10px;
  right: 10px;
}
#notifications_popup_preview .popup_preview_header .notification-header-menu .icon-v2-ellipsis {
  height: 14px;
}
#notifications_popup_preview .popup_preview_body {
  border-radius: 0 0 5px 5px;
  overflow-y: auto;
  height: 100%;
  position: relative;
}
#notifications_popup_preview .popup_preview_body::-webkit-scrollbar {
  width: 6px;
}
#notifications_popup_preview .popup_preview_body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c5c7d0;
  background-color: var(--scrollbar-color);
}
#notifications_popup_preview .popup_preview_body .no-notifications {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 56px;
  text-align: center;
}
#notifications_popup_preview .popup_preview_body .no-notifications .empty-image {
  margin: 32px 0;
}
#notifications_popup_preview .popup_preview_body .no-notifications .header {
  font-size: 32px;
}
#notifications_popup_preview .popup_preview_body .no-notifications .description {
  padding: 0 16px;
}
#notifications_popup_preview .popup_preview_body .no-notifications.for-trial .empty-image {
  width: 396px;
}
#notifications_popup_preview .popup_preview_body .no-notifications.for-trial .invite-btn {
  margin-top: 32px;
}
#notifications_popup_preview .popup_preview_body .no-notifications.for-all .empty-image {
  width: 174px;
  border-radius: 50%;
  background-color: #dff0ff;
  background-color: var(--label-background-color);
}
#notifications_popup_preview .popup_preview_body ul.notification_list {
  list-style: none;
}
#notifications_popup_preview .popup_preview_body ul.notification_list li.notification_group_title {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: bold;
  padding: 8px 16px;
}
#notifications_popup_preview .popup_preview_body ul.notification_list li.notification_spinner {
  text-align: center;
  padding: 8px 0px;
  display: block;
  border-bottom: 1px solid #ebebeb;
  font-size: 20px;
}
.surface-navigation-dialog-item-component {
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  outline: none;
}
.surface-navigation-dialog-item-component:hover, .surface-navigation-dialog-item-component:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
.surface-navigation-dialog-item-component.is-open {
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-navigation-dialog-item-component .navigation-dialog-item-icon {
  font-size: 20px;
  color: #ffffff;
}
.surface-navigation-dialog-item-component .item-counter {
  position: absolute;
  top: -6px;
  right: -4px;
  background-color: #e44258;
  padding: 1px 5px 0px 5px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 11px;
}
.surface-notifications-component {
  display: flex;
  justify-content: center;
}

.surface-notifications-list-wrapper #notifications_popup_preview {
  top: 0px !important;
  border-radius: 5px;
  position: static !important;
}
.surface-broadcast-widget-component {
  border-radius: 0 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  transform: rotate(-90deg);
  transform-origin: top left;
  overflow: hidden;
}
.surface-broadcast-widget-component .icon {
  color: #ffffff;
  font-size: 20px;
}
.surface-broadcast-widget-component.broadcast-button-container {
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-broadcast-widget-component.broadcast-button-container .icon-present {
  transform: rotate(90deg);
}
.surface-broadcast-widget-component.broadcast-button-container:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.surface-broadcast-widget-component.broadcast-button-container.new-broadcast {
  background: #3c3dc2;
}
.surface-broadcast-widget-component.broadcast-button-container.new-broadcast:hover {
  background-color: #3637af;
}
.surface-broadcast-widget-component.announcment-container {
  background: #595ad4;
}
.surface-broadcast-widget-component.announcment-container .announcment-title {
  display: inline-flex;
  padding: 8px 16px;
  white-space: nowrap;
  align-items: center;
}
.surface-broadcast-widget-component.announcment-container .announcment-title .announcment-text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.surface-broadcast-widget-component.announcment-container .announcment-title .icon-dapulse-broadcast {
  margin: 0 8px 0 0;
}
.surface-broadcast-widget-component.announcment-container .announcment-title:hover {
  background: #4546cf;
}
@media (max-height: 612px) {
  .surface-broadcast-widget-component {
    display: none;
  }
}
.surface-upgrade-button-component {
  background-color: #00ca72;
  min-height: 100px;
  width: 34px;
  border-radius: 0px 16px 16px 0px;
  cursor: pointer;
  transition: background-color 200ms ease, width 200ms ease;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.surface-upgrade-button-component:hover {
  background-color: #00b164;
  width: 42px;
}
.surface-upgrade-button-component .upgrade-button-text {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  transform: rotate(-90deg);
  white-space: nowrap;
}
.surface-upgrade-button-component .upgrade-button-text.with-icon {
  position: relative;
  top: 6px;
}
.surface-upgrade-button-component .upgrade-button-text .icon {
  margin-right: 8px;
}
.surface-company-logo-component {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}
.surface-company-logo-component .surface-company-logo-image-wrapper .surface-company-logo-image {
  width: 40px;
  max-height: 40px;
  display: flex;
  border-radius: 4px;
}

.accounts-grids-menu.ds-menu-dialog .account-grid-menu-item .ds-title {
  font-size: 16px;
}
.accounts-grids-menu.ds-menu-dialog .account-grid-menu-add-account {
  color: #0085ff;
  color: var(--primary-color);
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.accounts-grids-menu.ds-menu-dialog .account-grid-menu-add-account:hover {
  color: #ffffff;
}
.surface-workspaces-list-component {
  color: #ffffff;
  width: 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.surface-workspaces-list-component .favorites-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  padding: 10px 0;
}
.surface-workspaces-list-component .selected-favorites {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent var(--primary-background-color) transparent transparent;
  position: absolute;
  right: 0;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.surface-workspaces-list-component .selected-favorites.selected {
  opacity: 1;
}
.surface-workspaces-list-component .workspaces-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 8px;
  padding-top: 2px;
}
.surface-workspaces-list-component .workspaces-list .main-workspace-icon-wrapper {
  color: #ffffff;
}
.surface-workspaces-list-component .workspaces-list::-webkit-scrollbar {
  display: none;
}
.surface-workspaces-list-component .workspaces-list .surface-workspace-list-item:not(:last-child) {
  padding-bottom: 5px;
}
.surface-workspaces-list-component .workspaces-list .surface-workspace-list-item:not(:first-child) {
  padding-top: 5px;
}
.surface-workspaces-list-component .workspaces-menu-wrapper {
  padding-top: 4px;
  padding-bottom: 20px;
}
.surface-workspaces-list-component .bolt-switch-container .bolt-switch-wrapper {
  padding-top: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #4B4E69;
}
.surface-workspaces-list-component .bolt-switch-container .bolt-switch-wrapper .leftpane-bolt-switch-component {
  border-radius: 4px;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.surface-workspaces-list-component .bolt-switch-container .bolt-switch-wrapper .leftpane-bolt-switch-component:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.surface-workspaces-list-component .leftpane-bolt-switch-component {
  font-size: 20px;
}

.boltswitch_toolseen_tooltip_content .boltswitch_toolseen-tooltip_title {
  font-weight: 400;
  font-size: 16px;
}
.boltswitch_toolseen_tooltip_content .boltswitch_toolseen-tooltip_title .boltswitch-tooltip-shortcut {
  margin-left: 3px;
}
.boltswitch_toolseen_tooltip_content .boltswitch_toolseen-tooltip_title .boltswitch-tooltip-shortcut .boards-list-boltswitch-icon-wrapper .boards-list-boltswitch-tooltip-icon {
  -webkit-text-stroke: 0.3px white;
}
.boltswitch_toolseen_tooltip_content .boltswitch_toolseen-tooltip_title .boltswitch-tooltip-shortcut .boltswitch-tooltip-shortcut-text {
  font-weight: 300;
}
.boltswitch_toolseen_tooltip_content .boltswitch_toolseen-tooltip_text {
  margin-top: 5px;
}

.boltswitch_tipseen {
  padding-top: 5px;
}
/* mixin for multiline */
.selectable-item-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 4px 4px;
  max-width: 248px;
  margin-left: 8px;
  cursor: pointer;
}
.selectable-item-content:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
  border-radius: 4px;
}
.selectable-item-content .selectable-item-title {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 24px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 4px;
}
.selectable-item-content .selectable-icon-renderer {
  margin-right: 10px;
}
.selectable-item-content .selectable-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 11px;
  line-height: 11px;
  margin-right: 6px;
}
.selectable-item-content .form-checkbox-component .form-checkbox-input-placeholder {
  top: -10px;
}
/* mixin for multiline */
.selectable-items-menu-component {
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 264px;
  padding: 0px 0px 2px;
}
.selectable-items-menu-component .selectable-items-menu-title {
  font-weight: 500;
  margin-left: 8px;
  margin-top: 8px;
  padding-left: 8px;
  padding-top: 8px;
}
.selectable-items-menu-component .selectable-items-menu-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 0%;
  overflow: auto;
}
.selectable-items-menu-component .selectable-items-menu-wrapper::-webkit-scrollbar {
  width: 4px;
}
.selectable-items-menu-component .selectable-items-menu-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.selectable-items-menu-component .select-menu-input-wrapper {
  margin: 8px;
}
/* mixin for multiline */
.workspace-pin-menu-component {
  height: 100%;
}
.workspace-pin-menu-component .selectable-item-content:hover .workspace-permission-icon-wrapper {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.surface-workspaces-actions-button-component {
  color: #ffffff;
  display: flex;
  justify-content: center;
}
.surface-workspaces-actions-button-component .ds-menu-button.ds-menu-button-md {
  height: 34px;
  width: 34px;
}
.surface-workspaces-actions-button-component .ds-menu-button:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.surface-workspaces-actions-button-component .ds-menu-button.open {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
}
.surface-workspaces-actions-button-component .ellipsis {
  transform: translateY(7px);
}
.leftpane-bolt-switch-component {
  height: 100%;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 100ms ease;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
@-webkit-keyframes grow {
  0% {
    transform: scale(0.35);
    transform-origin: 50% 50% 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 50% 0;
  }
}
@keyframes grow {
  0% {
    transform: scale(0.35);
    transform-origin: 50% 50% 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 50% 0;
  }
}
.surface-workspace-list-item {
  -webkit-animation-name: grow;
          animation-name: grow;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.surface-workspace-list-item:hover {
  cursor: pointer;
}
.surface-workspace-list-item .workspace-icon-wrapper {
  padding: 6px;
  border-radius: 4px;
}
.surface-workspace-list-item .workspace-icon-wrapper.selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.surface-workspace-list-item .selected-workspace-indication {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent var(--primary-background-color) transparent transparent;
  position: absolute;
  right: 0;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
.surface-workspace-list-item .selected-workspace-indication.selected {
  opacity: 1;
}
.surface-content-component {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 64px 64px 0px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.surface-content-component.browse-workspaces-mode {
  padding-top: 24px;
}
.surface-content-component .hidden {
  display: none;
}
.surface-content-component .surface-search-content {
  height: 100%;
  flex-grow: 1;
  min-height: 0;
  display: flex;
}
.surface-content-component .surface-search-content .surface-search-input-component-wrapper {
  flex-shrink: 0;
  width: 100%;
}
.surface-content-component .surface-search-content .search-everything-content {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}
.surface-content-component .surface-search-content .search-everything-content .loader_wrapper,
.surface-content-component .surface-search-content .search-everything-content .monday-search-everything-loader-wrapper {
  text-align: center;
  padding: 250px 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  display: none !important;
}
.surface-content-component .surface-search-content .search-everything-content .loader_wrapper .monday-loader-css,
.surface-content-component .surface-search-content .search-everything-content .monday-search-everything-loader-wrapper .monday-loader-css {
  margin: auto auto 8px auto;
}
.surface-content-component .surface-search-content .search-everything-content.loading .loader_wrapper,
.surface-content-component .surface-search-content .search-everything-content.loading .monday-search-everything-loader-wrapper {
  display: block !important;
}
.surface-content-component .surface-search-content .search-everything-content.loading .search_page {
  visibility: hidden !important;
}
.surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable {
  position: relative;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
}
.surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component {
  flex-grow: 1;
  height: auto;
}
.surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .cross_board_home_screen h1,
.surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .cross_board_home_screen .subtitle {
  color: #ffffff;
}
.surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .board-content-component {
  padding-bottom: 0px;
}
.search-everything-content.date_search_open .search_menu .date_search_btn {
  background-color: #103346;
  border-bottom-color: #07151c;
}
.search-everything-content.date_search_open .search_menu .date_search_btn:hover {
  background-color: #07151c;
}
.search-everything-content.date_search_open .search_menu .date_search_btn .close_label {
  display: inline-block !important;
}
.search-everything-content.date_search_open .search_menu .date_search_btn .open_label {
  display: none;
}
.search-everything-content .search_menu {
  display: flex;
  margin: 16px 0px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-shrink: 0;
  flex-direction: column-reverse;
}
.search-everything-content .search_menu .search_menu_inner {
  display: flex;
  flex-grow: 1;
}
.search-everything-content .search_menu a.search_segment {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 15px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 200ms ease;
  margin-right: 8px;
}
.search-everything-content .search_menu a.search_segment:hover {
  background-color: #181d37;
}
.search-everything-content .search_menu a.search_segment.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.search-everything-content .search_menu a.search_segment.fetching .num_of_results {
  display: none;
}
.search-everything-content .search_menu a.search_segment:not(.fetching) .fa-spinner {
  display: none;
}
.search-everything-content .search_menu a.search_segment:not(.home_screen) .icon {
  font-size: 13px;
  margin-right: 3px;
}
.search-everything-content .search_menu a.search_segment.home_screent {
  margin-right: 10px;
}
.search-everything-content .search_menu a.search_segment .num_of_results {
  font-size: 13px;
}
.search-everything-content .search_menu .right_section {
  position: absolute;
  right: 20px;
  padding-top: 1px;
}
@media (max-width: 768px) {
  .search-everything-content .search_menu .right_section {
    right: 6px;
  }
}
.search-everything-content .search_menu .right_section .date_search_btn {
  margin-right: 5px;
  padding: 2px 12px;
  margin-top: -5px;
}
.search-everything-content .search_menu .right_section .date_search_btn .close_label {
  display: none;
}
/*$link-color:#168ae0;*/
.search-everything-content .search_page {
  transition: margin-top 0.2s ease !important;
  flex-grow: 1;
  overflow: auto;
}
.search-everything-content .search_page::-webkit-scrollbar {
  width: 10px;
}
.search-everything-content .search_page::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.search-everything-content .search_page::-webkit-scrollbar-corner {
  background-color: #292f4c;
}
.search-everything-content .search_page .results {
  height: 100%;
  display: block;
  margin-right: 315px;
  margin-top: 10px;
}
.search-everything-content .search_page .results .no_updates_message,
.search-everything-content .search_page .results .no_files_message {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.search-everything-content .search_page .results .no_updates_message .empty-message-text,
.search-everything-content .search_page .results .no_files_message .empty-message-text {
  color: #ffffff;
}
.search-everything-content .search_page .results .no_users_message {
  height: 100%;
}
.search-everything-content .search_page .results em {
  background: #b5daf0;
  padding: 3px 0px;
  color: #333;
}
.search-everything-content .search_page .done_footer {
  height: 1px;
  background: #e1e1e1;
  margin-top: 50px;
}
.search-everything-content .search_page .loader {
  margin-right: 350px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .search-everything-content .search_page {
    padding-top: 100px !important;
  }
  .search-everything-content .search_page .results {
    margin-right: 0 !important;
  }
  .search-everything-content .search_page #pulse_page.cross_board {
    padding-top: 60px !important;
  }
  .search-everything-content .search_page #pulse_page.cross_board .cross_board_menu {
    display: none;
  }
  .search-everything-content .search_page.posts_search {
    height: 100%;
  }
  .search-everything-content .search_page.posts_search .post {
    padding: 10px 0px;
  }
  .search-everything-content .search_page.files_search .results, .search-everything-content .search_page.users_search .results {
    text-align: center;
  }
  .search-everything-content .search_page.files_search .results .file .details_wrapper,
.search-everything-content .search_page.files_search .results .user .details_wrapper, .search-everything-content .search_page.users_search .results .file .details_wrapper,
.search-everything-content .search_page.users_search .results .user .details_wrapper {
    text-align: left;
  }
  .search-everything-content .search_page.home_screen {
    padding-top: 75px !important;
  }
  .search-everything-content .search_page.home_screen .user_searches h2 {
    display: block !important;
  }
  .search-everything-content .search_menu {
    transition: none !important;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
  }
  .search-everything-content .search_menu .search_menu_inner {
    padding-left: 0px !important;
    white-space: nowrap;
  }
  .search-everything-content .search_menu .search_menu_inner .freezing_left_pane_button {
    display: none;
  }
  .search-everything-content .search_menu .search_segment {
    padding: 5px 8px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 768px) and (max-width: 450px) {
  .search-everything-content .search_menu .search_segment {
    padding: 5px 6px !important;
  }
}
@media (max-width: 768px) {
  .search-everything-content .search_menu .search_segment .num_of_results {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .search-everything-content .search_menu .right_section {
    right: 10px;
  }
  .search-everything-content .search_menu .right_section .close_search_btn {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .search-everything-content .cross_board_home_screen {
    padding-top: 30px !important;
  }
  .search-everything-content .cross_board_home_screen h2 {
    padding: 0px 35px;
    font-size: 15px !important;
  }
  .search-everything-content .cross_board_home_screen.version_1 img {
    width: 40% !important;
  }
}

.overlay_image_link {
  display: block;
  position: relative;
}
.overlay_image_link:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: black;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.overlay_image_link:hover:after {
  opacity: 0.3;
}
.search-everything-content h1,
.search-everything-content h2,
.search-everything-content .subtitle {
  color: #ffffff;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper {
  margin-top: 64px;
  display: flex;
}
@media (max-width: 768px) {
  .search-everything-content .search_page.home_screen .homescreen_wrapper {
    margin-top: 50px;
  }
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
  text-align: left;
  min-height: 300px;
  flex: 1 0 0;
  margin: 0px 5px;
}
@media (max-width: 1500px) {
  .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section {
    width: 220px;
  }
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section.trending_tags {
  width: 200px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 0px 10px 10px 10px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 10px;
  display: block;
  text-align: left;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon {
  text-align: center;
  font-size: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.icon-dapulse-save {
  font-size: 13px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.icon-dapulse-search-hot-tags {
  color: #e44258;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.icon-v2-bolt-switch-full, .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.fa-user {
  color: #fdab3d;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.icon-dapulse-favorite {
  color: #00ca72;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.fa-clock-o {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section h2 .icon.fa {
  font-size: 16px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section.recent_searches .search_link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_items {
  height: 180px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item {
  margin: 5px 0px;
  position: relative;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  margin-top: 5px;
  border: 1px solid transparent;
  padding: 4px 16px;
  display: block;
  border-radius: 8px;
  transition: background-color 200ms ease;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon.icon-dapulse-pulse-circle {
  color: #ffffff;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon.icon-dapulse-doc, .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon.icon-dapulse-mention, .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon.fa.fa-archive, .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link .icon.icon-monday-pulse-circle {
  color: #ffffff;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link:hover {
  background-color: #181d37;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link.tag {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .search_link.tag:hover {
  text-decoration: underline;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .delete_saved_search {
  position: absolute;
  right: 10px;
  font-size: 10px;
  top: 5px;
  color: #333;
  display: none;
  text-decoration: none;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item .delete_saved_search:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .search_item:hover .delete_saved_search {
  display: inline-block;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .empty_message {
  font-size: 14px;
  padding: 0px 20px;
  color: #b1b1b1;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section .empty_message .icon {
  font-size: 15px;
  margin-right: 5px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .quick_search_tip_section {
  color: #ffffff;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .quick_search_tip_section .shortcut {
  font-size: 40px;
}
.search-everything-content .search_page.home_screen .homescreen_wrapper .quick_search_tip_section_description {
  padding: 16px 6px;
}
.search-everything-content .search_page.home_screen .user_searches {
  padding-top: 25px;
  margin-top: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.search-everything-content .search_page.home_screen .user_searches .search-home-screen-profile-image {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.search-everything-content .search_page.home_screen .user_searches h2 {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  margin: 0 16px 0 0;
}
.search-everything-content .search_page.home_screen .user_searches .search_item {
  display: inline-block;
  vertical-align: middle;
}
.search-everything-content .search_page.home_screen .user_searches .search_item .search_link {
  display: inline-block;
}
.search-everything-content .search_page.home_screen .user_searches .search_item .search_link img {
  display: inline-block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0px 5px;
}
.search-everything-content .search_page.home_screen .user_searches .search_item .search_link:hover {
  opacity: 0.8;
}
.search-everything-content .posts_search {
  padding: 20px;
  position: relative;
}
.search-everything-content .posts_search em {
  background-color: #8f8c7c;
}
.search-everything-content .posts_search .post {
  position: relative;
  max-width: 700px;
  overflow: hidden;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 16px;
  transition: transform 200ms ease;
}
.search-everything-content .posts_search .post .search-post-screen-profile-image {
  width: 40px;
  height: 40px;
}
.search-everything-content .posts_search .post:hover {
  transform: translateY(3px);
}
.search-everything-content .posts_search .post:hover .preview_btn {
  display: inline-block;
}
.search-everything-content .posts_search .post .preview_btn {
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  color: #333;
  right: 10px;
  top: 6px;
  display: none;
  cursor: pointer;
}
.search-everything-content .posts_search .post .preview_btn:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .result_link {
  color: black;
  cursor: pointer;
  text-decoration: none;
  display: block;
  border: 1px solid transparent;
  padding-bottom: 5px;
}
.search-everything-content .posts_search .post .result_link:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .result_link:hover em {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .title {
  font-size: 13px;
  margin-left: 50px;
}
.search-everything-content .posts_search .post .title .project_names {
  display: inline-block;
  white-space: nowrap;
}
.search-everything-content .posts_search .post .title .project_names .board_name,
.search-everything-content .posts_search .post .title .project_names .pulse_name {
  color: #c4c4c4;
  text-decoration: none;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
.search-everything-content .posts_search .post .title .project_names .board_name:hover,
.search-everything-content .posts_search .post .title .project_names .pulse_name:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .title .project_names .board_name:hover em,
.search-everything-content .posts_search .post .title .project_names .pulse_name:hover em {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .title .project_names .board_name em,
.search-everything-content .posts_search .post .title .project_names .pulse_name em {
  background: #fff3b8;
  padding: 3px 0px;
  color: #333;
}
.search-everything-content .posts_search .post .title .project_names .board_name .icon.icon-dapulse-share,
.search-everything-content .posts_search .post .title .project_names .pulse_name .icon.icon-dapulse-share {
  color: #a358df;
}
.search-everything-content .posts_search .post .title .project_names .board_name .icon.icon-dapulse-private,
.search-everything-content .posts_search .post .title .project_names .pulse_name .icon.icon-dapulse-private {
  color: #e44258;
}
.search-everything-content .posts_search .post .title .separator {
  margin: 0px 2px;
  font-weight: 400;
}
.search-everything-content .posts_search .post .title .time {
  color: #c4c4c4;
  font-weight: 100;
  text-decoration: none;
}
.search-everything-content .posts_search .post .title .time:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .posts_search .post .title .time i {
  margin-right: 3px;
}
.search-everything-content .posts_search .post .user_photo_wrapper {
  position: absolute;
}
.search-everything-content .posts_search .post .user_photo_wrapper .user_photo {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.search-everything-content .posts_search .post .user_photo_wrapper .user_photo.user_photo {
  border-radius: 50%;
}
.search-everything-content .posts_search .post .user_photo_wrapper .icon {
  font-size: 28px;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
}
.search-everything-content .posts_search .post .details {
  margin-left: 50px;
}
.search-everything-content .posts_search .post .details .user_name {
  color: black;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.search-everything-content .posts_search .post .details .user_name em {
  background: #fff3b8;
  padding: 3px 0px;
  color: #333;
}
.search-everything-content .posts_search .post .details .user_name .last_edited {
  font-weight: 100;
  font-style: italic;
  font-size: 11px;
  margin-left: 2px;
  color: #a1a1a1;
}
.search-everything-content .posts_search .post .details .user_name .archived_label {
  font-weight: 100;
  background-color: #e44258;
  color: white;
  padding: 2px 5px;
  margin-left: 5px;
}
.search-everything-content .posts_search .post .details .post_content {
  max-height: 135px;
  overflow: hidden;
}
.search-everything-content .posts_search .post .post_assets {
  padding-left: 50px;
}
.search-everything-content .posts_search .post .post_assets .images,
.search-everything-content .posts_search .post .post_assets .non_images {
  margin: 10px 0px 5px 0px;
}
.search-everything-content .posts_search .post .post_assets .images .image_link {
  width: 100px;
  height: 70px;
  background-size: cover;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin: 2px;
  display: inline-block;
  border: 1px solid #a1a1a1;
  position: relative;
  background: #5d5c5c;
}
.search-everything-content .posts_search .post .post_assets .images .image_link.contain_view {
  background-size: contain;
}
.search-everything-content .posts_search .post .post_assets .images .image_link .extension {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 1px 8px 1px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-weight: 400;
}
.search-everything-content .posts_search .post .post_assets .non_images .non_image_link {
  color: #0085ff;
  color: var(--primary-color);
  padding: 2px 5px;
  border: 1px solid transparent;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin-left: -5px;
}
.search-everything-content .posts_search .post .post_assets .non_images .non_image_link .filetype_icon {
  margin-right: 2px;
}
.search-everything-content .posts_search .post .post_assets .non_images .non_image_link .icon-dapulse-download {
  font-size: 15px;
  position: relative;
  top: 1px;
}
.search-everything-content .posts_search .post .post_assets .non_images .non_image_link:hover {
  border-color: black;
}
.search-everything-content.date_search_open .search_page .search_filter {
  top: 335px !important;
}
.search-everything-content .search_page .results_info {
  color: #ffffff;
  font-size: 22px;
}
.search-everything-content .search_page .search_filter {
  position: fixed;
  top: 228px;
  right: 104px;
  padding: 10px 10px 10px 30px;
  width: 300px;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .search-everything-content .search_page .search_filter {
    display: none;
  }
}
.search-everything-content .search_page .search_filter .results_filter {
  padding: 15px 0px;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option {
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  margin-top: 10px;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option.active {
  color: #ffffff !important;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option.active .count {
  display: none;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option.active .check_icon.unchecked {
  display: none;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option:not(.active) .check_icon.checked {
  display: none;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option.disabled {
  opacity: 0.25;
  cursor: text;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option.disabled .count {
  display: none;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option .count {
  font-size: 12px;
}
.search-everything-content .search_page .search_filter .results_filter .results_filter_option .check_icon {
  margin-right: 5px;
}
.search-everything-content .search_page .search_filter .results_time_filter .date_filter {
  margin-left: 5px;
  outline: none;
}
.search-everything-content .search_page .search_filter .results_sort {
  padding-top: 15px;
  margin-top: 15px;
}
.search-everything-content .search_page .search_filter .results_sort .sort_label {
  color: #ffffff;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper {
  position: relative;
  text-align: center;
  display: inline-block;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_relevance_btn,
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_time_btn {
  color: #ffffff;
  text-decoration: none;
  top: 1px;
  line-height: 19px;
  height: 20px;
  position: relative;
  opacity: 0.25;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_relevance_btn.sort_by_relevance_btn,
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_time_btn.sort_by_relevance_btn {
  padding: 0px 15px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  left: 13px;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_relevance_btn.sort_by_time_btn,
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_time_btn.sort_by_time_btn {
  padding: 0px 10px 0px 15px;
  border-radius: 0px 10px 10px 0px;
  right: 13px;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_relevance_btn:hover,
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_by_time_btn:hover {
  color: #ffffff;
  opacity: 1;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_toggle_btn {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  border: 1px solid #ffffff;
  border-radius: 15px;
  vertical-align: middle;
  z-index: 10;
  transition: color 0.2s ease;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper .sort_toggle_btn .toggle_btn_circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  transition: left 0.2s ease;
  background: #ffffff;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper.relevance .sort_by_relevance_btn {
  color: #ffffff;
  opacity: 1;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper.time .sort_by_time_btn {
  color: #ffffff;
  opacity: 1;
}
.search-everything-content .search_page .search_filter .results_sort .sort_btn_wrapper.time .sort_toggle_btn .toggle_btn_circle {
  left: 21px;
}
.search-everything-content .files_search {
  padding: 20px;
  position: relative;
}
.search-everything-content .files_search .file {
  display: inline-block;
  width: 200px;
  height: 235px;
  margin: 10px;
  font-size: 13px;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.search-everything-content .files_search .file .preview_wrapper {
  position: relative;
  background: #5d5c5c;
  border-bottom: 1px solid #e1e1e1;
  opacity: 1;
  transition: opacity 0.1s ease;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image {
  height: 110px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 50px;
  line-height: 110px;
  color: white;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.contain_view {
  background-size: contain;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.not_an_image {
  background-color: #333;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_word {
  background-color: #2a5699;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_ppt {
  background-color: #d64e2a;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_excel {
  background-color: #207245;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_pdf {
  background-color: #bb0706;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_word {
  background-color: #2a5699;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_zip {
  background-color: #e4901c;
}
.search-everything-content .files_search .file .preview_wrapper .preview_image.preview_music, .search-everything-content .files_search .file .preview_wrapper .preview_image.preview_video {
  background-color: #2ea2e9;
}
.search-everything-content .files_search .file .preview_wrapper .file_details_top {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  transition: opacity 0.2s ease;
  padding: 2px 5px;
  border-radius: 0px 0px 0px 2px;
  font-size: 12px;
}
.search-everything-content .files_search .file .preview_wrapper:hover .file_details_top {
  opacity: 1;
}
.search-everything-content .files_search .file .details_wrapper {
  padding: 10px;
  position: relative;
  background-color: #ffffff;
}
.search-everything-content .files_search .file .details_wrapper .user_image {
  border-radius: 50%;
  position: absolute;
  width: 30px;
  top: -15px;
  left: 10px;
  border: 2px solid #ffffff;
}
.search-everything-content .files_search .file .details_wrapper .user_image.highlight {
  border: 2px solid #fff3b8;
  box-shadow: 0px 0px 1px 0px #fff3b8;
}
.search-everything-content .files_search .file .details_wrapper .time {
  text-align: right;
  font-size: 12px;
  color: #a1a1a1;
  position: relative;
  bottom: 5px;
  left: 5px;
}
.search-everything-content .files_search .file .details_wrapper .time a {
  color: #a1a1a1;
  text-decoration: none;
}
.search-everything-content .files_search .file .details_wrapper .time a i {
  margin-right: 3px;
}
.search-everything-content .files_search .file .details_wrapper .time a:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .files_search .file .details_wrapper .pulse_name,
.search-everything-content .files_search .file .details_wrapper .board_name,
.search-everything-content .files_search .file .details_wrapper .file_name {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name a,
.search-everything-content .files_search .file .details_wrapper .board_name a,
.search-everything-content .files_search .file .details_wrapper .file_name a {
  text-decoration: none;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name a:hover,
.search-everything-content .files_search .file .details_wrapper .board_name a:hover,
.search-everything-content .files_search .file .details_wrapper .file_name a:hover {
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name a:hover em,
.search-everything-content .files_search .file .details_wrapper .board_name a:hover em,
.search-everything-content .files_search .file .details_wrapper .file_name a:hover em {
  color: #0085ff !important;
  color: var(--primary-color) !important;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.pulse_name a, .search-everything-content .files_search .file .details_wrapper .pulse_name.board_name a,
.search-everything-content .files_search .file .details_wrapper .board_name.pulse_name a,
.search-everything-content .files_search .file .details_wrapper .board_name.board_name a,
.search-everything-content .files_search .file .details_wrapper .file_name.pulse_name a,
.search-everything-content .files_search .file .details_wrapper .file_name.board_name a {
  color: #a1a1a1;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.file_name,
.search-everything-content .files_search .file .details_wrapper .board_name.file_name,
.search-everything-content .files_search .file .details_wrapper .file_name.file_name {
  margin-bottom: 11px;
  font-weight: 500;
  margin-top: 9px;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.file_name a,
.search-everything-content .files_search .file .details_wrapper .board_name.file_name a,
.search-everything-content .files_search .file .details_wrapper .file_name.file_name a {
  color: #333;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.board_name,
.search-everything-content .files_search .file .details_wrapper .board_name.board_name,
.search-everything-content .files_search .file .details_wrapper .file_name.board_name {
  margin-top: 6px;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.board_name .icon.icon-dapulse-share,
.search-everything-content .files_search .file .details_wrapper .board_name.board_name .icon.icon-dapulse-share,
.search-everything-content .files_search .file .details_wrapper .file_name.board_name .icon.icon-dapulse-share {
  color: #a358df;
}
.search-everything-content .files_search .file .details_wrapper .pulse_name.board_name .icon.icon-dapulse-private,
.search-everything-content .files_search .file .details_wrapper .board_name.board_name .icon.icon-dapulse-private,
.search-everything-content .files_search .file .details_wrapper .file_name.board_name .icon.icon-dapulse-private {
  color: #e44258;
}
.search-everything-content .files_search .file .go_to_post {
  background: #333;
  color: white;
  position: absolute;
  right: -44px;
  bottom: -44px;
  transform: rotate(45deg);
  display: inline-block;
  width: 50px;
  height: 50px;
  padding-top: 18px;
  padding-left: 7px;
  font-size: 9px;
  transition: all 0.2s ease;
}
.search-everything-content .files_search .file .go_to_post .icon {
  transform: rotate(-45deg);
  display: inline-block;
}
.search-everything-content .files_search .file .go_to_post:hover {
  background: #111;
}
.search-everything-content .files_search .file:hover .go_to_post {
  right: -28px;
  bottom: -28px;
}
.search-everything-content .files_search .file.in_pulse_page {
  width: 140px;
  height: 135px;
}
.search-everything-content .files_search .file.in_pulse_page .preview_wrapper .preview_image {
  height: 75px;
  font-size: 35px;
  line-height: 80px;
}
.search-everything-content .files_search .file.in_pulse_page .details_wrapper .file_name {
  margin: 0px !important;
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.search-everything-content .users_search {
  padding: 20px;
  position: relative;
}
.search-everything-content .users_search .results {
  margin-right: 0;
}
.search-everything-content .users_search .find-your-teammates {
  margin-left: 20px;
}
.search-everything-content .users_search .find-your-teammates .find-your-teammates-header {
  font-size: 16px;
  font-weight: 400;
}
.search-everything-content .users_search .find-your-teammates .find-your-teammates-subheader {
  font-size: 16px;
}
.search-everything-content .users_search .user {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  margin-top: 75px;
}
.search-everything-content .users_search .user .details_wrapper {
  display: flex;
  flex-direction: column;
  width: 230px;
  height: 280px;
  margin: 0 20px 50px 20px;
  padding: 75px 15px 10px 15px;
  border-radius: 8px;
  background-color: #ffffff;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate {
  cursor: pointer;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate:hover .circle-with-plus {
  background-color: #00a1e6;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate:hover .circle-with-plus:after, .search-everything-content .users_search .user .details_wrapper.invite-teammate:hover .circle-with-plus:before {
  background-color: white;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate .circle-with-plus {
  height: 110px;
  width: 110px;
  position: absolute;
  top: -50px;
  left: 80px;
  background-color: white;
  border: 1px solid #00a1e6;
  border-radius: 50%;
  cursor: pointer;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate .circle-with-plus:after {
  content: " ";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #00a1e6;
  left: 54px;
  top: 40px;
  border-radius: 4px;
}
.search-everything-content .users_search .user .details_wrapper.invite-teammate .circle-with-plus:before {
  content: " ";
  position: absolute;
  height: 2px;
  width: 30px;
  background-color: #00a1e6;
  left: 40px;
  top: 55px;
  border-radius: 4px;
}
.search-everything-content .users_search .user .details_wrapper .user-search-invite-teammate {
  padding: 40px 32px 0px;
  text-align: center;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-everything-content .users_search .user .details_wrapper.user_guest {
  border-bottom-color: #a358df;
}
.search-everything-content .users_search .user .details_wrapper .user_field_wrapper {
  flex-grow: 1;
}
.search-everything-content .users_search .user .user_name {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 5px;
}
.search-everything-content .users_search .user .user_link {
  display: block;
}
.search-everything-content .users_search .user .user_link.overlay_image_link {
  position: absolute;
}
.search-everything-content .users_search .user .user_link .preview_wrapper {
  position: absolute;
  background: transparent;
  top: -50px;
  left: 80px;
}
.search-everything-content .users_search .user .user_link .preview_wrapper .profile_image_wrapper {
  position: relative;
}
.search-everything-content .users_search .user .user_link .preview_wrapper .profile_image_wrapper.fadeout .preview_image.preview_default_image {
  opacity: 0;
}
.search-everything-content .users_search .user .user_link .preview_wrapper .profile_image_wrapper.fadeout:not(.loaded) .preview_image.preview_default_image {
  -webkit-animation: fadeout 0.5s;
          animation: fadeout 0.5s;
}
.search-everything-content .users_search .user .user_link .preview_wrapper .profile_image_wrapper .preview_image {
  border-radius: 100%;
  height: 110px;
  width: 110px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  text-align: center;
  color: #fff;
  border: 2px solid #ffffff;
  position: absolute;
  top: 0;
}
.search-everything-content .users_search .user .user_link .preview_wrapper .profile_image_wrapper .preview_image.preview_default_image {
  background-image: image-url("/images/dapulse-user-stroke.svg");
}
.search-everything-content .users_search .user .user_name,
.search-everything-content .users_search .user .user_title,
.search-everything-content .users_search .user .user_phone,
.search-everything-content .users_search .user .user_email,
.search-everything-content .users_search .user .user_field {
  width: 100%;
  white-space: nowrap;
  position: relative;
  text-overflow: ellipsis;
}
.search-everything-content .users_search .user .user_name,
.search-everything-content .users_search .user .user_title,
.search-everything-content .users_search .user .user_field {
  overflow: hidden;
  padding: 0 10px;
}
.search-everything-content .users_search .user .user_field {
  font-size: 15px;
  text-align: center;
  color: #5e5e5e;
}
.search-everything-content .users_search .user .email_phone_wrapper i:not(.copy_icon) {
  margin: 0 5px;
  border: 1px solid #c4c4c4;
  border-radius: 100%;
  padding-top: 4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
}
.search-everything-content .users_search .user .email_phone_wrapper .tip-copy {
  position: relative;
}
.search-everything-content .users_search .user .email_phone_wrapper .tip-copy.copied:after {
  content: attr(aria-label);
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: -25px;
  background: #333;
  padding: 3px 7px;
  border-radius: 20px;
  z-index: 9999;
}
.search-everything-content .users_search .user .email_phone_wrapper .tip-copy div {
  display: inline-block;
  width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  vertical-align: middle;
}
.search-everything-content .users_search .user .email_phone_wrapper .user_phone,
.search-everything-content .users_search .user .email_phone_wrapper .user_email {
  padding: 4px 0;
}
.search-everything-content .users_search .user .email_phone_wrapper .user_phone a,
.search-everything-content .users_search .user .email_phone_wrapper .user_email a {
  text-decoration: none;
  color: #0085ff;
  color: var(--primary-color);
}
.search-everything-content .users_search .user .email_phone_wrapper .user_phone a:hover,
.search-everything-content .users_search .user .email_phone_wrapper .user_email a:hover {
  color: #0071d9;
}
.search-everything-content .users_search .user .icon-dapulse-guest {
  color: #a358df;
  position: absolute;
  top: 100px;
  left: 95px;
  font-size: 30px;
}
.search-everything-content .users_search .user .icon-dapulse-guest:before {
  position: absolute;
  z-index: 10;
}
.search-everything-content .users_search .user .icon-dapulse-guest:after {
  content: "";
  width: 27px;
  height: 18px;
  background-color: #fff;
  position: absolute;
  top: 6px;
  left: 1px;
  z-index: 1;
}
.search-everything-content .tags-management-component {
  margin-top: 32px !important;
}
.search-everything-content .tags-management-component .tags-management-content {
  padding: 0px !important;
}
.search-everything-content .tags-management-component .tags-management-content .tags-board-kind {
  color: #ffffff !important;
}
.search-everything-content .tags-management-component .tags-management-content .tags-kind-list .letter-tags-container {
  background: #ffffff !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
}
.search-everything-content .tags-management-component .tags-management-content .tags-kind-list .letter-tags-container .letter-tags {
  margin-bottom: 0px !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.search-everything-content .tags-management-component .empty-tags-component .title,
.search-everything-content .tags-management-component .empty-tags-component .content {
  color: #ffffff;
}
.search-everything-content .date_search {
  display: none;
  background-color: #181d37;
  height: 80px;
  padding: 60px 50px 0px;
  position: relative;
  margin-top: 24px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.7);
}
.search-everything-content .date_search .side {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100px;
}
.search-everything-content .date_search .side.left_side {
  left: 0px;
  text-align: center;
  line-height: 75px;
}
.search-everything-content .date_search .side.left_side .zoom_btn {
  color: white;
  font-weight: 400;
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
  display: block;
  height: 40px;
  text-align: left;
  padding: 0px 10px 0px 15px;
  line-height: 44px;
  border-right: 1px solid #777;
}
.search-everything-content .date_search .side.left_side .zoom_btn:hover {
  color: #c4c4c4;
}
.search-everything-content .date_search .side.left_side .zoom_btn.zoom_in_btn {
  background: rgba(255, 255, 255, 0.1);
}
.search-everything-content .date_search .side.right_side {
  right: 0px;
}
.search-everything-content .date_search .side.right_side .close_date_search_btn {
  display: block;
  height: 35px;
  color: white;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  line-height: 37px;
  cursor: pointer;
}
.search-everything-content .date_search .side.right_side .close_date_search_btn:hover {
  color: #c4c4c4;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-innerBar {
  height: 2px;
  background: #e1e1e1;
  border-radius: 10px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-bar {
  background-color: #0085ff;
  background-color: var(--primary-color);
  height: 12px;
  top: -3px !important;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-bar .icon-dapulse-hamburger {
  color: #003566;
  font-size: 6px;
  transform: rotate(90deg);
  display: inline-block;
  position: relative;
  bottom: 7px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle {
  height: 12px;
  top: -2px !important;
  background: rgba(255, 255, 255, 0.8);
  width: 4px;
  color: white;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle .icon {
  font-size: 10px;
  position: absolute;
  top: 2px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle.ui-rangeSlider-leftHandle {
  border-radius: 20px 0px 0px 20px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle.ui-rangeSlider-leftHandle .icon {
  transform: rotate(180deg);
  left: 5px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle.ui-rangeSlider-rightHandle {
  border-radius: 0px 20px 20px 0px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-handle.ui-rangeSlider-rightHandle .icon {
  right: 5px;
}
.search-everything-content .date_search .date_slider .ui-rangeSlider-label {
  font-size: 13px;
  font-weight: 400;
  color: #f9f9f9;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  bottom: 28px;
}
.search-everything-content .date_search .date_slider .ui-ruler-scale .ui-ruler-tick.scale_point_today .ui-ruler-tick-label {
  background-image: image-url("/search/today_point.png");
  height: 80px;
  color: transparent;
  display: inline-block;
  position: absolute;
  bottom: -15px;
  width: 10px;
}
.search-everything-content .date_search .date_slider .ui-ruler-scale .ui-ruler-tick.scale_point_month {
  position: relative;
  height: 79px;
  bottom: 84px;
  color: #e1e1e1;
  font-size: 11px;
}
.search-everything-content .date_search .date_slider .ui-ruler-scale .ui-ruler-tick.scale_point_month .ui-ruler-tick-inner {
  padding: 3px 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.search-everything-content .date_search .date_slider .ui-ruler-scale .ui-ruler-tick.scale_point_month.odd_month {
  background: rgba(255, 255, 255, 0.05);
}
.search-everything-content .date_search .date_slider:before, .search-everything-content .date_search .date_slider:after {
  content: "";
  border-radius: 20px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #e1e1e1;
  position: absolute;
  top: 0px;
}
.search-everything-content .date_search .date_slider:before {
  left: 2px;
}
.search-everything-content .date_search .date_slider:after {
  right: 2px;
}
.search-everything-content .ui-rangeSlider {
  height: 22px;
}
.search-everything-content .ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 16px;
  margin: 3px 6px;
  background: #ddd;
}
.search-everything-content .ui-rangeSlider .ui-rangeSlider-handle {
  width: 6px;
  height: 22px;
  background: #aaa;
  background: rgba(100, 100, 100, 0.3);
  cursor: col-resize;
}
.search-everything-content .ui-rangeSlider .ui-rangeSlider-bar {
  margin: 1px 0;
  background: #ccc;
  background: rgba(100, 100, 150, 0.2);
  height: 20px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  cursor: -moz-grab;
}
.search-everything-content .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.search-everything-content .ui-rangeSlider-arrow {
  height: 16px;
  margin: 2px 0;
  width: 16px;
  background-repeat: no-repeat;
}
.search-everything-content .ui-rangeSlider-arrow-inner {
  display: none;
}
.search-everything-content .ui-rangeSlider-container {
  height: 22px;
}
.search-everything-content .ui-rangeSlider-withArrows .ui-rangeSlider-container {
  margin: 0 11px;
}
.search-everything-content .ui-rangeSlider-noArrow .ui-rangeSlider-container {
  margin: 0;
}
.search-everything-content .ui-rangeSlider-label {
  margin: 0 2px 2px;
  background-position: bottom center;
  background-repeat: no-repeat;
  white-space: nowrap;
  bottom: 20px;
  padding: 3px 6px 7px;
  cursor: col-resize;
}
.search-everything-content .ui-rangeSlider-label-inner {
  display: none;
}
.search-everything-content input.ui-editRangeSlider-inputValue {
  width: 3em;
  vertical-align: middle;
  text-align: center;
}
.surface-search-input-component {
  width: 100%;
  position: relative;
}
.surface-search-input-component.in-focus .surface-search-input-wrapper::before {
  right: 0;
}
.surface-search-input-component.in-focus .surface-search-input-wrapper .search_icon {
  color: #ffffff;
}
.surface-search-input-component .surface-search-input-wrapper {
  display: flex;
  width: 100%;
  position: relative;
  color: #ffffff;
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.surface-search-input-component .surface-search-input-wrapper::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 100%;
  height: 3px;
  z-index: 2;
  background-color: #ffffff;
  transition: right 200ms ease;
}
.surface-search-input-component .surface-search-input-wrapper .surface-search-input {
  width: 100%;
  font-size: 52px;
  background: transparent;
  border: 0;
  outline: 0;
  font-weight: 400;
  padding-right: 110px;
}
.surface-search-input-component .surface-search-input-wrapper .surface-search-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.surface-search-input-component .surface-search-input-wrapper .surface-search-input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.surface-search-input-component .surface-search-input-wrapper .search_icon {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: rgba(255, 255, 255, 0.3);
  transition: color 200ms ease;
}
.surface-search-input-component .input-save-button-component-wrapper {
  position: absolute;
  top: 28px;
  right: 42px;
  z-index: 2;
}
.surface-search-input-component.with_value:not(.with_saved_search) .save_search_btn {
  opacity: 1 !important;
}
.surface-search-input-component .save_search_btn {
  background: #181d37;
  color: #fdab3d;
  display: inline-block;
  height: 25px;
  border-radius: 50px;
  line-height: 25px;
  font-size: 12px;
  opacity: 0;
  cursor: pointer;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  white-space: nowrap;
}
.surface-search-input-component .save_search_btn .icon {
  margin-right: 3px;
}
.surface-search-input-component .save_search_btn .ladda-label {
  transition: initial !important;
}
.surface-search-input-component .save_search_btn .success_label,
.surface-search-input-component .save_search_btn .fa-check {
  display: none;
}
.surface-search-input-component .save_search_btn .fa-check {
  color: #00ca72;
}
.surface-search-input-component .save_search_btn .success_label {
  color: white;
}
.surface-search-input-component .save_search_btn:hover {
  background: black;
}
.surface-search-input-component .save_search_btn.success_state .save_label,
.surface-search-input-component .save_search_btn.success_state .icon-dapulse-favorite {
  display: none;
}
.surface-search-input-component .save_search_btn.success_state .success_label,
.surface-search-input-component .save_search_btn.success_state .fa-check {
  display: inline;
}
.first-level-expand-button-component {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  z-index: 1000002;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  border-radius: 12px 0px 0px 0px;
  cursor: pointer;
}
.first-level-expand-button-component .first-level-expand-button {
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: calc(100% - 16px);
  padding: 5px 12px;
  transition: padding-right 200ms ease;
}
.first-level-expand-button-component .first-level-expand-button:hover {
  padding-right: 22px;
}
.first-level-expand-button-component .first-level-expand-button .first-level-expand-icon {
  font-size: 20px;
  color: #292f4c;
}
.first-level-control-component {
  -webkit-animation-name: slideInFromLeft;
          animation-name: slideInFromLeft;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  height: 100%;
  position: absolute;
  border-right: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  z-index: 1000001;
  width: 30px;
  transition: width 0.1s cubic-bezier(0, 0, 0.35, 1);
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.account-read-only .first-level-control-component {
  opacity: 0.5;
}
.first-level-control-component:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000002;
  pointer-events: none;
}
.first-level-control-component.is-expanded {
  width: 255px;
}
.first-level-control-component.is-expanded .first-level-control-content {
  opacity: 1;
  display: flex;
  flex-direction: column;
}
.first-level-control-component.is-expanded:not(.is-pinned)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 40px;
}
.first-level-control-component .first-level-control-content {
  height: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity 100ms ease;
}
.first-level-control-component .first-level-control-content .user-guidance-component-wrapper {
  padding: 10px;
  border-top: 1px solid #e1e1e1;
}
.first-level-control-component :focus {
  outline-style: none;
}
@-webkit-keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.collapse-first-leve-button-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 20px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 3px 9px;
  position: absolute;
  top: 20px;
  z-index: 100;
  transition: background-color 100ms ease, padding-left 100ms ease, padding-right 100ms ease, border-color 100ms ease, color 100ms ease;
  -webkit-animation-name: slideInFromLeft;
          animation-name: slideInFromLeft;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.35, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.collapse-first-leve-button-component:not(.is-disabled):hover {
  background-color: #0085ff;
  background-color: var(--primary-color);
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #ffffff;
}
.collapse-first-leve-button-component:not(.is-disabled):hover.is-pinned {
  padding-right: 16px;
}
.collapse-first-leve-button-component:not(.is-disabled):hover.is-pinned.adjust-pin-button {
  padding-right: 14px;
}
.collapse-first-leve-button-component:not(.is-disabled):hover:not(.is-pinned) {
  padding-left: 16px;
}
.collapse-first-leve-button-component.is-disabled {
  background-color: #f5f6f8;
  pointer-events: none;
  color: #c5c7d0;
}
.collapse-first-leve-button-component.is-pinned {
  right: -14px;
}
.collapse-first-leve-button-component.is-pinned .collapse-icon {
  transform: rotate(-180deg);
}
.collapse-first-leve-button-component:not(.is-pinned) {
  left: calc(100% - 14px);
}
.collapse-first-leve-button-component .collapse-icon {
  font-size: 18px;
  transition: transform 100ms ease;
}
@-webkit-keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.keyboard-shortcut-div {
  display: flex;
  align-items: center;
}

.keyboard-shortcut-items {
  display: flex;
  flex-direction: row;
}

.keyboard-shortcut-headline {
  font-weight: 300;
}
.shortcut-icon {
  align-self: flex-end;
  margin-left: 4px;
  flex-grow: 0;
}
.home-control-loader-component {
  width: 255px;
}
.home-control-loader-component .loader-boards-tab-wrapper {
  display: flex;
  height: 64px;
  align-items: center;
  padding: 0px 24px;
}
.home-control-loader-component .loader-boards-tab-wrapper .boards-tab-icon-loader {
  margin-right: 16px;
}
.home-control-loader-component .loader-board-kind-section-wrapper {
  display: flex;
  align-items: center;
  height: 55px;
  padding: 0px 24px;
}
.home-control-loader-component .loader-board-kind-section-wrapper .section-title-loader-wrapper {
  flex-grow: 1;
}
.home-control-loader-component .loader-boards-and-folders-list {
  padding: 0px 24px;
}
.home-control-loader-component .loader-boards-and-folders-list .loader-item-wrapper {
  display: flex;
  align-items: center;
  height: 34px;
}
.home-control-loader-component .loader-boards-and-folders-list .folder-loader-wrapper {
  display: flex;
  align-items: center;
  height: 34px;
}
.home-control-loader-component .loader-boards-and-folders-list .folder-loader-wrapper .folder-icon-loader {
  margin-right: 8px;
}
.home-control-loader-component .loader-boards-and-folders-list .board-in-folder-loader {
  margin-left: 26px;
}
.home-control-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 255px;
  overflow-x: hidden;
}
.home-control-component .board-actions-wrapper {
  position: relative;
}
.home-control-component .download-mobile-app-wrapper {
  margin: 16px;
}
.home-control-component .left-side-icon {
  margin-right: 6px;
  min-width: 12px;
  text-align: center;
}
.home-control-component .home-control-unified-board-item-wrapper,
.home-control-component .home-control-unified-folder-item-wrapper {
  padding-right: 8px;
}
.new-boards-list-button-component {
  position: relative;
}
.new-boards-list-button-component .new-boards-list-button {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 24px;
  position: relative;
  top: 1px;
  cursor: pointer;
}
.new-boards-list-button-component .new-boards-list-button:hover {
  color: #0071d9;
}
.new-boards-list-button-component .monday-loader-css {
  -webkit-animation: monday-loader-spin-animation 0.8s linear infinite;
  animation: monday-loader-spin-animation 0.8s linear infinite;
  border: 5px solid #ddd;
  border-top: 5px solid;
  border-top-color: #0085ff;
  border-top-color: var(--primary-color);
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-top: 8px;
  position: relative;
  z-index: 99999;
}
@keyframes monday-loader-spin-animation {
  to {
    border-top-color: #0085ff;
    border-top-color: var(--primary-color);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes monday-loader-spin-animation {
  to {
    border-top-color: #0085ff;
    border-top-color: var(--primary-color);
    transform: rotate(360deg);
  }
}
/* mixin for multiline */
.new-board-or-folder-with-suggested-templates-component:after {
  position: absolute;
  content: "";
  top: 0;
  left: -1px;
  height: 32px;
  width: 2px;
  background-color: #fff;
}
.new-board-or-folder-with-suggested-templates-component .ds-icon {
  flex: 1 0 16px;
  max-width: 16px;
}
.new-board-or-folder-with-suggested-templates-component .new-board-item .ds-icon {
  font-size: 18px;
}
.new-board-or-folder-with-suggested-templates-component .suggested-template {
  padding: 4px 8px;
}
.new-board-or-folder-with-suggested-templates-component .new-board-imports .ds-image img {
  width: 17px;
}
.new-board-or-folder-with-suggested-templates-component .import-from-trello .ds-main-image,
.new-board-or-folder-with-suggested-templates-component .import-from-trello .ds-hover-image {
  width: 17px;
  margin-left: 3px;
}
.new-board-or-folder-with-suggested-templates-component .new-folder-item .ds-icon {
  margin-top: 0;
}
.new-board-or-folder-with-suggested-templates-component .suggested-templates-title {
  color: #c4c4c4;
  font-weight: 300;
}
.new-board-or-folder-with-suggested-templates-component .suggested-template-icon {
  font-size: 14px;
}
.new-board-or-folder-with-suggested-templates-component .create-overview-icon {
  font-size: 14px;
}
.new-board-or-folder-with-suggested-templates-component .icon-v2-view-table {
  font-size: 14px;
}
.new-board-or-folder-with-suggested-templates-component .folder-icon {
  font-size: 16px;
}
.new-board-or-folder-with-suggested-templates-component .ds-menu-item.see-all-templates .ds-title {
  text-align: center;
}
.new-board-or-folder-with-suggested-templates-component .ds-menu-content-wrapper {
  margin: 4px;
}
.new-board-or-folder-with-suggested-templates-component .ds-menu-content-wrapper::-webkit-scrollbar {
  width: 4px;
}
.new-board-or-folder-with-suggested-templates-component .ds-menu-content-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.new-board-or-folder-with-suggested-templates-component .ds-menu-content-wrapper .new-boards-button-imports-sections .ds-menu-item {
  height: 32px;
}

.new-layout .new-board-or-folder-with-suggested-templates-component:after {
  display: none;
}
.new-enabled-button-wrapper {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 5px 10px;
  transition: background-color 100ms ease, border 100ms ease;
  position: relative;
  background-color: #0085ff;
  background-color: var(--primary-color);
  color: #ffffff;
}
.new-enabled-button-wrapper:hover {
  background-color: #0071d9;
}
.new-enabled-button-wrapper .new-icon {
  margin-right: 4px;
}

.new-disabled-button-wrapper {
  font-weight: 400;
  font-size: 14px;
  position: relative;
  border-radius: 20px;
  padding: 5px 10px;
  background-color: #f1f1f1;
  color: #808080;
}
.new-disabled-button-wrapper .new-icon {
  margin-right: 4px;
}
.top-new-button-component {
  position: relative;
}
.top-new-button-component .new-boards-list-button {
  color: #0085ff;
  color: var(--primary-color);
  font-size: 25px;
  position: relative;
  cursor: pointer !important;
}
.top-new-button-component .new-boards-list-button:hover {
  color: #0071d9;
}
.top-new-button-component .new-boards-list-button.disabled {
  cursor: default !important;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign {
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 34px;
  padding: 0 6px;
  font-weight: 400;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  cursor: pointer;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign i {
  color: #676879;
  color: var(--icon-color);
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign .main-icon {
  margin-right: 6px;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff;
  color: var(--primary-color);
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.selected i {
  color: #0085ff;
  color: var(--primary-color);
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign .add-icon {
  font-size: 16px;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.disabled {
  color: rgba(103, 104, 121, 0.75);
  color: var(--disabled-text-color);
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.onboarding {
  color: #0085ff;
  color: var(--primary-color);
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.onboarding:hover {
  background-color: unset;
}
.top-new-button-component .new-boards-list-button.leftpane-workspace-header-redesign.onboarding i {
  color: #0085ff;
  color: var(--primary-color);
}
.top-new-button-component.default-icon .new-boards-list-button.disabled {
  opacity: 0.5;
}
.top-new-button-component.stroke-icon .new-boards-list-button.disabled {
  color: #c5c7d0;
}
.boards-menu-component .ellipsis {
  transform: translateY(7px);
}

.new-leftpane-tip-seen-wrapper {
  width: 370px;
  margin: 8px 8px 0px 8px;
}
.new-leftpane-tip-seen-wrapper .tooltip-title {
  font-size: 20px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.new-leftpane-tip-seen-wrapper .tooltip-description {
  font-size: 16px;
}
.new-leftpane-tip-seen-wrapper .tooltip-description .tooltip-learn-more {
  color: white;
  text-decoration: underline;
  margin-left: 8px;
}

.boards-menu-wrapper .lightning-icon {
  color: #ffcb00;
}
.boards-section-actions-component {
  align-items: center;
  display: flex;
}
.boards-section-actions-component > *:not(:last-child) {
  margin-right: 8px;
}
.boards-section-actions-component .boards-filter-wrapper {
  opacity: 0;
  transition: opacity 0.1s ease;
}
.boards-section-actions-component .boards-filter-wrapper.force-show {
  opacity: 1;
}

.collapse-folders-tooltip {
  width: 120px;
  display: flex;
  justify-content: center;
}

.home-collapsible-item-header:hover .boards-menu-wrapper,
.home-collapsible-item-header:hover .boards-filter-wrapper,
.home-item-header-header:hover .boards-menu-wrapper,
.home-item-header-header:hover .boards-filter-wrapper,
.boards-section-actions-component.menu-open .boards-menu-wrapper,
.boards-section-actions-component.menu-open .boards-filter-wrapper {
  opacity: 1;
}
.favorites-list-menu .ellipsis {
  transform: translateY(7px);
}
.favorites-list-menu .ds-menu-button {
  background-color: transparent;
}
.home-collapsible-item-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.home-collapsible-item-component:last-child {
  border-bottom: none;
}
.home-collapsible-item-component.is-selected {
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
}
.home-collapsible-item-component.is-selected .home-item-content-wrapper.is-scrolled {
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.home-collapsible-item-component .home-collapsible-item-header {
  flex-shrink: 0;
  width: 100%;
  height: 64px;
  padding: 0 24px 0 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.home-collapsible-item-component .home-collapsible-item-header:hover .item-title,
.home-collapsible-item-component .home-collapsible-item-header:hover .item-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.home-collapsible-item-component .home-collapsible-item-header:hover .collapse-icon-wrapper {
  opacity: 1;
}
.home-collapsible-item-component .home-collapsible-item-header .item-icon {
  font-size: 22px;
  margin-right: 16px;
}
.home-collapsible-item-component .home-collapsible-item-header .item-title {
  font-size: 20px;
  font-weight: 400;
  flex-grow: 1;
  transition: color 200ms ease;
  font-weight: 500;
}
.home-collapsible-item-component .home-item-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.favorites-list-item-component {
  padding: 0 0 0 12px;
}
.favorites-list-item-component.in-folder {
  padding-left: 38px;
}
.favorites-list-item-component .favorites-list-item-content {
  padding: 0 12px;
  cursor: pointer;
  font-size: 14px;
  height: 100%;
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border-radius: 4px;
}
.favorites-list-item-component .favorites-list-item-content .home-list-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
}
.favorites-list-item-component .favorites-list-item-content.selected {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  position: relative;
}
.favorites-list-item-component .favorites-list-item-content.selected .home-list-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.favorites-list-item-component .favorites-list-item-content.selected .ds-editable-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.favorites-list-item-component .favorites-list-item-content:not(.selected):not(.is-drag-in-progress):hover, .favorites-list-item-component .favorites-list-item-content:not(.selected):not(.is-drag-in-progress).is-menu-open, .favorites-list-item-component .favorites-list-item-content:not(.selected):not(.is-drag-in-progress).right-click-menu-open {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.favorites-list-item-component .favorites-list-item-content:not(.is-drag-layer).dragging {
  position: relative;
}
.favorites-list-item-component .favorites-list-item-content:not(.is-drag-layer).dragging:before, .favorites-list-item-component .favorites-list-item-content:not(.is-drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.favorites-list-item-component .favorites-list-item-content .is-during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
}
.favorites-list-item-component .favorites-list-item-content .is-during-drag.dragging {
  transition: none;
}
.favorites-list-item-component .favorites-list-item-content.is-drag-layer {
  transform: rotate(1deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background: #ffffff;
  background: var(--primary-background-color);
  border-radius: 8px;
  height: 34px;
}
.favorites-list-item-component .favorites-list-item-content .ds-menu-button:hover {
  background-color: transparent !important;
}
.favorites-list-item-component .favorites-list-item-content:not(.is-menu-open) .home-item-menu-wrapper {
  display: none;
}
.favorites-list-item-component .favorites-list-item-content:not(.is-menu-open):hover .home-item-menu-wrapper {
  display: block;
}
.favorites-list-item-component .favorites-list-item-content .home-item-content {
  display: flex;
  align-items: center;
}
.favorites-list-item-component .favorites-list-item-content .home-item-content .ellipsis {
  transform: translateY(7px);
}
.favorites-list-item-component .favorites-list-item-content .right-click-menu-component {
  height: auto;
  width: auto;
}
.favorites-list-item-component .favorites-list-item-content .inner-item-container {
  flex-grow: 1;
  min-width: 0;
}
.personal-list-board-item-list-item-component {
  display: flex;
  align-items: center;
  padding: 8px 0;
  cursor: pointer;
}
.personal-list-board-item-list-item-component .board-icon {
  margin-right: 8px;
}
.personal-list-board-item-list-item-component .favorite-board-name {
  flex-grow: 1;
}
.personal-list-overview-item-list-item-component {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.personal-list-overview-item-list-item-component .overview-name {
  flex-grow: 1;
}
.personal-list-folder-item-list-item-component {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.personal-list-folder-item-list-item-component .folder-icon {
  margin-right: 8px;
  margin-left: 2px;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.personal-list-folder-item-list-item-component .favorite-folder-name {
  font-weight: 400;
  flex-grow: 1;
}
.personal-list-folder-item-list-item-component:hover .personal-list-folder-actions {
  display: block;
}
.personal-list-folder-item-list-item-component .personal-list-folder-actions {
  display: flex;
  font-size: 13px;
  display: none;
}
.personal-list-folder-item-list-item-component .personal-list-folder-actions .icon-dapulse-close {
  margin-left: 8px;
}
.personal-list-folder-item-list-item-component .personal-list-folder-actions .icon-dapulse-close:hover:not(.disabled),
.personal-list-folder-item-list-item-component .personal-list-folder-actions .icon-dapulse-edit:hover:not(.disabled) {
  color: #0085ff;
  color: var(--primary-color);
}
.personal-list-folder-item-list-item-component .personal-list-folder-actions .icon-dapulse-close.disabled,
.personal-list-folder-item-list-item-component .personal-list-folder-actions .icon-dapulse-edit.disabled {
  cursor: default;
  color: #c4c4c4;
}
.favorites-list-component {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.favorites-list-component .favorites-virtualized-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.draggable-virtual-list {
  height: 100%;
  flex-grow: 1;
}
.draggable-virtual-list .scrolling-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
#tooltips-container {
  position: relative;
  white-space: pre-wrap;
  z-index: 10000000000000000;
  max-width: 50%;
}

.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: calc(100% - 30px);
}
.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: calc(100% - 48px);
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: 30px;
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: 48px;
}

.ds-tooltip {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  padding: 12px;
  font-size: 13px;
}
.ds-tooltip.padding-size-md {
  border-radius: 12px;
  padding: 18px;
  font-size: 14px;
}
.ds-tooltip a.tooltip-white-link {
  color: #fff;
}
.ds-tooltip.ds-tooltip-dark {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-white {
  background-color: #fff;
  color: #333;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.6);
  border: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-primary {
  background-color: #0085FF;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-success {
  background-color: #00ca72;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-surface {
  background-color: #5b607a;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-private {
  background-color: #f65f7c;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-share {
  background-color: #a358df;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-error {
  background-color: #e44258;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip .arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  background-color: inherit;
}
.ds-tooltip.padding-size-md .arrow {
  width: 16px;
  height: 16px;
}
.ds-tooltip.ds-tooltip-top .arrow-private,
.ds-tooltip.ds-tooltip-top .arrow-share,
.ds-tooltip.ds-tooltip-top .arrow-error,
.ds-tooltip.ds-tooltip-top .arrow-dark,
.ds-tooltip.ds-tooltip-top .arrow-surface,
.ds-tooltip.ds-tooltip-top .arrow-primary {
  bottom: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-top .arrow-private.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-share.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-primary.padding-size-md {
  bottom: -8px;
  left: calc(50% - 10px);
}
.ds-tooltip.ds-tooltip-top .arrow-end {
  left: calc(100% - 30px);
}
.ds-tooltip.ds-tooltip-top .arrow-end.padding-size-md {
  left: calc(100% - 48px);
}
.ds-tooltip.ds-tooltip-top .arrow-begin {
  left: 6px;
}
.ds-tooltip.ds-tooltip-top .arrow-begin.padding-size-md {
  left: 10px;
}
.ds-tooltip.ds-tooltip-top .arrow-white {
  bottom: -7px;
  left: calc(50% - 7px);
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-top .arrow-white.padding-size-md {
  bottom: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-right .arrow-dark,
.ds-tooltip.ds-tooltip-right .arrow-primary,
.ds-tooltip.ds-tooltip-right .arrow-success,
.ds-tooltip.ds-tooltip-right .arrow-surface,
.ds-tooltip.ds-tooltip-right .arrow-error {
  top: calc(50% - 6px);
  left: -6px;
}
.ds-tooltip.ds-tooltip-right .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-success.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-error.padding-size-md {
  top: calc(50% - 8px);
  left: -8px;
}
.ds-tooltip.ds-tooltip-right .arrow-top {
  top: 16px;
}
.ds-tooltip.ds-tooltip-right .arrow-top.padding-size-md {
  top: 20px;
}
.ds-tooltip.ds-tooltip-right .arrow-white {
  top: calc(50% - 7px);
  left: -7px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-right .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  left: -9px;
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark,
.ds-tooltip.ds-tooltip-bottom .arrow-error,
.ds-tooltip.ds-tooltip-bottom .arrow-primary,
.ds-tooltip.ds-tooltip-bottom .arrow-surface,
.ds-tooltip.ds-tooltip-bottom .arrow-success {
  top: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-success.padding-size-md {
  top: -8px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-white {
  top: -7px;
  left: calc(50% - 7px);
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-bottom .arrow-white.padding-size-md {
  top: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-left .arrow-dark,
.ds-tooltip.ds-tooltip-left .arrow-error,
.ds-tooltip.ds-tooltip-left .arrow-primary,
.ds-tooltip.ds-tooltip-left .arrow-surface,
.ds-tooltip.ds-tooltip-left .arrow-success {
  top: calc(50% - 6px);
  right: -6px;
}
.ds-tooltip.ds-tooltip-left .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-success.padding-size-md {
  top: calc(50% - 8px);
  right: -8px;
}
.ds-tooltip.ds-tooltip-left .arrow-white {
  top: calc(50% - 7px);
  right: -7px;
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-left .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  right: -9px;
}

.home-control-unified-board-item-component-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding-left: 12px;
}
.home-control-unified-board-item-component-wrapper.in-folder {
  padding-left: 34px;
}
.home-control-unified-board-item-component-wrapper.disable-drop .home-control-board-item-component {
  cursor: not-allowed;
  pointer-events: auto;
}
.home-control-unified-board-item-component-wrapper .block-dragging-tooltip {
  position: relative;
  left: calc(100%);
  margin-left: 13px;
  white-space: nowrap;
  transform: translateY(calc(-50% - ((34/ 2) * 1px) + 2px));
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component {
  font-size: 14px;
  height: 100%;
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border-radius: 4px;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .home-list-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component.selected {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  position: relative;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component.selected .home-list-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component.selected .ds-editable-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.selected):not(.is-drag-in-progress):hover, .home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.selected):not(.is-drag-in-progress).is-menu-open, .home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.selected):not(.is-drag-in-progress).right-click-menu-open {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.is-drag-layer).dragging {
  position: relative;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.is-drag-layer).dragging:before, .home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.is-drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .is-during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .is-during-drag.dragging {
  transition: none;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component.is-drag-layer {
  transform: rotate(1deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background: #ffffff;
  background: var(--primary-background-color);
  border-radius: 8px;
  height: 34px;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .ds-menu-button:hover {
  background-color: transparent !important;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.is-menu-open) .home-item-menu-wrapper {
  display: none;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component:not(.is-menu-open):hover .home-item-menu-wrapper {
  display: block;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .home-item-content {
  display: flex;
  align-items: center;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .home-item-content .ellipsis {
  transform: translateY(7px);
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .board-name-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .board-name-wrapper .board-name {
  height: auto;
  border: 0;
  padding: 0;
  min-width: 0;
  width: auto;
  flex: 1;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .board-name-wrapper .board-name .ds-text-component {
  padding: 0;
}
.home-control-unified-board-item-component-wrapper .home-control-board-item-component .dragging-message-wrapper {
  position: absolute;
  left: 100%;
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.folder-list-container {
  height: 100%;
  width: 100%;
}

.folder-list-wrapper {
  height: 100%;
}
.folder-list-wrapper .no-results {
  height: calc(100% - 37px);
}
.folder-list-wrapper:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.folder-list-wrapper .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.folder-list-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  right: 0px !important;
}
.folder-list-wrapper .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}

.create-new-folder {
  text-align: center;
  font-weight: 400;
  background-color: #fff;
  color: #0085ff;
  color: var(--primary-color);
  bottom: 8px;
  left: 8px;
  right: 8px;
  position: absolute;
}
.create-new-folder.disabled, .create-new-folder.disabled:hover {
  background-color: #fff;
  color: #c4c4c4;
  cursor: default;
}
.system-folder-item-component {
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 8px;
  padding: 0 8px;
}
.system-folder-item-component .folder-item-kind-name {
  flex-grow: 1;
  height: auto !important;
  width: 100%;
  margin-right: 8px;
}
.system-folder-item-component .folder-item-kind-icon {
  color: #676879;
  color: var(--icon-color);
  align-self: center;
  margin: 0 4px;
  font-size: 12px;
}
.system-folder-item-component .icon-dapulse-share {
  color: #a358df;
}
.system-folder-item-component .icon-dapulse-private {
  color: #f65f7c;
}
.system-folder-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-on-secondary-color);
}
.system-folder-item-component:hover .folder-item-kind-name,
.system-folder-item-component:hover .folder-item-kind-icon {
  color: #676879;
  color: var(--icon-color);
}
/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.workspace-select-list-wrapper {
  height: 100%;
}
.workspace-select-list-wrapper .no-results {
  height: calc(100% - 37px);
}
.workspace-select-list-wrapper:not(:hover) .iScrollVerticalScrollbar {
  opacity: 0 !important;
}
.workspace-select-list-wrapper .iScrollVerticalScrollbar {
  opacity: 1 !important;
  width: 3px !important;
  transition: opacity 0.1s ease;
}
.workspace-select-list-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  right: 0px !important;
}
.workspace-select-list-wrapper .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: none !important;
}
.selected-list-workspace-item-component {
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 8px;
  padding: 0 8px;
  color: #323338;
  color: var(--primary-text-color);
}
.selected-list-workspace-item-component .workspace-item-kind-name {
  flex-grow: 1;
  height: auto !important;
  width: 100%;
  margin: 0 8px 0 4px;
}
.selected-list-workspace-item-component .workspace-item-kind-icon {
  color: #323338;
  color: var(--primary-text-color);
  align-self: center;
  margin: 0 4px;
  font-size: 12px;
}
.selected-list-workspace-item-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.selected-list-workspace-item-component:hover .workspace-item-kind-name,
.selected-list-workspace-item-component:hover .workspace-item-kind-icon {
  color: #323338;
  color: var(--primary-text-color);
}
.home-control-overview-item-component-wrapper {
  height: 100%;
  width: 100%;
  padding-left: 12px;
}
.home-control-overview-item-component-wrapper.in-folder {
  padding-left: 34px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component {
  font-size: 14px;
  height: 100%;
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border-radius: 4px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .home-list-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component.selected {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  position: relative;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component.selected .home-list-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component.selected .ds-editable-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.selected):not(.is-drag-in-progress):hover, .home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.selected):not(.is-drag-in-progress).is-menu-open, .home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.selected):not(.is-drag-in-progress).right-click-menu-open {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.is-drag-layer).dragging {
  position: relative;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.is-drag-layer).dragging:before, .home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.is-drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .is-during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .is-during-drag.dragging {
  transition: none;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component.is-drag-layer {
  transform: rotate(1deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background: #ffffff;
  background: var(--primary-background-color);
  border-radius: 8px;
  height: 34px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .ds-menu-button:hover {
  background-color: transparent !important;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.is-menu-open) .home-item-menu-wrapper {
  display: none;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component:not(.is-menu-open):hover .home-item-menu-wrapper {
  display: block;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .home-item-content {
  display: flex;
  align-items: center;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .home-item-content .ellipsis {
  transform: translateY(7px);
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .overview-item-link {
  padding: 0 8px;
  height: 100%;
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: inherit;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .overview-item-link .overview-name {
  height: auto;
  border: 0;
  padding: 0;
  flex: 1 1;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .overview-item-link .overview-name .ds-text-component {
  padding: 0;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component .overview-icon {
  margin-left: 4px;
}
.home-control-overview-item-component-wrapper .home-control-overview-item-component.homepage .overview-name {
  font-weight: 400;
}
.home-control-overview-item-menu-component-wrapper {
  height: 100%;
  width: 100%;
}
.home-control-unified-folder-item-component-wrapper {
  height: 100%;
  width: 100%;
  padding-left: 12px;
}
.home-control-unified-folder-item-component-wrapper.in-folder {
  padding-left: 34px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component {
  font-size: 14px;
  height: 100%;
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border-radius: 4px;
  padding: 0px 10px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-list-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component.selected {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  position: relative;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component.selected .home-list-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component.selected .ds-editable-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.selected):not(.is-drag-in-progress):hover, .home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.selected):not(.is-drag-in-progress).is-menu-open, .home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.selected):not(.is-drag-in-progress).right-click-menu-open {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.is-drag-layer).dragging {
  position: relative;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.is-drag-layer).dragging:before, .home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.is-drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .is-during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .is-during-drag.dragging {
  transition: none;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component.is-drag-layer {
  transform: rotate(1deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background: #ffffff;
  background: var(--primary-background-color);
  border-radius: 8px;
  height: 34px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .ds-menu-button:hover {
  background-color: transparent !important;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.is-menu-open) .home-item-menu-wrapper {
  display: none;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component:not(.is-menu-open):hover .home-item-menu-wrapper {
  display: block;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-item-content {
  display: flex;
  align-items: center;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-item-content .ellipsis {
  transform: translateY(7px);
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-control-folder-item-open-icon,
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-control-folder-item-close-icon {
  margin-right: 4px;
  color: #676879;
  color: var(--icon-color);
  cursor: pointer;
  font-size: 12px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-control-folder-item-close-icon.fa-caret-right,
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-control-folder-item-open-icon.fa-caret-down {
  margin-right: 5px;
  font-size: 14px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .home-control-folder-item-close-icon.fa-caret-right {
  margin-right: 8px;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .folder-item-editable {
  flex-grow: 1;
  min-width: 0;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .folder-icon-shimmer {
  margin-right: 4px;
  flex-shrink: 0;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .folder-name-shimmer {
  flex-shrink: 1;
  flex-grow: 1;
}
.home-control-unified-folder-item-component-wrapper .home-control-folder-item-component .folder-item-name {
  flex-grow: 1;
  cursor: pointer;
}
.folder-item-menu-component .ds-menu-button {
  border-radius: 4px;
}
.board-drag-layer {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.favorites-empty-state-component {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.favorites-empty-state-component .favorites-icon {
  width: 80px;
}
.favorites-empty-state-component .empty-state-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 12px;
}
.workspace-item-change-icon-content-wrapper .ds-seconday-menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.workspace-item-menu-component .ds-menu-button {
  border-radius: 4px;
}
.boards-list-header-component {
  padding: 0 15px 8px 24px;
  display: flex;
  flex-direction: column;
  margin-top: -8px;
  height: 64px;
}
.boards-list-header-component.selected {
  height: auto;
}
.boards-list-header-component .unified-boards-search-input-wrapper.focused .unified-boards-search-input {
  border-bottom: 1px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper.focused .unified-boards-search-input.unified-boards-search-input-wrapper--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper.unified-boards-search-input-wrapper--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper .search-icon {
  margin-right: 4px;
}
.boards-list-header-component .unified-boards-search-input-wrapper .unified-boards-search-input {
  border: none;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper .unified-boards-search-input:-ms-input-placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper .unified-boards-search-input::placeholder {
  color: #323338;
  color: var(--primary-text-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper .unified-boards-search-input.unified-boards-search-input--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign {
  padding: 0;
  margin: 0;
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper {
  margin: 0;
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 34px;
  padding: 0 6px;
  font-weight: 400;
  padding-right: 3px;
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  cursor: pointer;
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper i {
  color: #676879;
  color: var(--icon-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper .main-icon {
  margin-right: 6px;
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff;
  color: var(--primary-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.selected i {
  color: #0085ff;
  color: var(--primary-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper .search-icon {
  margin-right: 3px;
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper:hover .unified-boards-search-input {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper:hover .unified-boards-search-input.unified-boards-search-input--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper:hover.unified-boards-search-input-wrapper--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.focused {
  box-shadow: inset 0 0 0 1px #0085ff;
  box-shadow: inset 0 0 0 1px var(--primary-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.focused:hover {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.focused:hover .unified-boards-search-input {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.focused:hover .unified-boards-search-input.unified-boards-search-input--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.focused.unified-boards-search-input-wrapper--has-search-value {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper.unified-boards-search-input-wrapper--has-search-value {
  box-shadow: inset 0 0 0 1px #0085ff;
  box-shadow: inset 0 0 0 1px var(--primary-color);
}
.boards-list-header-component.leftpane-workspace-header-redesign .unified-boards-search-input-wrapper .unified-boards-search-input {
  border: none;
  width: 100%;
}
.boards-list-header-component .unified-boards-search-input-wrapper {
  align-items: center;
  margin-bottom: 4px;
  min-width: 120px;
  position: relative;
  display: flex;
}
.boards-list-header-component .unified-boards-search-input-wrapper .boards-filter-icon-wrapper {
  flex: 0 0;
}
.boards-list-header-component .unified-boards-search-input-wrapper:hover .boards-list-bolt-switch {
  visibility: visible;
}
.boards-list-header-component .unified-boards-search-input-wrapper:not(.empty) .search-icon {
  color: #323338;
  color: var(--primary-text-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper:not(.empty):after {
  background: #e6e9ef;
  background: var(--layout-border-color);
  transform: scale(1, 1);
}
.boards-list-header-component .unified-boards-search-input-wrapper .boards-list-bolt-switch {
  display: flex;
  visibility: hidden;
  align-items: center;
  z-index: 2;
  padding: 2px 7px 0px 7px;
  border-radius: 4px;
  transition: right 0.2s ease;
  cursor: pointer;
  justify-content: center;
  margin-left: 8px;
}
.boards-list-header-component .unified-boards-search-input-wrapper .boards-list-bolt-switch i {
  color: #323338;
  color: var(--primary-text-color);
}
.boards-list-header-component .unified-boards-search-input-wrapper .boards-list-bolt-switch:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.boards-list-header-component:not(.selected) {
  visibility: hidden;
  height: 0;
}
.boards-list-header-component .icon-dapulse-close {
  right: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 37px;
  height: 27px;
}
.boards-list-header-component .icon-dapulse-close:hover {
  border-radius: 4px;
  background-color: var(--primary-background-hover-color);
}
.filter-option-component {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.filter-option-component:last-child {
  margin-bottom: 0;
}
.filter-option-component .filter-option-checkbox {
  margin-right: 8px;
  flex-grow: 1;
}
.filter-option-component .filter-option-title {
  font-weight: 400;
  font-size: 16px;
}
/* mixin for multiline */
.boards-list-filter-dialog-component {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  color: #323338;
  color: var(--primary-text-color);
  box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
  width: 240px;
}
.boards-list-filter-dialog-component .filter-section {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.boards-list-filter-dialog-component .filter-section.subscribed-filter-section {
  border-top: 1px solid #e6e9ef;
}
.boards-list-filter-dialog-component .filter-section .filter-section-header {
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
.boards-list-filter-button-component {
  font-size: 14px;
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 34px;
  padding: 0 6px;
  font-weight: 400;
}
.boards-list-filter-button-component:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  cursor: pointer;
}
.boards-list-filter-button-component i {
  color: #676879;
  color: var(--icon-color);
}
.boards-list-filter-button-component .main-icon {
  margin-right: 6px;
}
.boards-list-filter-button-component.selected {
  background-color: #e5f4ff !important;
  background-color: var(--primary-selected-color) !important;
  color: #0085ff;
  color: var(--primary-color);
}
.boards-list-filter-button-component.selected i {
  color: #0085ff;
  color: var(--primary-color);
}
.boards-list-filter-button-component .filter-icon {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 12px;
  transition: right 0.2s ease;
  cursor: pointer;
  visibility: visible;
}
.boards-list-filter-button-component .filter-icon.selected, .boards-list-filter-button-component .filter-icon.dialog-open {
  color: #0085ff;
  color: var(--primary-color);
}
.boards-list-filter-button-component .filter-icon.has-filter-count {
  padding-left: 0px;
}
.boards-list-filter-button-component .filter-icon:before {
  position: relative;
  top: 1px;
}
.boards-list-filter-button-component .filter-count {
  color: #0085ff;
  color: var(--primary-color);
  width: 20px;
  display: flex;
  margin-left: 4px;
}
/* mixin for multiline */
.workspaces-dropdown-items-component {
  max-height: 270px;
  overflow: auto;
}
.workspaces-dropdown-items-component::-webkit-scrollbar {
  width: 4px;
}
.workspaces-dropdown-items-component::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.workspaces-dropdown-items-component .favorites-item {
  margin-top: 4px;
  border-radius: 4px;
  padding: 8px;
  display: flex;
}
.workspaces-dropdown-items-component .favorites-item .favorites-icon {
  margin-left: 3px;
  font-size: 16px;
  color: #ffcb00;
}
.workspaces-dropdown-items-component .favorites-item .favorites-text {
  margin-left: 10px;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.workspaces-dropdown-items-component .favorites-item:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  cursor: pointer;
}
.workspaces-dropdown-items-component .favorites-item:hover .workspace-icon-container .workspace-permission-icon-wrapper {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects {
  padding-top: 14px;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects:first-child {
  padding-top: 4px;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .category-wrapper {
  padding-bottom: 4px;
  padding-left: 2px;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .category-wrapper .category-name {
  color: #676879;
  color: var(--placeholder-color);
  font-weight: 400;
  font-size: 14px;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .option {
  border-radius: 4px;
  padding: 8px;
  display: flex;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .option .option-text {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .option .workspace-icon-container .workspace-permission-icon-wrapper {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .option:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
  cursor: pointer;
}
.workspaces-dropdown-items-component .workspaces-dropdown-items .choose-objects .option:hover .workspace-icon-container .workspace-permission-icon-wrapper {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.workspace-dropdown-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  margin-right: 4px;
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.workspace-dropdown-button .arrow-icon {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 4px;
  margin-left: auto;
}
.workspace-dropdown-button:hover {
  border-color: #323338;
  border-color: var(--primary-text-color);
  cursor: pointer;
}
.workspace-dropdown-button.selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
}

.workspaces-dropdown-component .workspaces-dropdown-content-wrapper {
  padding: 4px 4px 0 4px;
}
.workspaces-dropdown-component .workspaces-dropdown-content-wrapper .workspaces-dropdown-search-wrapper {
  padding-bottom: 4px;
}
.workspaces-dropdown-component .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.workspaces-dropdown-component .buttons-wrapper .button-icon {
  margin-right: 4px;
  color: #676879;
  color: var(--icon-color);
}

.workspaces-dropdown-tooltip-content .tooltip-title {
  font-weight: 500;
  font-size: 16px;
}
.workspaces-dropdown-tooltip-content .tooltip-text {
  font-weight: 400;
}
.home-control-top-header-component {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
  border-radius: 4px;
  margin: 12px 16px 8px 10px;
}
.home-control-top-header-component.with-dropdown-navigation {
  flex-direction: column;
  height: 68px;
  margin-left: 16px;
  margin-bottom: 18px;
}
.home-control-top-header-component.with-dropdown-navigation .ds-menu-button-container {
  width: 100%;
}
.home-control-top-header-component.with-dropdown-navigation .dropdown-navigation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 4px;
}
.home-control-top-header-component.with-dropdown-navigation .dropdown-navigation-header .dropdown-header-name {
  font-size: 14px;
  font-weight: 400;
  color: #676879;
  color: var(--secondary-text-color);
}
.home-control-top-header-component.without-dropdown-navigation {
  padding: 0px 4px;
  flex-direction: row;
}
.home-workspace-items-title-component {
  width: 100%;
}
.home-workspace-items-title-component .home-workspace-items-header .workspace-title {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.home-workspace-items-title-component .home-workspace-items-header .workspace-title .workspace-icon-container {
  font-size: 22px;
  margin-right: 16px;
  margin-right: 4px;
}
.home-workspace-items-title-component .home-workspace-items-header .workspace-title .workspace-name-wrapper {
  flex-grow: 1;
  height: auto;
  overflow: hidden;
  max-width: 135px;
  font-size: 16px;
  font-weight: 600;
}
.home-workspace-items-title-component .home-workspace-items-header .workspace-menu {
  align-items: center;
}
.home-workspace-items-title-component .home-workspace-items-header .workspace-menu .workspace-item-menu-wrapper .ds-menu-button {
  padding-top: 14px;
}
.home-workspace-items-title-component .home-workspace-items-header.with-dropdown-navigation .workspace-title .workspace-name-wrapper {
  max-width: 155px;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation .workspace-menu {
  display: none;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation .workspace-menu.is-open {
  display: flex;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation .workspace-title .workspace-name-wrapper {
  max-width: 180px;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation:hover {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation:hover .workspace-menu {
  display: flex;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation:hover .workspace-title .workspace-name-wrapper {
  max-width: 160px;
}
.home-workspace-items-title-component .home-workspace-items-header.without-dropdown-navigation:hover .workspace-permission-icon-wrapper {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-workspace-items-title-component .home-workspace-items-content-sub-header-wrapper {
  padding: 0 16px 16px 14px;
}
.home-workspace-items-title-component .spacer {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  margin: 0 20px;
}
.home-favorites-items-title-component {
  margin-left: 16px;
}
.home-favorites-items-title-component .favorite-title {
  display: flex;
  flex-grow: 1;
  height: auto;
  overflow: hidden;
  max-width: 135px;
  font-size: 16px;
  font-weight: 600;
}
.home-favorites-items-title-component .favorite-title .favorites-icon {
  margin-right: 8px;
  font-size: 16px;
  color: #ffcb00;
}
.home-control-unified-boards-list-component {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.home-control-unified-boards-list-component .ds-text-component .text-with-highlights {
  display: inline;
}
.home-control-unified-boards-list-component .virtual-list-scrollable-container {
  padding-top: 16px;
}
.home-control-unified-boards-list-component .selected .text-with-highlights em {
  color: #0085ff;
  color: var(--primary-color);
}
.home-control-unified-boards-list-component .sticky-workspace {
  height: auto;
  width: 251px;
  position: absolute;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  z-index: 1;
}
.home-control-unified-boards-list-component .sticky-workspace > *:last-child {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.home-control-unified-boards-list-component .boards-list-empty-state {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #676879;
  color: var(--secondary-text-color);
}
.home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list-wrapper {
  min-height: 0;
  flex: 1 0 0;
  height: unset;
}
.home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list::-webkit-scrollbar {
  width: 8px;
}
.home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list::-webkit-scrollbar-thumb {
  border-radius: 0px;
  border: 2px solid;
  /* should match background, can't be transparent */
  border-color: #ffffff;
  border-color: var(--primary-background-color);
  background-color: #e1e1e1;
}
.home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list .unified-virtualized-boards-list-item {
  height: 100%;
}
.home-control-unified-boards-list-component:not(.selected) .boards-list-empty-state {
  display: none;
}
#tooltips-container {
  position: relative;
  white-space: pre-wrap;
  z-index: 10000000000000000;
  max-width: 50%;
}

.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: calc(100% - 30px);
}
.ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-right .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: calc(100% - 48px);
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow {
  left: 30px;
}
.ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-top .arrow.padding-size-md, .ds-dialog-content-wrapper.reposition-left .ds-dialog-content-component .ds-tooltip.ds-tooltip-bottom .arrow.padding-size-md {
  left: 48px;
}

.ds-tooltip {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  padding: 12px;
  font-size: 13px;
}
.ds-tooltip.padding-size-md {
  border-radius: 12px;
  padding: 18px;
  font-size: 14px;
}
.ds-tooltip a.tooltip-white-link {
  color: #fff;
}
.ds-tooltip.ds-tooltip-dark {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-white {
  background-color: #fff;
  color: #333;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.6);
  border: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-primary {
  background-color: #0085FF;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-success {
  background-color: #00ca72;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-surface {
  background-color: #5b607a;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-private {
  background-color: #f65f7c;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-share {
  background-color: #a358df;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip.ds-tooltip-error {
  background-color: #e44258;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 4px 16px -4px rgba(51, 51, 51, 0.4);
}
.ds-tooltip .arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  background-color: inherit;
}
.ds-tooltip.padding-size-md .arrow {
  width: 16px;
  height: 16px;
}
.ds-tooltip.ds-tooltip-top .arrow-private,
.ds-tooltip.ds-tooltip-top .arrow-share,
.ds-tooltip.ds-tooltip-top .arrow-error,
.ds-tooltip.ds-tooltip-top .arrow-dark,
.ds-tooltip.ds-tooltip-top .arrow-surface,
.ds-tooltip.ds-tooltip-top .arrow-primary {
  bottom: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-top .arrow-private.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-share.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-top .arrow-primary.padding-size-md {
  bottom: -8px;
  left: calc(50% - 10px);
}
.ds-tooltip.ds-tooltip-top .arrow-end {
  left: calc(100% - 30px);
}
.ds-tooltip.ds-tooltip-top .arrow-end.padding-size-md {
  left: calc(100% - 48px);
}
.ds-tooltip.ds-tooltip-top .arrow-begin {
  left: 6px;
}
.ds-tooltip.ds-tooltip-top .arrow-begin.padding-size-md {
  left: 10px;
}
.ds-tooltip.ds-tooltip-top .arrow-white {
  bottom: -7px;
  left: calc(50% - 7px);
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-top .arrow-white.padding-size-md {
  bottom: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-right .arrow-dark,
.ds-tooltip.ds-tooltip-right .arrow-primary,
.ds-tooltip.ds-tooltip-right .arrow-success,
.ds-tooltip.ds-tooltip-right .arrow-surface,
.ds-tooltip.ds-tooltip-right .arrow-error {
  top: calc(50% - 6px);
  left: -6px;
}
.ds-tooltip.ds-tooltip-right .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-success.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-right .arrow-error.padding-size-md {
  top: calc(50% - 8px);
  left: -8px;
}
.ds-tooltip.ds-tooltip-right .arrow-top {
  top: 16px;
}
.ds-tooltip.ds-tooltip-right .arrow-top.padding-size-md {
  top: 20px;
}
.ds-tooltip.ds-tooltip-right .arrow-white {
  top: calc(50% - 7px);
  left: -7px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-right .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  left: -9px;
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark,
.ds-tooltip.ds-tooltip-bottom .arrow-error,
.ds-tooltip.ds-tooltip-bottom .arrow-primary,
.ds-tooltip.ds-tooltip-bottom .arrow-surface,
.ds-tooltip.ds-tooltip-bottom .arrow-success {
  top: -6px;
  left: calc(50% - 6px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-bottom .arrow-success.padding-size-md {
  top: -8px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-bottom .arrow-white {
  top: -7px;
  left: calc(50% - 7px);
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-bottom .arrow-white.padding-size-md {
  top: -9px;
  left: calc(50% - 9px);
}
.ds-tooltip.ds-tooltip-left .arrow-dark,
.ds-tooltip.ds-tooltip-left .arrow-error,
.ds-tooltip.ds-tooltip-left .arrow-primary,
.ds-tooltip.ds-tooltip-left .arrow-surface,
.ds-tooltip.ds-tooltip-left .arrow-success {
  top: calc(50% - 6px);
  right: -6px;
}
.ds-tooltip.ds-tooltip-left .arrow-dark.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-error.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-primary.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-surface.padding-size-md,
.ds-tooltip.ds-tooltip-left .arrow-success.padding-size-md {
  top: calc(50% - 8px);
  right: -8px;
}
.ds-tooltip.ds-tooltip-left .arrow-white {
  top: calc(50% - 7px);
  right: -7px;
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.ds-tooltip.ds-tooltip-left .arrow-white.padding-size-md {
  top: calc(50% - 9px);
  right: -9px;
}

.home-control-base-item-component-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding-left: 12px;
}
.home-control-base-item-component-wrapper.in-folder {
  padding-left: 34px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component {
  font-size: 14px;
  height: 100%;
  width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #323338;
  color: var(--primary-text-color);
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border-radius: 4px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .home-list-icon {
  color: #676879;
  color: var(--icon-color);
  font-size: 12px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component.selected {
  color: #0085ff;
  color: var(--primary-color);
  background-color: #e5f4ff;
  background-color: var(--primary-selected-color);
  position: relative;
}
.home-control-base-item-component-wrapper .home-control-base-item-component.selected .home-list-icon {
  color: #0085ff;
  color: var(--primary-color);
}
.home-control-base-item-component-wrapper .home-control-base-item-component.selected .ds-editable-input {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #323338;
  color: var(--primary-text-color);
}
.home-control-base-item-component-wrapper .home-control-base-item-component:not(.selected):not(.is-drag-in-progress):hover, .home-control-base-item-component-wrapper .home-control-base-item-component:not(.selected):not(.is-drag-in-progress).is-menu-open, .home-control-base-item-component-wrapper .home-control-base-item-component:not(.selected):not(.is-drag-in-progress).right-click-menu-open {
  background-color: #e6e9ef;
  background-color: var(--primary-background-hover-color);
}
.home-control-base-item-component-wrapper .home-control-base-item-component:not(.is-drag-layer).dragging {
  position: relative;
}
.home-control-base-item-component-wrapper .home-control-base-item-component:not(.is-drag-layer).dragging:before, .home-control-base-item-component-wrapper .home-control-base-item-component:not(.is-drag-layer).dragging:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e6e9ef;
  background: var(--primary-background-hover-color);
  border: 1px dashed;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  z-index: 1;
  border-radius: 8px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .is-during-drag {
  will-change: transform;
  transition: transform 0.2s ease;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .is-during-drag.dragging {
  transition: none;
}
.home-control-base-item-component-wrapper .home-control-base-item-component.is-drag-layer {
  transform: rotate(1deg);
  box-shadow: 0 0 10px -2px #c4c4c4;
  z-index: 10;
  background: #ffffff;
  background: var(--primary-background-color);
  border-radius: 8px;
  height: 34px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .ds-menu-button:hover {
  background-color: transparent !important;
}
.home-control-base-item-component-wrapper .home-control-base-item-component:not(.is-menu-open) .home-item-menu-wrapper {
  display: none;
}
.home-control-base-item-component-wrapper .home-control-base-item-component:not(.is-menu-open):hover .home-item-menu-wrapper {
  display: block;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .home-item-content {
  display: flex;
  align-items: center;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .home-item-content .ellipsis {
  transform: translateY(7px);
}
.home-control-base-item-component-wrapper .home-control-base-item-component.shimmer {
  flex-direction: row;
}
.home-control-base-item-component-wrapper .home-control-base-item-component.shimmer .leftpane-base-item-icon-shimmer {
  margin-right: 4px;
  flex-shrink: 0;
}
.home-control-base-item-component-wrapper .home-control-base-item-component.shimmer .leftpane-base-item-name-shimmer {
  flex-shrink: 1;
  flex-grow: 1;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .item-name-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .item-name-wrapper .item-name {
  height: auto;
  border: 0;
  padding: 0;
  min-width: 0;
  width: auto;
  flex: 1;
}
.home-control-base-item-component-wrapper .home-control-base-item-component .item-name-wrapper .item-name .ds-text-component {
  padding: 0;
}
.home-control-leftpane-footer-component {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-new-account-for-guest-component {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-new-account-for-guest-component .guest-new-account-image-wrapper {
  display: flex;
  align-items: center;
}
.create-new-account-for-guest-component .guest-new-account-image-wrapper .confetti-guest-left {
  margin-right: 8px;
  width: 21px;
  height: 25px;
}
.create-new-account-for-guest-component .guest-new-account-image-wrapper .monday-guest-icon {
  width: 62px;
  margin-right: 8px;
}
.create-new-account-for-guest-component .guest-new-account-image-wrapper .confetti-guest-right {
  width: 19px;
  height: 26px;
}
.create-new-account-for-guest-component .full-power-text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}
.create-new-account-for-guest-component .join-account-link {
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  color: #0085ff;
  color: var(--primary-color);
}
.create-new-account-for-guest-component .join-account-link:hover {
  text-decoration: underline;
}
.workspace-empty-state-component {
  text-align: center;
  padding: 8px 0;
}
.workspace-empty-state-component.should-hide {
  display: none;
}
.home-workspace-items-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: none;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
}
.home-workspace-items-component .home-workspace-items-content-wrapper.is-scrolled {
  border-top: 1px solid #f5f6f8;
}
.home-workspace-items-component .home-workspace-items-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.home-workspace-items-component .not-subscribed-empty-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  border-top: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding-top: 12px;
  margin: 0 16px;
}
.home-workspace-items-component .not-subscribed-empty-state .empty-state-text {
  text-align: center;
  padding: 0 5px;
}
.home-workspace-items-component .not-subscribed-empty-state .join-workspace-button {
  margin: 12px 0 32px;
}
.download-mobile-app-component {
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-mobile-app-component .download-mobile-app-inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 222px;
  height: 48px;
  border: 1px solid #e6e9ef;
  border-radius: 8px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  padding: 12px;
}
.download-mobile-app-component .download-mobile-app-inner:hover {
  border-color: #0085ff;
  border-color: var(--primary-color);
  color: #0085ff;
  color: var(--primary-color);
}
.download-mobile-app-component .download-mobile-app-inner .download-mobile-app-inner-text {
  font-size: 15px;
}
.download-mobile-app-component .download-mobile-app-inner .download-mobile-app-inner-logos {
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-mobile-app-component .download-mobile-app-inner .download-mobile-app-inner-logos .mobile-platform-logo {
  width: 20px;
  height: 20px;
}
.download-mobile-app-component .download-mobile-app-inner .download-mobile-app-inner-logos .mobile-platform-logo.first {
  margin-right: 8px;
}
.user-guidance-component {
  background-color: #f5f6f8;
  padding: 16px 0;
  border-radius: 8px;
}
.user-guidance-component .user-guidance-header {
  display: flex;
  padding: 0 15px;
  margin-bottom: 7px;
}
.user-guidance-component .user-guidance-header .icon {
  font-size: 10px;
  line-height: 24px;
  width: 10px;
  transition: transform 0.2s ease;
  padding-left: 4px;
}
.user-guidance-component .user-guidance-header .icon.is-open {
  line-height: 21px;
  transform: rotate(90deg);
  padding-left: 2px;
}
.user-guidance-component .user-guidance-header .icon:hover {
  cursor: pointer;
}
.user-guidance-component .user-guidance-header .user-guidance-header-title {
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  padding-left: 8px;
  margin-right: 14px;
}
.user-guidance-component .user-guidance-header .user-guidance-header-title:hover {
  cursor: pointer;
}
.user-guidance-component .user-guidance-actions-list {
  list-style: none;
  text-align: left;
  opacity: 0;
  padding: 0;
  box-sizing: content-box;
  transition: max-height 0.2s ease, opacity 0s ease-in;
  overflow: hidden;
}
.user-guidance-component .user-guidance-actions-list.is-open {
  padding: 0 0 13px 13px;
  opacity: 1;
  transition: max-height 0.2s ease, opacity 0.25s ease-in;
}
.user-guidance-component .user-guidance-battery-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 16px 0 16px;
  border-top: 1px solid #e1e1e1;
}
.user-guidance-component .user-guidance-battery-wrapper .user-guidance-battery {
  width: 170px;
  height: 16px;
  background-color: #e6e9ef;
  border-radius: 74px;
  margin-right: 8px;
  overflow: hidden;
}
.user-guidance-component .user-guidance-battery-wrapper .user-guidance-progress {
  font-family: Roboto;
  font-size: 12px;
  line-height: 18px;
  color: #323338;
  padding-left: 8px;
}
.user-guidance-action-item-component {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.user-guidance-action-item-component .icon {
  font-size: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 3px;
  color: transparent;
  border: 1px solid #9699a6;
}
.user-guidance-action-item-component .user-guidance-action-item-text {
  margin-left: 5px;
  font-family: Roboto;
  font-size: 15px;
  line-height: 22px;
  color: #323338;
}
.user-guidance-action-item-component .user-guidance-action-item-text:hover:not(.is-disabled) {
  cursor: pointer;
  color: #323338;
  text-decoration: underline;
}
.user-guidance-action-item-component.is-done .icon {
  border: 0;
  color: #ffffff;
  background-color: #00c875;
}
.user-guidance-action-item-component.is-done .user-guidance-action-item-text {
  color: #00c875;
}
.user-guidance-action-item-component.is-done .user-guidance-action-item-text:hover {
  color: #00c875;
}
.marketplace-app-feature-card-component {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--card-border-color);
  border-radius: 8px;
  margin-bottom: 16px;
}
.marketplace-app-feature-card-component .app-feature-header {
  display: flex;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--card-border-color);
  padding: 16px 0 16px 16px;
  align-items: center;
}
.marketplace-app-feature-card-component .app-feature-header .card-image-wrapper {
  border-radius: 4px;
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketplace-app-feature-card-component .app-feature-header .card-image-wrapper img {
  width: 16px;
  height: 16px;
}
.marketplace-app-feature-card-component .app-feature-header .app-feature-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #323338;
  color: var(--primary-text-color);
  flex: 1;
  margin-left: 8px;
  text-align: start;
}
.marketplace-app-feature-card-component .app-feature-header .check-sign-wrapper {
  margin-right: 8px;
}
.marketplace-app-feature-card-component .app-feature-data {
  margin: 16px;
}
.marketplace-app-feature-card-component .app-feature-data .app-feature-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
.marketplace-app-feature-card-component .app-feature-data .app-feature-description {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
.marketplace-app-feature-card-component.selected {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.marketplace-app-feature-card-component.selected .app-feature-header {
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.marketplace-app-feature-card-component.clickable {
  cursor: pointer;
}
.marketplace-app-feature-card-component.clickable:hover:not(.selected) {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
}
.marketplace-app-features-component .features-header {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 16px;
}
.marketplace-app-features-component .features-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.marketplace-app-features-component .features-list-wrapper .marketplace-app-feature-card-component {
  width: 300px;
  margin: 8px;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .marketplace-app-features-component .features-header {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.5px;
    text-align: left;
  }
  .apps-marketplace-mobile-support .marketplace-app-features-component .features-list-wrapper .marketplace-app-feature-card-component {
    width: 100vw;
    margin: 8px 0;
  }
  .apps-marketplace-mobile-support .marketplace-app-features-component .features-list-wrapper .marketplace-app-feature-card-component:last-child {
    width: 100vw;
    margin: 8px 0 0 0;
  }
}
.apps-store-show-more {
  margin: 12px auto;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 16px;
}
.apps-store-show-more .apps-store-show-more-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #323338;
  color: var(--primary-text-color);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  border-radius: 4px;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-show-more {
    margin: 12px 0 0 0;
    padding-left: 0;
    padding-bottom: 0;
    display: flex;
  }
  .apps-marketplace-mobile-support .apps-store-show-more-text {
    align-content: center;
  }
}
.apps-store-app-developer {
  border: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  border-radius: 8px;
}
.apps-store-app-developer .apps-store-app-info {
  margin-top: 16px;
  display: flex;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
}
.apps-store-app-developer .apps-store-app-info .apps-store-app-icon {
  border: 1px solid;
  border-color: #f5f6f8;
  border-color: var(--dark-background-color);
  box-sizing: border-box;
  border-radius: 6px;
  margin: 0 16px 16px 16px;
  width: 48px;
  height: 48px;
  position: relative;
}
.apps-store-app-developer .apps-store-app-info .apps-store-app-icon .vendor-logo {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  position: absolute;
}
.apps-store-app-developer .apps-store-app-info .developer-info {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #323338;
  color: var(--primary-text-color);
}
.apps-store-app-developer .apps-store-app-info .developer-info .developer-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
.apps-store-app-developer .apps-store-app-data {
  margin: 0 16px 0 16px;
}
.apps-store-app-developer .apps-store-app-data .app-link-wrapper {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  margin-top: 16px;
  padding-bottom: 16px;
}
.apps-store-app-developer .apps-store-app-data .app-link-wrapper .app-link {
  cursor: pointer;
}
.apps-store-app-developer .apps-store-app-data .app-link-wrapper .app-link:hover {
  color: #0071d9;
  color: var(--primary-hover-color);
}
.apps-store-app-developer .apps-store-app-data .app-link-wrapper .app-link .app-link-text {
  margin-left: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
.app-categories {
  color: #323338;
  color: var(--primary-text-color);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.app-categories .app-categories-list {
  display: flex;
  margin-top: 8px;
  flex-flow: wrap;
}
.app-categories .app-categories-list .app-category {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  background: #f5f6f8;
  background: var(--dark-background-color);
  border-radius: 51px;
  padding: 4px 8px;
  margin: 4px 4px 4px 0;
}
.app-store-app-page-report-app {
  color: #e44258;
  color: var(--negative-color);
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.app-store-app-page-report-app:hover {
  color: #e44258;
  color: var(--negative-color);
}
.app-store-app-page-report-app .icon-marketplace-report-app {
  margin-right: 8px;
}
.app-info-wrapper {
  margin-left: 28px;
  flex: 0 0 300px;
}
.app-info-wrapper .app-report-wrapper {
  margin: 32px 0;
}
.app-info-wrapper .app-categories-wrapper {
  margin-top: 32px;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-info-wrapper {
    margin-left: 0;
    padding: 20px;
  }
  .apps-marketplace-mobile-support .app-info-wrapper .app-info-wrapper-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.5px;
    text-align: left;
  }
  .apps-marketplace-mobile-support .app-info-wrapper .separator-line {
    background: #c5c7d0;
    background: var(--ui-border-color);
    margin: 24px 0 24px -20px;
    height: 1px;
    width: 100vw;
  }
  .apps-marketplace-mobile-support .app-info-wrapper .app-report-wrapper {
    margin: 32px 0 0 0;
  }
  .apps-marketplace-mobile-support .app-info-wrapper .app-categories-wrapper {
    margin-top: 32px;
  }
}
.app-page-description-wrapper .apps-store-app-description {
  color: #323338;
  color: var(--primary-text-color);
  font-size: 16px;
  line-height: 24px;
  white-space: pre-line;
}
.app-page-description-wrapper .apps-store-app-description .app-description-hide {
  max-height: 200px;
  overflow: hidden;
}
.app-page-description-wrapper .apps-store-features-wrapper {
  margin: 48px 0;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-page-description-wrapper .separator-line {
    background: #c5c7d0;
    background: var(--ui-border-color);
    height: 1px;
    width: 100vw;
    margin-left: -20px;
  }
  .apps-marketplace-mobile-support .app-page-description-wrapper .apps-store-app-description {
    margin-bottom: 24px;
  }
  .apps-marketplace-mobile-support .app-page-description-wrapper .apps-store-features-wrapper {
    margin: 24px 0 0 0;
  }
  .apps-marketplace-mobile-support .app-page-description-wrapper .mobile-additional-details {
    padding: 0;
  }
}
.apps-store-app-security {
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
}
.apps-store-app-security .security-description {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid;
  color: #323338;
  color: var(--primary-text-color);
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  padding-bottom: 32px;
  margin-bottom: 16px;
}
.apps-store-app-security .oauth-authorize-scope-component .scope-item {
  padding-left: 0;
}
.apps-store-app-security .security-learn-more {
  padding-top: 16px;
}
.apps-store-app-security .security-learn-more a:hover {
  text-decoration: underline;
  cursor: pointer;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-app-security {
    padding-bottom: 0;
  }
  .apps-marketplace-mobile-support .apps-store-app-security .oauth-authorize-scope-component {
    margin-bottom: 16px;
  }
  .apps-marketplace-mobile-support .apps-store-app-security .security-learn-more {
    border: 1px solid;
    border-color: #e6e9ef;
    border-color: var(--layout-border-color);
    background-color: #f5f6f8;
    background-color: var(--dark-background-color);
    text-align: center;
    padding: 8px 0;
  }
}
.oauth-authorize-scope-component .scope-item {
  font-size: 16px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 16px;
  margin-bottom: 16px;
  padding-left: 8px;
}
@media (max-width: 768px) {
  .oauth-authorize-scope-component .scope-item {
    font-size: 14px;
  }
}
.apps-store-app-info {
  overflow: hidden;
}
.apps-store-app-info .menu-header {
  display: flex;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--primary-background-hover-color);
  margin-bottom: 24px;
}
.apps-store-app-info .menu-header .menu-item {
  color: #323338;
  color: var(--primary-text-color);
  margin-right: 4px;
  padding: 0 8px 8px 8px;
}
.apps-store-app-info .menu-header .menu-item.active {
  border-bottom: 3px solid;
  border-color: #0085ff;
  border-color: var(--primary-color);
}
.apps-store-app-info .menu-header .menu-item .menu-item-title {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.apps-store-app-info .menu-header .menu-item .menu-item-title.active {
  font-weight: 400;
}
.apps-store-app-info .menu-content {
  display: flex;
  flex-direction: row;
}
.apps-store-app-info .menu-content .menu-section {
  box-sizing: border-box;
  flex: 1 1 100%;
}
.apps-store-app-info .menu-content.mobile {
  transition: transform 0.3s ease-out;
}
.apps-store-app-info .menu-content.mobile .menu-section {
  width: 100vw;
  padding: 0 20px;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-app-info .menu-header {
    border-color: #c5c7d0;
    border-color: var(--ui-border-color);
  }
  .apps-marketplace-mobile-support .apps-store-app-info .menu-header .menu-item > button:hover {
    background-color: transparent;
  }
  .apps-marketplace-mobile-support .apps-store-app-info .menu-content .menu-section {
    margin-bottom: 32px;
  }
}
.app-store-menu-component {
  margin-right: 40px;
  display: flex;
  flex-flow: column wrap;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper {
  margin-top: 40px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-align: left;
  padding-left: 12px;
  margin-bottom: 16px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features {
  border-radius: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  padding: 4px 0 4px 0;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list {
  display: flex;
  flex-flow: column;
  margin-top: 8px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-item {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 0 8px 12px;
  margin-right: 24px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-item:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-icon {
  border-radius: 4px;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-icon img {
  width: 16px;
  height: 12px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  padding-left: 8px;
}
.app-store-menu-component .apps-store-filter-by-features-wrapper .apps-store-filter-by-features .apps-store-filter-by-features-list .apps-store-filter-by-features-checkbox {
  padding-right: 16px;
  display: flex;
  justify-content: center;
}
.app-store-menu-component .app-store-menu-categories {
  padding-right: 25%;
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-line {
  flex: 1 0 0;
  width: 95%;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  margin-bottom: 24px;
  margin-top: 16px;
  padding-left: 12px;
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-menu-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
  border-radius: 8px;
  margin-bottom: 12px;
  padding-left: 12px;
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-menu-item {
  padding: 4px 0 4px;
  border-radius: 8px;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  padding-left: 12px;
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-menu-item:hover {
  background-color: #eff0f3;
  background-color: var(--pulse-hover-background-color);
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-menu-item.selected {
  background: #d9f0ff;
  background-color: #dff0ff;
  background-color: var(--label-background-color);
  color: #0085ff;
  color: var(--primary-color);
}
.app-store-menu-component .app-store-menu-categories .app-store-menu-categories-menu-item .icon {
  font-size: 16px;
  margin-right: 8px;
}
.app-store-menu-component .back-button {
  color: #323338;
  color: var(--primary-text-color);
  margin: 24px 0;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.app-store-menu-component .back-button .icon {
  font-size: 10px;
  margin-right: 8px;
}
.apps-store-menu-links-component {
  margin-top: 80px;
  padding-right: 100px;
  display: flex;
  flex-direction: column;
}
.apps-store-menu-links-component .apps-store-menu-link-separator {
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  margin-bottom: 16px;
}
.apps-store-menu-links-component .apps-store-menu-link-feedback-wrapper {
  padding-left: 12px;
  display: flex;
  flex-direction: row;
}
.apps-store-menu-links-component .apps-store-menu-link-feedback-wrapper:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.apps-store-menu-links-component .apps-store-menu-link-feedback-wrapper .marketplace-feedback-link {
  color: #323338;
  color: var(--primary-text-color);
}
.apps-store-menu-links-component .apps-store-menu-link-feedback-wrapper .marketplace-feedback-link:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.apps-store-menu-links-component .apps-store-menu-link-feedback-wrapper .feedback-icon {
  margin-right: 8px;
}
.apps-store-menu-links-component .apps-store-menu-link-tou {
  padding-left: 12px;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
}
.apps-store-menu-links-component .apps-store-menu-link-tou:hover {
  color: #0085ff;
  color: var(--primary-color);
}
.apps-store-menu-links-component .apps-store-menu-link-tou .tou-icon {
  margin-right: 8px;
}
.apps-store-menu-links-component .apps-store-menu-link-tou .marketplace-tou-link {
  color: #323338;
  color: var(--primary-text-color);
}
.apps-store-menu-links-component .apps-store-menu-link-tou .marketplace-tou-link:hover {
  color: #0085ff;
  color: var(--primary-color);
  text-decoration: none;
}
.app-store-app-content-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}
.app-store-app-content-component .app-store-menu-component {
  width: 960px;
  margin: 0;
}
.app-store-app-content-component .app-header-wrapper {
  width: 960px;
  flex: 0 0 100px;
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.app-store-app-content-component .app-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}
.app-store-app-content-component .app-content .section-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.app-store-app-content-component .app-content .app-images-wrapper {
  margin-bottom: 48px;
}
.app-store-app-content-component .app-content .app-bottom-wrapper {
  display: flex;
  width: 960px;
}
.app-store-app-content-component .app-content .app-bottom-wrapper .app-description-wrapper {
  width: 100%;
  flex: 1;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-store-app-content-component {
    width: 100vw;
    display: inline-block;
    align-items: center;
    overflow: auto;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-store-menu-component {
    width: 100%;
    padding-left: 12px;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-header-wrapper {
    width: 100%;
    margin-bottom: 8px;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-content .section-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-content .app-images-wrapper {
    width: 100%;
    margin-bottom: 24px;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-content .app-bottom-wrapper {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
  }
  .apps-marketplace-mobile-support .app-store-app-content-component .app-content .app-bottom-wrapper .app-description-wrapper {
    flex: 1;
  }
}
.app-store-app-install-component {
  width: 100%;
  height: 100%;
  display: flex;
}
.app-store-app-install-component .app-store-app-install-iframe {
  flex: 1;
}
.app-use-details-component {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-use-details-component .app-image {
  width: 56px;
  height: 56px;
}
.app-use-details-component .app-title {
  font-weight: bold;
  font-size: 24px;
  margin-top: 16px;
}
.app-use-details-component .app-subtitle {
  font-size: 16px;
}
/* mixin for multiline */
.app-use-select-app-feature-step-component {
  flex-direction: column;
  align-items: center;
  display: flex;
  height: 100%;
}
.app-use-select-app-feature-step-component .app-use-features-wrapper {
  width: 650px;
  margin: 24px 0;
  overflow: auto;
}
.app-use-select-app-feature-step-component .app-use-features-wrapper::-webkit-scrollbar {
  width: 4px;
}
.app-use-select-app-feature-step-component .app-use-features-wrapper::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 4px;
}
.app-use-select-app-feature-step-component .app-use-notes-wrapper {
  color: #676879;
  color: var(--placeholder-color);
  width: 350px;
  text-align: center;
}
.app-use-workspace-entity-selector-component .workspace-selector-wraper,
.app-use-workspace-entity-selector-component .entity-selector-wrapper {
  width: 420px;
}
.app-use-workspace-entity-selector-component .workspace-selector-wraper .settings-field-component,
.app-use-workspace-entity-selector-component .entity-selector-wrapper .settings-field-component {
  margin-top: 8px;
}
.app-use-workspace-entity-selector-component .entity-selector-wrapper {
  margin-top: 24px;
}
.app-use-select-destination-step-component {
  height: 100%;
}
.app-use-select-destination-step-component .app-use-workspace-entity-selector-wrapper {
  margin-top: 32px;
}
.app-use-footer-component {
  display: flex;
  justify-content: space-between;
}
.app-use-footer-component .app-use-button {
  width: 130px;
}
.app-store-app-use-component {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
}
.app-store-app-use-component .app-use-select-app-feature-step-wrapper {
  overflow: hidden;
}
.app-store-app-use-component .app-use-footer-wrapper {
  margin-top: 32px;
  width: 276px;
}
.app-store-app-404-component {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.app-store-app-404-component .mobile-image {
  display: none;
}
.app-store-app-404-component .background {
  height: 320px;
  width: 1312px;
  background-image: url("/images/apps-marketplace/404-light.svg");
  background-repeat: no-repeat;
}
.app-store-app-404-component .text-box {
  margin-left: 310px;
  margin-top: 66px;
}
.app-store-app-404-component .text-box .main-title {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
  letter-spacing: -1px;
}
.app-store-app-404-component .text-box .sub-secondary {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.2px;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-store-app-404-component .background {
    background-image: none;
    height: auto;
    width: auto;
  }
  .apps-marketplace-mobile-support .app-store-app-404-component .mobile-image {
    display: block;
  }
  .apps-marketplace-mobile-support .app-store-app-404-component .text-box {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
  }
  .apps-marketplace-mobile-support .app-store-app-404-component .text-box .sub-secondary {
    margin-bottom: 30px;
  }
}

@media only screen and (min-device-width: 768px) {
  .dark-app-theme .app-store-app-404-component .background {
    background-image: url("/images/apps-marketplace/404-dark.svg");
  }
}
.app-store-app-page-component {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4px;
}
.app-store-app-page-component .app-store-app-content-wrapper {
  opacity: 1;
  transition: all 0.2s ease-out;
}
.app-store-app-page-component .app-store-app-content-wrapper.closed {
  opacity: 0;
  position: fixed;
}
.app-store-app-page-component .app-store-app-install-wrapper,
.app-store-app-page-component .app-store-app-use-wrapper {
  opacity: 1;
  transition: opacity 0.2s ease-out;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.app-store-app-page-component .app-store-app-install-wrapper.closed,
.app-store-app-page-component .app-store-app-use-wrapper.closed {
  opacity: 0;
  position: fixed;
}
.marketplace-categories-button-wrapper {
  width: 100%;
  display: flex;
  padding: 16px 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
}
.marketplace-categories-button-wrapper .marketplace-categories-button-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}
.marketplace-categories-button-wrapper .icon {
  font-size: 10px;
}
.app-marketplace-sidebar-transition-enter {
  opacity: 0;
}
.app-marketplace-sidebar-transition-enter-active {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.35, 1);
}

.app-marketplace-sidebar-wrapper {
  width: 100vw;
  min-height: calc(100vh - 64px);
  position: absolute;
  z-index: 9999;
  top: 64px;
  left: 0;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container {
  display: flex;
  flex-direction: column;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container :not(:first-child) {
  padding: 24px 0;
  margin: 0 20px;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-close-button-wrapper {
  width: 100%;
  height: 48px;
  display: flex;
  padding: 12px 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  background-color: #f5f6f8;
  background-color: var(--dark-background-color);
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-close-button-wrapper .app-marketplace-sidebar-close-button-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-close-button-wrapper .icon {
  font-size: 14px;
  margin: 0;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-home-button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  border-bottom: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  color: #0085ff;
  color: var(--primary-color);
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-categories-wrapper .app-marketplace-sidebar-categories-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-align: left;
  height: 26px;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-categories-wrapper .app-marketplace-sidebar-categories-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-categories-wrapper .app-marketplace-sidebar-categories-list .app-marketplace-sidebar-categories-list-item {
  margin: 24px 0 0 0;
  padding: 0;
  height: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}
.app-marketplace-sidebar-wrapper .app-marketplace-sidebar-container .app-marketplace-sidebar-categories-wrapper .app-marketplace-sidebar-categories-list .app-marketplace-sidebar-categories-list-item.selected {
  color: #0085ff;
  color: var(--primary-color);
}
.apps-store-banner-component {
  background: var(--apps-marketplace-highlight-color);
  color: #323338;
  color: var(--primary-text-color);
  overflow: hidden;
  width: 100%;
  display: grid;
  grid-template-rows: [row-start] 86px [row-main-content-start] auto [row-main-content-end] 16px [row-sub-content-start] 28px [row-sub-content-end] 96px [row-end];
  grid-template-columns: [column-start] 56px [column-content-start] 700px [column-content-end] minmax(10px, 1fr) [column-image-start] 471px [column-image-end] 72px [column-end];
  border-radius: 8px;
}
.apps-store-banner-component .apps-store-banner-main-content {
  grid-row: row-main-content-start/row-main-content-end;
  grid-column: column-content-start/column-content-end;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
  letter-spacing: -1px;
}
.apps-store-banner-component .apps-store-banner-sub-content {
  grid-row: row-sub-content-start/row-sub-content-end;
  grid-column: column-content-start/column-content-end;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.2px;
}
.apps-store-banner-component .apps-store-banner-image-wrapper {
  grid-row: row-start/row-end;
  grid-column: column-image-start/column-image-end;
}
.apps-store-banner-component .apps-store-banner-image-wrapper .apps-store-banner-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-banner-component {
    display: flex;
    flex-direction: column;
    font-style: normal;
    text-align: center;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-image-wrapper .apps-store-banner-image {
    width: 100%;
    height: 84px;
    -o-object-position: 0 -9px;
       object-position: 0 -9px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-main-content {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.13px;
    letter-spacing: -0.2px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0 17px 0;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-sub-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 0 7px;
    margin-bottom: 24px;
    letter-spacing: -0.4px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-bread-crumbs {
    justify-self: left;
    display: flex;
    flex-direction: row;
    margin: 16px 0 16px 20px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-bread-crumbs .apps-store-banner-bread-crumbs-home {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    margin-right: 4px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-bread-crumbs .apps-store-banner-bread-crumbs-arrow {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    margin-right: 4px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-bread-crumbs .apps-store-banner-bread-crumbs-category {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-search-wrapper {
    margin: 0 20px 36px;
  }
  .apps-marketplace-mobile-support .apps-store-banner-component .apps-store-banner-search-wrapper .apps-marketplace-search-component {
    width: inherit;
    background-color: #ffffff;
    background-color: var(--primary-background-color);
  }
}
.apps-marketplace-search-component {
  width: 500px;
}
.apps-store-featured-app-card-component {
  display: grid;
  grid-template-rows: [row-start] 158px [logo-start] 16px [thumbnail-end] 32px [logo-end] 16px [app-name-start] 22px [app-name-end] 8px [app-desc-start] 54px [app-desc-end] 20px [row-end];
  grid-template-columns: [column-start] 24px [content-start] 48px [logo-end] 5fr [content-end] 4fr [button-end] 24px [column-end];
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-thumbnail {
  grid-column: column-start/column-end;
  grid-row: 1/3;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-thumbnail .apps-store-featured-app-card-thumbnail-img {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-logo {
  grid-row: 2/4;
  grid-column: 2/3;
  z-index: 1;
  border-radius: 8px;
  border: 2px solid;
  border-color: #ffffff;
  border-color: var(--avatar-border-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-logo .apps-store-featured-app-card-logo-image {
  width: 70%;
  height: 70%;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-logo .apps-store-featured-app-card-logo-image.monday-app {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-name {
  grid-row: 5/6;
  grid-column: 2/5;
  line-height: 21px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  align-items: center;
}
.apps-store-featured-app-card-component .apps-store-featured-app-card-description {
  grid-row: 7/8;
  grid-column: 2/5;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.apps-store-regular-card-component {
  display: grid;
  grid-template-rows: [first] 24px [logo] 48px [logo-end] 16px [app-name] 24px [developer-name] 32px [app-description] 54px [app-description-end] 20px [end];
  grid-template-columns: [first] 24px [content-start] 48px [logo-end] 122px [column-button-start] 1fr [column-button-end] 24px [end];
}
.apps-store-regular-card-component .apps-store-regular-card-photo {
  grid-row: logo/logo-end;
  grid-column: content-start/logo-end;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apps-store-regular-card-component .apps-store-regular-card-photo .apps-store-regular-card-image {
  width: 70%;
  height: 70%;
}
.apps-store-regular-card-component .apps-store-regular-card-photo .apps-store-regular-card-image.monday-app {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.apps-store-regular-card-component .app-analytics {
  grid-row: logo/logo-end;
  grid-column: column-button-start/column-button-end;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}
.apps-store-regular-card-component .apps-store-regular-card-name {
  grid-row: app-name/developer-name;
  grid-column: content-start/column-button-end;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #323338;
  color: var(--primary-text-color);
}
.apps-store-regular-card-component .apps-store-regular-card-developer-name {
  grid-row: developer-name;
  grid-column: content-start/column-button-end;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  color: #323338;
  color: var(--primary-text-color);
}
.apps-store-regular-card-component .apps-store-regular-card-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  grid-row: app-description/app-description-end;
  grid-column: content-start/column-button-end;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card {
  display: grid;
  grid-template-rows: [row-start] 16px [row-logo-start] 2px [row-content-start] 22px [headline-end] 8px [description-start] 36px [row-content-end] 16px [row-end];
  grid-template-columns: [column-start] 16px [column-logo-start] 64px [column-logo-end] 22px [column-content-start] 318px [column-content-end] 24px [column-end];
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-app-logo {
  grid-row: row-logo-start/row-content-end;
  grid-column: column-logo-start/column-logo-end;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-app-logo .installed-app-logo-img {
  width: 70%;
  height: 70%;
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-app-logo .installed-app-logo-img.monday-app {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-apps-name {
  grid-row: row-content-start/headline-end;
  grid-column: column-content-start/column-content-end;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-app-description {
  grid-row: description-start/row-content-end;
  grid-column: column-content-start/column-content-end;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-installed-app-card-wrapper .apps-store-installed-app-card {
    overflow: hidden;
    align-items: center;
  }
  .apps-marketplace-mobile-support .apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-apps-name {
    padding-top: 8px;
  }
  .apps-marketplace-mobile-support .apps-store-installed-app-card-wrapper .apps-store-installed-app-card .installed-app-description {
    text-overflow: ellipsis;
    width: calc(100vw - 40px - 64px - 45px);
  }
}
.apps-store-card-footer-component {
  padding: 0 0 16px 24px;
  display: flex;
  flex-direction: row;
}
.apps-store-card-footer-component .apps-store-card-footer-pricing-wrapper {
  flex: 1;
}
.apps-store-app-card-component {
  border: 1px solid;
  border-radius: 8px;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color);
  cursor: pointer;
}
.apps-store-app-card-component:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);
  border-color: #ffffff;
  border-color: var(--dialog-background-color);
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-app-card-component:hover {
    box-shadow: none;
    border-color: #e6e9ef;
    border-color: var(--layout-border-color);
  }
  .apps-marketplace-mobile-support .carousel-slot > .apps-store-app-card-component {
    max-width: 296px;
    margin-right: 16px;
  }
  .apps-marketplace-mobile-support .carousel-slot > .apps-store-app-card-component .apps-store-featured-app-card-thumbnail-img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.apps-marketplace-filter-no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
  width: 100%;
  color: #323338;
  color: var(--primary-text-color);
}
.apps-marketplace-filter-no-results .apps-marketplace-filter-no-results-inner {
  text-align: center;
}
.apps-marketplace-filter-no-results .apps-marketplace-filter-no-results-inner .apps-marketplace-filter-no-results-image-wrapper {
  margin-bottom: 16px;
}
.apps-marketplace-filter-no-results .apps-marketplace-filter-no-results-inner .apps-marketplace-filter-no-results-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.2px;
}
.apps-store-category-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.apps-store-category-header__name {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.2px;
  color: #323338;
  color: var(--primary-text-color);
  margin-bottom: 24px;
  margin-top: 24px;
}
.apps-store-category-header__see-all {
  color: #323338;
  color: var(--primary-text-color);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: right;
  cursor: pointer;
}
.apps-store-category-list {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));
  grid-gap: 24px;
  margin-bottom: 48px;
}
.apps-store-category-banner {
  text-decoration: none;
  color: #ffffff;
  color: var(--text-color-on-primary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url("/images/apps-marketplace/category-banner-developers.svg");
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 960px;
  height: 144px;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.24s ease;
  margin: 64px auto 40px;
}
.apps-store-category-banner:link, .apps-store-category-banner:visited, .apps-store-category-banner:hover {
  color: #ffffff;
  color: var(--text-color-on-primary);
  text-decoration: none;
}
.apps-store-category-banner:hover {
  transform: scale(1.028);
}
.apps-store-category-banner .apps-store-category-banner-content-wrapper {
  width: 350px;
  margin-left: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.apps-store-category-banner .apps-store-category-banner-content-wrapper .apps-store-category-banner-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 37.5px;
}
.apps-store-category-banner .apps-store-category-banner-content-wrapper .apps-store-category-banner-content {
  font-style: normal;
  margin-top: 5px;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}
.apps-store-category-banner .apps-store-category-build-button {
  color: #323338;
  color: var(--primary-text-color);
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  width: 201px;
  height: 48px;
  border-radius: 4px;
  margin-right: 48px;
  line-height: 48px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-category {
    overflow: hidden;
  }
  .apps-marketplace-mobile-support .apps-store-category-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .apps-marketplace-mobile-support .apps-store-category-header.header-margin {
    margin: 0 20px;
  }
  .apps-marketplace-mobile-support .apps-store-category-header__name {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #323338;
    color: var(--primary-text-color);
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .apps-marketplace-mobile-support .apps-store-category-header__see-all {
    color: #323338;
    color: var(--primary-text-color);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: right;
    cursor: pointer;
  }
  .apps-marketplace-mobile-support .apps-store-category-list {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-gap: 24px;
    margin-bottom: 24px;
  }
  .apps-marketplace-mobile-support .apps-store-category-list-carousel {
    display: flex;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .apps-marketplace-mobile-support .apps-store-category-list-carousel::-webkit-scrollbar {
    display: none;
  }
  .apps-marketplace-mobile-support .apps-store-category-list-carousel .apps-store-app-card-component {
    scroll-snap-align: center;
    box-sizing: border-box;
    flex: 1 0 auto;
    height: 100%;
    width: 296px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 8px;
  }
}
@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .apps-store-list-wrapper {
    width: 100vw;
  }
}
.app-store-apps-page-component .app-store-banner-wrapper {
  flex: 0 0 400px;
  margin: 32px 32px 48px;
}
.app-store-apps-page-component .app-store-apps-page-main-wrapper {
  flex: 1;
  display: grid;
  grid-template-columns: [column-start] 3% [menu-start] 300px [menu-end] 1fr [content-end] 3% [column-end];
  grid-template-rows: [row-start] 48px [search-end] 48px [row-content-start] 1fr [row-end];
}
.app-store-apps-page-component .app-store-apps-page-main-wrapper .app-store-apps-page-search-wrapper {
  grid-row: row-start/search-end;
  grid-column: menu-end/content-end;
}
.app-store-apps-page-component .app-store-apps-page-main-wrapper .app-store-apps-page-menu-wrapper {
  grid-column: menu-start/menu-end;
}
.app-store-apps-page-component .app-store-apps-page-main-wrapper .app-store-apps-page-list-wrapper {
  grid-column: menu-end/content-end;
  display: grid;
  grid-gap: 24px;
  grid-template-rows: [search-start] 48px [search-end] 48px [apps-list];
}

@media only screen and (max-device-width: 768px) {
  .apps-marketplace-mobile-support .app-store-apps-page-component .app-store-banner-wrapper {
    margin: 0;
  }
  .apps-marketplace-mobile-support .app-store-apps-page-component .app-store-apps-page-main-wrapper {
    display: flex;
    flex-direction: column;
  }
  .apps-marketplace-mobile-support .app-store-apps-page-component .app-store-apps-page-main-wrapper .app-store-apps-page-list-wrapper .with-margin {
    margin: 0 20px;
  }
}
#main.monday-apps-marketplace {
  height: 100%;
  overflow: auto;
}
#main.monday-apps-marketplace .embedded-marketplace {
  height: 100%;
}
#main.monday-apps-marketplace .embedded-marketplace #apps-marketplace-root {
  height: 100%;
}

.app-store-component {
  height: 100%;
  width: 100%;
  overflow: auto;
  color: #323338;
  color: var(--primary-text-color);
  display: flex;
  flex-direction: column;
}
.app-store-component .app-store-header-wrapper {
  flex: 0 0 64px;
  background: #ffffff;
  background: var(--primary-background-color);
}
.app-store-component .app-store-content-wrapper {
  flex: 1;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

@media only screen and (max-device-width: 768px) {
  .app-store-component.apps-marketplace-mobile-support .app-store-header-wrapper {
    z-index: 9999;
  }
  .app-store-component.apps-marketplace-mobile-support > .app-store-content-wrapper {
    overflow: auto;
    margin-bottom: 0;
  }
}
.adobe-export-modal .export-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.adobe-export-modal .export-info .export-info-text {
  margin-bottom: 16px;
}