.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-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; }

.settings-dropdown-component {
  margin-bottom: 8px;
  color: #323338;
  color: var(--primary-text-color); }
  .settings-dropdown-component .Select-input div {
    outline: 0;
    box-shadow: none; }
  .settings-dropdown-component .Select,
  .settings-dropdown-component .Select.is-focused .Select-control,
  .settings-dropdown-component .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 .Select .select-option-wrapper,
    .settings-dropdown-component .Select.is-focused .Select-control .select-option-wrapper,
    .settings-dropdown-component .Select-control .select-option-wrapper {
      width: 100%;
      display: inline-flex;
      justify-content: space-between; }
      .settings-dropdown-component .Select .select-option-wrapper .select-option-text,
      .settings-dropdown-component .Select.is-focused .Select-control .select-option-wrapper .select-option-text,
      .settings-dropdown-component .Select-control .select-option-wrapper .select-option-text {
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .settings-dropdown-component .Select .select-option-wrapper .icon,
      .settings-dropdown-component .Select.is-focused .Select-control .select-option-wrapper .icon,
      .settings-dropdown-component .Select-control .select-option-wrapper .icon {
        font-size: 12px; }
      .settings-dropdown-component .Select .select-option-wrapper .left-icon,
      .settings-dropdown-component .Select.is-focused .Select-control .select-option-wrapper .left-icon,
      .settings-dropdown-component .Select-control .select-option-wrapper .left-icon {
        font-size: 12px;
        margin-right: 8px; }
  .settings-dropdown-component .Select.is-disabled {
    cursor: default; }
    .settings-dropdown-component .Select.is-disabled .Select-control {
      cursor: default; }
  .settings-dropdown-component .Select-control {
    border-color: #e6e9ef !important;
    border-color: var(--layout-border-color) !important; }
    .settings-dropdown-component .Select-control .Select-value-label {
      color: #323338 !important;
      color: var(--primary-text-color) !important; }
    .settings-dropdown-component .Select-control .Select-placeholder {
      color: #676879;
      color: var(--placeholder-color); }
  .settings-dropdown-component .Select-menu-outer {
    border-color: #e6e9ef;
    border-color: var(--layout-border-color); }
    .settings-dropdown-component .Select-menu-outer .Select-option {
      color: #323338 !important;
      color: var(--primary-text-color) !important;
      background: #ffffff;
      background: var(--primary-background-color); }
      .settings-dropdown-component .Select-menu-outer .Select-option.is-disabled {
        color: rgba(103, 104, 121, 0.75) !important;
        color: var(--disabled-text-color) !important; }
      .settings-dropdown-component .Select-menu-outer .Select-option.is-selected {
        background: #e6e9ef;
        background: var(--pulse-selected-background-color); }
      .settings-dropdown-component .Select-menu-outer .Select-option.is-focused {
        background: #e6e9ef;
        background: var(--primary-background-hover-color); }
    .settings-dropdown-component .Select-menu-outer .Select-noresults {
      color: #323338 !important;
      color: var(--primary-text-color) !important;
      background: #ffffff;
      background: var(--primary-background-color); }
  .settings-dropdown-component.dark-theme .Select .Select-option,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-option {
    margin: 4px; }
    .settings-dropdown-component.dark-theme .Select .Select-option:hover, .settings-dropdown-component.dark-theme .Select .Select-option:hover.is-selected, .settings-dropdown-component.dark-theme .Select .Select-option.is-focused,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-option:hover,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-option:hover.is-selected,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-option.is-focused {
      background-color: #6e6f8f;
      border-radius: 2px;
      color: #ffffff; }
    .settings-dropdown-component.dark-theme .Select .Select-option.is-selected,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-option.is-selected {
      background-color: #ffffff;
      color: #333333; }
  .settings-dropdown-component.dark-theme .Select .is-disabled .Select-control .Select-placeholder,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-placeholder {
    color: #b2b3d0; }
  .settings-dropdown-component.dark-theme .Select .is-disabled .Select-control .Select-arrow,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control .Select-arrow {
    border-color: #b2b3d0 transparent transparent; }
  .settings-dropdown-component.dark-theme .Select .is-disabled .Select-control:hover .Select-value-label,
  .settings-dropdown-component.dark-theme .Select .is-disabled .Select-control:hover .Select-placeholder,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-value-label,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-placeholder {
    color: #b2b3d0; }
  .settings-dropdown-component.dark-theme .Select .Select-control,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control {
    background-color: transparent;
    border-color: #6e6f8f !important;
    color: #ffffff; }
    .settings-dropdown-component.dark-theme .Select .Select-control:hover .Select-arrow,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-arrow {
      border-color: #b2b3d0 transparent transparent; }
    .settings-dropdown-component.dark-theme .Select .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select .Select-control:hover .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select .Select-control:hover .is-disabled,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-multi-value-wrapper .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control:hover .is-disabled {
      color: #ffffff; }
    .settings-dropdown-component.dark-theme .Select .Select-control:hover .Select-placeholder,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control:hover .Select-placeholder {
      color: #b2b3d0; }
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-placeholder,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-placeholder {
      transition: color 0.1s ease;
      color: #ffffff; }
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-value:focus,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-value:focus {
      background: transparent; }
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-value .Select-value-label {
      transition: all 0.1s ease;
      color: #ffffff; }
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-input:focus,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-input:focus {
      background: transparent; }
    .settings-dropdown-component.dark-theme .Select .Select-control .Select-arrow,
    .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .Select-control .Select-arrow {
      transition: all 0.1s ease;
      border-color: #ffffff transparent transparent; }
  .settings-dropdown-component.dark-theme .Select .is-open .Select-control:hover .Select-arrow,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-open .Select-control:hover .Select-arrow {
    border-color: transparent transparent #b2b3d0; }
  .settings-dropdown-component.dark-theme .Select .is-open .Select-control .Select-arrow,
  .settings-dropdown-component.dark-theme .Select.is-pseudo-focused .is-open .Select-control .Select-arrow {
    border-color: transparent transparent #ffffff; }
  .settings-dropdown-component.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-multi-value-wrapper .Select-value .Select-value-label,
  .settings-dropdown-component.dark-theme .Select .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label,
  .settings-dropdown-component.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.dark-theme .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label {
    color: #ffffff; }

.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; }

.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); }

.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; }

/* mixin for multiline */
.advanced-filter-option-person-column-content-component {
  align-items: center;
  display: flex;
  width: 100%; }
  .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-status-column-content-component {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .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; }

/**
 * 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; }

/* mixin for multiline */
.multiple-person-filter-option {
  display: flex;
  align-items: center;
  width: 100%; }
  .multiple-person-filter-option .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-tags-column-content-component {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.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; }

.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); }

.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; }
    .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; }

/**
 * 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: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 .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%; }

.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 0 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px; }
  .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; }

.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); }

.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; }

.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; }

.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; }

.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: 1px solid;
    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: space-between;
  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: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-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; }

.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; }

.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-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-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-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; }

.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; }

.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(--primary-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.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 .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;
      color: #323338;
      color: var(--primary-text-color);
      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-option {
    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; }

.combos .combo-missing-container {
  display: flex;
  flex-wrap: wrap; }
  .combos .combo-missing-container .add-combo-link {
    margin-left: 4px; }

.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; }
    .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__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 {
  margin-bottom: 8px; }
  .settings-column-picker-component .choose-column .Select,
  .settings-column-picker-component .choose-column .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-column-picker-component .choose-column .Select .Select-value-label,
    .settings-column-picker-component .choose-column .Select-control .Select-value-label {
      color: #323338 !important;
      color: var(--primary-text-color) !important; }
    .settings-column-picker-component .choose-column .Select .Select-placeholder,
    .settings-column-picker-component .choose-column .Select-control .Select-placeholder {
      color: #676879;
      color: var(--placeholder-color); }
    .settings-column-picker-component .choose-column .Select .Select-input,
    .settings-column-picker-component .choose-column .Select-control .Select-input {
      background: #ffffff;
      background: var(--primary-background-color); }
    .settings-column-picker-component .choose-column .Select .select-option-wrapper,
    .settings-column-picker-component .choose-column .Select-control .select-option-wrapper {
      width: 100%;
      display: inline-flex;
      justify-content: space-between; }
      .settings-column-picker-component .choose-column .Select .select-option-wrapper .select-option-text,
      .settings-column-picker-component .choose-column .Select-control .select-option-wrapper .select-option-text {
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .settings-column-picker-component .choose-column .Select .select-option-wrapper .icon,
      .settings-column-picker-component .choose-column .Select-control .select-option-wrapper .icon {
        font-size: 12px; }
  .settings-column-picker-component .choose-column .Select.is-disabled {
    cursor: default; }
    .settings-column-picker-component .choose-column .Select.is-disabled .Select-control {
      cursor: default; }
  .settings-column-picker-component .choose-column .Select.is-focused:not(.is-open) > .Select-control {
    background: #e6e9ef;
    background: var(--primary-background-hover-color); }
    .settings-column-picker-component .choose-column .Select.is-focused:not(.is-open) > .Select-control .Select-input {
      background: #e6e9ef;
      background: var(--primary-background-hover-color); }
  .settings-column-picker-component .choose-column .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-column-picker-component .choose-column .Select-menu-outer {
    border-color: #e6e9ef;
    border-color: var(--layout-border-color); }
    .settings-column-picker-component .choose-column .Select-menu-outer .Select-option {
      color: #323338 !important;
      color: var(--primary-text-color) !important;
      background: #ffffff;
      background: var(--primary-background-color); }
      .settings-column-picker-component .choose-column .Select-menu-outer .Select-option.is-disabled {
        color: rgba(103, 104, 121, 0.75) !important;
        color: var(--disabled-text-color) !important; }
      .settings-column-picker-component .choose-column .Select-menu-outer .Select-option.is-selected {
        background: #e6e9ef;
        background: var(--pulse-selected-background-color); }
      .settings-column-picker-component .choose-column .Select-menu-outer .Select-option.is-focused {
        background: #e6e9ef;
        background: var(--primary-background-hover-color); }
  .settings-column-picker-component .choose-column .choose-column-footer {
    margin-top: 8px;
    white-space: break-spaces; }

.settings-column-picker-component.dark-theme .choose-column .Select .Select-option,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-option {
  margin: 4px; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-option:hover, .settings-column-picker-component.dark-theme .choose-column .Select .Select-option:hover.is-selected, .settings-column-picker-component.dark-theme .choose-column .Select .Select-option.is-focused,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-option:hover,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-option:hover.is-selected,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-option.is-focused {
    background-color: #6e6f8f;
    border-radius: 2px;
    color: #ffffff; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-option.is-selected,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-option.is-selected {
    background-color: #ffffff;
    color: #333333; }

.settings-column-picker-component.dark-theme .choose-column .Select .add-column,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .add-column {
  display: flex;
  justify-content: center;
  border-top: 1px solid #f1f1f1;
  margin-left: -14px;
  margin-top: -8px;
  margin-bottom: -14px;
  width: 184px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  color: #333333; }
  .settings-column-picker-component.dark-theme .choose-column .Select .add-column:hover, .settings-column-picker-component.dark-theme .choose-column .Select .add-column:hover.is-selected, .settings-column-picker-component.dark-theme .choose-column .Select .add-column.is-focused,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .add-column:hover,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .add-column:hover.is-selected,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .add-column.is-focused {
    background-color: transparent;
    border-radius: 2px;
    color: #ffffff;
    margin-top: -9px;
    margin-bottom: -11px; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-disabled .Select-control .Select-placeholder,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-disabled .Select-control .Select-placeholder {
  color: #b2b3d0; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-disabled .Select-control .Select-arrow,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-disabled .Select-control .Select-arrow {
  border-color: #b2b3d0 transparent transparent; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-disabled .Select-control:hover .Select-value .Select-value-label,
.settings-column-picker-component.dark-theme .choose-column .Select .is-disabled .Select-control:hover .Select-placeholder,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-value .Select-value-label,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-disabled .Select-control:hover .Select-placeholder {
  color: #b2b3d0; }

.settings-column-picker-component.dark-theme .choose-column .Select .Select-control,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control {
  background-color: transparent;
  border-color: #6e6f8f; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control:hover .Select-arrow,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control:hover .Select-arrow {
    border-color: #b2b3d0 transparent transparent; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control:hover .Select-clear-zone,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control:hover .Select-clear-zone {
    visibility: visible; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control:hover .Select-value .Select-value-label,
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control:hover .Select-placeholder,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control:hover .Select-value .Select-value-label,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control:hover .Select-placeholder {
    color: #b2b3d0; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-clear-zone,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-clear-zone {
    visibility: hidden;
    color: #b2b3d0; }
    .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-clear-zone:hover,
    .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-clear-zone:hover {
      color: #ffffff; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-placeholder,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-placeholder {
    transition: color 0.1s ease;
    color: #ffffff; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-input:focus,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-input:focus {
    background: transparent; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-value .Select-value-label,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-value .Select-value-label {
    transition: all 0.1s ease;
    color: #ffffff; }
  .settings-column-picker-component.dark-theme .choose-column .Select .Select-control .Select-arrow,
  .settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .Select-control .Select-arrow {
    transition: all 0.1s ease;
    border-color: #ffffff transparent transparent; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-open .Select-control:hover .Select-arrow,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-open .Select-control:hover .Select-arrow {
  border-color: transparent transparent #b2b3d0; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-open .Select-control:hover .Select-clear-zone,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-open .Select-control:hover .Select-clear-zone {
  visibility: visible; }

.settings-column-picker-component.dark-theme .choose-column .Select .is-open .Select-control .Select-arrow,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .is-open .Select-control .Select-arrow {
  border-color: transparent transparent #ffffff; }

.settings-column-picker-component.dark-theme .choose-column .Select .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label,
.settings-column-picker-component.dark-theme .choose-column .Select.is-pseudo-focused .has-value.is-pseudo-focused.Select--single .Select-value .Select-value-label {
  color: #ffffff; }

.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;
        color: #676879;
        color: var(--secondary-text-color);
        font-size: 14px;
        font-weight: 400; }
        .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 {
    border: 1px solid;
    border-color: #0085ff;
    border-color: var(--primary-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; }

.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-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: black;
          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 #e6e9ef;
            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 #c5c7d0; }
            .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-dailog-content {
  background-color: white;
  margin: 0px;
  padding: 8px; }

/* 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;
  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 #f1f1f1;
    background-color: #ffffff;
    color: #1c1f3b; }
  .board-view-ui-fullscreen-settings-component.dark-theme,
  .dark-theme .board-view-ui-fullscreen-settings-component {
    border-left: none;
    background-color: #363a52;
    color: #ffffff; }
  .board-view-ui-fullscreen-settings-component.dark_overview-theme,
  .dark_overview-theme .board-view-ui-fullscreen-settings-component {
    border-left: none;
    background-color: #363a52;
    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; }

.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; }

.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-sentence-wrapper .automations-editor-recipe-instructions {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  margin: 90px 0 -5% 0;
  padding: 15px 20px;
  width: 500px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px; }
  .automations-editor-sentence-wrapper .automations-editor-recipe-instructions .recipe-instructions-text {
    font-size: 16px;
    line-height: 1.6; }

.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 .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 .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-field-dialog-wrapper .automations-editor-field-dialog-component .automations-editor-field-dialog-inner .primary-button-wrapper button.disabled {
        color: rgba(103, 104, 121, 0.75);
        color: var(--disabled-text-color); }

.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 .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; }

.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; }

/**
 * 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-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; }

.board-wrapper.open-selection .pulse-component-wrapper .pulse-component .name-cell-component .pulse-left-indicator:not(.disabled) .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; }

/* 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;
  background: #fcfcfc;
  box-shadow: 1px 1px 4px #e1e1e1;
  border: 1px solid #d1d1d1; }
  .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: #333333; }
    .text-autosuggest-component .suggestion:not(:last-child) {
      border-bottom: 1px solid #d1d1d1; }
    .text-autosuggest-component .suggestion:hover, .text-autosuggest-component .suggestion.mark {
      background: #0fa2e2;
      color: white; }
      .text-autosuggest-component .suggestion:hover .text-content, .text-autosuggest-component .suggestion.mark .text-content {
        color: white; }

.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-color: #fff;
    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; }

.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; }

.no-results-component {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #c4c4c4; }

.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-name-value {
      padding-left: 8px;
      display: flex;
      align-items: center;
      border: 1px solid #f5f6f8;
      height: 100%;
      flex: 1;
      border-radius: 2px;
      max-width: 300px; }
      .pulse-card-component .pulse-card-cell-wrapper .board-name-value.board-select {
        margin-left: 16px; }
      .pulse-card-component .pulse-card-cell-wrapper .board-name-value .Select,
      .pulse-card-component .pulse-card-cell-wrapper .board-name-value .Select-control {
        background: transparent !important;
        cursor: pointer;
        outline: none;
        box-shadow: none;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 100%;
        padding-top: 2px;
        border: none; }
        .pulse-card-component .pulse-card-cell-wrapper .board-name-value .Select .Select-value,
        .pulse-card-component .pulse-card-cell-wrapper .board-name-value .Select-control .Select-value {
          display: flex;
          align-items: center; }
    .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 .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;
    border-bottom: 1px solid;
    display: flex;
    align-items: center;
    border-bottom-color: #e6e9ef;
    border-bottom-color: var(--layout-border-color);
    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.new-terminology {
      flex-direction: column; }
      .new-board-options-component .board-kind-options.new-terminology .board-kind-option:not(:last-child) {
        margin-bottom: 16px; }
      .new-board-options-component .board-kind-options.new-terminology .board-kind-option .board-kind-title {
        margin-right: 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 .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; }

.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; }

.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; }

/* 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: 80vw;
  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 .board-relation-table-wrapper {
      flex: 1 1 auto;
      overflow: hidden;
      padding-left: 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 .react-cross-board-component {
        overflow: auto; }
    .board-relation-linked-board-dialog-component .board-relation-linked-board-content .board-relation-boards-list {
      width: 200px;
      padding: 0px;
      padding-left: 24px;
      margin-top: 16px;
      flex: 1 1 auto; }
    .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: #c5c7d0;
      border-bottom-color: var(--ui-border-color);
      padding: 8px 24px;
      flex: 1 1 auto; }
    .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 .react-cross-board-overlay {
  top: 0; }

.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; }
    .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 .board-content-wrapper {
      background-color: #ffffff;
      background-color: var(--primary-background-color); }

.board-bottom-banner-component {
  position: relative;
  z-index: 1; }

.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; }

.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; }

/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
/*$link-color:#168ae0;*/
.board-wrapper .cross-board-name .board-name .kind-icon {
  line-height: 32px; }

.board-wrapper .cross-board-name .board-name .board-template-icon {
  font-size: 18px; }

.board-wrapper .cross-board-name .router {
  font-size: 20px;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 2px; }
  .board-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-wrapper .cross-board-name .router em {
    background: #b5daf0;
    padding: 3px 0px;
    color: #333;
    background: #cce9ff; }

.board-wrapper .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-wrapper .board-name .board-top-loader {
    height: 40px;
    margin-right: 2px;
    margin-left: -10px;
    transform: scale(0.5); }
  .board-wrapper .board-name.disabled {
    cursor: default; }
  .board-wrapper .board-name .kind-icon {
    font-size: 24px;
    margin-right: 8px;
    cursor: default; }
  .board-wrapper .board-name .homepage-icon {
    font-size: 24px;
    margin-right: 8px;
    cursor: default; }
  .board-wrapper .board-name .board-template-icon {
    cursor: default;
    font-size: 24px;
    margin-right: 8px; }
  .board-wrapper .board-name.renaming-board {
    display: flex;
    flex: 1; }
    .board-wrapper .board-name.renaming-board .ds-editable-component {
      flex: 1; }

.board-wrapper.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;
  padding: 0 8px; }
  .star-component.is-on {
    color: #ffcb00;
    visibility: visible; }
  .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; } }

.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; }

.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 .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; }

.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 .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;
  left: -2px;
  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; }

.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; }

.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 .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 .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: #f5f6f8;
  background-color: var(--pulse-background-color);
  color: #676879;
  color: var(--secondary-text-color);
  border-top-left-radius: 4px;
  display: flex;
  align-items: center;
  flex: 1 0 308px; }
  .breadcrumbs-column-header .left-indication {
    height: 100%;
    width: 8px;
    border-top-left-radius: 4px; }
  .breadcrumbs-column-header .breadcrumbs-path {
    margin-left: 8px;
    width: 100%; }
    .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; }

.column-integration-tooltip .column-integration-tooltip-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400; }

.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: white;
    text-decoration: underline;
    cursor: pointer; }
    .lookup-cell-tooltip-component .connect-link:hover,
    .lookup-cell-tooltip-component .board-link:hover {
      color: #e1e1e1; }

.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.3; }

.integration-badges-component {
  display: flex;
  padding-right: 8px;
  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: 14px;
      font-weight: 300;
      margin-top: 1px; }
    .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: -16px; }

.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; }

.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; }

.pulse-loading-indicator {
  flex: 1;
  display: flex;
  align-items: center;
  border-left-width: 8px;
  border-left-style: solid;
  padding: 0px 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; }

.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 .is-open.pulse-menu-component .subitem-discoverability-badge {
  display: block; }

.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; }
  .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 .pulse-menu-component {
    display: none; }
  .pulse-menu-component .ds-menu-button-container {
    opacity: 0; }
  .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;
    background-color: var(--primary-selected-color); }
    .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;
    background-color: #f5f6f8;
    background-color: var(--pulse-background-color);
    -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.navigation-focus .clear-btn:after {
  background-color: #e6e9ef;
  background-color: var(--pulse-selected-background-color); }

.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; }

.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-component {
  display: flex;
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--primary-background-color); }
  .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: 1; }
    .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: 2; }
  .pulse-component.open > .cell-component {
    background-color: #e6e9ef !important;
    background-color: var(--pulse-selected-background-color) !important; }
  .pulse-component.highlight > .cell-component, .pulse-component:hover > .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 .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); }

.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; }

.draggable-pulse-component-sort-dialog-message {
  margin-top: 16px; }

.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; }

/* 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; }

.add-pulse-component {
  display: flex;
  position: relative; }
  .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: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); }

.open-pulse-scroll-to-indicator {
  width: 32px;
  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; }
  .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: 16px;
  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; }

.board-content-component {
  box-sizing: content-box;
  padding-bottom: 40px;
  padding-top: 18px;
  padding-left: 16px; }
  .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; }
  .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-left-background {
  width: 16px;
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  position: absolute;
  left: -16px;
  top: 0px;
  bottom: 0px;
  z-index: 100000; }
  .board-content-component.firefox .board-left-background {
    transform: translate3d(0, 0, 0);
    will-change: transform; }

.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; }

.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; }

.board-wrapper .pulse-component-wrapper.flash-animate {
  -webkit-animation: semiflash 0.8s;
          animation: semiflash 0.8s; }

@-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 .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: 46px;
      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 .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 .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; }

.cross-board-menu {
  position: absolute;
  right: 30px;
  z-index: 1000;
  padding: 1px;
  top: 0px; }
  .cross-board-menu .archive-btn {
    text-decoration: none;
    color: black;
    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; }
        .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; }

.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 .fa-pencil {
    margin-top: 3px; }
  .mail-to-board-mail-container .row_wrapper_box {
    opacity: .55; }
  .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 {
    opacity: 1; }
    .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 {
    opacity: 0.55; }
  .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 {
      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 {
    opacity: 1; }
    .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; }

.options_wrapper .fa-pencil {
  margin-top: 3px;
  margin-left: 10px; }

.options_wrapper .mail_to_board_mail_container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }

.options_wrapper .row_wrapper_box {
  opacity: 0.55; }

.options_wrapper .options_wrapper {
  display: inline-block; }
  .options_wrapper .options_wrapper .option {
    position: relative; }

.mail-to-board-main .react_popup_wrapper {
  padding: 48px !important; }

.mail-to-board-main .send_to_board_popup {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 700px !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; }

.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; }

.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); }

.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 .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 .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; }

.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; }

.react-cross-board-component {
  position: relative;
  height: 100%; }
  .react-cross-board-component .react-cross-board-overlay {
    position: absolute;
    top: 59px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    background-color: var(--primary-background-color);
    border-radius: 8px; }
  .react-cross-board-component .board-wrapper {
    height: auto;
    display: block; }
    .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.no-results {
        padding-bottom: 24px; }
        .react-cross-board-component .board-wrapper .board-content-component.no-results .filter-no-results {
          padding-top: 48px; }

.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) .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; }

.overview-wrapper .board-filter-item-component.light-theme .board-filter-item-content:not(.opened):not(.has-value),
.light-theme .overview-wrapper .board-filter-item-component .board-filter-item-content:not(.opened):not(.has-value) {
  color: #333333; }

.overview-wrapper .board-filter-item-component.light-theme:hover .board-filter-item-content:not(.opened):not(.has-value),
.light-theme .overview-wrapper .board-filter-item-component:hover .board-filter-item-content:not(.opened):not(.has-value) {
  color: #0085FF; }

.overview-wrapper .board-filter-item-component.dark_overview-theme .board-filter-item-content:not(.opened):not(.has-value),
.dark_overview-theme .overview-wrapper .board-filter-item-component .board-filter-item-content:not(.opened):not(.has-value) {
  color: #ffffff; }

.overview-wrapper .board-filter-item-component.dark_overview-theme:hover .board-filter-item-content:not(.opened):not(.has-value),
.dark_overview-theme .overview-wrapper .board-filter-item-component:hover .board-filter-item-content:not(.opened):not(.has-value) {
  color: #0085FF; }

.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; }

.share-view-button-component .share-view-button.disabled {
  pointer-events: none; }

.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); }

/* 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; }

.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 .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); }

.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: 4px 8px;
  background-color: #0085ff;
  color: white;
  font-size: 14px;
  font-weight: 400; }

.ds-menu-item:hover .menu-item-new-mark {
  border-color: white; }

.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); }

.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; }

/* 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; }

@-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: "\00a0/\00a0"; }
      .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 .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; }

.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); }

/*$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 */
.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 4px 17px 6px rgba(0, 0, 0, 0.1);
  width: 708px;
  font-size: 14px; }
  .board-rule-based-filter-dialog-component-filters {
    padding-top: 20px;
    position: relative; }
  .board-rule-based-filter-dialog-component-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px 24px; }
    .board-rule-based-filter-dialog-component-header__title {
      font-weight: 500;
      font-size: 15px; }
    .board-rule-based-filter-dialog-component-header__subtitle {
      font-weight: 300;
      margin-left: 8px; }
    .board-rule-based-filter-dialog-component-header__learn-more {
      font-size: 16px;
      margin-left: 16px;
      margin-top: 2px;
      color: #676879 !important;
      color: var(--secondary-text-color) !important; }
      .board-rule-based-filter-dialog-component-header__learn-more:hover {
        color: #323338 !important;
        color: var(--primary-text-color) !important; }
    .board-rule-based-filter-dialog-component-header__save {
      display: flex;
      align-items: center;
      margin-left: auto; }
  .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 16px 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; }

/* mixin for multiline */
.horizontal-quick-filter-option {
  display: flex;
  align-items: center;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #f5f6f8;
  background-color: var(--pulse-background-color); }
  .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 */
.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: #e1e1e1;
        border-radius: 4px; }
    .horizontal-quick-filter-options .column-options .show-more-options {
      color: #1f76c2;
      color: var(--link-color);
      cursor: pointer;
      margin-top: 8px;
      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 */
.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 4px 17px 6px rgba(0, 0, 0, 0.1);
  padding-top: 24px;
  max-width: 800px;
  min-width: 600px;
  font-size: 14px; }
  .quick-filters-dialog-horizontal-content-component .header {
    display: flex;
    padding: 0 24px; }
    .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: 16px; }
      .quick-filters-dialog-horizontal-content-component .header .title-container .learn-more-btn {
        margin-top: 2px;
        font-size: 16px;
        margin-left: 16px;
        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 .quick-filter-options-outer {
    margin-top: 24px;
    padding: 0 24px 24px;
    overflow-y: hidden;
    overflow-x: auto; }
    .quick-filters-dialog-horizontal-content-component .quick-filter-options-outer::-webkit-scrollbar {
      height: 8px; }
    .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 {
      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; }

.floating-columns-list-component {
  min-height: 180px;
  max-height: 264px;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  .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; }

.columns-list-component {
  min-height: 180px;
  max-height: 264px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin: 8px; }
  .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;
  opacity: 0.5; }

.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; }

.dark-app-theme .color-formatting-color-picker .color {
  opacity: 0.6; }

.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; }
      .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: 0 1 auto;
        margin-right: 0px;
        order: 1;
        margin-left: 16px; }
      .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 .share-view-button-component {
        margin-right: 5px; }
      .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: 32px;
    height: 32px;
    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 */
.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; }

/* 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; }

.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; }

.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 .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; }

.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: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 16px 16px 12px; }
      .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;
          margin: 0 -4px;
          padding-bottom: 2px; }
        .automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .entity-icon {
          display: flex;
          margin-right: 8px; }

.share-board-button-component {
  margin-right: 8px; }


.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: 4px; }
    .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-extended.collapse-mode-enabled .monday-subset-toolbar-extended__automations-integrations {
    margin-right: 0; }

.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;
    margin-top: 2px;
    align-items: flex-start; }
  .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; }

.monday-board-subset-item {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  padding: 0px 20px; }
  .monday-board-subset-item__label {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400; }
  .monday-board-subset-item__home-icon {
    font-size: 9px;
    margin-left: 4px;
    margin-top: 1px; }
  .monday-board-subset-item__pinned-icon {
    transform: rotate(315deg);
    font-size: 9px;
    margin-left: 4px; }

.monday-board-pinned-subsets {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

/* 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; }
  .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;
    padding-bottom: 4px;
    margin-right: 16px; }
    .monday-board-subset-toolbar__board-name-wrapper .board-name {
      font-size: 24px; }
  .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; }
    .monday-board-subset-toolbar__pinned-subsets .monday-board-pinned-subsets--compact .monday-board-subset-item {
      transition: max-width .2s ease-in-out;
      max-width: 125px; }
  .monday-board-subset-toolbar .monday-board-subset-item {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    max-width: 160px;
    transition: background-color 0.2s ease-in-out; }
    .monday-board-subset-toolbar .monday-board-subset-item__label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .monday-board-subset-toolbar .monday-board-subset-item:hover {
      background-color: #e6e9ef;
      background-color: var(--primary-background-hover-color); }
    .monday-board-subset-toolbar .monday-board-subset-item--active {
      border-color: #0085ff;
      border-color: var(--primary-color);
      border-bottom-width: 2px;
      border-bottom-style: solid; }
    @media screen and (max-width: 1380px) {
      .monday-board-subset-toolbar .monday-board-subset-item {
        max-width: 125px; } }

.board-wrapper .board-header {
  position: relative;
  z-index: 1100;
  will-change: transform;
  transform: translate3d(0, 0, 0); }
  .board-wrapper .board-header .board-collapse-button {
    position: absolute;
    z-index: 1; }
  @media (max-width: 768px) {
    .board-wrapper .board-header .board-collapse-button {
      display: none; } }
  .board-wrapper .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 {
      display: flex; }
      .board-wrapper .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 {
        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 {
        flex: 0 0 auto; }
    .board-wrapper .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 {
      overflow: hidden;
      max-height: 0;
      opacity: 0.01; }
    .board-wrapper .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 {
      max-height: 140px;
      opacity: 1;
      overflow: hidden; }
    .board-wrapper .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 {
      margin-bottom: 8px; }
  .board-wrapper .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; }

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.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);
  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; }

.invite-user-banner-component {
  padding: 24px 0;
  width: 100%;
  position: absolute;
  background: white;
  z-index: 2;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .invite-user-banner-component .close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer; }
  .invite-user-banner-component .invite-user-banner-text-wrapper {
    position: relative;
    margin-bottom: 24px;
    text-align: center; }
    .invite-user-banner-component .invite-user-banner-text-wrapper .invite-user-banner-header {
      font-weight: 400;
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 16px; }
    .invite-user-banner-component .invite-user-banner-text-wrapper .invite-user-banner-subheader {
      font-size: 18px;
      line-height: 18px;
      text-align: center; }
    .invite-user-banner-component .invite-user-banner-text-wrapper .invite-user-banner-confetti-1 {
      position: absolute;
      top: 0;
      left: -105px;
      top: 3px;
      width: 52px; }
    .invite-user-banner-component .invite-user-banner-text-wrapper .invite-user-banner-confetti-2 {
      position: absolute;
      top: 0;
      top: 12px;
      right: -124px;
      width: 47px; }
  .invite-user-banner-component .emails-input-wrapper {
    display: flex; }
    .invite-user-banner-component .emails-input-wrapper .tags-input-component {
      width: 100%; }
    .invite-user-banner-component .emails-input-wrapper .tags-input-wrapper {
      max-height: 70px; }

.board-banner-component {
  z-index: 10000; }

.board-wrapper {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .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: 0px; }

@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 (max-width: 768px) {
  #content.react-board {
    max-height: 100vh; } }

@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%; }

.cross-board-no-results-message {
  font-size: 20px;
  font-weight: 400;
  padding-top: 10px;
  padding-left: 50px; }

/* 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 {
  padding: 0;
  min-height: 22px;
  height: 22px;
  width: 22px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400; }

/* mixin for multiline */
.board-relation-settings-component.unlink {
  padding: 0;
  padding-top: 16px; }

.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;
  justify-content: space-between;
  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 {
    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;
      width: 300px; }
  .board-relation-settings-component .intro-step-component .intro-footer {
    margin-top: 16px; }

/* 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-title {
      font-size: 16px; }
      .board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-title .linked-board {
        display: flex;
        align-items: center; }
        .board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-title .linked-board .board-name-wrapper {
          overflow: hidden; }
          .board-relation-settings-component .approve-step-wrapper .approve-step-component .approve-title .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 .add-lookups-suggestion {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border-width: 1px 0;
      border-style: solid;
      border-color: #f1f1f1;
      padding: 8px; }
      .board-relation-settings-component .approve-step-wrapper .approve-step-component .add-lookups-suggestion .lookup-suggestion-explain {
        font-size: 13px; }
    .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-step-component .lookup-suggestion-action .question-mark-tooltip {
        font-size: 10px;
        border-radius: 50%;
        background-color: #e6e9ef;
        background-color: var(--primary-background-hover-color);
        width: 14px;
        height: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #323338;
        color: var(--primary-text-color);
        font-weight: 500; }
  .board-relation-settings-component .approve-step-wrapper .approve-footer {
    display: flex;
    flex-direction: row-reverse; }
    .board-relation-settings-component .approve-step-wrapper .approve-footer .approve-button {
      justify-self: flex-end; }

.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 {
    margin-left: 16px;
    width: 180px;
    height: 261px;
    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: 250px; }
    .board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-title {
      font-size: 16px;
      line-height: 24px; }
      .board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-title .board-name {
        font-weight: 500;
        height: auto; }
    .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; }
      .board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-step-footer .lookup-button {
        font-weight: 400; }
    .board-relation-settings-component .lookup-step-wrapper .lookup-step-component .lookup-options {
      overflow: auto;
      margin-top: 4px; }

.column-select-option-component {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  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;
  padding: 16px;
  -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; }

.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(-24px); }

.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.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;
    transform: translateX(-3px);
    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: relative; }
    .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.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-component {
    border-right: none !important;
    border-bottom: none !important; }
  .lookup-cell-component .cell-error {
    display: flex;
    justify-content: center;
    width: 100%; }
  .lookup-cell-component:not(.color-lookup) {
    border-bottom: 1px solid;
    border-bottom-color: #e6e9ef;
    border-bottom-color: var(--layout-border-color); }
  .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; }

.lookup-cell {
  border-bottom: none !important; }

/* 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; }

.auto-fit-text-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.file-preview {
  width: 100%;
  height: 100%; }
  .file-preview.file-preview-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.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); }

.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; }
    .file-preview.file-preview-icon.small-preview-square .file-type-image {
      width: 14px; }

.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; }

.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: 8px;
    right: 4px;
    border-radius: 4px;
    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: 16px;
    line-height: 22px;
    padding: 1px 6px;
    position: absolute; }

.person-filter-dialog-component {
  position: absolute;
  background: white;
  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; }

.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%; }

.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 {
    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: white;
      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-square-button-wrapper.light-theme,
    .light-theme .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper {
      color: #333333; }
      .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper.light-theme:hover,
      .light-theme .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper:hover {
        background-color: #f1f1f1;
        color: #0085FF; }
    .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper.dark_overview-theme,
    .dark_overview-theme .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper {
      color: #ffffff; }
      .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper.dark_overview-theme:hover,
      .dark_overview-theme .overview-section-filter-wrapper .overview-section-save-filter .save-square-button-wrapper:hover {
        background-color: #21263f;
        color: #0085FF; }
    .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; }

.file-thumbnail-preview {
  transition: border-radius 0.1s ease;
  height: 132px;
  background-color: #f5f6f8;
  background-color: var(--dark-background-on-secondary-color);
  border-radius: 8px;
  overflow: hidden; }


.file-preview-buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  background-color: var(--card-hover-background-color);
  color: #323338;
  color: var(--primary-text-color);
  border: 1px solid;
  border-color: #c5c7d0;
  border-color: var(--ui-border-color);
  box-sizing: border-box;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer; }
  .file-preview-buttons-container:hover {
    background-color: theme-prop(--primary-background-hover-color); }
  .file-preview-buttons-container:active {
    transform: scale(0.95); }
  .file-preview-buttons-container .preview-button-icon {
    color: #676879;
    color: var(--icon-color);
    width: 16px;
    height: 16px; }


.file-thumbnail-preview-container {
  width: 232px;
  position: relative;
  padding: 4px;
  box-sizing: border-box; }
  .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; }

.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; }

.dialog-with-hover-on-content-component {
  z-index: 99999999; }
  .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); }

.TextOverviewSection-overview-section .overview-section-content-header-container {
  max-height: 50px; }

.TextOverviewSection-overview-section .overview-section-content-container {
  padding: 10px; }

.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; }

.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; }

/* 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;
    padding: 0 8px; }
    .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 {
          margin-left: 12px;
          transition: opacity 0.05s cubic-bezier(0, 0, 0.35, 1);
          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; }
      .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: flex;
        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); }

.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; }

.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; }

.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 #e6e9ef; }
  .portfolio-overview-row-component:hover {
    background-color: #f1f1f1;
    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; }

.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 .add-button.always-show {
        opacity: 1;
        transform: translateX(-50%) scale(1); }
    .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 .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%; }

.image-preview-component {
  width: 100%;
  height: 100%;
  position: relative; }
  .image-preview-component .image-annotation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .image-preview-component .image-preview-holder {
    height: 100%; }
    .image-preview-component .image-preview-holder.can-image-annotations {
      padding-top: 56px;
      height: calc(100% - 16px); }
    .image-preview-component .image-preview-holder .image-preview {
      width: 100%;
      height: 100%;
      background-size: contain;
      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%; }
  .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; }

.svg-preview-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .svg-preview-component .svg-preview {
    background: white;
    border-radius: 4px;
    border: 8px solid white;
    color: white;
    width: 70%;
    height: 70%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.video-preview-component {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .video-preview-component .video-preview {
    background: white;
    border-radius: 4px;
    border: 8px solid white;
    color: white;
    width: 70%;
    height: 70%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
    .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::-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; }

.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; }

.files-preview-component {
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  background: white;
  border-radius: 8px;
  overflow: hidden; }
  .files-preview-component .file-preview-wrapper {
    flex: 3 0;
    display: flex;
    min-width: 0px;
    background: black; }
    .files-preview-component .file-preview-wrapper .navigation {
      flex: 1 0;
      transition: background 0.1s ease;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px; }
      .files-preview-component .file-preview-wrapper .navigation:hover .icon {
        color: #6e6f8f; }
      .files-preview-component .file-preview-wrapper .navigation.left-navigation .icon {
        transform: rotate(180deg); }
    .files-preview-component .file-preview-wrapper .file-preview-content {
      margin: 32px 0px;
      flex: 8 0;
      display: flex;
      align-items: center;
      justify-content: center; }
  .files-preview-component .file-details-wrapper {
    flex: 1 0;
    min-width: 0px;
    color: black;
    background: #e1e1e1; }
  .files-preview-component .files-preview-close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #333333;
    cursor: pointer; }
    .files-preview-component .files-preview-close-button:hover {
      color: #6e6f8f; }

.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%; }

.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; }

.pill-text-component {
  padding: 0px 8px;
  border-radius: 16px;
  color: white;
  height: 24px;
  max-width: 100%;
  font-size: 14px; }

/* 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; }

.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; }

.onedrive_wrapper {
  position: relative; }
  .onedrive_wrapper .hidden-onedrive-iframe {
    top: -8px;
    left: -8px;
    position: absolute;
    width: 100%; }

.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; }

.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; }

.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; }

/* 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 .1s ease-in, right .1s ease-in, left .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; }

.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; }

.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; }

.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; }

/* 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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.duration-component {
  height: 26px;
  padding: 0 4px;
  display: flex;
  align-items: center; }

.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; }

.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; }

.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; }

.board-timetracking-info-component {
  display: flex;
  align-items: center; }
  .board-timetracking-info-component .icon-board-new {
    margin-right: 4px; }

.formula-column-footer-component {
  height: 100%; }

.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; }

.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); }

.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; }

.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); }

.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; }

.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; }

.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; }

.list .item {
  border: 1px solid grey;
  height: 40px;
  padding: 12px;
  margin: 16px; }

.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; }

.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;
  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; }

.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; }

.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; }

.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; }

.formula-details-component {
  padding: 8px;
  padding-left: 12px; }
  .formula-details-component .name {
    font-size: 18px;
    font-weight: 500; }

.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; }

.tags-editing-component {
  display: flex;
  flex-direction: column;
  align-items: center; }

.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; }

.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; }

.user-image-component {
  display: flex;
  align-items: center; }
  .user-image-component .user-photo {
    height: 38px;
    width: 38px;
    border: 1px solid #f1f1f1;
    border-radius: 50%; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

/* 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; }

.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%;
    background: #edeef0; }

.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-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: #7d7d7d;
  vertical-align: top;
  height: 13px;
  line-height: 13px; }
  .reply-like-button-component .unthumb {
    color: #0085ff;
    color: var(--primary-color); }
  .reply-like-button-component:hover {
    text-decoration: none; }
    .reply-like-button-component:hover .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; }

/**
 * 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; }

.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%; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

/* 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); }

.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; }

.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; } }

.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; }

.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; } }

.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; }

.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; }

.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; }

/* 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; }

.done-status-component {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative; }

.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; }

.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; }

.new-status-picker-content-with-keyboard-navigation-component:focus {
  outline: 0; }

.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; }

.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; }

.overview-section-grid-wrapper.BatteryOverviewSection-overview-section .status-legend-wrapper {
  max-height: 90px;
  overflow: hidden; }

.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: 500px;
    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; }

.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; }

.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; }

.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; }

/* 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.4); }

.cell-component.color-cell.navigation-focus.status-animation:after {
  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); }
  100% { } }

@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); }
  100% { } }

.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); }
  100% { } }

@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); }
  100% { } }

.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); }
  100% { } }

@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); }
  100% { } }

.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); }
  100% { } }

@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); }
  100% { } }

.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; }


.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; }

.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: white;
  padding: 10px;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 6px #e1e1e1; }
  .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: #e1e1e1;
    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-width: 8px;
    top: -16px;
    left: calc(50% - 3px); }

.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; }

.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; }

.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%; }

.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; }

/* 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; }

.select-section-type-dialog {
  position: relative;
  width: 390px;
  background: white;
  padding: 10px;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 6px #e1e1e1; }
  .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: #e1e1e1;
    border-width: 10px;
    top: -20px;
    left: 60px; }
  .select-section-type-dialog:after {
    border-bottom-color: white;
    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; }

.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; }

/* mixin for multiline */
.overview-action-button-component.light-theme,
.light-theme .overview-action-button-component {
  border: 1px solid transparent;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: color 50ms ease;
  cursor: pointer; }
  .overview-action-button-component.light-theme:hover,
  .light-theme .overview-action-button-component:hover {
    color: #0085ff;
    color: var(--primary-color); }
  .overview-action-button-component.light-theme.active,
  .light-theme .overview-action-button-component.active {
    color: #0085ff;
    color: var(--primary-color);
    border-color: transparent;
    background-color: #0071d9;
    background-color: var(--primary-hover-color); }
  .overview-action-button-component.light-theme:not(.active):hover,
  .light-theme .overview-action-button-component:not(.active):hover {
    background-color: #edeef0; }
  .overview-action-button-component.light-theme.disabled,
  .light-theme .overview-action-button-component.disabled {
    cursor: not-allowed; }
    .overview-action-button-component.light-theme.disabled:hover,
    .light-theme .overview-action-button-component.disabled:hover {
      background: none; }

.overview-action-button-component.dark_overview-theme,
.dark_overview-theme .overview-action-button-component {
  border: 1px solid transparent;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: color 50ms ease;
  cursor: pointer; }
  .overview-action-button-component.dark_overview-theme:hover,
  .dark_overview-theme .overview-action-button-component:hover {
    color: #0085ff;
    color: var(--primary-color); }
  .overview-action-button-component.dark_overview-theme.active,
  .dark_overview-theme .overview-action-button-component.active {
    color: #0085ff;
    color: var(--primary-color);
    border-color: transparent;
    background-color: #0071d9;
    background-color: var(--primary-hover-color); }
  .overview-action-button-component.dark_overview-theme:not(.active):hover,
  .dark_overview-theme .overview-action-button-component:not(.active):hover {
    background-color: #0f121d; }
  .overview-action-button-component.dark_overview-theme.disabled,
  .dark_overview-theme .overview-action-button-component.disabled {
    cursor: not-allowed; }
    .overview-action-button-component.dark_overview-theme.disabled:hover,
    .dark_overview-theme .overview-action-button-component.disabled:hover {
      background: none; }

.overview-action-button-circle {
  border-radius: 50%;
  width: 35px;
  height: 35px; }

.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; }

.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%); }

.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-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; }

.color-picker-editor-with-keyboard-navigation-component {
  outline: 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; }

.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-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-code-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  text-align: left;
  line-height: 34px; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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); }

.files-view-thumbnails-row-component {
  display: flex;
  height: 100%; }

.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; }

.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; }

.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; }

.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; }


.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%); }

.files-view-loading-state {
  font-size: 30px;
  color: white; }

.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); }

.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%; }

.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: 0; }
    .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; }

.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; }

/* 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; }


.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: #333333; }

.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; }

.map-content-component {
  width: 100%;
  height: 100%; }

.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-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; }

.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-view-header-today-button {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important; }

.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%; }

.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; }

/* 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; }

.timeline-view-header-today-button {
  border-color: #e6e9ef !important;
  border-color: var(--layout-border-color) !important; }

.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; }

.timeline-view-header-scroll-controls {
  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; }

.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%; }

.day-indication-container {
  position: absolute;
  top: calc(100% - 5px);
  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%); }

.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; }

.timeline-arrow-lines {
  position: absolute; }
  .timeline-arrow-lines .timeline-arrow-lines-svg {
    position: absolute; }

.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; }

.timeline-arrow-component {
  position: absolute; }
  .timeline-arrow-component .timeline-arrow-lines {
    pointer-events: none;
    position: absolute;
    z-index: 199; }

.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; }

.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; }

.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; }

.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: 198; }
  .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; }

/* 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); }

.timeline-row-more-options {
  position: relative; }
  .timeline-row-more-options .timeline-row-more-options-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0; }


.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; }

.location-map-tooltip-wrapper h1 {
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin-bottom: 15px; }

.location-map-tooltip-wrapper .address {
  font-size: 13px; }

#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: 100000; }

div.timeline-container div.timeline-wrapper div.tl-dates {
  border-bottom: 1px solid; }
  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;
    border-color: #e6e9ef; }
  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;
    border-color: var(--dark-background-color); }
  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;
    border-color: var(--ui-border-color); }
  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 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: 900;
      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: 900;
      position: absolute; }
    div.timeline-container div.tl-content div.tl-group .tl-group-side-panel .tl-group-end-line {
      z-index: 900; }
    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: 200; }
    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: rgba(247, 247, 247, 0.5); }
    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: rgba(247, 247, 247, 0.5); }
  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: 900;
  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-content-left-header {
    z-index: 100001; }

/*$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.with-dependency.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-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 {
    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:active:not(.tl-pulse-no-background), div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging:not(.tl-pulse-no-background) {
    min-width: 70px;
    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:active: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-hover:not(.tl-pulse-no-background) div.tl-pulse-drag-arrow, div.timeline-container div.tl-content div.tl-pulse:active:not(.tl-pulse-no-background) div.tl-pulse-drag-arrow, div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging:not(.tl-pulse-no-background) div.tl-pulse-drag-arrow {
      opacity: 1 !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; }
    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-drag-arrow,
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-edit div.tl-pulse-draggable div.tl-minimized-pulse-bar,
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-edit div.tl-pulse-floating-date {
    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-drag-arrow,
  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,
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-not-allowed-to-change-range div.tl-pulse-floating-date {
    cursor: move; }
  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 div.tl-pulse-drag-arrow {
      position: absolute;
      opacity: 0;
      top: 0;
      z-index: 500; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow.tl-pda-left {
        cursor: w-resize;
        left: -14px; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow.tl-pda-right {
        cursor: e-resize;
        right: -14px; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        height: 100%;
        width: 13px;
        font-size: 9px; }
        div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle .line {
          position: absolute;
          width: 2px;
          border-radius: 6px;
          background: white;
          transition: transform 300ms ease; }
        div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle .line-top {
          top: 3px; }
        div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle .line-bottom {
          bottom: 3px; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle-left {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        left: 10px; }
        div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle-left .line {
          left: 6px; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle-right {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        right: 10px; }
        div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow .handle-right .line {
          right: 6px; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:hover div.handle-left .line-top,
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:active div.handle-left .line-top {
      transform: rotate(18deg); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:hover div.handle-left .line-bottom,
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:active div.handle-left .line-bottom {
      transform: rotate(-18deg); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:hover div.handle-right .line-top,
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:active div.handle-right .line-top {
      transform: rotate(-18deg); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:hover div.handle-right .line-bottom,
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-draggable div.tl-pulse-drag-arrow:active div.handle-right .line-bottom {
      transform: rotate(18deg); }
    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; }
        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-floating-date {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    top: -27px;
    white-space: nowrap;
    cursor: col-resize; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.light-theme,
    .light-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date {
      background-color: rgba(50, 50, 50, 0.9);
      color: #ffffff; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.light-theme:before,
      .light-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date:before {
        border-top-color: rgba(50, 50, 50, 0.9); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.dark-theme,
    .dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date {
      background-color: rgba(255, 255, 255, 0.9);
      color: #333333; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.dark-theme:before,
      .dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date:before {
        border-top-color: rgba(255, 255, 255, 0.9); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.dark_overview-theme,
    .dark_overview-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date {
      background-color: rgba(255, 255, 255, 0.9);
      color: #333333; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.dark_overview-theme:before,
      .dark_overview-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date:before {
        border-top-color: rgba(255, 255, 255, 0.9); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-left {
      right: 100%;
      right: calc(100% - 24px); }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-left:before {
        right: 5px; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-right {
      left: 100%;
      left: calc(100% - 24px); }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-right:before {
        left: 5px; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-center {
      left: 50%;
      transform: translateX(-50%);
      cursor: move; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-center:before {
        left: 50%;
        transform: translateX(-50%); }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-clear {
      color: #e2445c; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pfd-clear .icon {
        font-size: 10px;
        margin-right: 3px; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date:before {
      content: "";
      position: absolute;
      height: 0;
      width: 0;
      bottom: -5px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid; }
    div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration {
      background: none;
      font-size: 14px; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration.light-theme,
      .light-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration {
        background-color: rgba(50, 50, 50, 0.9);
        color: #ffffff; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration.dark-theme,
      .dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration {
        background-color: rgba(255, 255, 255, 0.9);
        color: #333333; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration.dark_overview-theme,
      .dark_overview-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration {
        background-color: rgba(255, 255, 255, 0.9);
        color: #333333; }
      div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration:before {
        display: none; }
  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 div.tl-pulse-floating-date {
    visibility: visible;
    opacity: 1; }
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging.tl-pulse-dragging-left div.tl-pulse-draggable {
    cursor: w-resize !important; }
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging.tl-pulse-dragging-left div.tl-pulse-floating-date.tl-pfd-right {
    display: none; }
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging.tl-pulse-dragging-right div.tl-pulse-draggable {
    cursor: e-resize !important; }
  div.timeline-container div.tl-content div.tl-pulse.tl-pulse-dragging.tl-pulse-dragging-right div.tl-pulse-floating-date.tl-pfd-left {
    display: 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 div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration,
.dark-theme div.timeline-container div.tl-content div.tl-pulse div.tl-pulse-floating-date.tl-pulse-floating-duration {
  color: #333333; }

.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; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow div.tl-pulse-progress-bg {
  background-color: rgba(0, 200, 117, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.green-shadow div.tl-pulse-progress {
  background-color: #00c875; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #00c875; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #00c875; }
  div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #009f5d; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background).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 #00c875; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background).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.green-shadow:not(.tl-pulse-no-background).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 #00c875; }

div.timeline-container div.tl-content div.tl-pulse.green-shadow:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #00c875; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.green-shadow {
  color: #00c875; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow div.tl-pulse-progress-bg {
  background-color: rgba(226, 68, 92, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.red-shadow div.tl-pulse-progress {
  background-color: #e2445c; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #e2445c; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #e2445c; }
  div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #db223e; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background).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 #e2445c; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background).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.red-shadow:not(.tl-pulse-no-background).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 #e2445c; }

div.timeline-container div.tl-content div.tl-pulse.red-shadow:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #e2445c; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.red-shadow {
  color: #e2445c; }

div.timeline-container div.tl-content div.tl-pulse.soft-black div.tl-pulse-progress-bg {
  background-color: rgba(102, 102, 102, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.soft-black div.tl-pulse-progress {
  background-color: #666666; }

div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #666666; }

div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #666666; }
  div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #525252; }

div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background).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 #666666; }

div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background).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.soft-black:not(.tl-pulse-no-background).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 #666666; }

div.timeline-container div.tl-content div.tl-pulse.soft-black:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #666666; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.soft-black {
  color: #666666; }

div.timeline-container div.tl-content div.tl-pulse.purple div.tl-pulse-progress-bg {
  background-color: rgba(162, 93, 220, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.purple div.tl-pulse-progress {
  background-color: #a25ddc; }

div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #a25ddc; }

div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #a25ddc; }
  div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #8f3bd5; }

div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background).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 #a25ddc; }

div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background).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.purple:not(.tl-pulse-no-background).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 #a25ddc; }

div.timeline-container div.tl-content div.tl-pulse.purple:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #a25ddc; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.purple {
  color: #a25ddc; }

div.timeline-container div.tl-content div.tl-pulse.yellow div.tl-pulse-progress-bg {
  background-color: rgba(255, 203, 0, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.yellow div.tl-pulse-progress {
  background-color: #ffcb00; }

div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ffcb00; }

div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ffcb00; }
  div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #d6ab00; }

div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background).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 #ffcb00; }

div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background).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.yellow:not(.tl-pulse-no-background).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 #ffcb00; }

div.timeline-container div.tl-content div.tl-pulse.yellow:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ffcb00; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.yellow {
  color: #ffcb00; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue div.tl-pulse-progress-bg {
  background-color: rgba(87, 155, 252, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.bright-blue div.tl-pulse-progress {
  background-color: #579bfc; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #579bfc; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #579bfc; }
  div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #2f83fb; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background).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 #579bfc; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background).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.bright-blue:not(.tl-pulse-no-background).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 #579bfc; }

div.timeline-container div.tl-content div.tl-pulse.bright-blue:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #579bfc; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.bright-blue {
  color: #579bfc; }

div.timeline-container div.tl-content div.tl-pulse.blue-links div.tl-pulse-progress-bg {
  background-color: rgba(0, 134, 192, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.blue-links div.tl-pulse-progress {
  background-color: #0086c0; }

div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #0086c0; }

div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #0086c0; }
  div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #006a97; }

div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background).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 #0086c0; }

div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background).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.blue-links:not(.tl-pulse-no-background).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 #0086c0; }

div.timeline-container div.tl-content div.tl-pulse.blue-links:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #0086c0; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.blue-links {
  color: #0086c0; }

div.timeline-container div.tl-content div.tl-pulse.orange div.tl-pulse-progress-bg {
  background-color: rgba(253, 171, 61, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.orange div.tl-pulse-progress {
  background-color: #fdab3d; }

div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #fdab3d; }

div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #fdab3d; }
  div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #fd9a15; }

div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background).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 #fdab3d; }

div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background).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.orange:not(.tl-pulse-no-background).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 #fdab3d; }

div.timeline-container div.tl-content div.tl-pulse.orange:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #fdab3d; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.orange {
  color: #fdab3d; }

div.timeline-container div.tl-content div.tl-pulse.grey div.tl-pulse-progress-bg {
  background-color: rgba(196, 196, 196, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.grey div.tl-pulse-progress {
  background-color: #c4c4c4; }

div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #c4c4c4; }

div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #c4c4c4; }
  div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #b0b0b0; }

div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background).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 #c4c4c4; }

div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background).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.grey:not(.tl-pulse-no-background).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 #c4c4c4; }

div.timeline-container div.tl-content div.tl-pulse.grey:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #c4c4c4; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.grey {
  color: #c4c4c4; }

div.timeline-container div.tl-content div.tl-pulse.grass-green div.tl-pulse-progress-bg {
  background-color: rgba(3, 127, 76, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.grass-green div.tl-pulse-progress {
  background-color: #037f4c; }

div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #037f4c; }

div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #037f4c; }
  div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #025734; }

div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background).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 #037f4c; }

div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background).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.grass-green:not(.tl-pulse-no-background).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 #037f4c; }

div.timeline-container div.tl-content div.tl-pulse.grass-green:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #037f4c; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.grass-green {
  color: #037f4c; }

div.timeline-container div.tl-content div.tl-pulse.lime-green div.tl-pulse-progress-bg {
  background-color: rgba(156, 211, 38, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.lime-green div.tl-pulse-progress {
  background-color: #9cd326; }

div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #9cd326; }

div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #9cd326; }
  div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #82b020; }

div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background).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 #9cd326; }

div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background).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.lime-green:not(.tl-pulse-no-background).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 #9cd326; }

div.timeline-container div.tl-content div.tl-pulse.lime-green:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #9cd326; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.lime-green {
  color: #9cd326; }

div.timeline-container div.tl-content div.tl-pulse.mustered div.tl-pulse-progress-bg {
  background-color: rgba(202, 182, 65, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.mustered div.tl-pulse-progress {
  background-color: #cab641; }

div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #cab641; }

div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #cab641; }
  div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #b19e31; }

div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background).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 #cab641; }

div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background).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.mustered:not(.tl-pulse-no-background).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 #cab641; }

div.timeline-container div.tl-content div.tl-pulse.mustered:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #cab641; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.mustered {
  color: #cab641; }

div.timeline-container div.tl-content div.tl-pulse.brown div.tl-pulse-progress-bg {
  background-color: rgba(127, 83, 71, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.brown div.tl-pulse-progress {
  background-color: #7f5347; }

div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #7f5347; }

div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #7f5347; }
  div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #654238; }

div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background).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 #7f5347; }

div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background).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.brown:not(.tl-pulse-no-background).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 #7f5347; }

div.timeline-container div.tl-content div.tl-pulse.brown:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #7f5347; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.brown {
  color: #7f5347; }

div.timeline-container div.tl-content div.tl-pulse.dark-red div.tl-pulse-progress-bg {
  background-color: rgba(187, 51, 84, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.dark-red div.tl-pulse-progress {
  background-color: #bb3354; }

div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #bb3354; }

div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #bb3354; }
  div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #9b2a46; }

div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background).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 #bb3354; }

div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background).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.dark-red:not(.tl-pulse-no-background).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 #bb3354; }

div.timeline-container div.tl-content div.tl-pulse.dark-red:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #bb3354; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.dark-red {
  color: #bb3354; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey div.tl-pulse-progress-bg {
  background-color: rgba(128, 128, 128, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey div.tl-pulse-progress {
  background-color: #808080; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #808080; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #808080; }
  div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #6c6c6c; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background).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 #808080; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background).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.trolley-grey:not(.tl-pulse-no-background).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 #808080; }

div.timeline-container div.tl-content div.tl-pulse.trolley-grey:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #808080; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.trolley-grey {
  color: #808080; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple div.tl-pulse-progress-bg {
  background-color: rgba(120, 75, 209, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.dark-purple div.tl-pulse-progress {
  background-color: #784bd1; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #784bd1; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #784bd1; }
  div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #6232c2; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background).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 #784bd1; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background).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.dark-purple:not(.tl-pulse-no-background).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 #784bd1; }

div.timeline-container div.tl-content div.tl-pulse.dark-purple:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #784bd1; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.dark-purple {
  color: #784bd1; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange div.tl-pulse-progress-bg {
  background-color: rgba(255, 100, 46, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.dark-orange div.tl-pulse-progress {
  background-color: #ff642e; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ff642e; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ff642e; }
  div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #ff4605; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background).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 #ff642e; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background).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.dark-orange:not(.tl-pulse-no-background).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 #ff642e; }

div.timeline-container div.tl-content div.tl-pulse.dark-orange:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ff642e; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.dark-orange {
  color: #ff642e; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink div.tl-pulse-progress-bg {
  background-color: rgba(255, 21, 138, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.dark-pink div.tl-pulse-progress {
  background-color: #ff158a; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ff158a; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ff158a; }
  div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #eb0076; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background).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 #ff158a; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background).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.dark-pink:not(.tl-pulse-no-background).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 #ff158a; }

div.timeline-container div.tl-content div.tl-pulse.dark-pink:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ff158a; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.dark-pink {
  color: #ff158a; }

div.timeline-container div.tl-content div.tl-pulse.turquoise div.tl-pulse-progress-bg {
  background-color: rgba(102, 204, 255, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.turquoise div.tl-pulse-progress {
  background-color: #66ccff; }

div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #66ccff; }

div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #66ccff; }
  div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #3dbeff; }

div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background).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 #66ccff; }

div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background).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.turquoise:not(.tl-pulse-no-background).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 #66ccff; }

div.timeline-container div.tl-content div.tl-pulse.turquoise:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #66ccff; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.turquoise {
  color: #66ccff; }

div.timeline-container div.tl-content div.tl-pulse.light-pink div.tl-pulse-progress-bg {
  background-color: rgba(255, 90, 196, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.light-pink div.tl-pulse-progress {
  background-color: #ff5ac4; }

div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ff5ac4; }

div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ff5ac4; }
  div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #ff31b5; }

div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background).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 #ff5ac4; }

div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background).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.light-pink:not(.tl-pulse-no-background).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 #ff5ac4; }

div.timeline-container div.tl-content div.tl-pulse.light-pink:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ff5ac4; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.light-pink {
  color: #ff5ac4; }

div.timeline-container div.tl-content div.tl-pulse.sunset div.tl-pulse-progress-bg {
  background-color: rgba(255, 117, 117, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.sunset div.tl-pulse-progress {
  background-color: #ff7575; }

div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ff7575; }

div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ff7575; }
  div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #ff4c4c; }

div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background).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 #ff7575; }

div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background).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.sunset:not(.tl-pulse-no-background).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 #ff7575; }

div.timeline-container div.tl-content div.tl-pulse.sunset:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ff7575; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.sunset {
  color: #ff7575; }

div.timeline-container div.tl-content div.tl-pulse.bubble div.tl-pulse-progress-bg {
  background-color: rgba(250, 161, 241, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.bubble div.tl-pulse-progress {
  background-color: #faa1f1; }

div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #faa1f1; }

div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #faa1f1; }
  div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #f87aeb; }

div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background).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 #faa1f1; }

div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background).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.bubble:not(.tl-pulse-no-background).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 #faa1f1; }

div.timeline-container div.tl-content div.tl-pulse.bubble:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #faa1f1; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.bubble {
  color: #faa1f1; }

div.timeline-container div.tl-content div.tl-pulse.peach div.tl-pulse-progress-bg {
  background-color: rgba(255, 173, 173, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.peach div.tl-pulse-progress {
  background-color: #ffadad; }

div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #ffadad; }

div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #ffadad; }
  div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #ff8484; }

div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background).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 #ffadad; }

div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background).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.peach:not(.tl-pulse-no-background).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 #ffadad; }

div.timeline-container div.tl-content div.tl-pulse.peach:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #ffadad; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.peach {
  color: #ffadad; }

div.timeline-container div.tl-content div.tl-pulse.berry div.tl-pulse-progress-bg {
  background-color: rgba(126, 59, 138, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.berry div.tl-pulse-progress {
  background-color: #7e3b8a; }

div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #7e3b8a; }

div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #7e3b8a; }
  div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #642f6d; }

div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background).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 #7e3b8a; }

div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background).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.berry:not(.tl-pulse-no-background).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 #7e3b8a; }

div.timeline-container div.tl-content div.tl-pulse.berry:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #7e3b8a; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.berry {
  color: #7e3b8a; }

div.timeline-container div.tl-content div.tl-pulse.winter div.tl-pulse-progress-bg {
  background-color: rgba(154, 173, 189, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.winter div.tl-pulse-progress {
  background-color: #9aadbd; }

div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #9aadbd; }

div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #9aadbd; }
  div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #8199ad; }

div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background).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 #9aadbd; }

div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background).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.winter:not(.tl-pulse-no-background).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 #9aadbd; }

div.timeline-container div.tl-content div.tl-pulse.winter:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #9aadbd; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.winter {
  color: #9aadbd; }

div.timeline-container div.tl-content div.tl-pulse.river div.tl-pulse-progress-bg {
  background-color: rgba(104, 161, 189, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.river div.tl-pulse-progress {
  background-color: #68a1bd; }

div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #68a1bd; }

div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #68a1bd; }
  div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #4d8faf; }

div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background).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 #68a1bd; }

div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background).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.river:not(.tl-pulse-no-background).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 #68a1bd; }

div.timeline-container div.tl-content div.tl-pulse.river:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #68a1bd; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.river {
  color: #68a1bd; }

div.timeline-container div.tl-content div.tl-pulse.navy div.tl-pulse-progress-bg {
  background-color: rgba(34, 80, 145, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.navy div.tl-pulse-progress {
  background-color: #225091; }

div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #225091; }

div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #225091; }
  div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #1a3e70; }

div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background).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 #225091; }

div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background).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.navy:not(.tl-pulse-no-background).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 #225091; }

div.timeline-container div.tl-content div.tl-pulse.navy:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #225091; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.navy {
  color: #225091; }

div.timeline-container div.tl-content div.tl-pulse.australia div.tl-pulse-progress-bg {
  background-color: rgba(78, 204, 198, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.australia div.tl-pulse-progress {
  background-color: #4eccc6; }

div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #4eccc6; }

div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #4eccc6; }
  div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #36bbb5; }

div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background).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 #4eccc6; }

div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background).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.australia:not(.tl-pulse-no-background).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 #4eccc6; }

div.timeline-container div.tl-content div.tl-pulse.australia:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #4eccc6; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.australia {
  color: #4eccc6; }

div.timeline-container div.tl-content div.tl-pulse.indigo div.tl-pulse-progress-bg {
  background-color: rgba(85, 89, 223, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.indigo div.tl-pulse-progress {
  background-color: #5559df; }

div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #5559df; }

div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #5559df; }
  div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #3337d9; }

div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background).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 #5559df; }

div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background).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.indigo:not(.tl-pulse-no-background).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 #5559df; }

div.timeline-container div.tl-content div.tl-pulse.indigo:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #5559df; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.indigo {
  color: #5559df; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo div.tl-pulse-progress-bg {
  background-color: rgba(64, 22, 148, 0.3); }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo div.tl-pulse-progress {
  background-color: #401694; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background) div.tl-minimized-pulse-bar {
  background-color: #401694; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) {
  background-color: #401694; }
  div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background):not(.tl-collapsed):not(.tl-pulse-no-background) .tl-pulse-subitems-icon-wrapper {
    background: #311170; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background).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 #401694; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background).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.dark-indigo:not(.tl-pulse-no-background).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 #401694; }

div.timeline-container div.tl-content div.tl-pulse.dark-indigo:not(.tl-pulse-no-background).tl-subitem.tl-subitem-white div.tl-pulse-draggable div.tl-pulse-drag-arrow div.handle {
  background: #401694; }

.timeline-pulse-subitem-dialog-component .pulse-name .sub-item-icon.dark-indigo {
  color: #401694; }

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 .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); }

.react-timeline-container {
  height: 100% !important; }

.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%; }

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; }

.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; }

.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%; }

.pulse-id-cell-component {
  padding: 0px 5px;
  cursor: pointer; }
  .pulse-id-cell-component.copied-text {
    color: #00ca72; }

@-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); }

.pulse-id-cell-light-functional-component {
  padding: 0px 5px;
  cursor: pointer; }
  .pulse-id-cell-light-functional-component .copied-text {
    color: #00ca72; }

.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; }

.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; }

.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); }

.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; }

.graph-content-component {
  width: 100%;
  height: 100%;
  overflow-y: hidden; }

.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; }

@charset "UTF-8";
.calendar-view-content-component {
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  .calendar-view-content-component.light-theme,
  .light-theme .calendar-view-content-component {
    background-color: #ffffff;
    color: #e6e9ef; }
  .calendar-view-content-component.dark-theme,
  .dark-theme .calendar-view-content-component {
    background-color: #1c1f3b;
    color: #454662; }
  .calendar-view-content-component.dark_overview-theme,
  .dark_overview-theme .calendar-view-content-component {
    background-color: rgba(49, 56, 91, 0.85);
    color: #21263f; }
  .calendar-view-content-component .calendar-wrapper.selected-event .rbc-event:not(.rbc-selected):not(:hover) {
    opacity: 0.5; }
  .calendar-view-content-component .calendar-wrapper {
    width: 100%;
    height: 100%; }
    .calendar-view-content-component .calendar-wrapper.week.show-time-slots .calendar-event {
      margin-top: 0px; }
    .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-event-label {
      display: none; }
    .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
      border-left: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
      border-left: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper.show-time-slots .rbc-time-column {
      border-left: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-label.rbc-time-header-gutter {
      display: none; }
    .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-header {
      height: 100%; }
      .calendar-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-header .rbc-time-header-content {
        height: 100%; }
        .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-view-content-component .calendar-wrapper:not(.show-time-slots) .rbc-time-view .rbc-time-content {
      display: none; }
    .calendar-view-content-component .calendar-wrapper .rbc-calendar {
      min-height: 445px; }
    .calendar-view-content-component .calendar-wrapper .calendar-event {
      margin: auto 5px;
      height: 21px;
      color: black;
      margin-top: 4px; }
      .calendar-view-content-component .calendar-wrapper .calendar-event .column-type-icon {
        padding-right: 6px;
        opacity: 0.5; }
    .calendar-view-content-component .calendar-wrapper .rbc-timeslot-group {
      border-bottom: none; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme:hover,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
      background-color: #c7e6fa;
      color: #0085FF; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme:hover,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
      background-color: #454662;
      color: #ffffff; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme:hover,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
      background-color: #454662;
      color: #ffffff; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg:hover {
      cursor: pointer;
      border-radius: 10px; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
      cursor: pointer;
      border-radius: 10px; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
        background-color: #c7e6fa;
        color: #0085FF; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
        background-color: #454662;
        color: #ffffff; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot:hover {
        background-color: #454662;
        color: #ffffff; }
    .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-view-content-component .calendar-wrapper .rbc-time-slot.remove-slot-break {
      border-top: none !important; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.add-text:hover::after,
    .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-view-content-component .calendar-wrapper .rbc-time-content {
      border-top: none; }
    .calendar-view-content-component .calendar-wrapper .rbc-event {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    .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-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-view-content-component .calendar-wrapper .rbc-time-view.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-time-view {
      border: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-view.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-time-view {
      border: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-view.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-time-view {
      border: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-event-content {
      text-align: center;
      font-size: 14px;
      line-height: 16px; }
    .calendar-view-content-component .calendar-wrapper .rbc-header {
      font-weight: 400;
      font-size: 100%; }
      .calendar-view-content-component .calendar-wrapper .rbc-header.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-header {
        color: #1c1f3b; }
      .calendar-view-content-component .calendar-wrapper .rbc-header.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-header {
        color: #ffffff; }
      .calendar-view-content-component .calendar-wrapper .rbc-header.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-header {
        color: #ffffff; }
    .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
      border-left: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
      border-left: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-header + .rbc-header {
      border-left: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-month-row {
      min-height: 84px; }
      .calendar-view-content-component .calendar-wrapper .rbc-month-row.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-month-row {
        border-top: 1px solid #e6e9ef; }
      .calendar-view-content-component .calendar-wrapper .rbc-month-row.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-month-row {
        border-top: 1px solid #454662; }
      .calendar-view-content-component .calendar-wrapper .rbc-month-row.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-month-row {
        border-top: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
      border-top: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
      border-top: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-day-slot .rbc-time-slot {
      border-top: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-header > a,
    .calendar-view-content-component .calendar-wrapper .rbc-header > a:active,
    .calendar-view-content-component .calendar-wrapper .rbc-header > a:visited,
    .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a,
    .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a:active,
    .calendar-view-content-component .calendar-wrapper .rbc-date-cell > a:visited {
      color: inherit;
      text-decoration: none;
      cursor: default; }
    .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
      font-weight: 400; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
        color: #c4c4c4; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
        color: #605f88; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell {
        color: #605f88; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-slot .rbc-label {
      color: #adadad; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
      background-color: #ffffff;
      border-left: 1px solid #e6e9ef; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-bg.light-theme.rbc-today,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
        border-left: 1px solid #e6e9ef;
        background-color: #c7e6fa; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
      background-color: #1c1f3b;
      border-left: 1px solid #454662; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark-theme.rbc-today,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
        border-left: 1px solid #454662;
        background-color: #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg {
      background-color: rgba(49, 56, 91, 0.85);
      border-left: 1px solid #21263f; }
      .calendar-view-content-component .calendar-wrapper .rbc-day-bg.dark_overview-theme.rbc-today,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
        border-left: 1px solid #21263f;
        background-color: #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-day-bg.rbc-today {
      opacity: 0.5; }
    .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,
    .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
      display: none !important; }
    .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
    .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
      font-weight: 500; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.light-theme,
      .light-theme
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
        color: #0085FF; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.dark-theme,
      .dark-theme
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
        color: #ffffff; }
      .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-date-cell.rbc-now a,
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a.dark_overview-theme,
      .dark_overview-theme
      .calendar-view-content-component .calendar-wrapper .rbc-header.rbc-today a {
        color: #ffffff; }
    .calendar-view-content-component .calendar-wrapper .rbc-timeslot-group {
      border-bottom: none; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-header.rbc-overflowing {
      border-right: none; }
    .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
      border-right: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
      border-right: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-label.rbc-time-header-gutter {
      border-right: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
      border-left: 1px solid #e6e9ef; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
      border-left: 1px solid #454662; }
    .calendar-view-content-component .calendar-wrapper .rbc-time-header-content.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-time-header-content {
      border-left: 1px solid #21263f; }
    .calendar-view-content-component .calendar-wrapper .rbc-overlay {
      background-color: #454662;
      color: #adadad;
      padding-bottom: 24px;
      padding-top: 16px;
      max-width: 600px; }
      .calendar-view-content-component .calendar-wrapper .rbc-overlay .rbc-overlay-header {
        border: none; }
      .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event {
        margin-top: 8px; }
      .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event.rbc-event-continues-prior,
      .calendar-view-content-component .calendar-wrapper .rbc-overlay .calendar-event.rbc-event-continues-after {
        margin-left: 5px;
        margin-right: 5px;
        border-radius: 10px; }
    .calendar-view-content-component .calendar-wrapper .rbc-row.rbc-month-header {
      min-height: 27px; }
    .calendar-view-content-component .calendar-wrapper .rbc-current-time-indicator {
      display: none !important; }
    .calendar-view-content-component .calendar-wrapper .rbc-show-more {
      background-color: transparent;
      margin-top: 6px;
      margin-left: 4px;
      font-weight: 400; }
      .calendar-view-content-component .calendar-wrapper .rbc-show-more.light-theme,
      .light-theme .calendar-view-content-component .calendar-wrapper .rbc-show-more {
        color: #c5c7d0; }
      .calendar-view-content-component .calendar-wrapper .rbc-show-more.dark-theme,
      .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-show-more {
        color: #f1f1f1; }
      .calendar-view-content-component .calendar-wrapper .rbc-show-more.dark_overview-theme,
      .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-show-more {
        color: #f1f1f1; }
    .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.light-theme,
    .light-theme .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
      background-color: #e1e1e1; }
    .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.dark-theme,
    .dark-theme .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
      background-color: #2e2f4a; }
    .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over.dark_overview-theme,
    .dark_overview-theme .calendar-view-content-component .calendar-wrapper .rbc-addons-dnd .rbc-addons-dnd-over {
      background-color: #2e2f4a; }

.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0; }

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled].rbc-btn {
  cursor: not-allowed; }

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit; }

.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.rbc-rtl {
  direction: rtl; }

.rbc-off-range {
  color: #999999; }

.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; }

.rbc-header > span {
  vertical-align: middle; }

.rbc-header + .rbc-header {
  border-left: 1px solid #ddd; }

.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd; }

.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none; }

.rbc-row-content {
  position: relative;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4; }

.rbc-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px; }

.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center; }

.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; }

.rbc-toolbar button:active,
.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; }

.rbc-toolbar button:active:hover,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad; }

.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad; }

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap; }

.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.rbc-btn-group button + button {
  margin-left: -1px; }

.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px; }

.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px; }

.rbc-event {
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer; }

.rbc-slot-selecting .rbc-event {
  cursor: inherit;
  pointer-events: none; }

.rbc-event.rbc-selected {
  background-color: #265985; }

.rbc-event-label {
  font-size: 80%; }

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); }

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-day-after {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rbc-event-continues-day-prior {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rbc-row {
  display: flex;
  flex-direction: row; }

.rbc-row-segment {
  padding: 0 1px 1px 1px; }

.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1); }

.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; }

.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%; }

.rbc-month-header {
  display: flex;
  flex-direction: row; }

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%; }

.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd; }

.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right; }

.rbc-date-cell.rbc-now {
  font-weight: bold; }

.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none; }

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden; }

.rbc-day-bg {
  flex: 1 0 0%; }

.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd; }

.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd; }

.rbc-overlay {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  padding: 10px; }

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px; }

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto; }

.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top; }

.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd; }

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd; }

.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd; }

.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd; }

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right; }

.rbc-agenda-time-cell {
  text-transform: lowercase; }

.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »"; }

.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« "; }

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap; }

.rbc-agenda-event-cell {
  width: 100%; }

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%; }

.rbc-time-column .rbc-timeslot-group {
  flex: 1; }

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap; }

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none; }

.rbc-label {
  padding: 0 5px; }

.rbc-day-slot {
  position: relative; }

.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 10px;
  top: 0; }

.rbc-day-slot .rbc-events-container.rbc-is-rtl {
  left: 10px;
  right: 0; }

.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; }

.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto; }

.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em; }

.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7; }

.rbc-time-slot {
  flex: 1 0 0; }

.rbc-time-slot.rbc-now {
  font-weight: bold; }

.rbc-day-header {
  text-align: center; }

.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; }

.rbc-slot-selecting {
  cursor: move; }

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0; }

.rbc-time-view .rbc-time-gutter {
  white-space: nowrap; }

.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  position: relative; }

.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4; }

.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px; }

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row; }

.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd; }

.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd; }

.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd; }

.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd; }

.rbc-time-header-content {
  flex: 1;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd; }

.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd; }

.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; }

.rbc-time-content > .rbc-time-gutter {
  flex: none; }

.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none; }

.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; }

/*$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; }

.calendar-view-content-component .calendar-event.green-shadow {
  background-color: #00c875; }
  .calendar-view-content-component .calendar-event.green-shadow:hover {
    background-image: linear-gradient(180deg, #00fb93 0%, #00c875 100%); }

.calendar-view-content-component .calendar-event.red-shadow {
  background-color: #e2445c; }
  .calendar-view-content-component .calendar-event.red-shadow:hover {
    background-image: linear-gradient(180deg, #e97082 0%, #e2445c 100%); }

.calendar-view-content-component .calendar-event.soft-black {
  background-color: #666666; }
  .calendar-view-content-component .calendar-event.soft-black:hover {
    background-image: linear-gradient(180deg, gray 0%, #666666 100%); }

.calendar-view-content-component .calendar-event.purple {
  background-color: #a25ddc; }
  .calendar-view-content-component .calendar-event.purple:hover {
    background-image: linear-gradient(180deg, #ba87e5 0%, #a25ddc 100%); }

.calendar-view-content-component .calendar-event.yellow {
  background-color: #ffcb00; }
  .calendar-view-content-component .calendar-event.yellow:hover {
    background-image: linear-gradient(180deg, #ffd533 0%, #ffcb00 100%); }

.calendar-view-content-component .calendar-event.bright-blue {
  background-color: #579bfc; }
  .calendar-view-content-component .calendar-event.bright-blue:hover {
    background-image: linear-gradient(180deg, #89b9fd 0%, #579bfc 100%); }

.calendar-view-content-component .calendar-event.blue-links {
  background-color: #0086c0; }
  .calendar-view-content-component .calendar-event.blue-links:hover {
    background-image: linear-gradient(180deg, #00aaf3 0%, #0086c0 100%); }

.calendar-view-content-component .calendar-event.orange {
  background-color: #fdab3d; }
  .calendar-view-content-component .calendar-event.orange:hover {
    background-image: linear-gradient(180deg, #fec16f 0%, #fdab3d 100%); }

.calendar-view-content-component .calendar-event.grey {
  background-color: #c4c4c4; }
  .calendar-view-content-component .calendar-event.grey:hover {
    background-image: linear-gradient(180deg, #dedede 0%, #c4c4c4 100%); }

.calendar-view-content-component .calendar-event.grass-green {
  background-color: #037f4c; }
  .calendar-view-content-component .calendar-event.grass-green:hover {
    background-image: linear-gradient(180deg, #04b16a 0%, #037f4c 100%); }

.calendar-view-content-component .calendar-event.lime-green {
  background-color: #9cd326; }
  .calendar-view-content-component .calendar-event.lime-green:hover {
    background-image: linear-gradient(180deg, #b1df4d 0%, #9cd326 100%); }

.calendar-view-content-component .calendar-event.mustered {
  background-color: #cab641; }
  .calendar-view-content-component .calendar-event.mustered:hover {
    background-image: linear-gradient(180deg, #d5c569 0%, #cab641 100%); }

.calendar-view-content-component .calendar-event.brown {
  background-color: #7f5347; }
  .calendar-view-content-component .calendar-event.brown:hover {
    background-image: linear-gradient(180deg, #a06859 0%, #7f5347 100%); }

.calendar-view-content-component .calendar-event.dark-red {
  background-color: #bb3354; }
  .calendar-view-content-component .calendar-event.dark-red:hover {
    background-image: linear-gradient(180deg, #d05170 0%, #bb3354 100%); }

.calendar-view-content-component .calendar-event.trolley-grey {
  background-color: #808080; }
  .calendar-view-content-component .calendar-event.trolley-grey:hover {
    background-image: linear-gradient(180deg, #9a9a9a 0%, #808080 100%); }

.calendar-view-content-component .calendar-event.dark-purple {
  background-color: #784bd1; }
  .calendar-view-content-component .calendar-event.dark-purple:hover {
    background-image: linear-gradient(180deg, #9674db 0%, #784bd1 100%); }

.calendar-view-content-component .calendar-event.dark-orange {
  background-color: #ff642e; }
  .calendar-view-content-component .calendar-event.dark-orange:hover {
    background-image: linear-gradient(180deg, #ff8a61 0%, #ff642e 100%); }

.calendar-view-content-component .calendar-event.dark-pink {
  background-color: #ff158a; }
  .calendar-view-content-component .calendar-event.dark-pink:hover {
    background-image: linear-gradient(180deg, #ff48a4 0%, #ff158a 100%); }

.calendar-view-content-component .calendar-event.turquoise {
  background-color: #66ccff; }
  .calendar-view-content-component .calendar-event.turquoise:hover {
    background-image: linear-gradient(180deg, #99ddff 0%, #66ccff 100%); }

.calendar-view-content-component .calendar-event.light-pink {
  background-color: #ff5ac4; }
  .calendar-view-content-component .calendar-event.light-pink:hover {
    background-image: linear-gradient(180deg, #ff8dd6 0%, #ff5ac4 100%); }

.calendar-view-content-component .calendar-event.sunset {
  background-color: #ff7575; }
  .calendar-view-content-component .calendar-event.sunset:hover {
    background-image: linear-gradient(180deg, #ffa8a8 0%, #ff7575 100%); }

.calendar-view-content-component .calendar-event.bubble {
  background-color: #faa1f1; }
  .calendar-view-content-component .calendar-event.bubble:hover {
    background-image: linear-gradient(180deg, #fdd1f8 0%, #faa1f1 100%); }

.calendar-view-content-component .calendar-event.peach {
  background-color: #ffadad; }
  .calendar-view-content-component .calendar-event.peach:hover {
    background-image: linear-gradient(180deg, #ffe0e0 0%, #ffadad 100%); }

.calendar-view-content-component .calendar-event.berry {
  background-color: #7e3b8a; }
  .calendar-view-content-component .calendar-event.berry:hover {
    background-image: linear-gradient(180deg, #9f4aae 0%, #7e3b8a 100%); }

.calendar-view-content-component .calendar-event.winter {
  background-color: #9aadbd; }
  .calendar-view-content-component .calendar-event.winter:hover {
    background-image: linear-gradient(180deg, #b9c6d1 0%, #9aadbd 100%); }

.calendar-view-content-component .calendar-event.river {
  background-color: #68a1bd; }
  .calendar-view-content-component .calendar-event.river:hover {
    background-image: linear-gradient(180deg, #8bb7cd 0%, #68a1bd 100%); }

.calendar-view-content-component .calendar-event.navy {
  background-color: #225091; }
  .calendar-view-content-component .calendar-event.navy:hover {
    background-image: linear-gradient(180deg, #2c67ba 0%, #225091 100%); }

.calendar-view-content-component .calendar-event.australia {
  background-color: #4eccc6; }
  .calendar-view-content-component .calendar-event.australia:hover {
    background-image: linear-gradient(180deg, #76d7d3 0%, #4eccc6 100%); }

.calendar-view-content-component .calendar-event.indigo {
  background-color: #5559df; }
  .calendar-view-content-component .calendar-event.indigo:hover {
    background-image: linear-gradient(180deg, #8083e7 0%, #5559df 100%); }

.calendar-view-content-component .calendar-event.dark-indigo {
  background-color: #401694; }
  .calendar-view-content-component .calendar-event.dark-indigo:hover {
    background-image: linear-gradient(180deg, #531dc0 0%, #401694 100%); }

.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; }

.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; }

.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; }

.kanban-view-header-component {
  display: flex;
  align-items: center;
  height: 32px; }

.percentage-error-message-component {
  padding-top: 8px; }
  .percentage-error-message-component .percentage-sum {
    color: #808080; }

.card-info-component {
  padding-top: 16px;
  align-items: center;
  display: flex; }
  .card-info-component .action-wrapper {
    cursor: pointer; }

.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; }

/* mixin for multiline */
.kanban-card-component {
  padding-bottom: 4px;
  width: 100%;
  box-sizing: content-box;
  height: 106px; }
  .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: 80%;
      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 {
    height: 100%;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    padding: 8px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.29);
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    cursor: pointer; }
    .kanban-card-component .kanban-card-inner-component.dragging-inner-card-hide {
      display: none; }
    .kanban-card-component .kanban-card-inner-component.is-temp {
      opacity: 0.5; }
    .kanban-card-component .kanban-card-inner-component .card-header {
      height: 50px;
      display: flex;
      justify-content: space-between; }
      .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 {
          white-space: normal;
          word-break: break-word; }
      .kanban-card-component .kanban-card-inner-component .card-header .card-avatar-wrapper {
        float: right; }
        .kanban-card-component .kanban-card-inner-component .card-header .card-avatar-wrapper .overlap-images-component {
          align-items: flex-start; }
          .kanban-card-component .kanban-card-inner-component .card-header .card-avatar-wrapper .overlap-images-component .img-circle {
            box-sizing: content-box; }
          .kanban-card-component .kanban-card-inner-component .card-header .card-avatar-wrapper .overlap-images-component .show-more-count-component {
            height: 25px;
            box-sizing: content-box;
            padding: 0 5px;
            border-radius: 25px; }
    .kanban-card-component .kanban-card-inner-component .card-subtitle {
      margin-top: 8px;
      color: #c4c4c4; }

.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; }

.cards-container {
  min-height: 110px;
  max-height: 100%;
  overflow-y: auto;
  margin: 8px 8px 0 8px; }
  .cards-container .ReactVirtualized__List,
  .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: 220px;
  height: 45px;
  cursor: pointer;
  flex-shrink: 0; }
  .kanban-add-pulse-component.shadow {
    box-shadow: 0px -6px 34px 0px rgba(0, 0, 0, 0.15); }
  .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: 220px;
  box-sizing: content-box; }
  .kanban-list-component.dragging-list {
    transition: none;
    z-index: 1;
    overflow: hidden;
    max-height: 250px; }
  .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 .kanban-list-component-inner {
    border-radius: 5px;
    vertical-align: top;
    max-height: 100%;
    display: flex;
    flex-direction: column; }
    .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: 8px;
      padding-left: 12px;
      font-size: 18px;
      cursor: pointer; }

.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: 204px;
    transform: rotate(2deg); }


.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; }

.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 .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 .second-circle, .spp-pulse-container svg.spp-pulse-svg .third-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-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 .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 64px 12px 64px; }
    .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-component .user-kind-select .user-kind-select-option {
  font-weight: 400;
  cursor: pointer;
  border-radius: 2px; }
  .user-kind-select-component .user-kind-select .user-kind-select-option .user-kind-select-option-title {
    font-size: 14px;
    font-weight: 400; }
  .user-kind-select-component .user-kind-select .user-kind-select-option .user-kind-select-option-subtitle {
    font-size: 12px; }

.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 .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); }

.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; }

.account-strength-modal-component {
  position: fixed;
  width: 480px;
  height: 580px;
  box-shadow: 0px 2px 13px 1px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  background-color: #ffffff;
  background-color: var(--card-background-color);
  bottom: 16px;
  z-index: 1001; }
  .account-strength-modal-component .exit-icon {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 13px;
    cursor: pointer;
    color: #676879;
    color: var(--icon-color); }
    .account-strength-modal-component .exit-icon:hover {
      color: #808080; }



.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; }

.new-layout .join-a-webinar-onboarding-component {
  right: 32px; }

.join-a-webinar-onboarding-component {
  position: fixed;
  bottom: 30px;
  right: 100px;
  z-index: 99999;
  background-color: #ffffff;
  border-radius: 99px;
  box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  padding: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 274px;
  height: 56px; }
  .join-a-webinar-onboarding-component .join-a-webinar {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0.3 1 auto; }
    .join-a-webinar-onboarding-component .join-a-webinar .join-a-webinar-img {
      width: 48px;
      height: 48px;
      margin-right: 8px; }
  .join-a-webinar-onboarding-component .webinar-live-close {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    opacity: 0.7;
    font-size: 15px;
    padding-top: 1px; }
    .join-a-webinar-onboarding-component .webinar-live-close:hover {
      opacity: 1; }
  .join-a-webinar-onboarding-component .splitter {
    font-size: 24px;
    margin-top: -2px; }


.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-component {
  display: flex;
  justify-content: center; }
  #help-center-main-view-component .help-center-content {
    display: flex;
    flex-direction: column;
    width: 90%; }
    #help-center-main-view-component .help-center-content.english {
      width: 750px; }
    #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-component .help-center-content .help-sections-wrapper.small-help-center {
        margin-bottom: 60px; }
    #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-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-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-component .help-center-content .contact-us-wrapper .contact-us-item.small {
          flex: 1 1 auto; }
      #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-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; }

.help-center-wrapper-component {
  padding: 32px; }
  .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%; }

.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_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 .bread-crumb-title {
      cursor: pointer; }
    .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;
  transition: width 100ms ease-in-out; }
  .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 {
    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; }
  .quick-search-component .line-separator {
    margin-left: 4px;
    margin-right: 4px; }
    .quick-search-component .line-separator .line-separator--inner {
      border-bottom: 1px solid;
      border-color: #e6e9ef;
      border-color: var(--layout-border-color); }
  .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-content {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px; }
    .quick-search-component .q-content .q-title {
      margin-bottom: 16px;
      display: flex;
      flex-direction: column;
      text-align: center; }
      .quick-search-component .q-content .q-title .lightning-icon {
        color: #ffcb00;
        font-size: 53px;
        line-height: 0; }
      .quick-search-component .q-content .q-title .switcher-name {
        color: #ffffff;
        font-size: 36px;
        font-weight: 100;
        cursor: default; }
    .quick-search-component .q-content .q-list-container {
      padding: 8px 8px 0;
      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; }
      .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-list-container .q-list-wrapper {
        padding: 12px 2px 8px 0px;
        width: 100%; }
        .quick-search-component .q-content .q-list-container .q-list-wrapper .q-list {
          padding: 0 32px 0px 8px; }
          .quick-search-component .q-content .q-list-container .q-list-wrapper .q-list::-webkit-scrollbar {
            width: 8px; }
          .quick-search-component .q-content .q-list-container .q-list-wrapper .q-list::-webkit-scrollbar-thumb {
            background-color: var(--ui-border-color);
            border-radius: 4px; }
          .quick-search-component .q-content .q-list-container .q-list-wrapper .q-list .no-results-container {
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #323338;
            color: var(--primary-text-color);
            letter-spacing: 0.3px; }

.quick-search-item-component {
  position: relative;
  height: 76px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
  display: flex;
  padding: 8px 8px;
  margin-bottom: 10px; }
  .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; }
    .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;
      margin-left: 8.5px; }
      .quick-search-item-component .quick-search-item-content .quick-search-item-header .quick-search-item-wrapper {
        display: flex;
        font-weight: 400;
        width: 370px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        font-size: 18px;
        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;
    font-size: 18px;
    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); }
      .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-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; }


.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; }

.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; }

.chat-bar-menu-wrapper {
  position: absolute;
  right: 12px;
  top: 4px; }
  .chat-bar-menu-wrapper .ds-menu-button-container .ds-menu-square-button {
    min-height: 16px;
    height: 16px; }
    .chat-bar-menu-wrapper .ds-menu-button-container .ds-menu-square-button.menu-button-wrapper {
      background-color: transparent !important; }
      .chat-bar-menu-wrapper .ds-menu-button-container .ds-menu-square-button.menu-button-wrapper:hover {
        background-color: #1c1f3b !important; }
  .chat-bar-menu-wrapper .ds-menu-button-container .chat-bar-menu-button {
    color: #ffffff; }

.peoples-wrapper {
  display: flex;
  height: 32px;
  margin-right: 16px; }
  .peoples-wrapper .invite-icon-wrapper {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    z-index: 1; }
  .peoples-wrapper .pending-user {
    opacity: 0.4; }
  .peoples-wrapper .person-bullet-component {
    margin-right: 4px;
    width: 32px;
    height: 32px;
    border: 0; }

.user {
  position: relative; }
  .user .online-status-icon {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #2b2c5d;
    right: 0;
    top: -5px; }
    .user .online-status-icon .online-status-color {
      width: 10px;
      height: 10px;
      background-color: #00ca72;
      border-radius: 50%; }
    .user .online-status-icon .offline-status {
      color: #ffffff;
      font-size: 10px; }

.section-summary {
  display: flex;
  align-items: center; }
  .section-summary .divider {
    width: 1px;
    height: 16px;
    background-color: #111522;
    margin-right: 4px; }
  .section-summary .summary-count-wrapper {
    background: #1A1F32;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 34px;
    height: 34px;
    text-align: center;
    position: relative;
    left: -16px; }
    .section-summary .summary-count-wrapper .summary-count {
      color: #ffffff;
      font-size: 14px;
      font-weight: 400; }

.social-layer-component {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99999;
  pointer-events: none; }
  .social-layer-component:not(.compact-mode) {
    min-width: 346px;
    max-width: 80%; }
  .social-layer-component.compact-mode {
    max-width: 400px;
    transform: translate(-70%, 0); }
    .social-layer-component.compact-mode .chat-bar-container {
      overflow: hidden; }
      .social-layer-component.compact-mode .chat-bar-container .actions-container .input-container {
        width: 216px; }
        .social-layer-component.compact-mode .chat-bar-container .actions-container .input-container .message-input {
          width: 152px; }
  .social-layer-component .chat-bar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 76px;
    border-radius: 16px;
    z-index: 100;
    position: relative;
    background-color: #2b2c5d;
    transition: transform 0.2s ease-in-out;
    pointer-events: visible; }
    .social-layer-component .chat-bar-container.collapsed {
      transform: translateY(75%); }
    .social-layer-component .chat-bar-container .bar-header {
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative; }
      .social-layer-component .chat-bar-container .bar-header .show-hide-wrapper {
        padding: 8px 0;
        cursor: pointer; }
        .social-layer-component .chat-bar-container .bar-header .show-hide-wrapper .show-hide-handle {
          width: 26px;
          height: 2px;
          background-color: #898ac5;
          border-radius: 4px; }
        .social-layer-component .chat-bar-container .bar-header .show-hide-wrapper .hide-button {
          display: none;
          font-size: 14px;
          color: #898ac5; }
        .social-layer-component .chat-bar-container .bar-header .show-hide-wrapper .show-button {
          display: none;
          font-size: 14px;
          color: #898ac5; }
    .social-layer-component .chat-bar-container .actions-container {
      display: flex;
      padding: 8px 16px;
      justify-content: center; }
      .social-layer-component .chat-bar-container .actions-container .input-container {
        width: 238px;
        display: flex;
        background-color: #ffffff;
        border-radius: 20px;
        align-items: center; }
        .social-layer-component .chat-bar-container .actions-container .input-container .user-input {
          margin-left: 4px; }
        .social-layer-component .chat-bar-container .actions-container .input-container .message-input {
          width: 176px;
          height: 32px;
          background-color: #ffffff;
          color: #333333;
          border: 0;
          padding: 8px 8px; }
        .social-layer-component .chat-bar-container .actions-container .input-container .send-invite-icon {
          padding-right: 2px;
          padding-top: 2px;
          color: #595ad4;
          cursor: pointer; }


.social_message {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 24px;
  pointer-events: visible; }
  .social_message .message-creator {
    position: absolute;
    top: -16px; }
  .social_message .message-content {
    background-color: #EBEBFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    border-radius: 18px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150.69%;
    color: #2B2C5D;
    padding: 8px 16px; }
    .social_message .message-content.my-message {
      background-color: #ffffff; }

.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 {
          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: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  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-beta-label-tooltip {
  width: 200px; }

#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; }
  .automations-header-component .automations-center-header-title-wrapper {
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 16px;
    padding: 0 0 0 16px;
    font-size: 18px;
    height: 68px;
    align-items: center; }
    .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; }
    .automations-header-component .automations-center-header-title-wrapper .automations-center-title-board-descriptor {
      margin-left: 4px;
      font-weight: 300; }
  .automations-header-component .store-main-action-item {
    display: flex;
    align-items: center;
    margin: 0 4px; }
    .automations-header-component .store-main-action-item .navigation-button {
      display: flex; }
  .automations-header-component .selected {
    box-shadow: 0px 2px 0px 0px #0085FF; }
    .automations-header-component .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: 0px; }
    .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-header-wrapper {
      flex: 0 0 auto; }
    .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 .automations-store-menu-wrapper {
        flex: 0 0; }
      .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);
  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-image-wrapper {
  border: 1px solid;
  border-radius: 8px;
  border-color: #e6e9ef;
  border-color: var(--automations-border-color);
  padding: 32px 104px; }
  .adobe-custom-component .adobe-image-wrapper img {
    width: 100%; }

.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.vertical-ellipsis-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
    .automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.vertical-ellipsis-container .ds-menu-button {
      background-color: transparent; }
      .automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.vertical-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.vertical-ellipsis-container .ellipsis-container {
      height: 24px;
      width: 24px;
      font-size: 14px; }
      .automation-recipe-actions-menu-container .automation-recipe-actions-list-menu-button.vertical-ellipsis-container .ellipsis-container .vertical-ellipsis {
        transform: rotate(90deg) translateY(27%); }
  .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: 0px;
      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-store-menu-wrapper {
      flex: 0 0; }
    .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 */
.automations-store-automation-card-component .automation-card-actions-component {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  cursor: default; }
  .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container {
    margin-left: 8px; }
    .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container.open {
      color: #0085ff;
      color: var(--primary-color);
      border-color: transparent;
      border-radius: 50%; }
      .automations-store-automation-card-component .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; }
    .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
      .automations-store-automation-card-component .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; }
        .automations-store-automation-card-component .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; }
        .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container .automation-actions-list-menu-button .ellipsis-container .icon {
          margin-top: 12px; }
    .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container .active-toggle-button-wrapper {
      margin-left: 16px; }
    .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container .icon-button {
      flex: 0 0;
      font-size: 20px;
      margin-left: 16px;
      cursor: pointer;
      opacity: 0;
      transition: opacity 0.3s ease; }
      .automations-store-automation-card-component .automation-card-actions-component .automation-actions-menu-container .icon-button:hover {
        color: #0085ff;
        color: var(--primary-color); }

.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 {
    min-height: 104px;
    display: grid;
    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: 2;
      grid-row-end: 3;
      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; }

@-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 .automations-board-automations-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    overflow: hidden; }
    .automations-board-automations-header .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 .history-page-board-level-button {
    margin-right: 16px; }
    .automations-board-automations-header .history-page-board-level-button .activity-icon {
      margin-right: 8px; }

.tooltip-content-automations-header {
  width: 212px; }

.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: 0px 8vw;
      flex: 1 1;
      min-height: 0px;
      overflow: auto; }
      .automations-category-page-component-full-screen .automations-category-page-inner .automations-category-content .automations-store-footer-wrapper {
        padding: 32px 0px; }
      .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: 0px 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: 0px; }
      .integrations-board-picker .integrations-board-picker-content .integrations-board-picker-inner .select-menu-content .select-menu-header {
        padding: 0px; }
        .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 {
      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 */
.trigger-event-wrapper {
  position: relative;
  display: flex;
  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;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color); }
  .trigger-event-wrapper > div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
  .trigger-event-wrapper .entry-datetime {
    width: 16%; }
    .trigger-event-wrapper .entry-datetime .date {
      width: 80px; }
    .trigger-event-wrapper .entry-datetime .time {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    .trigger-event-wrapper .entry-datetime :not(:last-child) {
      margin-right: 16px; }
  .trigger-event-wrapper .trigger-event-board {
    width: 18%;
    display: block;
    text-align: left;
    padding-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .trigger-event-wrapper .automation {
    flex-direction: column;
    width: 47%;
    margin-top: 16px;
    margin-bottom: 16px; }
    .trigger-event-wrapper .automation .automations-editor-field-term-component .field-text {
      font-weight: bold; }
    .trigger-event-wrapper .automation .trigger-event-error-reason {
      margin-top: 8px;
      color: #e44258;
      color: var(--negative-color); }

/* 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: 40px;
    cursor: pointer;
    font-size: 18px;
    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;
    margin-top: 6vh;
    height: calc(88vh - 6vh - 1vh - 1vh); }
    .automations-history-page-wrapper .automations-history-page-component.without-automations-store-header {
      margin-top: 12vh;
      height: calc(100vh - 12vh - 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;
      min-height: 60px; }
      .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; }
      .automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-filters .filter {
        display: flex;
        flex-direction: column;
        text-align: start;
        font-weight: 400; }
        .automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-filters .filter .filter-title {
          margin-bottom: 8px;
          margin-left: 4px; }
      .automations-history-page-wrapper .automations-history-page-component .automations-history-page-header-wrapper .automations-history-page-filters .status-filter {
        width: 15%;
        max-width: 180px; }
    .automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 80px; }
      .automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper .automations-history-page-empty-state-text {
        font-size: 16px;
        margin-bottom: 24px; }
      .automations-history-page-wrapper .automations-history-page-component .automations-history-page-empty-state-wrapper img {
        width: 340px; }
    .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;
        padding-bottom: 8px;
        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: 16%; }
        .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-automation {
          width: 53%; }
      .automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .automations-history-page-list-content-wrapper {
        height: calc(100% - 8px - 32px);
        overflow: auto; }
        .automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .automations-history-page-list-content-wrapper::-webkit-scrollbar {
          width: 4px; }
        .automations-history-page-wrapper .automations-history-page-component .automations-history-page-list-wrapper .automations-history-page-list-content-wrapper::-webkit-scrollbar-thumb {
          background-color: #e1e1e1;
          border-radius: 4px; }

.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: 0px 200px;
      width: 100%; }
      .automations-editor-page-component .automations-editor-page-inner .automation-sentence-wrapper .automation-sentence-inner {
        font-size: 36px;
        margin: 0px 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 .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.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;
    margin: 0 auto auto auto; }
    .automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field {
      margin-bottom: 24px;
      position: relative; }
      .automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field .field-tip {
        position: absolute;
        right: -50px;
        bottom: 9px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        color: white;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .automations-editor-new-authentication-component .automations-editor-new-connection-form .automations-editor-authentication-fields .automations-editor-authentication-field .field-tip .field-tip-inner {
          font-size: 16px; }
    .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 .new-oauth-wrapper .oauth-connect-button {
    padding: 0px 32px;
    background: black;
    border-color: black; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-connect-button:hover {
      opacity: 0.8; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-connect-button .loader {
      color: white; }
  .automations-editor-new-authentication-component .new-oauth-wrapper:not(.light-theme) .oauth-connect-button {
    background: white;
    border-color: white; }
    .automations-editor-new-authentication-component .new-oauth-wrapper:not(.light-theme) .oauth-connect-button:hover {
      background: #f1f1f1; }
    .automations-editor-new-authentication-component .new-oauth-wrapper:not(.light-theme) .oauth-connect-button .loader {
      color: black; }
  .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-logos {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
    position: relative; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-logos .oauth-logo {
      position: relative; }
      .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-logos .oauth-logo .hexagon-image {
        width: 50px;
        height: 56px; }
      .automations-editor-new-authentication-component .new-oauth-wrapper .oauth-logos .oauth-logo .logo-image {
        position: absolute;
        left: 5px;
        width: 40px;
        top: 8px; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .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 .new-oauth-wrapper .oauth-logos .oauth-sync-icon .icon {
        position: absolute;
        top: -14px; }
  .automations-editor-new-authentication-component .new-oauth-wrapper .data-fields {
    margin-bottom: 24px; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .data-fields .data-field:not(:first-child) {
      margin-top: 16px; }
    .automations-editor-new-authentication-component .new-oauth-wrapper .data-fields .data-field .subdomain-field {
      height: 36px;
      display: flex; }
      .automations-editor-new-authentication-component .new-oauth-wrapper .data-fields .data-field .subdomain-field.instructions-continuation {
        margin-left: 56px; }
      .automations-editor-new-authentication-component .new-oauth-wrapper .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 .new-oauth-wrapper .data-fields .data-field .subdomain-field .subdomain-input:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.4); }
        .automations-editor-new-authentication-component .new-oauth-wrapper .data-fields .data-field .subdomain-field .subdomain-input::placeholder {
          color: rgba(255, 255, 255, 0.4); }
      .automations-editor-new-authentication-component .new-oauth-wrapper .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 .new-oauth-wrapper .data-fields .data-field .checkbox-field {
      display: flex; }
      .automations-editor-new-authentication-component .new-oauth-wrapper .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 .new-oauth-wrapper .data-fields .data-field .checkbox-field .checkbox-text {
        margin-left: 8px; }
  .automations-editor-new-authentication-component .new-oauth-wrapper .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-new-authentication-component.import {
    margin-top: 0; }
    .automations-editor-new-authentication-component.import .automations-editor-authentication-section {
      flex-direction: column; }
      .automations-editor-new-authentication-component.import .automations-editor-authentication-section .automations-editor-authentication-section-content {
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center; }
        .automations-editor-new-authentication-component.import .automations-editor-authentication-section .automations-editor-authentication-section-content .logo-sub-title {
          max-width: 516px; }

.automations-field-tip-content {
  max-width: 250px; }

.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 .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: 48px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 2px;
  color: white;
  padding-left: 12px;
  font-size: 16px;
  outline: none;
  background: rgba(0, 0, 0, 0.3); }
  .authentication-text-field-component .text-input-wrapper .text-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4); }
  .authentication-text-field-component .text-input-wrapper .text-input::placeholder {
    color: rgba(255, 255, 255, 0.4); }
  .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:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3); }
  .authentication-text-field-component.light-theme .text-input-wrapper .text-input::placeholder {
    color: rgba(0, 0, 0, 0.3); }
  .authentication-text-field-component.light-theme .text-input-wrapper .text-input:focus {
    border: 1px solid #666; }

.automations-editor-select-authentication-component {
  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: bold;
            color: black; }
          .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; }
              .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: #323338;
                background-color: #e6e9ef; }
  .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: black;
        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; }

.automations-editor-special-instructions.authentication {
  display: flex;
  flex-direction: column;
  max-width: 376px;
  margin-bottom: 32px; }
  .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-confirmation-page-component {
  height: 100%; }
  .automations-confirmation-page-component .automations-link-button {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 16px;
    color: #333333;
    cursor: pointer; }
    .automations-confirmation-page-component .automations-link-button:hover {
      color: #333333; }
  .automations-confirmation-page-component .automations-confirmation-bold {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.2px; }
  .automations-confirmation-page-component .automations-confirmation-page-inner {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content {
      flex: 1 1;
      min-height: 0px;
      overflow: auto; }
      .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 30px;
        justify-content: space-around; }
        .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .image-magaphone {
          width: 250px;
          margin-top: 30px; }
        .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text {
          font-weight: 300;
          font-size: 24px;
          letter-spacing: -0.2px;
          text-align: center; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text .automations-confirmation-automations-text-medium {
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0px; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text .automations-confirmation-board-name {
            white-space: nowrap; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text .automations-confirmation-title {
            word-break: break-all; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text .automations-confirmation-automations-text-small {
            margin-top: 8px;
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0px; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-text .automations-confirmation-text-link {
            cursor: pointer; }
        .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-buttons {
          margin-top: 30px;
          font-weight: 400;
          font-size: 14px;
          letter-spacing: 0px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-buttons .add-automation-button {
            margin-left: 30px;
            font-weight: 400; }
          .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-buttons .automations-cancel-button {
            color: #0085ff;
            color: var(--primary-color);
            cursor: pointer; }
            .automations-confirmation-page-component .automations-confirmation-page-inner .automations-confirmation-content .automations-confirmation-automations-wrapper .automations-confirmation-automations-buttons .automations-cancel-button:hover {
              color: #333333; }

.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;
    justify-content: flex-end;
    align-items: center; }
    .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 {
      pointer-events: none;
      cursor: not-allowed; }

/* mixin for multiline */
.recipe-builder-sentence-wrapper {
  position: relative;
  width: calc(100% - 16vw);
  height: 40vh;
  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: 70px; }
      .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: 28px;
    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% - 42vh);
  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 8px 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; }

.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; }
  .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; }

.new-layout .video-center-button-component {
  z-index: 1010;
  right: 20px; }

.new-layout .offset-for-get-help-button {
  right: 110px; }

.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 .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;
  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 .back-action-button {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #9699a6;
        margin-right: 16px;
        cursor: pointer;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none;
        transition: color 100ms ease; }
        .education-component .education-dialog-content .eduction-footer .back-action-button:hover {
          color: #323338; }
      .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: 242px;
    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-users-modal-component .invite-users-externals-wrapper.with-import-test {
      width: 100%;
      height: 100%;
      background-color: unset;
      border-top: 1px solid #e6e9ef;
      padding: 32px 60px;
      justify-content: center; }

.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: 5%;
    flex-shrink: 1;
    max-width: 70%; }
    .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; }

.help-button-wrapper {
  bottom: 2%;
  right: 2%;
  position: fixed;
  display: flex;
  z-index: 1000; }
  .help-button-wrapper .help-button-component {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #333333;
    color: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    z-index: 1000;
    cursor: pointer;
    border: 3px solid #ffffff;
    box-shadow: 0px 8px 8px rgba(51, 51, 51, 0.1); }
    .help-button-wrapper .help-button-component .help-button-text {
      line-height: 18px;
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      margin: 4px; }
    .help-button-wrapper .help-button-component:hover {
      background-color: #0085ff;
      background-color: var(--primary-color); }

.help-tooltip {
  width: 250px;
  height: 200px; }
  .help-tooltip .tooltip-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px; }
  .help-tooltip .help-img {
    margin: 4px auto;
    display: block; }

.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%; }

.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 {
  margin-bottom: 48px; }
  .oauth-authorize-scope-component .scope-item {
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 16px;
    margin-bottom: 16px;
    padding-left: 8px; }

.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; } }

.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; }

.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; }

.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; }

.current-board-component {
  height: 100%;
  color: #323338;
  color: var(--primary-text-color); }

.board-unlock-feature-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.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;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-color: var(--layout-border-color); }

.object-name-component {
  font-size: 24px;
  font-weight: 500;
  cursor: default; }

.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;
  flex-direction: row-reverse; }
  .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 {
  margin-top: 3px;
  text-align: right !important; }
  .payments-pricing-footer .button-wrapper .form-error-label {
    position: relative;
    top: -3px;
    opacity: 0;
    color: #f65f7c;
    vertical-align: sub;
    transition: opacity 1s linear;
    margin-right: 15px !important;
    font-size: 13px; }
    .payments-pricing-footer .button-wrapper .form-error-label.visible {
      transition: opacity 1s linear;
      opacity: 1; }
  .payments-pricing-footer .button-wrapper .automatically-charge-msg {
    color: #c4c4c4;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.2px;
    padding: 9px; }

.payments-pricing-footer {
  display: flex;
  height: 100px;
  width: 100%;
  max-width: inherit;
  max-width: 1063px;
  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; }
  .payments-pricing-footer.show-shadow-box {
    box-shadow: 0 -20px 30px 2px var(--primary-background-color); }

.payments-pricing-footer .security-icons-container {
  flex: 2;
  display: flex;
  align-items: center;
  color: #676879;
  color: var(--secondary-text-color);
  padding-left: 8px; }
  .payments-pricing-footer .security-icons-container .money-back-component-wrapper {
    margin-right: 24px; }
  .payments-pricing-footer .security-icons-container .security-icon {
    margin-right: 24px;
    font-size: 60px; }
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-visa,
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-norton {
    padding-top: 35px; }
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-mastercard,
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-mcafee {
    padding-top: 40px; }
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-refund {
    font-size: 38px;
    color: #0071d9; }
  .payments-pricing-footer .security-icons-container .icon-dapulse-pricing-refund-new {
    font-size: 60px;
    color: rgba(0, 161, 230, 0.75); }
  .payments-pricing-footer .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;
  background: #2b2c5c;
  overflow: scroll;
  height: 100%; }
  .pricing-page-contact-sales-component .close-sales-contact-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    cursor: pointer;
    font-size: 13px;
    transition: color 0.2s;
    color: white; }
  .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: hidden;
    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; }

.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; }

.payments-dialog-header-component {
  height: 32px;
  position: relative;
  z-index: 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; }

.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 64px;
  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-right: 8px; }
    .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: 16px;
        width: 100%;
        max-width: 100%;
        height: 152px;
        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: 16px;
          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; }

.plan-header-component {
  display: flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer; }
  .plan-header-component.disabled {
    cursor: default; }

.free-plan-tooltip-wrapper {
  max-width: 280px; }
  .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: white; }
        .free-plan-tooltip-wrapper .free-plan-tooltip-container .free-plan-tooltip-buttons .got-it-button:hover {
          background-color: white; }
    .free-plan-tooltip-wrapper .free-plan-tooltip-container .white-link {
      color: white;
      text-decoration: underline;
      cursor: pointer; }

.plan-radio-container {
  display: flex;
  justify-content: center;
  height: 20px;
  margin-bottom: 10px; }

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

.system-input-radio {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-color: #0085ff;
  border-color: var(--primary-color);
  border-radius: 50%;
  border-style: solid;
  border-width: 3px; }
  .system-input-radio:empty:hover {
    background-color: #f5f6f8;
    background-color: var(--dark-background-color); }

.system-input-radio-checked {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0085ff;
  background-color: var(--primary-color); }

.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; }

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

.free-plan-tooltip-wrapper {
  max-width: 280px; }
  .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 .white-link {
      color: white;
      text-decoration: underline;
      cursor: pointer; }

.plan-info-component {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .plan-info-component .plan-header {
    height: 50px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize;
    border-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 2px; }
    .plan-info-component .plan-header.disabled {
      background-color: #eee; }
  .plan-info-component.first .plan-content {
    border-left: 2px solid var(--ui-border-color); }
  .plan-info-component.first .plan-header {
    border-left-width: 2px; }
  .plan-info-component.last .plan-content {
    border-right: 2px solid var(--ui-border-color); }
  .plan-info-component .plan-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-bottom: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: var(--ui-border-color); }
    .plan-info-component .plan-content.disabled {
      color: #eee;
      cursor: default; }
    .plan-info-component .plan-content.selected.disabled {
      border-color: #eee; }
    .plan-info-component .plan-content .plan-top-wrapper {
      align-items: center;
      display: flex;
      height: 32px;
      justify-content: center;
      margin: 4px 0 10px; }
    .plan-info-component .plan-content .plan-top-info {
      font-size: 15px;
      line-height: 18px;
      font-weight: 400; }
    .plan-info-component .plan-content .learn-more-button-container {
      margin-top: 12px;
      margin-bottom: 24px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      border-radius: 4px;
      cursor: pointer;
      border: 1px solid;
      border-color: #c5c7d0;
      border-color: var(--ui-border-on-secondary-color);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .plan-info-component .plan-content .learn-more-button-container.no-video-available {
        visibility: hidden;
        pointer-events: none; }
      .plan-info-component .plan-content .learn-more-button-container:hover {
        background-color: #e6e9ef;
        background-color: var(--primary-background-hover-color); }
      .plan-info-component .plan-content .learn-more-button-container .video-icon {
        color: #0085FF;
        font-size: 18px; }
      .plan-info-component .plan-content .learn-more-button-container .why-plan-text {
        font-size: 16px;
        color: #323338;
        color: var(--primary-text-color); }

@media (max-width: 680px) {
  .plan-content .plan-top-wrapper {
    display: none; } }

.plan-price-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1; }
  .plan-price-component .currency {
    text-transform: uppercase;
    margin-right: 3px;
    margin-left: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; }
  .plan-price-component .period {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px; }
  .plan-price-component .amount {
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 2px; }
  .plan-price-component .value-separator {
    height: 16px; }
  .plan-price-component .billing-message {
    min-height: 20px;
    color: #676879;
    color: var(--secondary-text-color);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 16px; }
  .plan-price-component .contact-sales {
    color: #676879;
    color: var(--secondary-text-color);
    font-size: 24px;
    font-weight: 400; }
  .plan-price-component .strike-price {
    position: relative;
    margin-top: -5px;
    font-weight: 400; }
    .plan-price-component .strike-price .currency {
      font-size: 11px; }
    .plan-price-component .strike-price .amount {
      font-size: 15px; }
  .plan-price-component .strike-price-color {
    background-color: #0085ff;
    background-color: var(--primary-color);
    position: absolute;
    left: 31%;
    top: 48%;
    display: inline-block;
    width: 38%;
    height: 2px; }
  .plan-price-component .price-explanation-icon {
    margin-left: 5px; }

@media (max-width: 820px) {
  .plan-price-component .currency {
    font-size: 9px; }
  .plan-price-component .amount {
    font-size: 22px; } }

.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); }

.plan-price-per-user-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1; }
  .plan-price-per-user-component .currency {
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 3px;
    font-weight: 400; }
  .plan-price-per-user-component .period {
    font-size: 13px;
    font-weight: 400; }
  .plan-price-per-user-component .amount {
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 2px; }
  .plan-price-per-user-component .billing-message {
    min-height: 20px;
    color: #808080;
    font-size: 13px;
    font-weight: 400; }
  .plan-price-per-user-component .bottom-message {
    margin-bottom: 16px; }
  .plan-price-per-user-component .contact-sales {
    color: #9e9e9e;
    font-size: 24px;
    font-weight: 400; }
  .plan-price-per-user-component .strike-price {
    position: relative;
    margin-top: -5px;
    font-weight: 400; }
    .plan-price-per-user-component .strike-price .currency {
      font-size: 11px; }
    .plan-price-per-user-component .strike-price .amount {
      font-size: 15px; }
  .plan-price-per-user-component .strike-price-color {
    background-color: #0085ff;
    background-color: var(--primary-color);
    /* Default color. */
    position: absolute;
    left: 31%;
    top: 48%;
    display: inline-block;
    width: 38%;
    height: 2px; }

@media (max-width: 820px) {
  .plan-price-component .currency {
    font-size: 9px; }
  .plan-price-component .amount {
    font-size: 22px; } }

.price-per-user-footer-component {
  display: flex;
  flex-direction: row;
  background: #f4f4f4;
  color: #333333;
  padding: 20px 30px;
  align-items: center; }
  .price-per-user-footer-component.only-submit {
    justify-content: flex-end; }
  .price-per-user-footer-component .content-container {
    flex: 1 1 auto; }
    .price-per-user-footer-component .content-container .title {
      font-size: 28px; }
      .price-per-user-footer-component .content-container .title .currency {
        font-size: 13px; }
      .price-per-user-footer-component .content-container .title .amount {
        font-weight: 500; }
    .price-per-user-footer-component .content-container .subtitle {
      font-size: 18px;
      margin-bottom: 20px; }
    .price-per-user-footer-component .content-container .add-more-mates {
      font-size: 13px;
      font-weight: 400; }
      .price-per-user-footer-component .content-container .add-more-mates .see-pricing {
        color: #4a90e2;
        cursor: pointer;
        margin-left: 5px; }
        .price-per-user-footer-component .content-container .add-more-mates .see-pricing:hover {
          text-decoration: underline; }
  .price-per-user-footer-component .upgrade-button-component {
    max-width: 224px;
    align-self: center; }
    .price-per-user-footer-component .upgrade-button-component .disclaimer {
      position: relative; }
  .price-per-user-footer-component .credit-card-charge-disclaimer {
    color: #333333; }

.free-plan-price-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1; }
  .free-plan-price-component.limited-users:not(.price-per-seat) {
    justify-content: flex-end; }
  .free-plan-price-component.price-per-seat {
    justify-content: space-between; }
  .free-plan-price-component .currency {
    font-size: 13px;
    font-weight: 400; }
  .free-plan-price-component .amount {
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 2px; }
  .free-plan-price-component .billing-message {
    min-height: 20px;
    color: #676879;
    color: var(--secondary-text-color);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 16px; }

@media (max-width: 820px) {
  .plan-price-component .currency {
    font-size: 9px; }
  .plan-price-component .amount {
    font-size: 22px; } }

.plan-contact-us-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1; }
  .plan-contact-us-component .contact-us-icon {
    font-size: 36px; }
  .plan-contact-us-component .contact-us-text {
    color: #676879;
    color: var(--secondary-text-color);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 16px; }


.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; }

.feature-component-info-tooltip-content {
  max-width: 200px; }
  .feature-component-info-tooltip-content.with-video {
    max-width: 500px;
    text-align: center; }

.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-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; }

.section-features-component {
  width: 100%;
  display: flex;
  flex-direction: row; }
  .section-features-component .section-name {
    display: flex;
    align-items: center;
    height: 52px;
    background-color: var(--dark-background-color);
    border-left: 2px solid var(--ui-border-color); }
    .section-features-component .section-name .section-name-text {
      font-weight: 500;
      font-size: 16px;
      text-transform: capitalize;
      margin-left: 16px; }
  .section-features-component .empty {
    background-color: var(--dark-background-color);
    border-left: 1px solid var(--ui-border-color);
    border-right: 1px solid var(--ui-border-color);
    cursor: pointer; }
    .section-features-component .empty.first {
      border-left-width: 2px; }
    .section-features-component .empty:last-child {
      border-right: 2px solid var(--ui-border-color); }
    .section-features-component .empty.disabled {
      cursor: default; }

.plans-with-features-component {
  margin: 28px 0 60px 0;
  position: relative; }
  .plans-with-features-component .plan-border {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 0;
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 1;
    pointer-events: none; }
  .plans-with-features-component .plans-headers {
    width: 100%;
    display: flex;
    flex-direction: row; }
    .plans-with-features-component .plans-headers .features-title {
      display: flex;
      align-items: center;
      margin-top: 30px;
      border-top: 2px solid;
      border-left: 2px solid;
      border-color: #c5c7d0;
      border-color: var(--ui-border-color); }
      .plans-with-features-component .plans-headers .features-title.with-coupon {
        flex-direction: column; }
        .plans-with-features-component .plans-headers .features-title.with-coupon .earlybird-title-content {
          margin-top: auto;
          display: flex;
          flex-direction: column;
          align-self: flex-start;
          padding-left: 16px;
          padding-bottom: 16px;
          font-weight: bold;
          font-size: 14px; }
          .plans-with-features-component .plans-headers .features-title.with-coupon .earlybird-title-content .discount-value {
            color: #595ad4;
            font-size: 20px; }
      .plans-with-features-component .plans-headers .features-title .features-title-text {
        font-size: 36px;
        font-weight: 500;
        line-height: 40px;
        margin: 44px 16px 0 16px; }

.contact-us-image-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  color: #a358d0;
  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;
  margin-left: 10%; }
  .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: 24px 0 12px;
    font-size: 14px;
    color: #323338;
    color: var(--primary-text-color);
    text-align: left; }
  .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 .plan-price {
      height: 50px;
      font-size: 45px;
      margin-right: 8px;
      font-weight: 600; }
    .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;
  padding: 0 10%;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px; }

@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;
    padding: 0 24px;
    cursor: help; }
    .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; }
    .tier-card-features-section-component .tier-includes-list .tier-card-tier-feature .tier-feature-description {
      margin-left: 8px;
      position: relative;
      top: 2px; }

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

.tier-card-container {
  width: 25%;
  margin: 8px 12px; }
  .tier-card-container.first-in-line {
    margin-left: 0; }
  .tier-card-container.last-in-line {
    margin-right: 0; }
  .tier-card-container .tier-value-card-component {
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-color: #c5c7d0;
    border-color: var(--ui-border-color);
    border-radius: 4px;
    min-height: 680px;
    height: 95%; }
    .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); }
    .tier-card-container .tier-value-card-component .tier-color-bar {
      width: 100%;
      height: 10px; }
    .tier-card-container .tier-value-card-component .tier-card-tier-name {
      margin: 24px 0 12px;
      margin-left: 10%; }
      .tier-card-container .tier-value-card-component .tier-card-tier-name .tier-name-text {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        letter-spacing: -0.361538px;
        margin-right: 8px; }
      .tier-card-container .tier-value-card-component .tier-card-tier-name .tier-name-extra {
        white-space: nowrap;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        position: relative;
        bottom: 2px; }
        .tier-card-container .tier-value-card-component .tier-card-tier-name .tier-name-extra .arrow {
          display: inline-block;
          width: 0px;
          height: 0px;
          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);
          position: relative;
          top: 2px; }
        .tier-card-container .tier-value-card-component .tier-card-tier-name .tier-name-extra .extra-text {
          color: #ffffff;
          color: var(--text-color-on-primary);
          padding: 4px 8px;
          border-radius: 4px; }
        @media screen and (max-width: 1200px) {
          .tier-card-container .tier-value-card-component .tier-card-tier-name .tier-name-extra .extra-text {
            font-size: 14px; } }
    .tier-card-container .tier-value-card-component .learn-more-button-container {
      margin-left: 10%;
      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;
        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: 80%;
      margin: 0 10% 10%;
      border: 1px solid;
      border-color: #c5c7d0;
      border-color: var(--ui-border-color); }

.tier-value-cards-component {
  display: flex;
  justify-content: center;
  margin-bottom: 40px; }

.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); }


.payments-pricing-users-options {
  display: flex;
  flex-shrink: 0; }

.payments-pricing-users-options .users-options-item {
  flex: 1;
  padding: 4px;
  max-width: 110px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 46px;
  height: 46px;
  cursor: pointer; }
  .payments-pricing-users-options .users-options-item:not(:last-child) {
    border: 1px solid;
    border-color: #c5c7d0;
    border-color: var(--ui-border-color);
    border-right: 0; }
  .payments-pricing-users-options .users-options-item:first-child {
    border-radius: 2px 0 2px 0; }
  .payments-pricing-users-options .users-options-item:last-child {
    border-radius: 0 2px 2px 0;
    border: 1px solid;
    border-color: #c5c7d0;
    border-color: var(--ui-border-color); }
  .payments-pricing-users-options .users-options-item:hover:not(.selected):not(.disabled) {
    background-color: rgba(0, 161, 230, 0.15); }
  .payments-pricing-users-options .users-options-item.selected {
    position: relative;
    background-color: #595ad4;
    border-color: #595ad4;
    font-weight: 400;
    color: #fff; }
  .payments-pricing-users-options .users-options-item.disabled {
    background-color: #e6e9ef;
    background-color: var(--disabled-background-color);
    color: rgba(103, 104, 121, 0.75);
    color: var(--disabled-text-color);
    cursor: default; }
  .payments-pricing-users-options .users-options-item .users-text-container {
    line-height: 20px;
    width: 100%; }
  .payments-pricing-users-options .users-options-item .users-text {
    height: auto; }
  .payments-pricing-users-options .users-options-item .users-text.enlarged > span:first-of-type {
    font-size: 16px; }


.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: #595ad4; }
  .payments-pricing-periods .period-item.selected {
    color: #595ad4; }

.users-and-periods-component {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: -16px; }
  .users-and-periods-component .users-options-select {
    display: flex;
    align-items: center;
    width: 25%;
    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; }
      .users-and-periods-component .users-options-select .users-select-input .Select-control {
        border-bottom-left-radius: 0; }

.payments-pricing-message {
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  margin-bottom: 40px; }
  .payments-pricing-message .text-messages {
    flex-direction: column; }
    .payments-pricing-message .text-messages .pricing-message {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-weight: bold; }
      .payments-pricing-message .text-messages .pricing-message.free-tier-end-header {
        flex-direction: column;
        align-items: center; }
        .payments-pricing-message .text-messages .pricing-message.free-tier-end-header .change-currency-support {
          align-self: center; }
    .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; }

.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: 90%;
    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: 40px;
      padding: 0 16px;
      border-radius: 20px;
      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: #0085ff;
      border-color: var(--primary-color); }
      .faq-section-component .go-to-faq-with-arrow .go-to-faq-button .text {
        color: #0085ff;
        color: var(--primary-color);
        line-height: 36px;
        font-size: 14px; }
    .faq-section-component .go-to-faq-with-arrow .down-arrow-wrapper {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-style: solid;
      border-color: #0085ff;
      border-color: var(--primary-color);
      border-width: 0 1px 1px 0;
      transform: rotate(45deg); }
  .faq-section-component.with-new-button-design .go-to-faq-with-arrow {
    left: 93%; }
    @media (max-width: 1300px) {
      .faq-section-component.with-new-button-design .go-to-faq-with-arrow {
        left: 50%;
        bottom: 88px; } }
    .faq-section-component.with-new-button-design .go-to-faq-with-arrow .go-to-faq-button {
      border-color: #5559df;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 53px;
      width: 55px;
      border-radius: 12px; }
      .faq-section-component.with-new-button-design .go-to-faq-with-arrow .go-to-faq-button .text {
        font-weight: 600;
        line-height: 42px;
        font-size: 30px;
        color: #5559df; }
    .faq-section-component.with-new-button-design .go-to-faq-with-arrow .down-arrow-wrapper {
      border-color: #5559df; }
  .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; }

.pricing-trust-displays-component .trust-section-title {
  color: #323338;
  color: var(--primary-text-color);
  text-align: center;
  line-height: 130%;
  font-size: 32px;
  margin-top: 8px;
  margin-bottom: 12px; }

.pricing-customer-logos-component {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .pricing-customer-logos-component .customer-logo {
    transform: scale(0.7); }

.customer-testimonial-component {
  background-color: #ffffff;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: column; }
  .customer-testimonial-component .testimonial-image-container {
    width: 290px;
    height: 100px;
    border: 2px solid #c5c7d0;
    border-radius: 8px;
    background-color: #ffffff;
    position: relative;
    top: 42px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center; }
    .customer-testimonial-component .testimonial-image-container .testimonial-image {
      padding: 4px;
      width: auto;
      height: auto; }
      .customer-testimonial-component .testimonial-image-container .testimonial-image.customer-testimonial-image-genpact {
        width: 200px; }
      .customer-testimonial-component .testimonial-image-container .testimonial-image.customer-testimonial-image-telefonica {
        width: 240px; }
  .customer-testimonial-component .customer-testimonial-container {
    background-color: #f5f6f8;
    background-color: var(--dark-background-on-secondary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 280px;
    border-radius: 8px; }
    .customer-testimonial-component .customer-testimonial-container .testimonial-text {
      color: #323338;
      color: var(--primary-text-color);
      font-size: 24px;
      line-height: 32px;
      padding: 0 10%;
      text-align: center;
      margin-top: 60px; }
    .customer-testimonial-component .customer-testimonial-container .testimonial-person-container {
      margin-top: 32px;
      margin-bottom: 24px;
      font-size: 20px; }
      .customer-testimonial-component .customer-testimonial-container .testimonial-person-container .testimonial-person-name {
        font-weight: bold; }
      .customer-testimonial-component .customer-testimonial-container .testimonial-person-container .separator {
        margin: 0 4px; }

.customer-testimonials-carousel-component {
  margin: 24px 0 60px; }
  .customer-testimonials-carousel-component .control-dots {
    position: relative; }
    .customer-testimonials-carousel-component .control-dots .dot {
      background: #c5c7d0;
      background: var(--ui-border-on-secondary-color);
      box-shadow: none;
      width: 14px;
      height: 14px;
      margin: 24px 12px 0;
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      transition: opacity 0.25s ease-in;
      opacity: 0.3; }
      .customer-testimonials-carousel-component .control-dots .dot.selected, .customer-testimonials-carousel-component .control-dots .dot.hover {
        opacity: 1; }
      .customer-testimonials-carousel-component .control-dots .dot.selected {
        background: #676879;
        background: var(--icon-color); }
      .customer-testimonials-carousel-component .control-dots .dot:focus {
        outline: none; }

.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; }

.quick-answer-dialog-upper-section {
  color: #ffffff;
  background-color: #5559df;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 140px; }
  .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section {
    display: flex;
    justify-content: space-between; }
    .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section .quick-answer-header-monday-logo {
      margin-top: 12px;
      margin-left: 12px;
      margin-bottom: 8px;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 4px;
      padding-bottom: 0; }
      .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section .quick-answer-header-monday-logo .monday-logo-image {
        height: 24px; }
    .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section .quick-answer-header-close-button {
      color: #ffffff;
      font-size: 16px;
      height: 16px;
      position: relative;
      right: 8px;
      top: 8px; }
      .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section .quick-answer-header-close-button:hover, .quick-answer-dialog-upper-section .quick-answer-header .top-buttons-section .quick-answer-header-close-button:active {
        background-color: rgba(229, 230, 233, 0.5); }
  .quick-answer-dialog-upper-section .quick-answer-header .quick-answer-title {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-bottom: 16px;
    padding-top: 8px;
    line-height: 28px; }
    .quick-answer-dialog-upper-section .quick-answer-header .quick-answer-title .title-line {
      font-size: 24px;
      font-weight: 700; }

.quick-answer-dialog-middle-section {
  background-color: #ffffff;
  position: relative;
  height: 200px; }
  .quick-answer-dialog-middle-section .middle-section-purple-background {
    height: 40%;
    background-color: #5559df; }
  .quick-answer-dialog-middle-section .middle-section-answers {
    position: absolute;
    top: 0;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.200691);
    width: 90%;
    margin: 0 5%;
    border-radius: 8px;
    height: 70%; }
    .quick-answer-dialog-middle-section .middle-section-answers .quick-answer-middle-section-title {
      font-size: 16px;
      line-height: 20px;
      padding-top: 24px;
      padding-left: 12px;
      color: #323338; }
    .quick-answer-dialog-middle-section .middle-section-answers .quick-answer-middle-question-bar {
      width: 96%;
      padding-right: 4%;
      margin-left: 4%;
      margin-bottom: 12px;
      margin-top: 18px; }

.answer-links-container-component {
  background-color: #ffffff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin: 4px 8px;
  z-index: 100; }
  .answer-links-container-component .links-list-container {
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 2% 0;
    max-height: 150px;
    color: #323338; }
    .answer-links-container-component .links-list-container .answer-link-list-item {
      margin: 0 4px;
      border-radius: 4px;
      flex: 1;
      display: flex;
      align-items: center;
      color: #323338; }
      .answer-links-container-component .links-list-container .answer-link-list-item:hover {
        background-color: #e6e9ef;
        text-decoration: none; }
      .answer-links-container-component .links-list-container .answer-link-list-item .list-item-text {
        line-height: 22px;
        font-size: 16px;
        padding: 8px 12px; }
    .answer-links-container-component .links-list-container .links-error-display {
      margin: 0 4px;
      text-align: center; }

.quick-answer-dialog-lower-section .lower-section-content-container {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center; }
  .quick-answer-dialog-lower-section .lower-section-content-container .actual-content {
    margin: 0 16px;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 80px; }
    .quick-answer-dialog-lower-section .lower-section-content-container .actual-content .quick-answer-lower-label {
      line-height: 24px;
      width: 160px;
      font-weight: 400;
      color: #323338; }
    .quick-answer-dialog-lower-section .lower-section-content-container .actual-content .quick-answer-button-container .contact-us-button {
      border-color: #5559df;
      color: #5559df; }

.pricing-quick-answer-v1-component {
  width: 384px;
  background-color: #ffffff;
  transition: opacity 500ms ease;
  opacity: 0;
  border-radius: 8px;
  box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.3); }
  .pricing-quick-answer-v1-component.dialog-open {
    opacity: 1;
    pointer-events: all; }

.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: 300px;
      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.back-to-start {
      align-self: center; }
    .message-component.user-message.back-to-start {
      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.increased-width .pricing-content .pricing-content-inner {
      max-width: 1164px; }
    .pricing-component .pricing-content-wrapper.increased-width .payments-pricing-footer {
      max-width: 1164px; }
    .pricing-component .pricing-content-wrapper .pricing-content {
      padding: 32px 20px 0;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll; }
      .pricing-component .pricing-content-wrapper .pricing-content .pricing-content-inner {
        width: 100%;
        max-width: 1063px; }
      .pricing-component .pricing-content-wrapper .pricing-content .minimum-users {
        margin-top: -24px;
        font-size: 14px;
        font-weight: 400; }
      .pricing-component .pricing-content-wrapper .pricing-content .haze {
        display: flex;
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
        height: 33px;
        width: 100%;
        max-width: 1023px;
        bottom: 100px;
        background-clip: content-box;
        margin-left: auto;
        margin-right: auto; }
    .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-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 .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 .row-container .discount-explanation {
      font-size: 12px;
      float: left;
      margin-top: -4px;
      display: block;
      max-width: 50%;
      text-align: left; }
      .payment-order-information-container-call-to-action-above-the-fold .row-container .discount-explanation.two-steps {
        color: #9699a6; }
      .payment-order-information-container-call-to-action-above-the-fold .row-container .discount-explanation.right {
        float: right; }
  .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 .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 .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: left; }
  .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;
    margin-top: 56px; }
    .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-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;
    text-align: center; }
    .payments-success-component .payments-success-component-content .complete-img {
      margin-bottom: 32px;
      height: 200px; }
    .payments-success-component .payments-success-component-content .success-title {
      margin-top: 0;
      margin-bottom: 32px;
      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-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-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; }

.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.white:not(:hover) {
    color: #ffffff; }
  .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; }

.free-tier-what-you-are-missing-out-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 52px;
  padding-bottom: 26px; }
  .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: 1024px;
    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;
      margin: 0 112px 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 {
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.166242);
      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-buttons-wrapper {
      display: flex;
      width: 100%;
      margin-top: auto;
      border-top: 1px solid #f7f7f7;
      padding-top: 24px;
      box-shadow: 0 -20px 30px 2px #ffffff; }
      .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; }
        .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; }

.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; }
      .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 {
            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; }
    .menu-carousel-with-images-component .current-item .velocity-transition-group-wrapper {
      height: 100%;
      width: 100%; }
    .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; }

.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; }

.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-monthly-to-yearly-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-monthly-to-yearly-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-monthly-to-yearly-promotion-component .promotion-contents {
    transform: translateY(-300px); }
    .redesigned-monthly-to-yearly-promotion-component .promotion-contents .promotion-contents-title {
      font-weight: 500;
      font-size: 32px;
      margin-top: 40px;
      line-height: 36px; }
    .redesigned-monthly-to-yearly-promotion-component .promotion-contents .promotion-contents-subtitle {
      font-size: 16px;
      text-align: center;
      margin: 24px;
      margin-bottom: 40px; }
  .redesigned-monthly-to-yearly-promotion-component .promotion-buttons {
    transform: translateY(-280px); }

.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; }

.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%); }

.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; }

.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: hidden; }
    .workspaces-explorer-component .workspaces-explorer .workspaces-header {
      height: 10%;
      margin: 0 66px 0 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 {
      height: 90%;
      display: grid;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      grid-gap: 10px;
      padding: 1rem;
      align-content: start;
      overflow: hidden; }
      .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;
          width: 500px;
          height: 38px;
          font-weight: 500;
          font-size: 18px;
          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: 24px;
          width: 500px;
          height: -webkit-min-content;
          height: -moz-min-content;
          height: min-content;
          max-height: calc(100% - 38px);
          position: relative; }
          .workspaces-explorer-component .workspaces-explorer .workspaces-content .list-wrapper .workspaces-list-component:after {
            position: absolute;
            bottom: -5px;
            height: 100%;
            width: 100%;
            content: "";
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 90%, var(--primary-background-color) 100%);
            pointer-events: none; }

.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 .list-wrapper .workspaces-list-title {
    width: 580px;
    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: 580px; }
    .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%); }

.workspaces-list-component {
  margin-top: 20px;
  display: flex;
  overflow: hidden; }
  .workspaces-list-component .workspaces-overlay {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden; }
  .workspaces-list-component .workspaces-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    grid-gap: 10px; }

.surface-content-component .workspaces-list-component .workspaces-list {
  column-gap: 88px; }

.workspace-explorer-item-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  width: 230px; }
  .workspace-explorer-item-component .workspace-permission-icon-wrapper {
    background-color: #ffffff;
    background-color: var(--primary-background-color); }
  .workspace-explorer-item-component:hover {
    background-color: #f5f6f8;
    background-color: var(--dark-background-on-secondary-color);
    border-radius: 16px; }
    .workspace-explorer-item-component:hover .workspace-permission-icon-wrapper {
      background-color: #f5f6f8;
      background-color: var(--dark-background-on-secondary-color); }
  .workspace-explorer-item-component .workspace-name-icon-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    overflow: hidden; }
    .workspace-explorer-item-component .workspace-name-icon-container .workspace-name {
      font-size: 20px;
      font-weight: bold;
      margin-left: 12px;
      max-width: 300px; }
    .workspace-explorer-item-component .workspace-name-icon-container .workspace-icon-container {
      margin-bottom: 2px; }
      .workspace-explorer-item-component .workspace-name-icon-container .workspace-icon-container .main-workspace-icon-inner {
        margin-top: -2px; }
        .workspace-explorer-item-component .workspace-name-icon-container .workspace-icon-container .main-workspace-icon-inner .workspace-permission-icon {
          color: #323338;
          color: var(--primary-text-color); }
    .workspace-explorer-item-component .workspace-name-icon-container .shimmer-component {
      margin-bottom: 0; }

.surface-content-component .workspaces-explorer-component .workspace-explorer-item-component .workspace-name-icon-container .workspace-name {
  font-size: 18px; }

.surface-content-component .workspaces-explorer-component .workspace-explorer-item-component .workspace-name-icon-container .workspace-icon-container .main-workspace-icon-inner .workspace-permission-icon {
  color: #ffffff; }

.surface-content-component .workspaces-explorer-component .workspace-explorer-item-component:hover {
  background-color: #4b4e69; }
  .surface-content-component .workspaces-explorer-component .workspace-explorer-item-component:hover .workspace-permission-icon-wrapper {
    background-color: #4b4e69 !important; }

.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: #f5f6f8;
      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: 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; }

.social-layer-invite-dialog-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .social-layer-invite-dialog-wrapper .invite-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    margin-top: 44px;
    margin-bottom: 24px; }
  .social-layer-invite-dialog-wrapper .movie-wrapper {
    width: 580px;
    height: 326px;
    margin-bottom: 40px;
    border: 2px solid #e6e9ef;
    box-sizing: border-box;
    border-radius: 4px; }
    .social-layer-invite-dialog-wrapper .movie-wrapper .invite-video {
      max-width: 100%;
      max-height: 100%; }
  .social-layer-invite-dialog-wrapper .invite-button {
    border-radius: 30px;
    margin-bottom: 16px; }
  .social-layer-invite-dialog-wrapper .skip-square-button {
    margin-bottom: 24px;
    margin-top: 8px; }
  .social-layer-invite-dialog-wrapper .skip-button {
    color: #0085ff;
    color: var(--primary-color);
    margin-bottom: 24px; }

.photo-upload-component {
  background-color: #ffffff;
  background-color: var(--dialog-background-color);
  padding: 4px; }
  .photo-upload-component .title-wrapper {
    margin-left: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #323338;
    color: var(--primary-text-color); }
    .photo-upload-component .title-wrapper h2 {
      margin-bottom: 4px; }
  .photo-upload-component .croppie-container {
    padding: 16px; }
  .photo-upload-component .button-wrapper {
    margin-top: 8px;
    text-align: right; }

.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;
  text-align: left;
  padding: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 444px; }
  .install-mobile-app-component.with-header {
    border-top: 4px solid #61caf7; }
  .install-mobile-app-component .install-mobile-app-close-button {
    font-size: 16px;
    text-align: right;
    position: absolute;
    color: gray;
    cursor: pointer;
    top: 8px;
    right: 11px; }
    .install-mobile-app-component .install-mobile-app-close-button:hover {
      color: #333333; }
  .install-mobile-app-component .install-mobile-app-header {
    font-size: 30px !important;
    display: flex;
    align-items: center;
    font-size: 16px; }
  .install-mobile-app-component .install-mobile-app-sub-header {
    font-size: 16px !important;
    padding-top: 16px;
    padding-bottom: 32px; }
  .install-mobile-app-component .intall-mobile-app-send-text-wrapper {
    display: flex;
    flex-flow: column;
    align-items: center; }
    .install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item {
      flex: 1 1 auto;
      display: flex;
      flex-direction: row;
      font-size: 16px; }
      .install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.valid .intl-tel-input {
        margin-right: 0px; }
    .install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left {
      justify-content: left;
      align-items: left; }
    .install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.right {
      justify-content: flex-end;
      padding-top: 40px;
      align-self: flex-end; }

.install-mobile-app-component .intall-mobile-app-send-text-wrapper .send-text-item.left,
.install-mobile-app-component-v2 .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-v2 .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-v2 .phone-input-wrapper .iti__flag-container,
  .install-mobile-app-component-v2 .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-v2 .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-v2 .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-v2 .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-v2 .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-v2 .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-v2 .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-v2 .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-v2 .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-v2 .phone-input-wrapper .error-tip {
    color: #e44258;
    color: var(--negative-color);
    font-size: 13px; }

.install-mobile-app-component-v2 .install-mobile-app-component-v2-inner {
  display: flex; }
  .install-mobile-app-component-v2 .install-mobile-app-component-v2-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-v2 .install-mobile-app-component-v2-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-v2 .install-mobile-app-component-v2-inner .right-side .header {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 32px;
      width: 264px;
      line-height: 30px; }
    .install-mobile-app-component-v2 .install-mobile-app-component-v2-inner .right-side .phone-input-wrapper {
      margin-bottom: 16px;
      height: unset; }
      .install-mobile-app-component-v2 .install-mobile-app-component-v2-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-v2 .install-mobile-app-component-v2-inner .right-side .logos {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 16px; }
      .install-mobile-app-component-v2 .install-mobile-app-component-v2-inner .right-side .logos .mobile-platform-logo {
        width: 20px;
        height: 20px;
        margin-right: 8px; }
      .install-mobile-app-component-v2 .install-mobile-app-component-v2-inner .right-side .logos .mobile-platform-text {
        font-size: 14px;
        color: #323338;
        color: var(--primary-text-color); }
        .install-mobile-app-component-v2 .install-mobile-app-component-v2-inner .right-side .logos .mobile-platform-text.last {
          margin-right: 16px; }
    .install-mobile-app-component-v2 .install-mobile-app-component-v2-inner .right-side .send-text-button {
      display: flex;
      justify-content: flex-end;
      margin-top: 34px; }

.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: #f1f1f1;
    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%; }

.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: #6e6e6e;
    background: #f1f1f1;
    padding: 20px 40px 20px 40px; }
    .upload-file-component .xls-upload-buttom-bar .import-xls-onboarding-red-highlight {
      margin-left: 1px;
      color: red; }

.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; }

.map-columns-title-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .map-columns-title-component img {
    width: auto;
    height: 49px; }
  .map-columns-title-component .map-columns-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 16px;
    margin-top: 16px; }
    .map-columns-title-component .map-columns-title-container h1 {
      font-weight: 500;
      font-size: 32px;
      letter-spacing: 0px; }
    .map-columns-title-component .map-columns-title-container h2 {
      font-weight: 400;
      font-size: 14px;
      letter-spacing: 0px; }

.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: 16px; }
    .map-columns-mapper-component .map-columns-mapper-titles .map-columns-mapper-title {
      flex: 1;
      font-weight: 400;
      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-bottom: 56px;
    height: 180px;
    padding-right: 4px;
    overflow: auto; }
    .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: 8px 0;
      color: #323338;
      color: var(--primary-text-on-secondary-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; }
        .map-columns-mapper-component .map-columns-mapper-content .map-columns-column-row .map-columns-column-item .map-columns-column-row-name {
          padding-left: 8px; }
        .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 .Select-menu {
            max-height: 130px; }
      .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; }

.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 {
    position: relative;
    font-size: 30px;
    display: block;
    width: 100%;
    padding: 16px; }
  .map-columns-component .map-columns-content-container {
    flex-grow: 1;
    align-self: center;
    padding: 16px 32px 32px 32px;
    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 .map-columns-title-checker .checkbox-label {
              font-weight: 300;
              margin-left: 8px; }
        .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; }

.import-excel-to-board-component {
  height: 100%;
  text-align: left; }
  .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; }

.import-loading-component {
  text-align: center;
  padding: 32px 32px 0px 32px; }
  .import-loading-component .import-loading-image {
    width: 435px;
    margin-bottom: 32px; }
  .import-loading-component .progress-bar-component {
    width: 80%;
    margin: auto;
    margin-bottom: 40px; }
  .import-loading-component .import-loading-header {
    margin-bottom: 32px; }
    .import-loading-component .import-loading-header .import-loading-title {
      font-weight: 500;
      font-size: 32px;
      color: #323338;
      color: var(--primary-text-color);
      margin-bottom: 16px; }
    .import-loading-component .import-loading-header .import-loading-subtitle {
      font-size: 16px;
      line-height: 24px;
      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; }

.map-columns-merger-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 520px;
  min-height: 454px;
  padding: 20px; }
  .map-columns-merger-component .map-columns-merger-component-select-section {
    margin-bottom: 120px; }
  .map-columns-merger-component .map-columns-merger-component-select-title {
    font-weight: 500;
    font-size: 16px; }
  .map-columns-merger-component .map-columns-separator {
    width: 100%;
    height: 1px;
    margin: 24px auto;
    background: #e6e9ef; }
  .map-columns-merger-component .xls-upload-title {
    font-size: 30px;
    margin-bottom: 10px;
    color: #323338;
    color: var(--primary-text-color); }
  .map-columns-merger-component .map-columns-merger-component-option {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400; }
    .map-columns-merger-component .map-columns-merger-component-option input[type=radio] {
      margin: 0; }
    .map-columns-merger-component .map-columns-merger-component-option span {
      margin-left: 7px; }
  .map-columns-merger-component .map-columns-merger-component-options {
    margin-top: 15px; }
  .map-columns-merger-component .map-columns-merger-column-select {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal; }
    .map-columns-merger-component .map-columns-merger-column-select .map-columns-merger-column-select-title {
      display: flex;
      flex-direction: row;
      align-items: center; }
    .map-columns-merger-component .map-columns-merger-column-select .map-columns-merger-column-select-options {
      margin-left: 7px;
      width: 176px; }

.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;
  height: calc(100% - 2px);
  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-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; } }

.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 .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; }


.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; }

.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;
    background-color: #ffffff;
    background-color: var(--primary-background-color); }
    .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: #e5f4ff; }
    .overview-section-settings-steps-component .step-container.disabled {
      background-color: #f7f7f7; }
      .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 #f2f2f2;
        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:hover .arrow-icon:not(.disabled) {
        color: #333333; }
      .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: #808080; }
        .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 #f1f1f1;
        padding-top: 16px; }
  .overview-section-settings-steps-component .container-border {
    border-radius: 8px;
    border: 1px solid #e6e9ef; }

.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; }

.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; }

.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; }


.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; }
  .import-xls-dialog-inner .import-xls-main-component-close-button {
    cursor: pointer;
    right: 15px;
    top: 10px;
    position: absolute; }
    .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; }

.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: #333333;
        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; }

.create-new-board-screen {
  opacity: 0; }
  .create-new-board-screen .tips-container .title-wrapper .welcome-title, .create-new-board-screen .tips-container .title-wrapper .new-button-hint {
    left: 70px;
    color: #333333;
    text-align: left;
    line-height: 31px; }
  .create-new-board-screen.loaded {
    transition: opacity 1s ease-in-out;
    opacity: 1; }

@-webkit-keyframes arrow-pointing {
  0% {
    left: 25px; }
  10% {
    left: 18px; }
  20% {
    left: 10px; }
  30% {
    left: 16px; }
  40% {
    left: 10px; }
  45% {
    left: 12px; }
  50% {
    left: 10px; }
  100% {
    left: 25px; } }

@keyframes arrow-pointing {
  0% {
    left: 25px; }
  10% {
    left: 18px; }
  20% {
    left: 10px; }
  30% {
    left: 16px; }
  40% {
    left: 10px; }
  45% {
    left: 12px; }
  50% {
    left: 10px; }
  100% {
    left: 25px; } }
  .create-new-board-screen .tips-container {
    position: relative;
    padding-left: 70px; }
    .create-new-board-screen .tips-container .title-wrapper {
      padding-top: 36px; }
      .create-new-board-screen .tips-container .title-wrapper .welcome-title {
        height: 31px;
        font-size: 30px;
        top: 0;
        font-weight: 500; }
      .create-new-board-screen .tips-container .title-wrapper .new-button-hint {
        font-size: 20px;
        margin-top: 10px; }
    .create-new-board-screen .tips-container .icon-arrow-left {
      transition: left 3s linear;
      position: absolute;
      font-size: 30px;
      top: 30px;
      -webkit-animation: arrow-pointing;
              animation: arrow-pointing;
      -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; }

/**
 * Makes an element stretch to its parent's bounds.
 *
 */
/**
 * Definition-list mixins
 *
**/
.templates-list-with-preview-new .templates-list-item,
.templates-multi-select-list-component .templates-list-item {
  padding-left: 24px;
  height: 49px;
  line-height: 49px;
  position: relative;
  color: #333333;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  display: flex; }
  .templates-list-with-preview-new .templates-list-item .icons-wrapper,
  .templates-multi-select-list-component .templates-list-item .icons-wrapper {
    position: relative; }
  .templates-list-with-preview-new .templates-list-item .item-icon,
  .templates-multi-select-list-component .templates-list-item .item-icon {
    padding-top: 2px;
    line-height: 49px;
    font-size: 20px;
    flex: 0 0 auto;
    color: #808080; }
  .templates-list-with-preview-new .templates-list-item .star-icon,
  .templates-multi-select-list-component .templates-list-item .star-icon {
    font-size: 10px;
    position: absolute;
    color: #ffcb00;
    bottom: 5px;
    right: 9px; }
  .templates-list-with-preview-new .templates-list-item .board-name,
  .templates-multi-select-list-component .templates-list-item .board-name {
    font-size: 14px;
    padding: 0 16px;
    line-height: 49px;
    flex: 1 1 auto; }
    .templates-list-with-preview-new .templates-list-item .board-name .board-name-title,
    .templates-multi-select-list-component .templates-list-item .board-name .board-name-title {
      width: 160px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .templates-list-with-preview-new .templates-list-item:hover:not(.during-create-other), .templates-list-with-preview-new .templates-list-item.selected:not(.during-create-other),
  .templates-multi-select-list-component .templates-list-item:hover:not(.during-create-other),
  .templates-multi-select-list-component .templates-list-item.selected:not(.during-create-other) {
    background-color: rgba(0, 169, 255, 0.08);
    color: #00a9ff;
    transition: all 0.05s ease-in-out; }
    .templates-list-with-preview-new .templates-list-item:hover:not(.during-create-other) .choose-template-button-container, .templates-list-with-preview-new .templates-list-item.selected:not(.during-create-other) .choose-template-button-container,
    .templates-multi-select-list-component .templates-list-item:hover:not(.during-create-other) .choose-template-button-container,
    .templates-multi-select-list-component .templates-list-item.selected:not(.during-create-other) .choose-template-button-container {
      font-size: 14px;
      display: block;
      position: absolute;
      right: 24px; }
    .templates-list-with-preview-new .templates-list-item:hover:not(.during-create-other)::after, .templates-list-with-preview-new .templates-list-item.selected:not(.during-create-other)::after,
    .templates-multi-select-list-component .templates-list-item:hover:not(.during-create-other)::after,
    .templates-multi-select-list-component .templates-list-item.selected:not(.during-create-other)::after {
      position: absolute;
      top: 0;
      left: 0;
      content: " ";
      width: 3px;
      height: 100%;
      background-color: #00a9ff; }
  .templates-list-with-preview-new .templates-list-item .choose-template-button-container,
  .templates-multi-select-list-component .templates-list-item .choose-template-button-container {
    display: none;
    flex: 0 0 auto; }
    .templates-list-with-preview-new .templates-list-item .choose-template-button-container .choose-template-button,
    .templates-multi-select-list-component .templates-list-item .choose-template-button-container .choose-template-button {
      margin-bottom: 2px; }

.templates-list-category {
  line-height: 49px;
  height: 49px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 16px;
  cursor: pointer;
  vertical-align: middle;
  position: relative; }
  .templates-list-category:hover {
    color: #00a9ff; }
  .templates-list-category.collapsed .category-arrow {
    transform: rotateZ(0deg);
    transform-origin: center; }
  .templates-list-category .category-arrow {
    margin-top: 8px;
    margin-left: 11px;
    color: #c4c4c4;
    position: relative;
    bottom: 1px;
    font-size: 10px;
    transform: rotateZ(90deg);
    transition: transform 0.1s ease-in-out;
    cursor: pointer; }
  .templates-list-category .category-name {
    padding-left: 8px; }
  .templates-list-category .template-list-category-icon {
    font-size: 70px;
    color: #a358df;
    position: absolute;
    margin-left: 50px;
    top: -8px; }

.templates-left-menu-section-component {
  width: 100%;
  padding-bottom: 16px; }
  .templates-left-menu-section-component:first-of-type:not(.hide-bottom-border) {
    border-bottom: 1px solid #f1f1f1; }
  .templates-left-menu-section-component .section-title {
    line-height: 49px;
    margin-left: 24px;
    margin-right: 24px;
    font-size: 24px; }

.template-title-component .choose-a-template-title {
  font-size: 29px;
  font-weight: 400;
  position: relative;
  text-align: left;
  color: #333333;
  margin-left: 6px;
  margin-top: 32px; }
  .template-title-component .choose-a-template-title .bundle-number-of-templates {
    font-size: 20px;
    font-weight: 300; }
  .template-title-component .choose-a-template-title.smaller-text {
    font-size: 24px;
    font-weight: 300; }

.template-title-component .template-id {
  margin-left: 6px;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text; }

.template-title-component .choose-a-template-title-shadow {
  position: absolute;
  top: -45px;
  color: #f7f7f7;
  white-space: nowrap;
  font-weight: 500;
  font-size: 120px;
  width: 100%;
  overflow: hidden; }

.template-image-component {
  height: 550px; }
  @media (max-height: 800px) {
    .template-image-component {
      height: 430px; } }
  .template-image-component .template-image {
    width: 90%;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    border: 1px solid #f1f1f1;
    margin: auto;
    display: block;
    padding: 16px;
    background: #ffffff; }
    .template-image-component .template-image.account-template {
      position: absolute;
      left: 75px;
      border: none;
      width: 450px; }
  .template-image-component.ie-browser .template-image {
    max-width: 100% !important;
    zoom: 100% !important; }

.selected-template-info-component .template-description {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 24px 0 40px 34px; }
  .selected-template-info-component .template-description .template-description-image {
    margin-right: 16px; }
  .selected-template-info-component .template-description .template-description-content {
    max-width: 748px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .selected-template-info-component .template-description .template-description-content .template-description-title {
      margin-bottom: 8px;
      font-size: 18px;
      line-height: 27px; }
    .selected-template-info-component .template-description .template-description-content .template-description-bullets {
      margin-left: 16px;
      list-style: none;
      margin-left: 0;
      padding-left: 0; }
      .selected-template-info-component .template-description .template-description-content .template-description-bullets .template-description-bullet:before {
        content: "-";
        padding-right: 8px; }

@-moz-document url-prefix() {
  .selected-template-info-component .template-description {
    position: absolute;
    bottom: 0px; } }

.template-testimonial-component {
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 16px 0 rgba(0, 0, 0, 0.2);
  margin: 40px auto 0 auto;
  padding: 24px;
  position: relative;
  box-sizing: border-box;
  max-width: 800px;
  border-radius: 4px; }
  .template-testimonial-component:after {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    top: 2px;
    left: 50%;
    box-sizing: border-box;
    border: 1em solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 2px -2px 4px -2px rgba(0, 0, 0, 0.2); }
  .template-testimonial-component .template-testimonial-image-wrapper {
    margin-right: 24px;
    vertical-align: middle;
    border-radius: 100%;
    border: 8px solid #a358df;
    width: 118px;
    height: 118px;
    background-size: 102% 102%;
    background-position: -1px; }
  .template-testimonial-component .template-testimonial-content {
    max-width: 600px; }
    .template-testimonial-component .template-testimonial-content .template-testimonial-title {
      font-weight: 400;
      margin-bottom: 16px; }

.templates-store-footer-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }
  .templates-store-footer-wrapper .buttons {
    display: flex;
    align-items: center;
    align-self: flex-end;
    margin-right: 36px; }

.template-title-component.description .user-meta-data-info {
  display: flex;
  flex-flow: row wrap;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 1.6; }

.template-title-component.description .profile-pic {
  height: 48px;
  width: 48px;
  border: 1px solid white;
  border-radius: 48px; }

.template-title-component.description .user-timestamps {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column wrap;
  padding-left: 16px; }

.template-title-component.description .last-updated-at {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px; }
  .template-title-component.description .last-updated-at .icon-dapulse-time {
    font-size: 18px;
    position: absolute; }
  .template-title-component.description .last-updated-at .time-ago {
    padding-left: 24px;
    line-height: 2; }

.template-title-component.description .created-at {
  font-size: 16px; }

.template-title-component.description .user-name {
  color: #0085ff;
  color: var(--primary-color); }

.template-title-component.description .closed-workspace-warning {
  background-color: #e5f4ff;
  border-radius: 8px;
  padding: 24px;
  display: flex; }
  .template-title-component.description .closed-workspace-warning .warning-text {
    margin-left: 24px; }
    .template-title-component.description .closed-workspace-warning .warning-text .warning-title {
      font-size: 18px;
      font-weight: 500; }
    .template-title-component.description .closed-workspace-warning .warning-text .warning-subtitle {
      font-size: 14px; }

.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; }

.default-template-info-component {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  .default-template-info-component .template-footer {
    margin-bottom: 24px; }
  .default-template-info-component .user-feedback-question {
    position: absolute;
    margin-top: 24px;
    bottom: 0;
    height: 24px;
    width: 100%;
    background: #ffffff;
    padding-bottom: 32px;
    padding-top: 16px;
    display: flex;
    justify-content: center; }
    .default-template-info-component .user-feedback-question .user-feedback-link {
      padding-left: 4px;
      cursor: pointer; }
  .default-template-info-component .image-wrapper::-webkit-scrollbar {
    height: 8px; }
  .default-template-info-component .image-wrapper::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 8px; }

.user-feedback-form-wrapper .user-feedback-go-back {
  position: absolute;
  left: 20px;
  top: 16px;
  z-index: 1000;
  cursor: pointer; }

.excel-template-info-component {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  .excel-template-info-component .import-from-excel-container {
    flex: 1 1 0px;
    height: 100%;
    margin: auto;
    margin-top: 40px;
    width: 100%;
    height: 100%;
    position: relative; }

.account-template-info-component {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.selected-template-info-component {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  .selected-template-info-component .image-wrapper {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    transform: translateY(10px);
    opacity: 1;
    transition: transform 0.6s, opacity 0.6s; }
    .selected-template-info-component .image-wrapper.selected {
      display: block;
      opacity: 1;
      visibility: visible;
      width: 100%;
      height: auto;
      transform: translateY(0px); }
      .selected-template-info-component .image-wrapper.selected.template_store {
        width: 100%;
        overflow: scroll;
        margin-left: 4px; }
        .selected-template-info-component .image-wrapper.selected.template_store .template-image-component .template-image {
          zoom: 50%;
          padding-bottom: 40px;
          padding-right: 32px;
          padding-top: 0;
          margin: 0;
          margin-left: 60px;
          width: auto;
          -moz-transform: scale(0.5);
          -moz-transform-origin: top left; }
  .selected-template-info-component .import-from-excel-container {
    flex: 1 1 0px;
    height: 100%;
    margin: auto;
    margin-top: 40px;
    width: 100%;
    height: 100%;
    position: relative; }

.sections-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  opacity: 0;
  transition: opacity 50ms ease-in-out; }
  .sections-wrapper .iScrollVerticalScrollbar.iScrollLoneScrollbar .iScrollIndicator {
    background-color: #c4c4c4; }

.sections-wrapper:hover .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  opacity: 1; }

.quick-start-section {
  padding-top: 16px;
  display: inline-block; }

.templates-sections {
  transition: all 0.3s ease-in-out;
  flex: 0 0 304px;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  border-right: 1px solid #f1f1f1; }
  .templates-sections .templates-filter-wrapper {
    padding: 0 16px;
    width: 100%; }
  .templates-sections .filter-empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 160px 24px 0;
    flex-wrap: wrap; }
  .templates-sections .back-to-layouts {
    cursor: pointer;
    color: #0085ff;
    color: var(--primary-color);
    font-size: 16px;
    padding: 16px 16px 16px 24px;
    border-bottom: #f1f1f1 solid 1px; }
    .templates-sections .back-to-layouts:hover {
      color: #61caf7; }
  .templates-sections .all-templates-section {
    padding-top: 16px; }
    .templates-sections .all-templates-section .templates-list {
      padding-top: 0; }
    .templates-sections .all-templates-section .show-more-templates-button-container {
      display: flex;
      justify-content: center;
      margin-top: 20px; }
      .templates-sections .all-templates-section .show-more-templates-button-container .show-more-arrow {
        margin-left: 10px;
        font-size: 12px;
        transform: rotateZ(90deg); }

.templates-list-with-preview-new {
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default; }
  .templates-list-with-preview-new .templates-sections {
    transition: all 0.3s ease-in-out;
    flex: 0 0 304px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-right: 1px solid #f1f1f1; }
    .templates-list-with-preview-new .templates-sections .quick-start-section {
      padding-top: 16px;
      display: inline-block; }
    .templates-list-with-preview-new .templates-sections .all-templates-section {
      padding-top: 16px; }
      .templates-list-with-preview-new .templates-sections .all-templates-section .templates-list {
        padding-top: 0; }
      .templates-list-with-preview-new .templates-sections .all-templates-section .show-more-templates-button-container {
        display: flex;
        justify-content: center;
        margin-top: 20px; }
        .templates-list-with-preview-new .templates-sections .all-templates-section .show-more-templates-button-container .show-more-templates-button {
          border: none;
          font-size: 14px; }
        .templates-list-with-preview-new .templates-sections .all-templates-section .show-more-templates-button-container .show-more-arrow {
          margin-left: 10px;
          font-size: 12px;
          transform: rotateZ(90deg); }
  .templates-list-with-preview-new .selected-template-image-container {
    flex: 1 1 0px;
    height: 100%;
    width: calc(100% - 304px);
    background-color: #ffffff;
    position: relative;
    box-shadow: inset 8px -2px 5px -3px #f1f1f1; }
    .templates-list-with-preview-new .selected-template-image-container .template-title-component {
      position: relative;
      width: 100%;
      margin-top: 40px;
      margin-bottom: 16px;
      padding-left: 5%;
      padding-right: 5%; }
  .templates-list-with-preview-new.during-xls-import .sections-wrapper {
    flex: 0 0 0px; }
  .templates-list-with-preview-new.during-xls-import .selected-template-image-container {
    width: 100%; }
  .templates-list-with-preview-new.during-xls-import .template-title-component {
    transition: all 0.3s ease-in-out;
    opacity: 0;
    height: 0px;
    margin: 0px; }
    .templates-list-with-preview-new.during-xls-import .template-title-component .choose-a-template-title {
      margin-left: 0;
      margin-top: 0; }
  .templates-list-with-preview-new.during-xls-import .import-from-excel-container {
    margin-top: 0; }

.create-board-from-templates-modal {
  left: 250px;
  position: absolute;
  outline: none; }
  @media (max-width: 1400px) {
    .create-board-from-templates-modal {
      left: 200px; } }

.show-single-template-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  flex-direction: column; }
  .show-single-template-wrapper .close-create-board-with-template-icon {
    position: absolute;
    cursor: pointer;
    top: 16px;
    right: 22px;
    color: #676879;
    color: var(--secondary-text-color); }
    .show-single-template-wrapper .close-create-board-with-template-icon:hover {
      color: #0071d9;
      color: var(--primary-hover-color); }
  .show-single-template-wrapper .selected-template-image-container {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    box-shadow: inset 8px -2px 5px -3px #f1f1f1;
    margin-bottom: 40px; }
    .show-single-template-wrapper .selected-template-image-container .template-image-component {
      width: 100%;
      overflow-x: scroll; }
      .show-single-template-wrapper .selected-template-image-container .template-image-component .template-image {
        max-height: 60vh;
        width: auto;
        box-shadow: none; }
    .show-single-template-wrapper .selected-template-image-container .selected-template-info-component .image-wrapper.selected.template_store .template-image-component {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      overflow-x: scroll; }
      .show-single-template-wrapper .selected-template-image-container .selected-template-info-component .image-wrapper.selected.template_store .template-image-component .template-image {
        zoom: normal;
        -moz-transform: none; }
    .show-single-template-wrapper .selected-template-image-container .template-title-component {
      position: relative;
      width: 100%;
      margin-top: 40px;
      margin-bottom: 16px;
      margin-left: 5%; }
  .show-single-template-wrapper .show-single-template-options {
    display: flex;
    justify-content: center; }
    .show-single-template-wrapper .show-single-template-options .show-more-templates {
      padding-right: 40px;
      padding-top: 8px;
      cursor: pointer; }
    .show-single-template-wrapper .show-single-template-options .create-board {
      display: flex;
      justify-content: center; }

.specific-template-screen-component {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  .specific-template-screen-component .specific-template-screen-component-header {
    text-align: center;
    margin-bottom: 64px; }
    .specific-template-screen-component .specific-template-screen-component-header .first-header {
      font-size: 34px;
      color: #333333;
      line-height: 40px; }
    .specific-template-screen-component .specific-template-screen-component-header .second-header {
      font-size: 34px;
      color: #333333;
      font-weight: bold; }
    .specific-template-screen-component .specific-template-screen-component-header .third-header {
      padding-top: 13px;
      font-size: 20px;
      color: #333333; }
  .specific-template-screen-component .items-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 157px; }
    .specific-template-screen-component .items-list .board-item {
      border-radius: 6px;
      margin-right: 22px;
      margin-left: 22px;
      margin-bottom: 32px;
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer; }
      .specific-template-screen-component .items-list .board-item:hover .board-image-wrapper .board-image {
        opacity: 0.2; }
      .specific-template-screen-component .items-list .board-item:hover .board-image-wrapper .button-wrapper .use-template-button {
        display: block; }
      .specific-template-screen-component .items-list .board-item .board-image-wrapper {
        position: relative; }
        .specific-template-screen-component .items-list .board-item .board-image-wrapper .board-image {
          height: 150px;
          width: 260px;
          transition: opacity 0.2s ease-in-out;
          opacity: 1; }
        .specific-template-screen-component .items-list .board-item .board-image-wrapper .button-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          .specific-template-screen-component .items-list .board-item .board-image-wrapper .button-wrapper .use-template-button {
            display: none; }
      .specific-template-screen-component .items-list .board-item .board-name {
        font-size: 16px;
        font-weight: bold;
        margin-top: 16px; }
      .specific-template-screen-component .items-list .board-item .recommended-indicator {
        position: absolute;
        top: -16px;
        left: 0;
        right: 0;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        color: #ffffff; }
        .specific-template-screen-component .items-list .board-item .recommended-indicator span {
          background: #f65f7c;
          padding: 4px 16px;
          border-radius: 16px; }

.choose-manage-type-component {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .choose-manage-type-component .single-manage-type {
    padding: 8px 16px;
    border: 1px solid #e6e9ef;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer; }

.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-input-component {
  margin-bottom: 40px;
  text-align: center;
  width: 100%; }
  .template-input-component .template-inputs-wrapper .monday-light-input-component {
    margin-bottom: 24px; }

.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; }

.insert-data-to-template-component {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 500px; }
  .insert-data-to-template-component.align-button-left .template-input-wrapper .template-input-and-buttons-wrapper {
    align-items: flex-start; }
  .insert-data-to-template-component .template-input-wrapper,
  .insert-data-to-template-component .template-image-wrapper {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .insert-data-to-template-component .template-image-wrapper {
    position: relative; }
    .insert-data-to-template-component .template-image-wrapper .template-confetti {
      position: absolute;
      right: 0;
      width: 100%; }
  .insert-data-to-template-component .template-input-wrapper {
    flex-direction: column; }
    .insert-data-to-template-component .template-input-wrapper .template-input-and-buttons-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 430px; }
    .insert-data-to-template-component .template-input-wrapper .template-input-buttons-wrapper {
      display: flex;
      justify-content: flex-end; }
    .insert-data-to-template-component .template-input-wrapper .template-input-header-wrapper {
      margin-bottom: 40px;
      text-align: left;
      align-self: flex-start; }
      .insert-data-to-template-component .template-input-wrapper .template-input-header-wrapper .template-input-header {
        font-size: 40px;
        font-weight: 500;
        line-height: 42px;
        width: 336px;
        margin-bottom: 16px; }
      .insert-data-to-template-component .template-input-wrapper .template-input-header-wrapper .template-input-subheader {
        font-size: 16px; }

.create-first-board-options-modal-component {
  padding: 56px;
  width: 100%;
  height: 100%; }
  .create-first-board-options-modal-component .close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    z-index: 1;
    color: #333333; }
    .create-first-board-options-modal-component .close-button:hover {
      color: #c4c4c4; }
  .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 32px; }
  .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-import-block-title {
      font-size: 24px;
      display: flex;
      margin-right: 32px; }
    .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-import-block-subtitle {
      font-size: 14px;
      display: flex;
      margin-right: 32px; }
    .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 368px; }
      .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile {
        height: 48px;
        width: 352px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        margin: 8px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.166242); }
        .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile:hover {
          cursor: pointer;
          opacity: 0.9; }
        .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile .import-logo {
          height: 41px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
          .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile .import-logo.trello {
            height: 24px !important; }
          .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile .import-logo.basecamp {
            height: 64px !important; }
          .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile .import-logo.googleSheets {
            height: 64px !important; }
          .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-options-app-tiles .import-app-tile .import-logo.asana {
            height: 44px !important; }
    .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-weight: 300;
      font-size: 24px;
      padding: 57px;
      width: 526px; }
      .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper.with-right-border {
        border-right: 1px solid #e6e9ef; }
      .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper .create-first-board-block-header-wrapper {
        font-size: 24px;
        display: flex;
        flex-direction: column;
        margin-bottom: 46px;
        align-items: center;
        height: 56px; }
      .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper .create-first-board-block-content-wrapper {
        width: 374px; }
        .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper .create-first-board-block-content-wrapper .templates-cards-image {
          width: 100%; }
          .create-first-board-options-modal-component .create-first-board-options-modal-wrapper .create-first-board-options-modal-content .create-first-board-block-wrapper .create-first-board-block-content-wrapper .templates-cards-image:hover {
            cursor: pointer;
            opacity: 0.9; }

.new-layout .create-board-from-templates-container .on-boarding-with-templates-container {
  left: 321px; }
  .new-layout .create-board-from-templates-container .on-boarding-with-templates-container.top-bar-open {
    top: 40px; }
  .new-layout .create-board-from-templates-container .on-boarding-with-templates-container.secondary-surface-control-open {
    left: 371px; }

.create-board-from-templates-container .on-boarding-with-templates-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 10199;
  display: flex; }

#header_wrapper .header_block_cover {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 20001; }

#pulse_bar .left_nav_block_cover {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }

.surface-control-component .surface-control-on-boarding-cover {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }

.home-control-component .home-control-on-boarding-cover {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }

.home-control-component .virtual-list-component .ReactVirtualized__Grid.ReactVirtualized__List {
  will-change: auto !important; }

.home-control-component .new-enabled-button-wrapper.onboarding,
.home-control-component .new-boards-list-button.onboarding {
  z-index: 101; }

.leftpane-component .leftpane-on-boarding-cover {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }

.leftpane-component .leftpane-boards-list-component .ReactVirtualized__Grid.ReactVirtualized__List {
  will-change: auto !important; }

.leftpane-component .leftpane-create-board-folder-button-wrapper.onboarding {
  z-index: 101; }
  .leftpane-component .leftpane-create-board-folder-button-wrapper.onboarding:hover {
    background-color: #eeeeee; }

.pulse_list_bar .top_lists_wrapper .add_new_board_btn.onboarding_mode {
  border-color: #c4c4c4 !important;
  background: #fff !important; }
  .pulse_list_bar .top_lists_wrapper .add_new_board_btn.onboarding_mode:hover {
    background: #eeeeee !important; }

.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;
  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; }

.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;
  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; }
  .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; }

.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; } }

.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%; } }

.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; }

.files-uploader-component {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1000004; }
  .files-uploader-component.hidden-files-uploader-component {
    display: none; }

.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 .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-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; }
    .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 {
    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; }
  .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; }
  .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;
    width: 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: 16px; }
    .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; }

.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;
      width: 100%; }
      .free-tier-component .free-tier-internal-container .buttons .earn-items-btn-square {
        margin-top: 8px;
        width: 100%; }
      .free-tier-component .free-tier-internal-container .buttons .earn-items-btn {
        font-size: 14px;
        line-height: 22px;
        color: #00ca72;
        cursor: pointer;
        margin-top: 8px;
        width: 100%;
        white-space: pre-wrap;
        text-align: center; }
        .free-tier-component .free-tier-internal-container .buttons .earn-items-btn:hover {
          color: #037f4c; }

.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); }


/* 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; }
  .surface-navigation-action-item-component:hover {
    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; }

li.notification {
  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; }
    li.notification > a .content {
      display: flex;
      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 .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: 64px;
      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; }
  .surface-navigation-dialog-item-component:hover {
    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: 5px 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-wrapper {
    padding-top: 16px; }
    .surface-workspaces-list-component .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-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; }

/* 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; }

.end-of-year-feature-button-tip-component {
  background-color: #595ad4;
  border-radius: 8px;
  position: relative;
  padding: 24px 32px;
  color: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.32);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .end-of-year-feature-button-tip-component::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    left: -8px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    background-color: #595ad4; }
  .end-of-year-feature-button-tip-component .close-icon {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 12px;
    cursor: pointer; }
  .end-of-year-feature-button-tip-component .title {
    font-weight: 500;
    font-size: 16px; }
  .end-of-year-feature-button-tip-component .content {
    margin-top: 8px;
    font-size: 14px; }

.end-of-year-feature-button-component {
  height: 130px;
  width: 45px;
  background: #a358df;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  transition: background-color 200ms ease;
  font-family: "sofia-pro", "Roboto"; }
  .end-of-year-feature-button-component:hover {
    background-color: #9743db; }
  .end-of-year-feature-button-component .button-text {
    transform: rotate(-90deg);
    color: #ffffff;
    font-size: 14px;
    white-space: nowrap; }
    .end-of-year-feature-button-component .button-text .year {
      margin-left: 4px;
      font-size: 16px;
      font-weight: 700; }

.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 .cross-board-menu {
            position: static;
            margin-bottom: 24px;
            text-align: right; }
            .surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .cross-board-menu .archive-btn {
              color: #ffffff;
              cursor: pointer; }
              .surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .cross-board-menu .archive-btn .icon-dapulse-checkbox {
                margin-right: 8px; }
            .surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .cross-board-menu .settings-btn {
              z-index: 0; }
          .surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .board-content-component {
            padding-bottom: 0px; }
            .surface-content-component .surface-search-content .search-everything-content #cross-board-scrollable .react-cross-board-component .board-content-component .cross-board-no-results-message {
              color: #ffffff;
              padding-left: 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; }
    .search-everything-content .search_menu .right_section {
      right: 10px; }
      .search-everything-content .search_menu .right_section .close_search_btn {
        font-size: 12px; }
  .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 {
  text-align: center; }
  .search-everything-content .search_page.home_screen .homescreen_wrapper {
    padding: 20px;
    margin-top: 64px;
    display: inline-block; }
    @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: 10px;
      vertical-align: top;
      text-align: left;
      min-height: 300px;
      width: 300px;
      margin: 0px 5px; }
      @media (max-width: 1500px) {
        .search-everything-content .search_page.home_screen .homescreen_wrapper .searches_section {
          width: 250px; } }
      .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.fa-bolt {
            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 .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 .homescreen_wrapper .user_searches .search-home-screen-profile-image {
        width: 40px;
        height: 40px;
        margin-right: 16px; }
      .search-everything-content .search_page.home_screen .homescreen_wrapper .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 .homescreen_wrapper .user_searches .search_item {
        display: inline-block;
        vertical-align: middle; }
        .search-everything-content .search_page.home_screen .homescreen_wrapper .user_searches .search_item .search_link {
          display: inline-block; }
          .search-everything-content .search_page.home_screen .homescreen_wrapper .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 .homescreen_wrapper .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; }
  .home-control-component .home-control-unified-board-item-wrapper,
  .home-control-component .home-control-unified-folder-item-component-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); } }

.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 .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 .arrow-icon {
        margin-left: auto;
        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).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-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).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).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).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: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-top: 2px;
      border-radius: 4px;
      color: #323338;
      color: var(--primary-text-color);
      transition: right 0.2s ease;
      cursor: pointer;
      justify-content: center;
      width: 26px;
      height: 26px;
      margin-left: 8px; }
      .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:hover .boards-filter-icon-wrapper .filter-icon,
  .boards-list-header-component:hover .boards-list-bolt-switch {
    visibility: visible; }
  .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; }

.home-workspace-items-title-component {
  width: 100%; }
  .home-workspace-items-title-component .home-workspace-items-header {
    height: 64px;
    padding: 0 24px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 16px 8px 14px;
    padding: 0px 4px;
    border-radius: 4px;
    height: 42px; }
    .home-workspace-items-title-component .home-workspace-items-header:hover {
      background-color: #e6e9ef;
      background-color: var(--primary-background-hover-color); }
      .home-workspace-items-title-component .home-workspace-items-header:hover .workspace-menu {
        display: flex; }
      .home-workspace-items-title-component .home-workspace-items-header:hover .workspace-permission-icon-wrapper {
        background-color: #e6e9ef;
        background-color: var(--primary-background-hover-color); }
    .home-workspace-items-title-component .home-workspace-items-header .workspace-content {
      display: flex;
      align-items: center;
      cursor: pointer;
      width: 100%; }
      .home-workspace-items-title-component .home-workspace-items-header .workspace-content .workspace-icon-container {
        font-size: 22px;
        margin-right: 16px;
        margin-right: 4px; }
      .home-workspace-items-title-component .home-workspace-items-header .workspace-content .workspace-item-name-wrapper {
        flex-grow: 1;
        height: auto;
        overflow: hidden;
        width: 120px;
        font-size: 16px;
        font-weight: 600; }
    .home-workspace-items-title-component .home-workspace-items-header .workspace-menu {
      display: none;
      margin-right: 2px;
      align-items: center; }
      .home-workspace-items-title-component .home-workspace-items-header .workspace-menu.is-open {
        display: flex; }
      .home-workspace-items-title-component .home-workspace-items-header .workspace-menu .workspace-item-menu-wrapper .ds-menu-button {
        padding-top: 13px; }
      .home-workspace-items-title-component .home-workspace-items-header .workspace-menu .new-button-wrapper {
        margin-left: 5px; }
  .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-header {
  height: 64px;
  padding: 0 24px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .home-favorites-items-header .favorites-header {
    display: flex; }
    .home-favorites-items-header .favorites-header .favorite-title {
      flex-grow: 1;
      height: auto;
      overflow: hidden;
      width: 120px;
      font-size: 16px;
      font-weight: 600; }

.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; }
    .home-control-unified-boards-list-component .home-control-unified-boards-virtualized-list .virtual-list-component::-webkit-scrollbar {
      width: 6px; }
    .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; }

.workspace-item-component {
  display: flex;
  align-items: center;
  height: 34px; }
  .workspace-item-component.is-sticky {
    width: 255px; }
  .workspace-item-component .workspace-item-wrapper {
    display: flex;
    flex-grow: 1;
    height: 100%;
    align-items: center;
    padding: 0 16px 0 6px;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
    min-width: 0;
    overflow: hidden; }
    .workspace-item-component .workspace-item-wrapper > *:not(:last-child) {
      margin-right: 6px; }
    .workspace-item-component .workspace-item-wrapper .workspace-item-name-wrapper {
      flex-grow: 1;
      height: auto;
      overflow: hidden; }
      .workspace-item-component .workspace-item-wrapper .workspace-item-name-wrapper .workspace-item-name {
        font-size: 16px;
        font-weight: 500; }
        .workspace-item-component .workspace-item-wrapper .workspace-item-name-wrapper .workspace-item-name.not-subscribed:not(:hover) {
          color: #676879;
          color: var(--secondary-text-color); }
    .workspace-item-component .workspace-item-wrapper .new-button-wrapper {
      height: 100%;
      flex-shrink: 0; }
    .workspace-item-component .workspace-item-wrapper:hover {
      color: #0085ff;
      color: var(--primary-color); }
    .workspace-item-component .workspace-item-wrapper .ellipsis {
      transform: translateY(7px); }
    .workspace-item-component .workspace-item-wrapper .leftpane-workspace-button {
      width: 22px;
      height: 22px;
      text-align: center;
      vertical-align: middle;
      line-height: 22px;
      border-radius: 50%; }
    .workspace-item-component .workspace-item-wrapper .top-new-button-component .new-boards-list-button {
      font-size: 22px; }
  .workspace-item-component:not(.is-menu-open) .workspace-item-menu-wrapper {
    display: none; }
  .workspace-item-component:not(.is-menu-open):hover .workspace-item-menu-wrapper {
    display: block; }
  .workspace-item-component.collapsed:not(.is-menu-open) .new-button-wrapper {
    display: none; }
  .workspace-item-component.collapsed:hover .new-button-wrapper {
    display: block; }
  .workspace-item-component .collapse-worksapce {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #323338;
    color: var(--primary-text-color);
    flex-shrink: 0;
    width: 22px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    flex-basis: 10px; }
    .workspace-item-component .collapse-worksapce:hover {
      color: #0085ff;
      color: var(--primary-color); }
  .workspace-item-component:hover .collapse-worksapce {
    flex-basis: 22px;
    transform: scale(1); }
  .workspace-item-component.is-selected:not(.is-renaming) .workspace-item-wrapper {
    background-color: #e5f4ff;
    background-color: var(--primary-selected-color);
    color: #0085ff;
    color: var(--primary-color); }
  .workspace-item-component.is-selected:not(.is-renaming) .workspace-permission-icon-inner {
    background-color: #e5f4ff;
    background-color: var(--primary-selected-color); }
  .workspace-item-component.is-selected:not(.is-renaming) .ds-menu-button:hover, .workspace-item-component.is-selected:not(.is-renaming) .ds-menu-button.open {
    background-color: #ffffff !important;
    background-color: var(--primary-background-color) !important; }

.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 {
  font-size: 13px;
  text-align: center;
  color: #9699a6;
  padding: 8px 0; }
  .workspace-empty-state-component.should-hide {
    display: none; }
  .workspace-empty-state-component.is-workspaces-redesign {
    font-size: unset;
    color: unset; }

.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; }