.form-new .loading-message {
  margin-top: 20px;
}
.form-new .form-error-messages .error-message:first-of-type {
  margin-top: 20px;
}
.form-new__button-group {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.form-new__button-group .button-new {
  margin-left: 10px;
}
.form-new__button-group .button-new:first-of-type {
  margin-left: 0;
}
.form-new__section__input-block:not(:last-of-type) {
  margin-bottom: 20px;
}
.form-new .text {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .form-new__section__input-block:not(:last-of-type) {
    margin-bottom: 0;
  }
}

.add-new-form-row-button {
  color: #4d70ff;
  cursor: pointer;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 14px;
  height: 16px;
  width: fit-content;
  display: flex;
  align-items: center;
}
.add-new-form-row-button svg {
  margin-right: 6px;
  height: 16px;
  width: 16px;
  color: #4d70ff;
}

.card-new {
  background-color: #f8f9fc;
  border-radius: 4px;
  padding: 20px 16px;
}
.card-new__heading {
  margin-bottom: 20px !important;
  color: #1F2027 !important;
  margin-top: 0;
}
.card-new__text {
  color: #516173;
}
.card-new__text--faded {
  color: #9fa2b0;
}
.card-new-group .card-new {
  border-radius: 0;
}
.card-new-group .card-new:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card-new-group .card-new:not(:last-child) {
  border-bottom: 1px solid #dae2eb;
}
.card-new-group .card-new:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card-new-group--inline {
  display: flex;
  justify-content: space-between;
}
.card-new-group--heading {
  margin-bottom: 12px;
}
.card-new__header {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card-new .icon {
  color: #4d70ff;
}
@media only screen and (min-width: 768px) {
  .card-new {
    padding: 24px 32px;
  }
}

.heading {
  color: #1e2127;
  line-height: 1.33;
  margin: 0;
  align-items: center;
}
h2.heading {
  font-size: 24px;
}
h3.heading {
  font-size: 18px;
}
h4.heading {
  font-size: 14px;
}
.heading--bold {
  font-weight: 600;
}
.heading--italic {
  font-style: italic;
}

.text {
  color: #1e2127;
  line-height: 22px;
  font-weight: 300;
}
.text--bold {
  font-weight: 600;
}
.text--italic {
  font-style: italic;
}
.text--grey {
  color: #7f8fa4;
}
.text--green {
  color: #21c056;
}
.text--blue {
  color: #4d70ff;
}
.text--red {
  color: #ec2a2a;
}
.text--disabled {
  color: #7f8fa4;
  margin: 0 !important;
  line-height: 16px;
}

.page-divider {
  opacity: 0.2;
  border: none;
}
.page-divider--horizontal {
  border-top: 1px solid #7f8fa4;
  margin: 32px 0 28px;
  width: 100%;
  height: 0;
}
.page-divider--vertical {
  border-left: 1px solid #7f8fa4;
  margin: 0 24px;
  width: 0;
  height: 100%;
}

.summary {
  margin-bottom: 8px;
}
.summary__cell {
  font-size: 16px;
  line-height: 27px;
  color: #1F2027;
  word-break: break-word;
}
.summary__cell:first-child {
  font-weight: 300;
}
.summary__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 2px;
  grid-column-gap: 10px;
}
@media only screen and (min-width: 576px) {
  .summary__row {
    grid-template-columns: 1.1fr 2.65fr;
    grid-gap: 30px;
  }
}
.summary__row.summary--margin-bottom {
  margin-bottom: 20px;
}
.summary__row .summary__cell--bold {
  color: #000;
}
.summary__row .summary__cell--disabled {
  color: rgba(65, 89, 255, 0.5) !important;
}
.summary__row .summary__cell--danger-text {
  color: #f85359;
}
.summary__row .summary__cell .summary__cell__link {
  color: #4159FF;
  text-decoration: none;
}
.summary__row--full-view {
  justify-content: space-between;
  /* stylelint-disable-next-line no-descending-specificity */
}
.summary__row--full-view .summary__cell:nth-child(even) {
  text-align: right;
}
@media only screen and (min-width: 576px) {
  .summary__row {
    grid-column-gap: 20px;
  }
}

/* stylelint-disable no-descending-specificity */
.button-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  color: #4d70ff;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.57;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none;
}
button.button-new,
[type='button'].button-new,
[type='submit'].button-new,
[type='reset'].button-new {
  appearance: none;
}
.button-new--blue,
.button-new--grey,
.button-new--green,
.button-new--white,
.button-new--transparent {
  font-weight: 600;
  line-height: 1.43;
  padding: 0.4375rem 1.125rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.button-new--blue:disabled,
.button-new--grey:disabled,
.button-new--green:disabled,
.button-new--white:disabled,
.button-new--transparent:disabled {
  background-color: rgba(30, 33, 39, 0.04);
}
.button-new--blue:disabled,
.button-new--grey:disabled,
.button-new--green:disabled,
.button-new--white:disabled,
.button-new--transparent:disabled,
a.button-new--blue:disabled:hover,
a.button-new--grey:disabled:hover,
a.button-new--green:disabled:hover,
a.button-new--white:disabled:hover,
a.button-new--transparent:disabled:hover {
  color: rgba(0, 0, 0, 0.2);
}
.button-new--blue svg,
.button-new--grey svg,
.button-new--green svg,
.button-new--white svg,
.button-new--transparent svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
}
.button-new--blue-text:disabled,
.button-new--red-text:disabled {
  color: rgba(30, 33, 39, 0.04);
}
.button-new--blue-text:disabled,
.button-new--red-text:disabled,
a.button-new--blue-text:disabled:hover,
a.button-new--red-text:disabled:hover {
  color: rgba(0, 0, 0, 0.2);
}
.button-new--blue-text svg,
.button-new--red-text svg {
  margin-right: 0.375rem;
}
.button-new--blue {
  background-color: #4d70ff;
}
.button-new--blue,
a.button-new--blue:hover {
  color: #fff;
}
.button-new--blue:hover:enabled {
  background-color: #4463e3;
}
.button-new--grey {
  background-color: #e0e1e8;
}
.button-new--grey,
a.button-new--grey:hover {
  color: #000;
}
.button-new--grey:hover:enabled {
  background-color: #d7d8de;
}
.button-new--green {
  background-color: #21c056;
}
.button-new--green,
a.button-new--green:hover {
  color: #fff;
}
.button-new--green:hover:enabled {
  background-color: #1eae4e;
}
.button-new--white {
  background-color: #fff;
}
.button-new--white,
a.button-new--white:hover {
  color: #1F2027;
}
.button-new--white:hover:enabled {
  background-color: #f8f9fc;
}
.button-new--red-text {
  color: #ec2a2a;
}
.button-new--red-text:disabled,
a.button-new--red-text:disabled:hover {
  color: rgba(0, 0, 0, 0.2);
}
.button-new--blue-text {
  color: #4d70ff;
}
.button-new--blue-text svg {
  color: #4d70ff;
}
.button-new--blue-text:disabled,
a.button-new--blue-text:disabled:hover {
  color: rgba(0, 0, 0, 0.2);
}
.button-new--blue-text:disabled svg,
a.button-new--blue-text:disabled:hover svg {
  color: rgba(0, 0, 0, 0.2);
}
.button-new--responsive {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}
.button-new--responsive span {
  display: none;
}
.button-new--responsive svg {
  width: 1rem;
  height: 1rem;
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .button-new--blue svg,
  .button-new--grey svg,
  .button-new--green svg,
  .button-new--white svg,
  .button-new--transparent svg {
    opacity: 0.5;
  }
  .button-new--responsive {
    padding: 0.4375rem 1.125rem;
    width: auto;
    height: auto;
  }
  .button-new--responsive span {
    display: block;
  }
  .button-new--responsive svg {
    margin-right: 0.625rem;
  }
}

.error-message {
  color: #7f8fa4;
  font-weight: 400;
}
.error-message:not(:last-child) {
  margin-bottom: 6px;
}
.error-message svg {
  color: #f85359;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.success-message {
  color: #7f8fa4;
  font-weight: 600;
  margin-bottom: 20px;
}
.success-message svg {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-shrink {
  0%, 25%, 100% {
    /* minimum scale and opacity */
    transform: scale(0.5);
    opacity: 0.25;
  }
  26% {
    transform: scale(1);
    opacity: 1;
  }
}

.loading-message .spinner-wrapper {
  position: relative;
}
.loading-message-text {
  color: #7f8fa4;
  font-size: 14px;
  font-weight: 400;
  margin-left: 25px;
}

.dropdown {
  cursor: pointer;
  position: relative;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.dropdown div.text {
  font-weight: 400;
}
.dropdown__content {
  box-sizing: border-box;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: auto;
  z-index: 10;
  margin-top: 4px;
}
.dropdown__content--open {
  display: block;
}

.dropdown-menu {
  display: inline-flex;
}
.dropdown-menu--left .dropdown__content {
  left: 0;
  right: auto;
}
.dropdown-menu--right .dropdown__content {
  left: auto;
  right: 0;
}
.dropdown-menu--top .dropdown__content {
  top: -10px;
  bottom: auto;
  transform: translateY(-100%);
}
.dropdown-menu--top-left .dropdown__content {
  top: -10px;
  bottom: auto;
  left: 0;
  right: auto;
  transform: translateY(-100%);
}
.dropdown-menu--top-right .dropdown__content {
  top: -10px;
  bottom: auto;
  left: auto;
  right: 0;
  transform: translateY(-100%);
}
@media only screen and (min-width: 768px) {
  .dropdown-menu--full-width .dropdown__content {
    width: 100%;
  }
}
.dropdown__content {
  min-width: auto;
  width: auto;
}
.dropdown-menu__trigger {
  display: flex;
  align-items: center;
  padding: 0 5px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}
.dropdown-menu__trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
}
.dropdown-menu__trigger__icon {
  color: #a8aab7;
  margin-left: 8px;
}
.dropdown-menu__trigger:hover {
  opacity: 0.8;
}
.dropdown-menu__list {
  background: #fff;
  border-radius: 4px;
  margin: 0;
  list-style-type: none;
  color: #000;
  font-size: 14px;
  min-width: max-content;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 8px 4px;
}
.dropdown-menu__item {
  padding: 11px 16px;
  border-radius: 3px;
}
.dropdown-menu__item:hover {
  background-color: #f8f9fc;
}
.dropdown-menu__item--disabled {
  color: #9798a0;
  pointer-events: none;
}

.simple-confirmation-modal__content {
  height: 100%;
  width: 100%;
}
.simple-confirmation-modal__content__text {
  color: #516173;
  word-break: break-word;
}
.simple-confirmation-modal__content__messages {
  margin-top: 32px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.simple-confirmation-modal__content__buttons {
  display: inline-flex;
}
.simple-confirmation-modal__content__buttons__button {
  width: 9.5em;
}
.simple-confirmation-modal__content__buttons__button:nth-of-type(1) {
  margin-right: 8px;
}
.simple-confirmation-modal__modal-content {
  display: flex;
}
@media only screen and (min-width: 768px) {
  div.simple-confirmation-modal {
    margin: auto;
    min-height: 478px;
  }
  .simple-confirmation-modal__content {
    margin: auto;
    height: fit-content;
    width: fit-content;
    text-align: center;
  }
  .simple-confirmation-modal__content__header {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 20px;
  }
}

input[type='date'].input-new,
input[type='datetime-local'].input-new,
input[type='email'].input-new,
input[type='file'].input-new,
input[type='number'].input-new,
input[type='password'].input-new,
input[type='search'].input-new,
input[type='tel'].input-new,
input[type='text'].input-new,
input[type='time'].input-new,
input[type='url'].input-new {
  font-size: 1rem;
  line-height: 1.57;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0.4375rem 0.75rem;
  height: 2.25rem;
  background: #fff;
  border: 1px solid #dfe3e9;
  border-radius: 4px;
  outline: none;
  text-align: left;
  width: 100%;
}
input[type='date'].input-new:focus,
input[type='datetime-local'].input-new:focus,
input[type='email'].input-new:focus,
input[type='file'].input-new:focus,
input[type='number'].input-new:focus,
input[type='password'].input-new:focus,
input[type='search'].input-new:focus,
input[type='tel'].input-new:focus,
input[type='text'].input-new:focus,
input[type='time'].input-new:focus,
input[type='url'].input-new:focus {
  border-color: #4d70ff;
}
input[type='date'].input-new:disabled,
input[type='datetime-local'].input-new:disabled,
input[type='email'].input-new:disabled,
input[type='file'].input-new:disabled,
input[type='number'].input-new:disabled,
input[type='password'].input-new:disabled,
input[type='search'].input-new:disabled,
input[type='tel'].input-new:disabled,
input[type='text'].input-new:disabled,
input[type='time'].input-new:disabled,
input[type='url'].input-new:disabled {
  background-color: rgba(31, 32, 39, 0.04);
  color: #98a5b5;
}
input[type='date'].input-new::placeholder,
input[type='datetime-local'].input-new::placeholder,
input[type='email'].input-new::placeholder,
input[type='file'].input-new::placeholder,
input[type='number'].input-new::placeholder,
input[type='password'].input-new::placeholder,
input[type='search'].input-new::placeholder,
input[type='tel'].input-new::placeholder,
input[type='text'].input-new::placeholder,
input[type='time'].input-new::placeholder,
input[type='url'].input-new::placeholder {
  color: #9fa2b0;
}
input[type='date'].input-new:read-only,
input[type='datetime-local'].input-new:read-only,
input[type='email'].input-new:read-only,
input[type='file'].input-new:read-only,
input[type='number'].input-new:read-only,
input[type='password'].input-new:read-only,
input[type='search'].input-new:read-only,
input[type='tel'].input-new:read-only,
input[type='text'].input-new:read-only,
input[type='time'].input-new:read-only,
input[type='url'].input-new:read-only {
  border-color: transparent;
}

.input-with-icon {
  position: relative;
  width: 100%;
}
.input-with-icon .input-with-icon__icon {
  color: #4d70ff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 14px;
  pointer-events: none;
}
.input-with-icon .input-with-icon__icon svg {
  color: #4d70ff;
}
.input-with-icon__input {
  width: 100%;
}
.input-with-icon--clear-indicator {
  border-radius: 50%;
  background-color: rgba(31, 32, 39, 0.06);
  color: #9fa2b0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.input-with-icon--clear-indicator:hover {
  color: #4d70ff;
}
.input-with-icon--text-area .input-with-icon__icon {
  margin-top: 7px;
  bottom: auto;
}
.input-with-icon--right .input-with-icon__icon {
  right: 0;
}
.input-with-icon--right .input-with-icon__input.input-with-icon__input {
  padding-right: 40px;
}
.input-with-icon--right .input-with-icon--clear-indicator {
  right: 52px !important;
}
.input-with-icon--left .input-with-icon__icon {
  left: 0;
}
.input-with-icon--left .input-with-icon__input.input-with-icon__input {
  padding-left: 40px;
}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.date-input-wrapper input {
  appearance: none;
}
.date-input-wrapper input::before {
  content: attr(placeholder);
}
.date-input-wrapper input::-webkit-inner-spin-button,
.date-input-wrapper input::-webkit-calendar-picker-indicator {
  display: none;
  appearance: none;
}
.date-input-wrapper input::placeholder {
  color: #9fa2b0;
}
.date-input-wrapper__icon {
  margin: 7px;
  pointer-events: none;
}
.date-input-wrapper--with-time-icon .input-with-icon__icon {
  top: 4px;
}
.date-input-wrapper--icon-layout {
  max-width: 150px;
  width: 117%;
}
.date-input-wrapper--icon-layout input {
  margin-left: 4px;
}
.date-input-wrapper--icon-layout input::before {
  content: none;
}
.date-input-wrapper--icon-layout.input-with-icon--empty input::before {
  content: attr(placeholder);
}
.date-input-wrapper--icon-layout.input-with-icon--empty input::-webkit-datetime-edit {
  display: none;
}
.date-input-wrapper--icon-layout .round-icon__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.date-input-wrapper--icon-layout .input-with-icon__input {
  border: none !important;
  padding-right: 6px !important;
  margin: 0;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.date-input-wrapper--icon-layout .input-with-icon__input:hover {
  color: #4d70ff;
}
.date-input-wrapper--icon-layout .input-with-icon__icon {
  height: 36px;
  width: 36px;
  margin: 0;
  border-radius: 50%;
  background-color: rgba(77, 112, 255, 0.08);
}
.date-input-wrapper--icon-layout .input-with-icon__icon--empty {
  background-color: rgba(81, 97, 115, 0.3);
}
.date-input-wrapper--icon-layout .input-with-icon__icon--empty svg {
  color: #fff;
}

.styled-radio__input {
  display: none;
}
.styled-radio label > span {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.styled-radio label > span svg {
  display: none;
}
.styled-radio label > span .styled-radio__unchecked-icon {
  display: block;
}
.styled-radio__input:checked + label > span .styled-radio__checked-icon {
  display: block;
}
.styled-radio__input:checked + label > span .styled-radio__unchecked-icon {
  display: none;
}
.styled-radio__input:disabled + label > span {
  cursor: auto;
}
.styled-radio__input:disabled + label > span .styled-radio__checked-icon,
.styled-radio__input:disabled + label > span .styled-radio__unchecked-icon,
.styled-radio__input:disabled + label > span .styled-radio__disabled-checked-icon {
  display: none;
}
.styled-radio__input:disabled + label > span .styled-radio__disabled-unchecked-icon {
  display: block;
}
.styled-radio__input:disabled:checked + label > span .styled-radio__checked-icon,
.styled-radio__input:disabled:checked + label > span .styled-radio__unchecked-icon,
.styled-radio__input:disabled:checked + label > span .styled-radio__disabled-unchecked-icon {
  display: none;
}
.styled-radio__input:disabled:checked + label > span .styled-radio__disabled-checked-icon {
  display: block;
}

.radio-group__option {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.radio-group__option > label {
  padding-left: 8px;
  height: min-content;
  width: max-content;
  color: #5a5d6d;
  cursor: pointer;
}
.radio-group__option--text-button > div {
  display: none;
}
.radio-group__option--text-button > label {
  padding: 8px 12px;
  background: #fff;
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
  border: 2px solid rgba(197, 208, 222, 0.7);
  border-radius: 4px;
}
.radio-group__option--text-button--checked > label {
  border: 2px solid #4d70ff;
}
.radio-group__option--text-button--error > label {
  border: 2px solid #ec2a2a;
  background-color: #FFF6F6;
}

.radio-group__label {
  margin-bottom: 4px;
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.radio-group__label--error {
  color: #ec2a2a;
}
.radio-group__options {
  display: grid;
  grid-template-columns: auto;
  gap: 14px;
}
@media only screen and (min-width: 768px) {
  .radio-group__options {
    grid-template-columns: min-content min-content;
  }
}

#file-input {
  display: none;
}
.file-input {
  position: relative;
}
.file-input__caption {
  position: absolute;
  bottom: 8px;
  left: 12px;
  color: #4d70ff;
  text-decoration: underline;
}
.file-input__label {
  cursor: pointer;
}
.file-input__visible-input {
  pointer-events: none;
  padding-left: 93px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9fa2b0 !important;
}
.file-input__visible-input::placeholder {
  color: #9fa2b0;
}

.dropdown-selection {
  width: 100%;
  min-width: 6.25rem;
  font-size: 1rem;
  line-height: 1.57;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #1F2027;
}
.dropdown-selection .initials-avatar span {
  font-size: 0.75rem;
}
.dropdown-selection__control {
  border-color: #dfe3e9 !important;
  min-height: 2.25rem !important;
}
.dropdown-selection__control--is-disabled .dropdown-selection__indicators {
  display: none;
}
.dropdown-selection__control .dropdown-selection__placeholder {
  color: #9fa2b0;
}
.dropdown-selection__control .dropdown-selection__clear-indicator {
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.dropdown-selection__control .dropdown-selection__clear-indicator svg {
  color: #babcc7;
}
.dropdown-selection__control .dropdown-selection__dropdown-indicator svg {
  color: #4d70ff;
}
.dropdown-selection__control .dropdown-selection__indicator-separator {
  display: none;
}
.dropdown-selection__control .dropdown-selection__input input {
  font-size: 1rem;
}
.dropdown-selection__control--menu-is-open {
  box-shadow: none !important;
}
.dropdown-selection__control--menu-is-open .dropdown-selection__dropdown-indicator svg {
  transform: rotateX(180deg);
  color: #babcc7;
}
.dropdown-selection__control--menu-is-open .dropdown-selection__clear-indicator {
  display: none;
}
.dropdown-selection__control--is-focused {
  box-shadow: none !important;
}
.dropdown-selection__menu-list {
  color: #1F2027;
}
.dropdown-selection__menu-list .dropdown-selection__option:hover {
  cursor: pointer;
  background-color: #f8f9fc;
}
.dropdown-selection__menu-list .dropdown-selection__option--is-focused {
  background-color: #f8f9fc;
}
.dropdown-selection__menu-list .dropdown-selection__option--is-selected {
  color: #9fa2b0;
  background-color: #fff;
}
.dropdown-selection__group:not(:first-of-type) {
  border-top: 1px solid #dae2eb;
}
.dropdown-selection__indicator {
  padding: 0 0.375rem !important;
}

textarea {
  font-size: 1rem;
  line-height: 1.57;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0.4375rem 0.75rem;
  height: 2.25rem;
  background: #fff;
  border: 1px solid #dfe3e9;
  border-radius: 4px;
  outline: none;
  text-align: left;
  width: 100%;
  resize: none;
  height: auto;
  line-height: 1.6;
}
textarea:focus {
  border-color: #4d70ff;
}
textarea:disabled {
  background-color: rgba(31, 32, 39, 0.04);
  color: #98a5b5;
}
textarea::placeholder {
  color: #9fa2b0;
}
textarea:read-only {
  border-color: transparent;
}
textarea:read-only {
  border: none;
  border-width: 0;
}

.money-field__input-wrapper {
  position: relative;
}
.money-field__input-wrapper::before {
  content: '';
  position: absolute;
  left: 12px;
  bottom: 8px;
  color: #9fa2b0;
}
.money-field__input-wrapper input {
  padding-left: 22px !important;
}
.money-field__input-wrapper input::placeholder {
  color: #9fa2b0;
}

.checkbox-field {
  display: inline-flex;
  flex-direction: row;
  margin: 0 auto;
}
.checkbox-field__checkbox {
  margin: 2px;
  margin-right: 10px;
}
label.checkbox-field__label {
  margin: 2px;
  margin-left: 0;
  font-size: 16px;
  color: #5a5d6d;
  user-select: none;
  cursor: pointer;
}

.checkbox-field-group__checkboxes {
  display: inline-flex;
  flex-direction: row;
}

.confirm-password-modal {
  min-height: auto !important;
}
.confirm-password-modal__content {
  height: 100%;
  width: 100%;
}
.confirm-password-modal__content__messages {
  margin: 32px auto 4px 0;
}
.confirm-password-modal__content__buttons {
  display: inline-flex;
  margin-top: 30px;
}
.confirm-password-modal__content__buttons__button {
  width: 9.5em;
}
.confirm-password-modal__content__buttons__button:nth-of-type(1) {
  margin-right: 8px;
}
.confirm-password-modal__content__buttons__button:nth-of-type(1):not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.confirm-password-modal__content__form__description {
  color: rgba(31, 32, 39, 0.9);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px;
}
.confirm-password-modal__modal-content {
  display: flex;
}
@media only screen and (min-width: 768px) {
  div.confirm-password-modal {
    margin: auto;
    min-height: 478px;
  }
  .confirm-password-modal__content__header {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 20px;
  }
  .confirm-password-modal__content__messages {
    text-align: left;
  }
}

.table-new {
  width: 100%;
  font-size: 16px;
  line-height: 1.57;
  border-collapse: separate;
  border-spacing: 0;
}
.table-new--fixed-layout {
  table-layout: fixed;
}
.table-new--fixed-layout .table-new__header-cell,
.table-new--fixed-layout .table-new__cell,
.table-new--fixed-layout .table-new__cell > span {
  overflow: hidden;
}
.table-new__header-cell {
  color: rgba(31, 32, 39, 0.5);
  text-align: left;
  font-weight: 400;
  padding: 15px 10px;
  font-size: 14px;
}
.table-new__header-cell:first-child {
  padding-left: 32px;
}
.table-new__header-cell:last-child {
  padding-right: 32px;
}
.table-new__header-cell > span {
  transition: 0.3s ease;
  user-select: none;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.table-new__header-cell > span > svg {
  margin-left: 6px;
  transition: 0.3s ease;
}
.table-new__header-cell > span > svg:first-child {
  opacity: 1;
  width: 12px;
  height: 12px;
}
.table-new__header-cell > span > svg:last-child {
  opacity: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  transform: translateX(100%);
  pointer-events: none;
  color: #4d70ff !important;
}
.table-new__header-cell > span:hover {
  color: #4d70ff;
}
.table-new__header-cell > span:hover > svg {
  color: rgba(31, 32, 39, 0.5);
}
.table-new__header-cell--active > span {
  color: #4d70ff;
}
.table-new__header-cell--active > span:hover > svg:first-child {
  opacity: 0;
}
.table-new__header-cell--active > span:hover > svg:last-child {
  opacity: 1;
  transform: translateX(4px);
  pointer-events: auto;
}
.table-new__header-cell--descending > span > svg:first-child {
  transform: rotate(180deg);
}
.table-new__header-cell--hidden > span {
  display: none;
}
.table-new__cell__link,
.table-new__cell > span {
  display: block;
}
.table-new__cell__link,
.table-new__cell > span,
.table-new__cell__link:hover,
.table-new__cell > span:hover,
.table-new__cell__link:active,
.table-new__cell > span:active,
.table-new__cell__link:visited,
.table-new__cell > span:visited {
  color: inherit;
}
.table-new__cell {
  color: #516173;
  background-color: #f8f9fc;
  padding: 15px 10px;
  line-height: 22px;
}
.table-new__cell:first-child {
  padding-left: 32px;
}
.table-new__cell:last-child {
  padding-right: 32px;
}
.table-new__cell--bold {
  color: #000;
  font-weight: 600;
}
.table-new__row:not(:first-child) .table-new__cell {
  border-top: 1px solid #dae2eb;
}
.table-new__row:first-child .table-new__cell:first-child {
  border-top-left-radius: 4px;
}
.table-new__row:first-child .table-new__cell:last-child {
  border-top-right-radius: 4px;
}
.table-new__row:last-child .table-new__cell:first-child {
  border-bottom-left-radius: 4px;
}
.table-new__row:last-child .table-new__cell:last-child {
  border-bottom-right-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .table-new__cell__link,
  .table-new__cell > span {
    padding: 15px 10px;
  }
  .table-new__cell--action > span {
    padding-top: 0;
    padding-bottom: 0;
  }
  .table-new__cell--link:first-child > span,
  .table-new__cell--text:first-child > span,
  .table-new__cell--link:last-child > span,
  .table-new__cell--text:last-child > span {
    padding-left: 32px;
  }
  .table-new__cell--link:first-child .table-new__cell__link,
  .table-new__cell--text:first-child .table-new__cell__link,
  .table-new__cell--link:last-child .table-new__cell__link,
  .table-new__cell--text:last-child .table-new__cell__link {
    padding-left: 32px;
  }
  .table-new__cell--centered {
    text-align: center;
  }
  .table-new__cell--short > span {
    padding: 8px 10px;
  }
  .table-new__row:not(:first-child) .table-new__cell {
    border-top: 1px solid #dae2eb;
  }
}

.table-responsive .table-new__header {
  display: none;
}
.table-responsive .table-new__body {
  background-color: #f8f9fc;
}
.table-responsive .table-new__cell {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  grid-template-rows: auto;
  justify-items: flex-start;
  color: #1F2027;
  font-weight: normal;
}
.table-responsive .table-new__cell::before {
  content: attr(data-label);
  color: #98a5b5;
}
.table-responsive .table-new__cell--action:not(:first-of-type) {
  padding-top: 5px;
}
.table-responsive .table-new__cell--action:not(:last-of-type) {
  padding-bottom: 5px;
}
.table-responsive .table-new .table-new__cell {
  border-top: none;
}
.table-responsive .table-new__row {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid #dae2eb;
  position: relative;
}
.table-responsive .table-new__row:last-of-type {
  border-bottom: none;
}
.table-responsive .table-new__row .table-new__cell:first-of-type {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.table-responsive .table-new__row .table-new__cell:first-of-type::before {
  display: none;
}
.table-responsive .table-new__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
}
.table-responsive .table-new__actions > * {
  margin-left: 0;
}
.table-responsive .table-new__actions > *:not(:first-child) {
  margin-left: 16px;
}
.table-responsive__action--navigate {
  display: flex;
  position: absolute;
  right: 16px;
  top: 12px;
  color: #4d70ff;
  cursor: pointer;
}
.table-responsive--disabled {
  /* stylelint-disable-next-line no-descending-specificity */
}
.table-responsive--disabled .table-new__cell {
  color: #98a5b5 !important;
}
@media only screen and (min-width: 992px) {
  .table-responsive .table-new__header {
    display: table-header-group;
  }
  .table-responsive .table-new__cell {
    display: table-cell;
  }
  .table-responsive .table-new__cell::before {
    content: none;
  }
  .table-responsive .table-new__cell--bold {
    color: #000;
    font-weight: 600;
  }
  .table-responsive .table-new__cell--action:not(:first-of-type) {
    padding-top: 0;
  }
  .table-responsive .table-new__cell--action:not(:last-of-type) {
    padding-bottom: 0;
  }
  .table-responsive .table-new__row {
    display: table-row;
    padding: 5px;
  }
  .table-responsive .table-new__row:hover .table-new__cell {
    background-color: #eff0f5;
  }
  .table-responsive .table-new__row:not(:first-child) .table-new__cell {
    border-top: 1px solid #dae2eb;
  }
  .table-responsive .table-new__row .table-new__cell:first-of-type {
    font-weight: inherit;
    font-size: inherit;
    color: #1F2027;
  }
  .table-responsive .table-new__actions {
    padding-top: 0;
  }
  .table-responsive__action--navigate {
    position: static;
  }
}

.empty-page {
  margin: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.empty-page.empty-page--hidden {
  display: none;
}
.empty-page__text,
.empty-page__text .text {
  color: #98a5b5;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 0 10px;
  font-weight: 400;
}
.empty-page__button-container {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-page__button-container button {
  margin-bottom: 10px;
  min-width: 167px;
}
@media only screen and (min-width: 576px) {
  .empty-page {
    margin: 100px 0;
  }
  .empty-page__button-container {
    margin-top: 32px;
    flex-direction: row;
    justify-content: center;
  }
  .empty-page__button-container button {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .empty-page {
    margin: 180px 0;
  }
}

.styled-checkbox__input {
  display: none;
}
.styled-checkbox label > span {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.styled-checkbox label > span svg {
  display: none;
}
.styled-checkbox label > span .styled-checkbox__unchecked-icon {
  display: block;
}
.styled-checkbox__input:checked + label > span .styled-checkbox__checked-icon {
  display: block;
}
.styled-checkbox__input:checked + label > span .styled-checkbox__unchecked-icon {
  display: none;
}
.styled-checkbox__input:disabled + label > span {
  cursor: auto;
}
.styled-checkbox__input:disabled + label > span .styled-checkbox__checked-icon,
.styled-checkbox__input:disabled + label > span .styled-checkbox__unchecked-icon,
.styled-checkbox__input:disabled + label > span .styled-checkbox__disabled-checked-icon {
  display: none;
}
.styled-checkbox__input:disabled + label > span .styled-checkbox__disabled-unchecked-icon {
  display: block;
}
.styled-checkbox__input:disabled:checked + label > span .styled-checkbox__checked-icon,
.styled-checkbox__input:disabled:checked + label > span .styled-checkbox__unchecked-icon,
.styled-checkbox__input:disabled:checked + label > span .styled-checkbox__disabled-unchecked-icon {
  display: none;
}
.styled-checkbox__input:disabled:checked + label > span .styled-checkbox__disabled-checked-icon {
  display: block;
}

.modal-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.modal {
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 1px 2px 40px rgba(75, 121, 170, 0.35);
  z-index: 1001;
  overflow: auto;
}
.modal--fullScreen {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  margin: 0;
}
.modal--fullScreen > .modal__content {
  padding: 0;
}
.modal__content {
  position: relative;
  padding: 1.5rem 2rem;
  width: 100%;
  height: 100%;
}
.modal__top-banner {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.modal__heading {
  margin: 0 0 2.25rem;
}
.modal__close-button {
  color: #1F2027;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 1.625rem;
  height: 1.625rem;
  padding: 5px;
}
.modal__close-button svg {
  height: 100%;
  width: 100%;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .modal {
    width: 37rem;
    height: initial;
    min-width: 37rem;
    margin-top: 10rem;
    overflow: visible;
    border-radius: 4px;
  }
  .modal--fullScreen {
    width: 100vw;
    height: 100vh;
    margin: 0;
  }
  .modal__content {
    min-height: 12.5rem;
    padding: 2.25rem 2.5rem;
  }
}

.modal__sticky-layout__content {
  height: 100%;
  overflow-y: auto;
  position: relative;
}
.modal__sticky-layout__content__header {
  position: sticky;
  top: 0;
  padding: 2rem 2rem 1rem;
  background-color: #fff;
  z-index: 10;
}
.modal__sticky-layout__content__body {
  padding: 1.25rem 2rem 0.625rem;
}
.modal__sticky-layout__content__footer {
  position: sticky;
  padding: 1rem 2rem;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
}
.modal__sticky-layout__content__footer__indicators-wrapper .error-message,
.modal__sticky-layout__content__footer__indicators-wrapper .loading-message {
  margin-bottom: 0.625rem;
}
.modal__sticky-layout__content--top-shadow .modal__sticky-layout__content__header {
  transition: 0.5s ease;
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}
.modal__sticky-layout__content--bottom-shadow .modal__sticky-layout__content__footer {
  transition: 0.5s ease;
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
  .modal__sticky-layout {
    max-height: 86.5%;
  }
}

.warning-banner {
  width: 100%;
  padding: 10px 32px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.warning-banner--yellow-bg {
  background-color: #f7bf47;
  color: #1F2027;
}
.warning-banner--dark-bg {
  background-color: #364153;
  color: #fff;
}
.warning-banner--small {
  font-size: 14px;
  padding: 10px 20px;
  font-weight: normal;
}
.warning-banner__content {
  padding-right: 15px;
  width: 100%;
}
.warning-banner__content--text-center {
  text-align: center;
}
.warning-banner__close-icon {
  width: 12px;
  height: 12px;
  cursor: pointer;
  flex: none;
  transform: translateY(50%);
  margin-left: auto;
  align-self: baseline;
}
.warning-banner__close-icon--blue {
  color: #4d70ff;
}

.initials-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.initials-avatar > span {
  font-size: 0.75rem;
  margin: auto;
  line-height: 0.875rem;
  font-weight: 700;
  color: #fff;
}
.initials-avatar--icon-avatar {
  background-color: #516173 !important;
  opacity: 0.3;
}
.initials-avatar--icon-avatar svg {
  color: #fff;
  width: 75%;
  height: 75%;
  margin: auto;
}
.initials-avatar--large {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 1.625rem;
}
.initials-avatar--extra-large {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.initials-avatar--extra-large > span {
  font-size: 1rem;
  font-weight: bold;
}
.initials-avatar--cornflower-blue {
  background-color: #82ACFF;
}
.initials-avatar--dodger-blue {
  background-color: #4d70ff;
}
.initials-avatar--persian-blue {
  background-color: #1A3DCB;
}
.initials-avatar--golden-tainoi {
  background-color: #f7bf47;
}
@media only screen and (min-width: 768px) {
  .initials-avatar > span {
    font-size: 0.875rem;
  }
  .initials-avatar--large {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 2.25rem;
  }
}

.elen-toast {
  border-left: 0.25rem solid;
  width: 100%;
  height: 5rem;
}
.elen-toast--success {
  border-color: #21c056;
}
.elen-toast--error {
  border-color: #ec2a2a;
}
.elen-toast__content-container {
  height: 100%;
  border-bottom: 1px solid #e6eaee;
}
.elen-toast__content-container__header {
  padding-top: 0.9375rem;
  padding-left: 1.4375rem;
  display: inline-flex;
  align-items: center;
}
.elen-toast__content-container__header__icon {
  width: 1.8125rem;
  height: 1.8125rem;
}
.elen-toast__content-container__header__title {
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 700;
  color: #364153;
}
.elen-toast__content-container__content {
  padding-left: 3.3rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  font-style: italic;
  color: #7f8fa4;
}

.react-hint {
	padding: 5px;
	position: absolute;
	z-index: 9999;
	cursor: default;
	animation: .5s fadeIn;
}

.react-hint__content {
	padding: 10px;
	border-radius: 5px;
	background: #000;
	color: #fff;
}

.react-hint:after {
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 5px solid transparent;
}

.react-hint--top:after {
	top: auto;
	border-bottom: none;
	border-top-color: #000;
}

.react-hint--left:after {
	left: auto;
	border-right: none;
	border-left-color: #000;
}

.react-hint--right:after {
	right: auto;
	border-left: none;
	border-right-color: #000;
}

.react-hint--bottom:after {
	bottom: auto;
	border-top: none;
	border-bottom-color: #000;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.info-tooltip {
  padding: 18px 16px;
  margin: 18px 16px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 32px -4px rgba(0, 0, 0, 0.45);
  max-width: 260px;
  color: #5a5d6d;
}
.info-tooltip::after {
  content: none;
}

.list-tooltip {
  padding: 13px 10px;
  padding-top: 25px;
  position: fixed;
  left: 0 !important;
  top: 0 !important;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: #5a5d6d;
  z-index: 1000;
}
.list-tooltip::after {
  content: none;
}
.list-tooltip__heading {
  padding-left: 10px;
}
.list-tooltip__list {
  margin-top: 25px;
  padding-top: 10px;
  overflow-y: auto;
}
.list-tooltip__list::-webkit-scrollbar {
  width: 4px;
  border-radius: 8px;
}
.list-tooltip__list__item {
  border-top: 1px solid #dae2eb;
  padding: 10px 12px;
}
.list-tooltip__list__item > * {
  word-break: break-word;
}
.list-tooltip__close-button {
  color: #9fa2b0;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  padding: 5px;
}
.list-tooltip__close-button svg {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .list-tooltip {
    padding: 18px 16px;
    margin: 18px 16px;
    border-radius: 4px;
    box-shadow: 0 10px 32px -4px rgba(0, 0, 0, 0.45);
    max-width: 260px;
    min-width: 300px;
    height: auto;
    left: auto !important;
    top: auto !important;
    position: absolute;
  }
  .list-tooltip__close-button {
    display: none;
  }
  .list-tooltip__list {
    margin-top: 20px;
    max-height: 215px;
  }
}

.from-to-tooltip {
  padding: 15px;
  width: 300px;
  max-width: 300px !important;
  left: -70px !important;
  top: 25px !important;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 32px -4px rgba(0, 0, 0, 0.45);
}
.from-to-tooltip::after {
  content: none;
}
.from-to-tooltip__row {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #dae2eb;
  overflow: hidden;
}
.from-to-tooltip__row:first-child {
  padding-top: 0;
}
.from-to-tooltip__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.from-to-tooltip__row__label {
  text-align: right;
  padding-right: 10px;
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 50px;
}
.from-to-tooltip__row__list {
  overflow: hidden;
}
.from-to-tooltip__row__list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.from-to-tooltip__row__list__item__name {
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.from-to-tooltip__row__list__item__email {
  color: rgba(31, 32, 39, 0.5);
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.from-to-tooltip__row__list__item__email > span {
  color: #1F2027;
}
@media only screen and (min-width: 576px) {
  .from-to-tooltip {
    padding: 20px 24px;
    width: 400px;
    max-width: 400px !important;
  }
  .from-to-tooltip__list {
    width: 300px;
  }
}

.subscription__content__header {
  margin-top: 40px;
  margin-bottom: 50px;
}
.subscription__content__header__logo {
  align-self: center;
  width: 60px;
  height: 60px;
}
.subscription__content__header__title {
  color: #1F2027;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
  margin: 0;
  margin-bottom: 10px;
}
.subscription__content__header__subtitle {
  color: #516173;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  font-style: italic;
}
.subscription__content__benefits {
  background-color: #f8f9fc;
  width: 87%;
  margin: 0 auto;
}
.subscription__content__benefits__list {
  width: 90%;
  margin: 0 auto;
  list-style: none;
  padding: 40px 0;
  padding-bottom: 150px;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 5px;
}
.subscription__content__benefits__list__item {
  display: flex;
}
.subscription__content__benefits__list__item svg {
  color: #F86666;
  margin-right: 15px;
}
.subscription__footer {
  text-align: center;
  flex-shrink: 0;
  padding: 30px 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.subscription__footer p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  font-style: italic;
}
.subscription .card {
  display: flex;
  flex-direction: column;
  flex-basis: 300px;
  width: 300px;
  padding: 30px 20px;
  background-color: #fff;
  box-shadow: 1px 2px 20px -4px rgba(75, 121, 170, 0.3);
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.subscription .card__list {
  display: flex;
  flex-flow: column wrap;
  column-gap: 30px;
  row-gap: 30px;
  justify-content: center;
  margin: 0 auto;
  margin-top: -100px;
}
.subscription .card__info {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: 600;
}
.subscription .card__info__title {
  color: #4d70ff;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 6px;
  text-transform: capitalize;
}
.subscription .card__info__price {
  color: #1F2027;
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
}
.subscription .card__info__price--sign {
  font-size: 20px;
}
.subscription .card__info__price--value {
  margin-top: 4px;
  font-size: 40px;
  line-height: 36px;
}
.subscription .card__info__price--vat {
  font-size: 14px;
  font-weight: 600;
  align-self: center;
  margin-left: 4px;
  margin-top: 7px;
}
.subscription .card__info__licence {
  opacity: 0.8;
  color: #516173;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.subscription .card__info__divider {
  margin: 20px 0 7px;
}
.subscription .card__info__billing {
  color: #516173;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.subscription .card__action {
  margin-top: 24px;
  background-color: #4d70ff;
  color: #fff;
}
.subscription .card__action:disabled {
  cursor: default;
}
.subscription .card:hover {
  background-color: #4d70ff;
  box-shadow: 1px 2px 40px 0 rgba(75, 121, 170, 0.6);
}
.subscription .card:hover .card__info__title {
  color: #fff;
}
.subscription .card:hover .card__info__prize {
  color: #fff;
}
.subscription .card:hover .card__info__licence {
  color: #fff;
}
.subscription .card:hover .card__info__billing {
  color: #fff;
}
.subscription .card:hover .card__info__divider {
  background-color: #fff;
  opacity: 0.4;
}
.subscription .card:hover .card__action {
  background-color: #fff;
  color: #1F2027;
}
.subscription__divider {
  margin: 0;
  width: 57%;
  align-self: center;
}
@media only screen and (min-width: 576px) {
  .subscription__content__benefits__list {
    width: 56%;
  }
}
@media only screen and (min-width: 768px) {
  .subscription__content__header {
    margin-top: 0;
  }
  .subscription__content__header__title {
    font-size: 32px;
  }
  .subscription__content__header__subtitle {
    font-size: 20px;
  }
  .subscription__content__benefits {
    width: 100%;
  }
  .subscription__content__benefits__list {
    width: fit-content;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
  }
  .subscription .card__list {
    flex-direction: row;
  }
}

.thread__wrapper {
  height: 100%;
  display: flex;
}
.thread__wrapper__panel {
  display: flex;
  flex-direction: column-reverse;
  flex: 1 1 0%;
  overflow: hidden;
}
.thread__wrapper__panel__holder {
  overflow: auto;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.thread__wrapper__top-shadow {
  position: absolute;
  top: 0;
  height: 40px;
  width: 100%;
  transform: scaleY(-1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 74.3%, #fff 100%);
}
.thread__wrapper__bottom-shadow {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 74.3%, #fff 100%);
}
@media only screen and (min-width: 768px) {
  .thread__wrapper {
    padding-bottom: 20px;
  }
  .thread__wrapper__top-shadow {
    height: 80px;
    width: calc(100% - 4px);
    margin-right: 4px;
  }
  .thread__wrapper__bottom-shadow {
    height: 80px;
    width: calc(100% - 4px);
    margin-right: 4px;
  }
}

.badge {
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}
.badge--round {
  padding: 1px 5px;
  margin-left: 6px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
}
.badge--action {
  cursor: pointer;
}
.badge--red {
  background-color: #ec2a2a;
}
.badge--blue {
  background-color: #4d70ff;
}
.badge--picton-blue {
  background-color: #53D1ED;
}
.badge--yellow {
  background-color: #F9E1AF;
}
.badge--grey {
  background-color: rgba(159, 162, 176, 0.2);
}
.badge--green {
  background-color: #CEEDC7;
}
.badge--small {
  font-size: 10px;
  line-height: 13px;
}
.badge--text-grey {
  color: #516173;
}

.page-content {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (min-width: 768px) {
  .page-content {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .page-content--max-width > * {
    max-width: 56.6vw;
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 1600px) {
  .page-content--max-width-xxxl {
    max-width: 61.5vw;
  }
}

.coming-soon-page {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.task-icon__wrapper {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(77, 112, 255, 0.08);
  border-radius: 50%;
}
.task-icon__wrapper > svg {
  width: 18px;
  height: auto;
  display: block;
  color: #4d70ff;
}
.task-icon__wrapper__kanban {
  background-color: transparent;
  width: 1.25rem;
  height: 1.25rem;
}
.task-icon__wrapper__kanban > svg {
  color: rgba(81, 97, 115, 0.5);
}

.inline-form input {
  border-radius: 0 !important;
}
.inline-form .form-new__field {
  margin-bottom: 0;
}
.inline-form .form-new__field:not(:last-of-type) {
  margin-bottom: 0;
}
.inline-form .error-message {
  margin-top: 0 !important;
}
.inline-form__buttons-and-msg-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.inline-form__buttons-and-msg-container--show-msg {
  justify-content: space-between;
}
.inline-form__buttons-and-msg-container > * {
  margin-top: 10px !important;
}
.inline-form__buttons-container {
  display: block;
  height: 0;
  margin-top: 0 !important;
  transition: 0.3s ease;
  overflow: hidden;
}
.inline-form__buttons-container > button {
  opacity: 0;
  transition: 0.3s ease;
  font-size: 16px;
  transform: translateX(100%);
}
.inline-form__buttons-container > button:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.inline-form__buttons-container button:first-child {
  margin-right: 35px;
  color: #7f8fa4;
}
.inline-form__buttons-container--show {
  height: 25px;
  margin-top: 10px !important;
}
.inline-form__buttons-container--show > button {
  transform: translateX(0);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .inline-form__buttons-container {
    display: none;
  }
}

.round-icon__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
}
.round-icon__wrapper > svg {
  width: 18px;
  height: auto;
  display: block;
  color: #fff;
}

.cookie-consent-modal {
  width: 100%;
  bottom: 0;
  position: fixed;
  height: auto;
  max-height: 100%;
}
.cookie-consent-modal .modal__close-button {
  display: none;
}
.cookie-consent {
  max-width: 1060px;
  margin: 0 auto;
}
.cookie-consent p {
  font-size: 14px;
  color: #5a5d6d;
  line-height: 22px;
  font-weight: 400;
  margin: 0;
}
.cookie-consent__header {
  display: flex;
  justify-content: space-between;
}
.cookie-consent__header__info {
  max-width: 790px;
}
.cookie-consent__header__info h2 {
  font-size: 18px;
  color: #1F2027;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__header__info h2 {
    margin-bottom: 20px;
  }
}
.cookie-consent__header__actions {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-left: 0;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  background-color: #fff;
  padding: 20px 28px 20px 32px;
  transition: 0.3s ease;
}
.cookie-consent__header__actions svg {
  transition: 0.3s ease;
}
.cookie-consent__header__actions > *:last-child {
  margin-left: 8px;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__header__actions {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    flex: none;
    margin-left: 25px;
    position: relative;
    left: 0;
    transform: translateX(0);
    width: auto;
  }
  .cookie-consent__header__actions > *:last-child {
    margin-top: 8px;
    margin-left: 0;
  }
  .cookie-consent__header__actions > *:last-child svg {
    transition: 0.3s ease;
  }
}
.cookie-consent__header__actions--visible-list {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15), 0 0 1px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
  .cookie-consent__header__actions--visible-list {
    box-shadow: none;
  }
}
.cookie-consent__header__actions--visible-list svg {
  transform: rotate(180deg);
}
.cookie-consent__cookies-list-container {
  overflow: hidden;
  transition: 0.3s ease;
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__cookies-list-container {
    margin-top: 0;
  }
}
.cookie-consent__cookies-list-container--visible-list {
  margin-top: 40px;
  margin-bottom: 75px;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__cookies-list-container--visible-list {
    margin-top: 56px;
    margin-bottom: 20px;
  }
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list {
  max-width: 612px;
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item {
  padding-bottom: 28px;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item {
    padding-bottom: 40px;
  }
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item:last-child {
  padding-bottom: 0;
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item h3 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 8px;
  color: #1F2027;
}
@media only screen and (min-width: 768px) {
  .cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item h3 {
    margin-bottom: 12px;
  }
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item__container {
  display: flex;
  justify-content: space-between;
}
.cookie-consent__cookies-list-container .cookie-consent__cookies-list__cookie-item__container > p {
  margin: 0;
  margin-right: 20px;
  max-width: 520px;
}

.no-items {
  height: inherit;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.no-items__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@keyframes overflowanimation {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.fade-when-open {
  opacity: 0;
}
.collapsable-container {
  background-color: #f8f9fc;
  padding: 15px;
  border-radius: 4px;
}
.collapsable-container__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.collapsable-container__header:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.collapsable-container__header > h3 {
  transition: 0.2s ease;
}
.collapsable-container__header__icon {
  color: #9fa2b0;
  transition: 0.3s ease;
}
.collapsable-container__header__icon--rotate {
  transform: rotate(180deg);
}
.collapsable-container__header--with-summary {
  position: relative;
}
.collapsable-container__header--with-summary .collapsable-container__header__icon {
  position: absolute;
  left: -11px;
}
.collapsable-container__header--with-summary > h3:first-child {
  margin-left: 12px;
  margin-right: 10px;
}
.collapsable-container__animation-wrapper {
  overflow: hidden;
  transition: 0.3s ease;
  max-height: 0;
}
.collapsable-container__animation-wrapper--show {
  overflow: visible;
  animation: overflowanimation 0.3s linear forwards;
}
.collapsable-container__content {
  padding-top: 20px;
}
@media only screen and (min-width: 576px) {
  .collapsable-container--small-breakpoint .collapsable-container__header {
    display: none;
  }
  .collapsable-container--small-breakpoint .collapsable-container__content {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .collapsable-container {
    padding: 16px 20px;
  }
  .collapsable-container__header {
    display: none;
  }
  .collapsable-container__animation-wrapper {
    overflow: visible;
  }
  .collapsable-container__content {
    padding-top: 0;
  }
}

.go-back-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0;
  padding: 32px 6px;
}
.go-back-header__action {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.go-back-header__action > svg:first-of-type {
  color: #9fa2b0;
  height: 24px;
  width: 24px;
  margin: auto 0;
}
.go-back-header__action__title {
  font-size: 18px;
  line-height: 23px;
  margin: 0 0 0 6px;
  padding: 0;
  font-weight: 600;
}
.go-back-header > svg:last-of-type {
  margin: 0 3.2% 0 auto;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .go-back-header > svg:last-of-type {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .go-back-header {
    padding: 6px 6px 32px;
  }
  .go-back-header__action__title {
    line-height: initial;
    font-size: 24px;
    font-weight: 400;
    margin-left: 12px;
  }
}

.main-header {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  height: 3.125rem;
  max-height: 3.125rem;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}
.main-header.modal-open {
  display: none;
}
.main-header__content {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.main-header__content > div {
  display: flex;
}
.main-header__content__right {
  align-items: center;
  justify-content: flex-end;
}
.main-header__content__right > *:not(:last-child) {
  margin-right: 1.5625rem;
}
@media only screen and (min-width: 576px) {
  .main-header.modal-open {
    display: flex;
  }
}

.main-header__logo {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  max-height: 3.125rem;
  transition: 0.2s ease;
  padding-left: 0.75rem;
  width: 8.75rem;
}
@media only screen and (min-width: 768px) {
  .main-header__logo {
    padding: 0.3125rem 3.125rem 0.3475rem 1.5rem;
  }
}

.logo-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left;
}

.main-nav {
  display: flex;
  margin: 0;
  padding: 0;
}
.main-nav__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(31, 32, 39, 0.5);
}
.main-nav__item:hover {
  color: #000;
}
.main-nav__item.active {
  color: #1F2027;
}
.main-nav__item.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #4d70ff;
  border-radius: 4px 4px 0 0;
}
@media only screen and (min-width: 1366px) {
  .main-nav__item {
    padding: 0 0.5rem !important;
  }
  .main-nav__item:not(:first-child) {
    margin-left: 2.375rem;
  }
}

.mobile-side-menu__nav {
  display: flex;
  flex-direction: column;
}
.mobile-side-menu__nav:first-of-type {
  margin-top: 32px;
}
.mobile-side-menu__nav__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #1e2127;
  opacity: 0.5;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  padding: 9px 28px;
  margin-bottom: 4px;
}
.mobile-side-menu__nav__item:last-of-type {
  margin-bottom: 0;
}
.mobile-side-menu__nav__item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 4px;
  border-radius: 0 4px 4px 0;
}
.mobile-side-menu__nav__item.active {
  opacity: 1;
}
.mobile-side-menu__nav__item.active::before {
  background: #4d70ff;
}
.mobile-side-menu__nav__item:hover {
  color: #1e2127;
  opacity: 1;
}
.mobile-side-menu__nav__item .nav-item__arrow-icon {
  transform: rotate(270deg);
  margin: auto 0;
  color: #9fa2b0;
}

.mobile-side-menu {
  display: flex;
  flex-direction: column;
  width: 74.67%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0 0.625rem 2rem -4px rgba(0, 0, 0, 0.45);
  overflow-y: auto;
  transition: transform 0.4s;
  transform: translateX(-100%);
}
.mobile-side-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  transition: background-color 0.4s, transform 0s 0.4s;
  background-color: transparent;
  transform: translateX(-100%);
}
.mobile-side-menu__overlay--expanded {
  transition: transform 0s, background-color 0.4s;
  transform: translateX(0);
  background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 1200px) {
  .mobile-side-menu__overlay {
    transition: background-color 0.4s, transform 0s 0.4s;
    background-color: transparent;
    transform: translateX(-100%);
  }
}
.mobile-side-menu__nav__item {
  width: 100%;
  cursor: pointer;
}
.mobile-side-menu__nav__item--log-out {
  margin-top: auto;
}
.mobile-side-menu__nav__item--app-version {
  color: #9fa2b0;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  user-select: none;
  pointer-events: none;
  margin-bottom: 0.75rem !important;
}
.mobile-side-menu__nav__link {
  font-size: 0.875rem;
  color: #4d70ff;
  display: block;
  padding: 0.5625rem 1.75rem;
  cursor: pointer;
}
.mobile-side-menu__header-icons__logo {
  display: none;
}
.mobile-side-menu__header-icons__menu {
  color: #4d70ff;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .mobile-side-menu__header-icons__logo {
    display: block;
  }
  .mobile-side-menu__header-icons__menu {
    display: none;
  }
}
.mobile-side-menu__logo {
  padding-top: 1.5rem;
  padding-left: 1.25rem;
  flex: none;
}
.mobile-side-menu__submenu {
  padding-top: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f8f9fc;
}
.mobile-side-menu__submenu__header {
  display: flex;
  margin: 0 1.5625rem 2.1rem;
}
.mobile-side-menu__submenu__header__icon {
  transform: rotate(90deg);
  margin: auto 0;
  color: #9fa2b0;
}
.mobile-side-menu__submenu__header span {
  font-size: 0.875rem;
  color: #1F2027;
  line-height: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  padding-left: 0.5rem;
}
.mobile-side-menu__submenu__content {
  display: flex;
  height: 100%;
}
.mobile-side-menu .page-divider {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
}
.mobile-side-menu--expanded {
  transition: transform 0.4s;
  transform: translateX(0);
}
@media only screen and (min-width: 576px) {
  .mobile-side-menu {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-side-menu {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  .mobile-side-menu {
    transition: transform 0.4s;
    transform: translateX(-100%);
  }
}

.wrapper-screen {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.wrapper-screen__content {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  margin-bottom: 60px;
  width: 100%;
}
.wrapper-screen__content .content__icon {
  margin: 0 auto;
  width: 148px;
  height: 148px;
}
.wrapper-screen__content .content__title {
  color: #1F2027;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 10px;
}
.wrapper-screen__content .content__text {
  color: #98a5b5;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 10px;
  font-weight: 400;
}
.wrapper-screen__content .content__text > br {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-screen__content .content__text > br {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-screen__content {
    width: 85%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-screen__content {
    width: 80%;
  }
}
@media only screen and (min-width: 1366px) {
  .wrapper-screen__content {
    width: 68%;
  }
}

.form-array-fields .form-new__field {
  margin-bottom: 0;
  width: 200px;
}
.form-array-fields__section .add-new-form-row-button {
  margin-top: 10px;
}
.form-array-fields__section__row {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.form-array-fields__section__row > *:not(:first-child) {
  margin-left: 10px;
}
.form-array-fields__section__row__delete-icon {
  color: #4d70ff;
  align-self: flex-end;
  margin-bottom: 6px;
  cursor: pointer;
  flex: none;
}
.form-array-fields__section__row:first-child {
  margin-top: 0;
}

.general-error-page {
  display: flex;
  height: 100%;
  width: 100%;
}
.general-error-page__content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 10%;
  padding: 0 10px;
  max-width: 364px;
  text-align: center;
}
.general-error-page__content__title {
  margin-top: 0;
  color: #1F2027;
  font-weight: 600;
  line-height: 36px;
}
.general-error-page__content__icon {
  margin: 0 auto;
  width: 148px;
  height: 148px;
}
.general-error-page__content__text {
  color: #98a5b5;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.general-error-page__content__text > br {
  display: none;
}
@media only screen and (min-width: 768px) {
  .general-error-page__content__text > br {
    display: block;
  }
}

.filter {
  width: 100%;
  padding-bottom: 0;
}
.filter .collapsable-container__header {
  padding-bottom: 16px;
}
.filter__animation-wrapper {
  transition: 0.3s ease;
  overflow: hidden;
}
.filter__form-group {
  display: flex;
  flex-flow: column wrap;
}
.filter__form-group .form-new__field {
  width: 100%;
  margin-bottom: 16px;
}
.filter__form-group__btn-summary-container {
  flex: 1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.filter__form-group__btn-summary-container > button[type='submit'] {
  margin-right: 40px;
}
.filter__form-group__btn-summary-container > span {
  flex: 1;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  padding-left: 30px;
}
@media only screen and (min-width: 768px) {
  .filter__form-group {
    flex-flow: row wrap;
  }
  .filter__form-group .form-new__field {
    width: 205px;
    min-width: 205px;
    margin-right: 20px;
  }
  .filter__form-group__btn-summary-container {
    flex-wrap: nowrap;
  }
  .filter__form-group__btn-summary-container > button:last-child {
    font-size: 16px;
  }
}

.note-card {
  width: 100%;
  transition: 0.2s ease;
}
.note-card__header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.note-card__header > h3 {
  margin-right: 15px;
  margin-bottom: 0 !important;
}
.note-card__header__icon {
  position: absolute;
  color: #4d70ff;
  right: 0;
  cursor: pointer;
  transition: 0.2s ease;
}
.note-card__header__icon--hidden {
  opacity: 0;
  pointer-events: none;
}
.note-card__header__description {
  margin-right: 40px;
  color: #1F2027;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  transition: 0.2s ease;
}
.note-card__header__description--hidden {
  opacity: 0;
}
.note-card__details {
  min-height: 96px;
  color: #1F2027;
  overflow: hidden;
  transition: 0.2s ease;
}
.note-card__details--hidden {
  min-height: 0;
  height: 0;
  opacity: 0;
}
.note-card__form {
  transition: 0.2s ease;
  height: 192px;
  overflow: hidden;
}
.note-card__form--hidden {
  height: 0;
}
.note-card__form__actions {
  margin-top: 40px;
  position: relative;
}
.note-card__form__actions .form-error-messages {
  position: absolute;
  top: 0;
  transform: translateY(-120%);
}
.note-card__form__actions > button {
  min-width: 120px;
}
.note-card__form__actions .button-new--blue {
  margin-right: 10px;
}

.tab-card {
  padding: 1.5rem 1rem;
  border: 1px solid #e2e7ee;
  border-radius: 4px;
  background-color: #f8f9fc;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.2s ease;
}
.tab-card:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tab-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.tab-card__icon-container {
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #e2e7ee;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.tab-card__icon-container > svg {
  width: 1.5625rem;
  height: auto;
  color: #4d70ff;
}
.tab-card__text-container__title {
  color: #1F2027;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4375rem;
  margin-bottom: 2px;
}
.tab-card__text-container__text {
  color: #1F2027;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  margin-bottom: 1.25rem;
  display: none;
}
.tab-card__text-container__category {
  opacity: 0.5;
  color: #1F2027;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-top: auto;
}
@media only screen and (min-width: 576px) {
  .tab-card {
    padding: 1rem;
    flex-direction: column;
  }
  .tab-card__icon-container {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0.75rem;
    margin-right: 0;
  }
  .tab-card__icon-container svg {
    width: 1.875rem;
  }
  .tab-card__text-container__title {
    text-align: center;
    margin-bottom: 0.75rem;
  }
  .tab-card__text-container__text {
    display: block;
  }
  .tab-card__text-container__category {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .tab-card {
    padding: 2rem;
  }
}

.tabs__categories {
  display: flex;
  margin-bottom: 0.875rem;
  overflow-x: auto;
  padding-bottom: 0.625rem;
}
.tabs__categories__category {
  text-transform: uppercase;
  opacity: 0.5;
  color: #000;
  font-size: 0.75rem;
  line-height: 1.375rem;
  cursor: pointer;
  white-space: nowrap;
  margin-right: 2rem;
}
.tabs__categories__category:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tabs__categories__category:last-child {
  margin-right: 0;
}
.tabs__categories__category--active {
  opacity: 1;
}
.tabs__tab {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 100%));
  row-gap: 0.875rem;
  transition: 0.2s ease;
}
@media only screen and (min-width: 576px) {
  .tabs__tab {
    grid-template-columns: repeat(auto-fit, minmax(0, 48.48%));
    column-gap: 1rem;
    row-gap: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .tabs__tab {
    grid-template-columns: repeat(auto-fit, minmax(0, 19.5rem));
    column-gap: 2rem;
    row-gap: 3rem;
  }
}

.waiting-screen__content {
  position: relative;
}
.waiting-screen__content .spinner-wrapper {
  align-self: center;
  margin-bottom: 45px;
}

.message-notification-list {
  background-color: #f8f9fc;
  border-left: 4px solid #4d70ff;
  position: relative;
  margin-bottom: 36px;
}
.message-notification-list__container {
  overflow: hidden;
  transition: 0.2s ease;
}
.message-notification-list__view-more {
  position: absolute;
  bottom: -12px;
  transform: translateY(100%);
  cursor: pointer;
  color: #7f8fa4;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.message-notification-list__view-more > svg {
  width: 12px;
  margin-left: 6px;
  margin-top: 3px;
  transition: 0.2s ease;
}
.message-notification-list__view-more--rotate-up > svg {
  transform: rotate(180deg);
}
.message-notification-list--empty-list {
  border-width: 0;
}
.message-notification-list,
.message-notification-list * {
  transition: 0.2s ease;
}
.message-notification-list__item {
  display: flex;
  padding: 20px 10px 20px 15px;
  cursor: pointer;
  border-bottom: 1px solid #e2e7ee;
  transition: 0.2s ease;
}
.message-notification-list__item:hover {
  background-color: #eff0f5;
}
.message-notification-list__item__envelope-icon {
  color: #1F2027;
  opacity: 0.2;
  flex: none;
  width: 0;
  height: 0;
}
@media only screen and (min-width: 576px) {
  .message-notification-list__item__envelope-icon {
    width: 32px;
    height: 32px;
    margin-right: 17px;
  }
}
.message-notification-list__item__info {
  margin-right: 14px;
  flex: 1;
}
.message-notification-list__item__info--no-margin-right {
  margin-right: 0 !important;
}
.message-notification-list__item__info__name-and-date {
  display: flex;
  justify-content: space-between;
}
.message-notification-list__item__info__name-and-date__name {
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
}
.message-notification-list__item__info__name-and-date__date {
  opacity: 0.6;
  color: #1F2027;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  padding-left: 10px;
}
@media only screen and (min-width: 576px) {
  .message-notification-list__item__info__name-and-date__date {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 576px) {
  .message-notification-list__item__info {
    margin-right: 30px;
  }
}
.message-notification-list__item__message-body {
  color: #1F2027;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  overflow: hidden;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 576px) {
  .message-notification-list__item__message-body {
    -webkit-line-clamp: 1;
  }
}
.message-notification-list__item__count-badge {
  flex: none;
  margin-left: auto;
  align-self: baseline;
}
@media only screen and (min-width: 576px) {
  .message-notification-list__item {
    padding: 20px 32px;
  }
}
.message-notification-list__no-messages {
  border-bottom: 1px solid #e2e7ee;
  padding: 15px;
  border-left-width: 0;
  color: #98a5b5;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  display: flex;
  align-items: center;
}
.message-notification-list__no-messages svg {
  color: #1F2027;
  opacity: 0.2;
  width: 32px;
  height: 32px;
  margin-right: 17px;
}
@media only screen and (min-width: 576px) {
  .message-notification-list__no-messages {
    padding: 14px 30px;
  }
}

.import-client-modal .modal__content > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .import-client-modal {
    margin-top: 80px;
  }
}
.import-client-modal__form {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.import-client-modal__form .radio-group__options {
  display: flex;
  flex-direction: column;
}
.import-client-modal__form__client-list {
  border: 1px solid #dfe3e9;
  border-radius: 4px;
  padding: 14px;
  flex: 1;
  transition: 0.2s ease;
  overflow-y: auto;
}
.import-client-modal__form__client-list__no-clients {
  color: #98a5b5;
  font-size: 18px;
  line-height: 23px;
}
.import-client-modal__form__client-list .loading-message {
  margin-top: 0;
  text-align: center;
}
.import-client-modal__form__client-list .error-message {
  margin-top: 0 !important;
}
.import-client-modal__form__client-list #radio-group-client-list {
  display: flex;
  flex-direction: column;
}
.import-client-modal__form__client-list #radio-group-client-list .account-clients {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.import-client-modal__form__client-list #radio-group-client-list .account-clients__separator {
  height: 16px;
  width: 1px;
  background: #a8aab7;
  margin: 0 10px;
}
.import-client-modal__form__client-list #radio-group-client-list label {
  color: #1F2027;
  font-size: 14px;
  line-height: 22px;
}
.import-client-modal__form__client-list #radio-group-client-list .dob {
  color: #a8aab7;
}
.import-client-modal__form button[type='submit'] {
  margin-top: 30px;
  align-self: start;
}
@media only screen and (min-width: 768px) {
  .import-client-modal__form__client-list {
    max-height: 372px;
    min-height: 372px;
  }
}

.toggle-button {
  display: flex;
  align-items: center;
}
.toggle-button__toggler {
  height: 1.25rem;
  width: 2.5rem;
  border: 1px solid rgba(130, 133, 147, 0.3);
  border-radius: 0.625rem;
  background-color: rgba(31, 32, 39, 0.04);
  position: relative;
  cursor: pointer;
  transition: 0.2s ease;
}
.toggle-button__toggler::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #828593;
  left: 0.25rem;
  transition: 0.2s ease;
}
.toggle-button__toggler--active {
  background-color: #fff;
  border-color: #4d70ff;
}
.toggle-button__toggler--active::before {
  left: calc(100% - 1rem);
  background: #4d70ff;
}
.toggle-button--disabled {
  opacity: 0.4;
}
.toggle-button__text {
  user-select: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .toggle-button__text {
    margin-left: 0.75rem;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slide-in-from-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-out-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.side-panel-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.side-panel-wrapper__backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  animation: fade-out 0.3s ease forwards;
}
.side-panel-wrapper__side_panel {
  width: 100%;
  padding: 24px;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
  z-index: 2;
  position: fixed;
  transform: translateX(100%);
  animation: slide-out-right 0.3s ease forwards;
  transition: 0.2s ease;
  overflow-y: auto;
}
.side-panel-wrapper__side_panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 36px;
}
.side-panel-wrapper__side_panel__header > svg {
  width: 14px;
  height: 14px;
  color: #babcc7;
  cursor: pointer;
}
.side-panel-wrapper--open .side-panel-wrapper__backdrop {
  animation: fade-in 0.3s ease forwards;
}
.side-panel-wrapper--open .side-panel-wrapper__side_panel {
  animation: slide-in-from-right 0.3s ease forwards;
}
@media only screen and (min-width: 576px) {
  .side-panel-wrapper__side_panel {
    width: 410px;
    padding: 40px 36px;
  }
}

.title-input {
  display: flex;
}
.title-input > div {
  width: 100%;
}
.title-input input {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px dotted #e0e1e8 !important;
  font-size: 24px !important;
  line-height: 31px;
  padding: 0 0 7px;
  transition: 0.2s ease;
}
.title-input input::placeholder {
  opacity: 0.3;
  color: #1F2027;
  font-size: 24px;
  line-height: 31px;
}
.title-input input:focus {
  border-bottom: 2px dotted #4d70ff !important;
}
.title-input__back-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #828593;
  margin-right: 12px;
  flex: none;
  margin-top: 4px;
  transition: 0.2s ease;
}
.title-input__back-button:hover {
  color: #5a5d6d;
}

.dynamic-form-modal__form .form-new__group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
  column-gap: 14px;
}
.dynamic-form-modal__form .form-new__field {
  margin-bottom: 20px !important;
}
.dynamic-form-modal__form .error-message {
  margin-top: 0 !important;
}
.dynamic-form-modal__form__submit-button {
  margin-top: 10px;
}

.back-button > svg:first-of-type {
  color: #828593;
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.income-tooltip .info-tooltip {
  width: 278px;
  font-weight: normal;
}
.income-tooltip svg {
  color: #53D1ED;
  margin-left: 6px;
  margin-top: 2px;
  cursor: pointer;
}

.table-responsive__action-header {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 12px;
}
.table-responsive__action-header .button-new {
  width: 28px;
  height: 28px;
  padding: 0;
}
.table-responsive__action-header .button-new:only-child {
  margin-left: auto;
}
.table-responsive__action-header .button-new svg {
  margin-right: 0;
}
.table-responsive__action-header .button-new span {
  display: none;
}
@media only screen and (min-width: 576px) {
  .table-responsive__action-header {
    padding: 0 32px 12px;
  }
  .table-responsive__action-header .button-new {
    padding: 7px 18px;
    width: auto;
    height: auto;
  }
  .table-responsive__action-header .button-new svg {
    margin-right: 10px;
  }
  .table-responsive__action-header .button-new span {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .table-responsive__action-header {
    padding: 0 32px;
    margin-bottom: 24px;
  }
}

.profit-and-loss-icon-wrapper {
  display: inline-block;
  margin-left: 0.655rem;
}
.profit-and-loss-icon-wrapper svg {
  margin-bottom: -3px;
}
.profit-and-loss-icon-wrapper--green svg {
  color: #21c056;
}
.profit-and-loss-icon-wrapper--red svg {
  color: #ec2a2a;
}
.profit-and-loss-icon-wrapper--down svg {
  transform: rotate(180deg);
}

.increased-decreased-record {
  display: inline-block;
  margin-left: 0.655rem;
}
.increased-decreased-record svg {
  margin-bottom: -3px;
}
.increased-decreased-record--green svg {
  color: #21c056;
}
.increased-decreased-record--red svg {
  color: #ec2a2a;
}
.increased-decreased-record--down svg {
  transform: rotate(180deg);
}

.upload-image-with-review {
  padding: 1.5rem 2rem 3.125rem;
  background-color: #f8f9fc;
  border-bottom: 1px solid #dae2eb;
}
.upload-image-with-review__title {
  margin-bottom: 1.25rem;
  color: #1F2027;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4rem;
}
.upload-image-with-review__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-image-with-review__container__image-box {
  max-width: 22rem;
  width: 100%;
  padding: 2.1rem 1rem;
  border: 1px dashed #7f8fa4;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: none;
}
.upload-image-with-review__container__image-box .error-message {
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  transform: translateY(100%);
}
.upload-image-with-review__container__image-box--preview-mode {
  cursor: auto;
}
.upload-image-with-review__container__image-box--loading {
  opacity: 0.6;
  pointer-events: none;
}
.upload-image-with-review__container__image-box__description {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.upload-image-with-review__container__image-box__description__icon-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  background-color: rgba(77, 112, 255, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(180deg);
  margin-bottom: 0.75rem;
  border-radius: 50%;
  color: #4d70ff;
}
.upload-image-with-review__container__image-box__description__icon-wrapper > svg {
  width: 2.25rem;
  height: 2.25rem;
}
.upload-image-with-review__container__image-box__description__label {
  color: #516173;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
}
.upload-image-with-review__container__image-box__description__highlighted {
  color: #4d70ff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.upload-image-with-review__container__image-box__image-container {
  position: relative;
  width: 100%;
  height: 6.25rem;
  margin: 0.844rem 0;
  background-color: rgba(127, 143, 164, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-image-with-review__container__image-box__image-container > svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #4d70ff;
  cursor: pointer;
  opacity: 0.3;
  transition: 0.2s ease;
  position: absolute;
  top: -0.4rem;
  right: 0;
  transform: translateY(-100%);
}
.upload-image-with-review__container__image-box__image-container > svg:hover {
  opacity: 1;
}
.upload-image-with-review__container__image-box__image-container > img {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  object-fit: contain;
}
.upload-image-with-review__container__description {
  max-width: 20rem;
  justify-content: center;
  align-self: center;
  font-style: italic;
  color: #7f8fa4;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  margin-top: 3.125rem;
}
.upload-image-with-review__container__description b {
  font-weight: 600;
  color: #516173;
}
.upload-image-with-review__container__description a {
  color: #4159FF;
  text-decoration: underline;
}
.upload-image-with-review__container__description > div:last-child {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .upload-image-with-review__container {
    flex-direction: row;
  }
  .upload-image-with-review__container__description {
    margin-top: 0;
    margin-left: 3.25rem;
  }
}

.file-upload-tracker {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  box-shadow: 1px 2px 40px rgba(75, 121, 170, 0.35);
  width: 100%;
  height: 140px;
}
.file-upload-tracker__header {
  display: flex;
  justify-content: space-between;
  background-color: #1e2127;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 24px;
  min-height: 50px;
  height: 50px;
}
.file-upload-tracker__header__button {
  color: inherit;
  font-weight: inherit;
}
.file-upload-tracker__status {
  flex: 1 0 auto;
  padding: 24px;
  font-size: 16px;
}
.file-upload-tracker__status__completion {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.file-upload-tracker__status__errors {
  color: #ec2a2a;
}
@media only screen and (min-width: 576px) {
  .file-upload-tracker {
    right: 2.5%;
    width: 445px;
  }
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

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

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

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

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
.react-toastify {
  top: 62px;
  right: 0;
}
.react-toastify__body {
  margin: 0;
  padding: 0 1rem 0 0;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  display: inline-flex;
  justify-content: space-between;
}
.Toastify__toast-container {
  /* stylelint-disable-line selector-class-pattern */
  padding: 0;
}
.Toastify__toast--default {
  /* stylelint-disable-line selector-class-pattern */
  padding: 0;
  margin: 0;
  box-shadow: -15px 27px 45px -10px rgba(75, 121, 170, 0.3);
}

.client-signup-form {
  width: 95%;
  margin: auto 2.5%;
  padding: 30px 0;
}
.client-signup-form .form-new__field {
  display: flex;
  margin-bottom: 8px;
}
.client-signup-form .form-new__field > label {
  font-size: 16px;
  font-weight: 300;
}
.client-signup-form .form-new__field > .input-new {
  font-weight: 300;
  font-size: 16px;
}
.client-signup-form > p {
  font-size: 16px;
  line-height: 21px;
  color: #516173;
  margin-bottom: 29px;
}
.client-signup-form .password-field {
  position: relative;
}
.client-signup-form .password-info {
  color: #7f8fa4;
  font-style: italic;
  font-size: 14px;
  line-height: 15px;
}
.client-signup-form .password-info > br {
  display: none;
}
.client-signup-form > .heading {
  margin-bottom: 8px;
}
.client-signup-form__accept-policy {
  margin-top: 35px;
  margin-bottom: 20px;
}
.client-signup-form__accept-policy a {
  color: #4159FF;
}
.client-signup-form .button-new {
  width: 50%;
  margin-top: 35px;
  font-size: 14px;
  font-weight: 600;
}
.client-signup-form .error-message {
  font-weight: normal;
}
@media only screen and (min-width: 576px) {
  .client-signup-form {
    width: 350px;
    margin: auto;
  }
}
@media only screen and (min-width: 992px) {
  .client-signup-form {
    position: relative;
  }
  .client-signup-form .password-info {
    position: absolute;
    width: 300px;
    top: 32px;
    left: 100%;
    padding-left: 15px;
  }
  .client-signup-form .password-info > br {
    display: block;
  }
}

.token-error {
  width: 95%;
  margin: auto 2.5%;
}
@media only screen and (min-width: 576px) {
  .token-error {
    width: 350px;
    margin: auto;
  }
}

.invitation-signup {
  display: flex;
  height: 90%;
  width: 100%;
}

.curr-user-menu {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 150px;
}
.curr-user-menu__trigger {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
}
.curr-user-menu .dropdown-menu__trigger__icon {
  color: #000;
  margin-left: 0;
}
.curr-user-menu__link {
  font-size: 14px;
  color: #4d70ff;
  display: block;
  padding: 11px 16px;
}
.curr-user-menu--hide-mobile {
  display: none;
}
.curr-user-menu--open .curr-user-menu__content {
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin-top: 8px;
  padding: 20px 4px 16px;
  min-width: 240px;
}
.curr-user-menu--open .curr-user-menu__content-info {
  display: flex;
  flex-direction: column;
  padding: 4px 20px 16px;
  cursor: default;
}
.curr-user-menu--open .curr-user-menu__content-info span {
  color: #9fa2b0;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 2px;
}
.curr-user-menu--open .curr-user-menu__content-info span:last-of-type {
  margin-bottom: 0;
}
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__dropdown__item {
  color: #1F2027;
  font-weight: 600;
}
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__dropdown__item a {
  display: flex;
  justify-content: left;
  border-radius: 3px;
  color: #1F2027;
  font-weight: 600;
}
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__list {
  border: none;
  box-shadow: none;
  padding: 0;
}
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__list .dropdown-menu__item {
  border: none;
  padding: 0;
}
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__list .dropdown-menu__item a,
.curr-user-menu--open .curr-user-menu__content .curr-user-menu__list .dropdown-menu__item__button {
  padding: 11px 16px;
}
@media only screen and (min-width: 576px) {
  .curr-user-menu--hide-mobile {
    display: flex;
  }
}

.user-messages-menu-notifications {
  height: 100%;
  display: flex;
}
.user-messages-menu-notifications__trigger > span {
  overflow: visible;
}
.user-messages-menu-notifications .dropdown-menu__trigger__icon {
  display: none;
}
.user-messages-menu-notifications__content {
  background-color: #eff0f5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  cursor: auto;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .user-messages-menu-notifications__content {
    margin-top: 8px;
    width: 340px !important;
    height: auto;
    left: auto;
    right: 0;
    top: 100%;
    position: absolute;
  }
}
.user-messages-menu-notifications__content__mobile-header {
  background: #fff;
  width: 100%;
  display: flex;
  color: #1e2127;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  padding: 25px 22px 25px 18px;
  justify-content: space-between;
  align-items: center;
}
.user-messages-menu-notifications__content__mobile-header svg {
  color: #e0e1e8;
  width: 14px;
  cursor: pointer;
}
.user-messages-menu-notifications__content__mobile-header svg path {
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .user-messages-menu-notifications__content__mobile-header {
    display: none;
  }
}
.user-messages-menu-notifications__content__no-messages {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9fa2b0;
  font-size: 18px;
  line-height: 24px;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .user-messages-menu-notifications__content__no-messages {
    height: 280px;
  }
}
.user-messages-menu-notifications__content__list {
  height: 100%;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .user-messages-menu-notifications__content__list {
    height: 470px;
  }
}
.user-messages-menu-notifications__content__list::-webkit-scrollbar {
  width: 4px;
  border-radius: 8px;
}
.user-messages-menu-notifications__content__list__item {
  background-color: #f8f9fc;
  padding: 10px 25px 18px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 3px solid #4d70ff;
  border-bottom: 1px solid #e2e7ee;
  cursor: pointer;
}
.user-messages-menu-notifications__content__list__item > div {
  overflow: hidden;
}
.user-messages-menu-notifications__content__list__item__name {
  color: #364153;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 20px;
}
.user-messages-menu-notifications__content__list__item__date {
  color: #9fa2b0;
  font-size: 14px;
  line-height: 20px;
}
.user-messages-menu-notifications__content__list__item__badge {
  padding: 0 5px;
}
.user-messages-menu-notifications__trigger__label {
  display: flex;
  position: relative;
}
.user-messages-menu-notifications__trigger__label__badge {
  margin-left: 5px;
  padding: 0 5px;
  position: absolute;
  transform: translate(30%, -30%);
}
.user-messages-menu-notifications__trigger__label__envelope-icon {
  width: 24px;
  height: 24px;
  color: #1F2027;
}
.user-messages-menu-notifications--client-portal .dropdown__content {
  display: none;
}
@media only screen and (min-width: 768px) {
  .user-messages-menu-notifications--client-portal {
    display: none;
  }
}

.icon-wrapper {
  position: relative;
}
.inline .icon-wrapper {
  display: inline-block;
}
.icon-wrapper svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 10px;
}
.icon-wrapper > .ui.dropdown,
.icon-wrapper > .ui.dropdown.selection,
.icon-wrapper > .ui.dropdown.selection.search {
  /* stylelint-disable-next-line no-descending-specificity */
}
.icon-wrapper > .ui.dropdown,
.icon-wrapper > .ui.dropdown.selection,
.icon-wrapper > .ui.dropdown.selection.search,
.ui.form .icon-wrapper > .ui.dropdown,
.ui.form .icon-wrapper > .ui.dropdown.selection,
.ui.form .icon-wrapper > .ui.dropdown.selection.search {
  width: 100%;
}
.icon-wrapper > .ui.dropdown:not(.active),
.icon-wrapper > .ui.dropdown.selection:not(.active),
.icon-wrapper > .ui.dropdown.selection.search:not(.active) {
  padding-left: 40px;
}
.icon-wrapper .ui.input input,
.icon-wrapper input.flatpickr-input,
.form-new .icon-wrapper .ui.input input,
.form-new .icon-wrapper input.flatpickr-input {
  padding-left: 40px;
}
.form-new .icon-wrapper input.simple-money-input {
  padding-left: 40px;
}

.client-card-table__comments {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  color: #1F2027;
  font-size: 16px;
  line-height: 27px;
}
.client-card-table__comments > div:first-child {
  flex: none;
  padding-right: 10px;
  font-weight: 300;
}
.client-card-table__comments > div:last-child {
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .client-card-table__comments {
    display: flex;
  }
  .client-card-table__comments > div:first-child {
    width: 235px;
    flex: none;
  }
  .client-card-table__comments > div:last-child {
    padding-left: 0;
  }
}
.client-card-table .table-new__cell:first-of-type::before {
  display: block !important;
}
.client-card-table__desktop-cell {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .client-card-table__desktop-cell {
    display: table-cell !important;
  }
}
.client-card-table th {
  padding-left: 0 !important;
  border-bottom: 1px solid #dae2eb;
  width: auto;
  font-size: 16px;
  color: #1F2027;
  font-weight: 300;
  line-height: 21px;
}
@media only screen and (min-width: 1200px) {
  .client-card-table th {
    width: 235px;
  }
  .client-card-table th:last-of-type {
    width: auto;
  }
}
.client-card-table--auto-width-but-first th:first-child {
  width: 235px;
}
.client-card-table--auto-width-but-first th {
  width: auto;
}
.client-card-table td:first-of-type {
  font-weight: 400 !important;
}
.client-card-table td > span {
  padding-left: 10px !important;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1F2027;
  line-height: 21px;
}
@media only screen and (min-width: 992px) {
  .client-card-table td > span {
    padding-left: 0 !important;
  }
}
.client-card-table td::before {
  font-weight: 300 !important;
  color: #1F2027 !important;
  line-height: 21px;
}
.client-card-table tr {
  padding: 15px 0 !important;
}
.client-card-table tr:hover .table-new__cell {
  background-color: transparent !important;
}
.client-card-table__row--bold * {
  font-weight: 600;
}
.client-card-table__row--bold td::before {
  font-weight: 600 !important;
  color: #1F2027 !important;
}
.client-card-table__row--no-border-top > td {
  border-top: none !important;
}
.client-card-table__row--no-border-bottom {
  border-bottom: none !important;
}
.client-card-table__header-cell > span {
  color: rgba(31, 32, 39, 0.5) !important;
  font-weight: 400;
  font-size: 14px;
}
.client-card-table .profit-loss-icon-wrapper {
  display: inline-block;
  margin-left: 10.5px;
}
.client-card-table .profit-loss-icon-wrapper svg {
  margin-bottom: -3px;
}
.client-card-table .profit-loss-icon-wrapper--green svg {
  color: #21c056;
}
.client-card-table .profit-loss-icon-wrapper--red svg {
  color: #ec2a2a;
}
.client-card-table .profit-loss-icon-wrapper--down svg {
  transform: rotate(180deg);
}

.card-header-no-margin * {
  margin-bottom: 0 !important;
}
.client-details-page {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .client-details-page {
    width: 100%;
  }
}
.client-details-page .card-new__header {
  margin-bottom: 0;
}
.client-details-page svg.icon {
  cursor: pointer;
}
.client-details-page .card-new-group .card-new {
  border-radius: 4px;
}
.client-details-page__client-details {
  width: 100%;
}
.client-details-page__client-details__personal .summary:nth-child(3),
.client-details-page__client-details__personal .summary:nth-child(6) {
  margin: 1.25rem 0;
}
.client-details-page__client-details__employment .summary:nth-child(3) {
  margin: 1.25rem 0;
}
.client-details-page__client-details__financial-advisers .summary:nth-child(3) {
  margin: 1.25rem 0;
}
.client-details-page__client-details__income-expenses-table table tr:last-child td:first-child {
  overflow: visible;
}
.client-details-page__client-details__income-expenses-table table tr:last-child td:first-child > span {
  display: flex;
  align-items: center;
  overflow: visible;
}
.client-details-page__client-details__assets-and-liabilities .client-card-table--auto-width-but-first th:first-child {
  width: 7.1875rem;
}
@media only screen and (min-width: 768px) {
  .client-details-page {
    display: flex;
    grid-column-gap: 1.25rem;
  }
  .client-details-page__side-menu {
    display: flex;
  }
  .client-details-page__client-details {
    display: grid;
    grid-column: 1;
    grid-gap: 1.25rem;
  }
}
@media only screen and (min-width: 992px) {
  .client-details-page {
    grid-column-gap: 2.5rem;
  }
  .client-details-page .client-details-page__client-details__dependants .table-new__header .table-new__row .table-new__header-cell:last-child {
    width: 2.375rem;
  }
  .client-details-page .client-details-page__client-details__dependants .client-card-table .table-new__body .table-new__row td:last-child {
    overflow: visible !important;
  }
  .client-details-page .client-details-page__client-details__dependants .client-card-table .table-new__body .table-new__row td:last-child .table-new__cell__content {
    overflow: visible !important;
  }
  .client-details-page .client-details-page__client-details__dependants .client-card-table .table-new__body .table-new__row td .list-tooltip {
    max-width: 21.752rem;
    right: -2.8rem !important;
    left: auto !important;
    top: 0.625rem !important;
  }
}

.client-personal-and-contacts-card {
  display: flex;
  flex-direction: column;
}
.client-personal-and-contacts-card > * {
  flex: 1;
}
.client-personal-and-contacts-card > *:first-child {
  padding-right: 0.625rem;
}
.client-personal-and-contacts-card > *:first-child .summary__row {
  grid-template-columns: 5.625rem auto;
}
.client-personal-and-contacts-card > *:last-child {
  padding-top: 1.5625rem;
  margin-top: 1.5625rem;
  border-top: 1px solid rgba(197, 208, 222, 0.6);
}
.client-personal-and-contacts-card > *:last-child .icon {
  display: none;
}
.client-personal-and-contacts-card > *:last-child .summary__row {
  grid-template-columns: 2.1875rem auto;
  column-gap: 0;
}
.client-personal-and-contacts-card > *:last-child .summary__row svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #babcc7;
  margin-top: 0.25rem;
}
.client-personal-and-contacts-card > *:last-child .summary__row:first-child svg {
  margin-top: 0;
}
.client-personal-and-contacts-card > *:last-child .summary__row .summary__cell {
  line-height: 1.875rem;
}
.client-personal-and-contacts-card__name-and-avatar {
  display: flex;
  margin-bottom: 1rem;
}
.client-personal-and-contacts-card__name-and-avatar__avatar-container {
  width: 4.375rem;
  height: 4.375rem;
  flex: none;
  background: #fff;
  border: 1px solid rgba(197, 208, 222, 0.5);
  border-radius: 4px;
  margin-right: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-personal-and-contacts-card__name-and-avatar__avatar-container > svg {
  color: #4d70ff;
  width: 2.875rem;
  height: 2.875rem;
}
.client-personal-and-contacts-card__name-and-avatar__name-container h3 {
  color: #1F2027;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4375rem;
  margin-bottom: 0.375rem;
}
.client-personal-and-contacts-card__name-and-avatar__name-container span {
  opacity: 0.6;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
.client-personal-and-contacts-card__low-line-height {
  line-height: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .client-personal-and-contacts-card {
    flex-direction: row;
  }
  .client-personal-and-contacts-card > *:first-child .icon {
    display: none;
  }
  .client-personal-and-contacts-card > *:last-child {
    border-top: hidden;
    border-left: 1px solid rgba(197, 208, 222, 0.6);
    padding-left: 1.5625rem;
    padding-top: 0;
    margin-top: 0;
  }
  .client-personal-and-contacts-card > *:last-child .icon {
    display: block;
  }
}

.client-relationships-card__container {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: 1fr;
}
.client-relationships-card__container__box {
  border: 1px solid rgba(197, 208, 222, 0.5);
  border-radius: 4px;
  background-color: #fff;
  padding: 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.client-relationships-card__container__box > *:first-child {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #1F2027;
  margin-bottom: 0.125rem;
}
.client-relationships-card__container__box > *:last-child {
  opacity: 0.6;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
.client-relationships-card__container__box__link {
  color: #4d70ff !important;
}
.client-relationships-card__container__box__link--disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .client-relationships-card__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .client-relationships-card__container {
    grid-template-columns: repeat(4, 1fr);
  }
}

.client-dependants-card__container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem;
}
.client-dependants-card__container__box {
  border: 1px solid rgba(197, 208, 222, 0.5);
  border-radius: 0.25rem;
  background-color: #fff;
  padding: 1.25rem 1rem;
}
.client-dependants-card__container__box__name-and-note {
  margin-bottom: 0.25rem;
  display: flex;
}
.client-dependants-card__container__box__name-and-note__name {
  font-weight: 600;
  margin-right: 0.75rem;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
.client-dependants-card__container__box__name-and-note > *:last-child {
  flex: none;
}
.client-dependants-card__container__box__name-and-note > *:last-child svg {
  color: #53D1ED;
  margin-top: 2px;
  cursor: pointer;
}
.client-dependants-card__container__box__name-and-note > *:last-child .list-tooltip__list {
  margin-top: 0;
}
.client-dependants-card__container__box__name-and-note > *:last-child .list-tooltip__list__item {
  border-top: 0;
}
.client-dependants-card__container__box__dob-and-relation {
  margin-bottom: 0.75rem;
  opacity: 0.6;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
.client-dependants-card__container__box__from-to > *:first-child {
  font-weight: 300;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
.client-dependants-card__container__box__from-to > *:last-child {
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .client-dependants-card__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .client-dependants-card__container {
    grid-template-columns: repeat(3, 1fr);
  }
  .client-dependants-card .list-tooltip {
    transform: translateX(-50%) !important;
  }
}

.client-employment-card > * {
  margin-bottom: 1.5rem;
}
.client-employment-card > *:first-child {
  margin-bottom: 0;
}
.client-employment-card > *:last-child {
  margin-bottom: 0;
}
.client-employment-card__box {
  background-color: #fff;
  border: 1px solid rgba(197, 208, 222, 0.5);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.client-employment-card__box__item {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 1rem 0;
}
.client-employment-card__box__item > *:first-child {
  font-weight: 300;
  margin-right: 7px;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.client-employment-card__box__item > *:last-child {
  font-weight: 600;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.client-employment-card__box__item > *:last-child svg {
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.3;
  position: relative;
  top: 0.3rem;
}
.client-employment-card__box__item > *:last-child .check-icon {
  color: #21c056;
  opacity: 1;
}
.client-employment-card__box__item:nth-child(2) {
  border-top: 1px solid rgba(197, 208, 222, 0.6);
  border-bottom: 1px solid rgba(197, 208, 222, 0.6);
}
@media only screen and (min-width: 768px) {
  .client-employment-card__box {
    flex-direction: row;
    padding: 1.25rem 1rem;
  }
  .client-employment-card__box__item {
    padding: 0;
    width: inherit;
  }
  .client-employment-card__box__item:nth-child(1) {
    border-right: 1px solid rgba(197, 208, 222, 0.6);
    justify-content: left;
    margin-right: 2.8rem;
    padding-right: 2.8rem;
  }
  .client-employment-card__box__item:nth-child(2) {
    border: none;
    border-right: 1px solid rgba(197, 208, 222, 0.6);
    justify-content: left;
    margin-right: 2.8rem;
    padding-right: 2.8rem;
  }
  .client-employment-card__box__item:nth-child(3) {
    justify-content: left;
  }
}

.client-details-aside {
  flex-basis: 11.44rem;
}
.client-details-aside__menu {
  width: 100%;
  flex-direction: column;
  border: 1px solid #c7d2df;
  border-radius: 0.25rem;
  padding-top: 0.625rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.625rem;
  margin-bottom: 2rem;
  display: none;
}
.client-details-aside__actions {
  display: grid;
  grid-template-columns: repeat(3, 3fr);
  grid-column-gap: 1.5rem;
  padding-bottom: 1.25rem;
}
.client-details-aside__actions .page-divider {
  display: none;
}
.client-details-aside__info-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1.375rem;
  display: none;
}
.client-details-aside__link {
  transition: 0.2s ease;
  color: #1F2027;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
  padding: 0.625rem 0;
  padding-right: 0.3rem;
  padding-left: 1.5rem;
  border-radius: 0 3px 3px 0;
  position: relative;
  overflow: hidden;
}
.client-details-aside__link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #eff0f5;
  transition: 0.2s ease;
  opacity: 0;
}
.client-details-aside__link::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0.25rem;
  height: 100%;
  background-color: #4d70ff;
  transition: 0.2s ease;
  opacity: 0;
}
.client-details-aside__link--active::before {
  opacity: 1;
}
.client-details-aside__link--active::after {
  opacity: 1;
}
.client-details-aside button.button-new--blue-text {
  justify-content: flex-start;
}
.client-details-aside .unlock-fact-find-toggler {
  display: flex;
}
.client-details-aside .unlock-fact-find-toggler span {
  color: #516173;
  margin-top: 0.25rem;
}
.client-details-aside .page-divider--horizontal {
  margin: 1.25rem 0;
}
@media only screen and (min-width: 768px) {
  .client-details-aside {
    width: 25%;
    height: fit-content;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    max-width: 15.625rem;
    flex-basis: 19.93rem;
  }
  .client-details-aside__menu {
    display: flex;
  }
  .client-details-aside .unlock-fact-find-toggler--button {
    margin-bottom: 0.875rem;
  }
  .client-details-aside .unlock-fact-find-toggler .toggle-button {
    margin-right: 0.75rem;
  }
  .client-details-aside .unlock-fact-find-toggler span {
    margin-top: 0;
  }
  .client-details-aside__actions {
    grid-template-columns: 1fr;
    margin-bottom: 0;
    gap: 0;
  }
  .client-details-aside__actions .page-divider {
    display: block;
  }
  .client-details-aside__info-text {
    display: block;
  }
}
.save-fact-find-to-documents {
  text-align: left;
  width: 100%;
  justify-content: flex-start;
  grid-column: 1;
}
.save-fact-find-to-documents svg {
  flex: none;
}
.save-fact-find-to-documents .hide-on-mobile {
  display: none;
}
@media only screen and (min-width: 992px) {
  .save-fact-find-to-documents .hide-on-mobile {
    display: inline;
  }
}
.unlock-fact-find-toggler {
  grid-column: 2;
}
.request-edit-by-client {
  grid-column: 3;
}
.request-edit-by-client__tooltip {
  width: 16rem;
  left: auto !important;
  top: auto !important;
  transform: translate(25%, -50%);
}
.request-edit-by-client,
.save-fact-find-to-documents,
.unlock-fact-find-toggler {
  grid-row: 1;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.request-edit-by-client__long-text,
.save-fact-find-to-documents__long-text,
.unlock-fact-find-toggler__long-text {
  display: none;
}
.request-edit-by-client span,
.save-fact-find-to-documents span,
.unlock-fact-find-toggler span {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .request-edit-by-client,
  .save-fact-find-to-documents,
  .unlock-fact-find-toggler {
    display: inline-flex;
    flex-direction: row;
    grid-row: auto;
    grid-column: auto;
  }
  .request-edit-by-client__short-text,
  .save-fact-find-to-documents__short-text,
  .unlock-fact-find-toggler__short-text {
    display: none;
  }
  .request-edit-by-client__long-text,
  .save-fact-find-to-documents__long-text,
  .unlock-fact-find-toggler__long-text {
    display: block;
  }
}
.request-edit-by-client .request-edit-by-client__tooltip,
.save-fact-find-to-documents .request-edit-by-client__tooltip,
.unlock-fact-find-toggler .request-edit-by-client__tooltip {
  transform: translate(5%, -35%);
}

.company-details-card {
  display: flex;
  flex-direction: column;
}
.company-details-card > * {
  flex: 1;
}
.company-details-card > *:first-child {
  padding-right: 0.625rem;
}
.company-details-card > *:first-child .summary__row {
  grid-template-columns: 8.5rem auto;
}
.company-details-card > *:last-child {
  padding-top: 1.56rem;
  margin-top: 1.56rem;
  border-top: 1px solid rgba(197, 208, 222, 0.6);
}
.company-details-card > *:last-child .icon {
  display: none;
}
.company-details-card > *:last-child .summary__row {
  grid-template-columns: 2.1875rem auto;
  column-gap: 0;
}
.company-details-card > *:last-child .summary__row svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #babcc7;
  margin-top: 0.25rem;
}
.company-details-card > *:last-child .summary__row:first-child svg {
  margin-top: 0;
}
.company-details-card > *:last-child .summary__row .summary__cell {
  line-height: 1.875rem;
}
.company-details-card__name-and-avatar {
  display: flex;
  margin-bottom: 1rem;
}
.company-details-card__name-and-avatar__avatar-container {
  width: 4.375rem;
  height: 4.375rem;
  flex: none;
  background: #fff;
  border: 1px solid rgba(197, 208, 222, 0.5);
  border-radius: 0.25rem;
  margin-right: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-details-card__name-and-avatar__avatar-container > svg {
  color: #4d70ff;
  width: 2.875rem;
  height: 2.875rem;
}
.company-details-card__name-and-avatar__name-container h3 {
  color: #1F2027;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4375rem;
  margin-bottom: 0.375rem;
}
.company-details-card__name-and-avatar__name-container span {
  opacity: 0.6;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .company-details-card {
    flex-direction: row;
  }
  .company-details-card > *:first-child .icon {
    display: none;
  }
  .company-details-card > *:last-child {
    border-top: hidden;
    border-left: 1px solid rgba(197, 208, 222, 0.6);
    padding-left: 1.56rem;
    padding-top: 0;
    margin-top: 0;
  }
  .company-details-card > *:last-child .icon {
    display: block;
  }
}

.section-nav {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dae2eb;
  overflow-x: auto;
  scrollbar-width: thin;
  width: 100%;
  margin-top: 28px;
}
.section-nav__item {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  padding: 12px 20px;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  min-width: max-content;
}
.section-nav__item,
.section-nav__item:hover {
  color: #000;
}
.section-nav__item:not(:first-child) {
  margin-left: 8px;
}
.section-nav__item span {
  color: rgba(31, 32, 39, 0.5);
}
.section-nav__item span .badge {
  color: #fff;
}
.section-nav__item.active {
  background-color: #eff0f5;
}
.section-nav__item.active span {
  color: #1F2027;
}
.section-nav__item.active span .badge {
  color: #fff;
}

.single-message {
  display: flex;
  padding: 20px 15px;
  border-bottom: 1px solid #dae2eb;
  border-left: 4px solid #babcc7;
  background-color: #eff0f5;
}
.single-message--new {
  border-left: 4px solid #4d70ff;
  background-color: #f8f9fc;
}
.single-message__content {
  margin-left: 15px;
  flex: 1;
  overflow: hidden;
}
.single-message__content__header {
  display: flex;
  justify-content: space-between;
}
.single-message__content__header__name-and-date {
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-message__content__header__name-and-date span {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #d7d8de;
  font-size: 14px;
  font-style: italic;
  color: #1F2027;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
.single-message__content__header__name-and-date span:last-of-type {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.single-message__content__body {
  color: #1F2027;
  line-height: 22px;
  font-size: 16px;
  margin-top: 10px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.single-message__content__file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.single-message__content__file__info {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.single-message__content__file__info svg {
  flex: none;
  width: 24px;
  height: 27px;
}
.single-message__content__file__info span {
  font-size: 14px;
  padding: 0 6px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(31, 32, 39, 0.7);
}
.single-message__content__file__download svg {
  color: #4d70ff;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .single-message {
    padding: 20px 25px;
  }
  .single-message__content__body {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1366px) {
  .single-message__content__body {
    max-width: 91%;
  }
}

.client-messages-page {
  position: relative;
  height: 100%;
}

.message-input-dark-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.2s ease;
  z-index: 1;
  pointer-events: none;
}
.message-input-dark-overlay--shown {
  background: rgba(0, 0, 0, 0.3);
  pointer-events: unset;
}
@media only screen and (min-width: 576px) {
  .message-input-dark-overlay {
    display: none;
  }
}
.message-input {
  padding-top: 13px;
  background-color: #fff;
  border-top: 1px solid #c5d0de;
}
.message-input--opened {
  z-index: 2;
}
.message-input * {
  -webkit-tap-highlight-color: transparent;
}
.message-input__form {
  display: flex;
  justify-content: center;
}
.message-input__form__container {
  display: flex;
  flex: 1;
  max-width: 1000px;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
}
.message-input__form__container--holder {
  width: 100%;
}
.message-input__form__container__button-and-error {
  margin-left: 15px;
}
.message-input__form__container__button-and-error__button {
  padding: 7px 32px;
  flex: none;
  margin-top: 20px;
  margin-bottom: 13px;
}
.message-input__form__container__button-and-error__button--hidden {
  display: none;
}
.message-input__form__container__button-and-error__error {
  margin-top: 3px;
  padding-left: 15px;
  margin-bottom: 13px;
}
.message-input__form__container__wrapper {
  width: 100%;
  overflow: hidden;
}
.message-input__form__container__wrapper__divider {
  width: calc(100% - 30px);
  margin: 0 auto;
}
.message-input__form__container__wrapper > div {
  margin-bottom: 0 !important;
}
.message-input__form__container__wrapper__textarea-field .input-with-icon__icon {
  background-color: transparent;
}
.message-input__form__container__wrapper__textarea-field .input-with-icon__icon svg {
  pointer-events: auto;
}
.message-input__form__container__wrapper__textarea-field svg {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #4d70ff !important;
}
.message-input__form__container__wrapper__textarea-field textarea {
  transition: 0.2s ease;
  height: 40px;
  overflow: hidden;
  border: none;
  border-radius: 0;
  padding-left: 15px;
  padding-right: 60px !important;
}
.message-input__form__container__wrapper__textarea-field textarea:focus {
  border-color: #dfe3e9;
}
.message-input__form__container__wrapper__textarea-field--expanded textarea {
  height: 75px;
  overflow: auto;
}
.message-input .file-upload-error-msg {
  margin-left: 45px;
  color: #ec2a2a;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  display: block;
  margin-right: 30px;
  padding-bottom: 12px;
}
.message-input__file-wrapper:last-child {
  padding-bottom: 12px;
}
.message-input__file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-left: 15px;
  padding-right: 30px;
}
.message-input__file__info {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.message-input__file__info svg {
  flex: none;
  width: 24px;
  height: 27px;
}
.message-input__file__info .spinner-wrapper {
  width: 24px;
  height: 27px;
}
.message-input__file__info__error-icon {
  width: 20px;
  height: 20px;
}
.message-input__file__info__file-name {
  font-size: 14px;
  color: #1F2027;
  padding: 0 6px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.message-input__file__info__file-name--uploading {
  opacity: 0.4;
}
.message-input__file__buttons {
  display: flex;
  align-items: center;
}
.message-input__file__buttons__retry {
  color: #4d70ff;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 10px;
}
.message-input__file__buttons__remove {
  color: #4d70ff;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
@media only screen and (min-width: 576px) {
  .message-input {
    padding: 23px 20px;
    background-color: #f8f9fc;
    border-top: none;
  }
  .message-input__form__container--holder {
    display: flex;
  }
  .message-input__form__container__button-and-error {
    margin-top: 0;
    margin-left: 20px;
  }
  .message-input__form__container__button-and-error__button {
    margin-bottom: 0;
    margin-top: 0;
  }
  .message-input__form__container__button-and-error__button--hidden {
    display: flex;
  }
  .message-input__form__container__button-and-error__error {
    padding-left: 0;
    margin-bottom: 0;
  }
  .message-input__form__container__wrapper__divider {
    display: none;
  }
  .message-input__form__container__wrapper__textarea-field textarea {
    border: 1px solid #dfe3e9;
    border-radius: 4px;
    padding-left: 12px;
  }
  .message-input__form__container__wrapper__textarea-field--expanded textarea {
    height: 130px;
    overflow: auto;
  }
  .message-input .file-upload-error-msg {
    margin-left: 26px;
  }
  .message-input__file {
    padding-right: 20px;
    padding-left: 0;
  }
}

.sign-document-btn__confirm-password-modal__description a {
  color: #4159FF;
}
.sign-document-btn__confirm-password-modal__description p {
  margin-top: 4px;
  font-style: italic;
}
.preview-pdf {
  background: #dfe2e5;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  padding-top: 80px;
  padding-bottom: 70px;
}
.preview-pdf .react-pdf__Page {
  margin-bottom: 30px;
}
.preview-pdf--is-preview {
  padding-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .preview-pdf {
    padding: 0 40px;
    padding-bottom: 70px;
    padding-top: 100px;
  }
  .preview-pdf--is-preview {
    padding-bottom: 10px;
  }
}
.preview-pdf__document-container {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding-top: 30px;
  display: flex;
}
.preview-pdf__document-container--is-doc-unavailable {
  background-color: white;
}
.preview-pdf__document-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.preview-pdf__document-container__document {
  margin: 0 auto;
}
.preview-pdf__footer {
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f8f9fc;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.preview-pdf__footer > button {
  margin: 0 10px;
  min-width: auto;
}
.preview-pdf__footer > button:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 390px) {
  .preview-pdf__footer > button {
    min-width: 150px;
  }
}
.preview-pdf__header {
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f9fc;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .preview-pdf__header {
    padding: 0 40px;
  }
}
.preview-pdf__header__left-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 10px;
}
.preview-pdf__header__left-container > svg {
  width: 24px;
  color: #7f8fa4;
  cursor: pointer;
  flex: none;
}
.preview-pdf__header__left-container > svg:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.preview-pdf__header__left-container__file-name {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  margin-left: 12px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px !important;
  text-overflow: ellipsis;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 576px) {
  .preview-pdf__header__left-container__file-name {
    line-height: 23px;
    margin-top: 30px;
    margin-bottom: 30px !important;
  }
}
.preview-pdf__header__right-container {
  display: flex;
  align-items: center;
}
.preview-pdf__header__right-container__mobile-actions-dots {
  margin-right: 10px;
}
.preview-pdf__header__right-container__mobile-actions-dots svg {
  width: 24px;
  height: 24px;
  color: #4d70ff;
}
.preview-pdf__header__right-container > a {
  color: #4d70ff;
  margin-right: 20px;
  display: none;
}
.preview-pdf__header__right-container__zoom-buttons {
  display: none;
  align-items: center;
  border: 1px solid #BFC5CF;
  border-radius: 4px;
  height: 36px;
}
.preview-pdf__header__right-container__zoom-buttons > div {
  width: 50px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 25px;
  color: #BFC5CF;
}
.preview-pdf__header__right-container__zoom-buttons > div:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.preview-pdf__header__right-container__zoom-buttons > div:last-child {
  border-left: 1px solid #BFC5CF;
  font-size: 37px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 576px) {
  .preview-pdf__header__right-container__mobile-actions-dots {
    display: none;
  }
  .preview-pdf__header__right-container > a,
  .preview-pdf__header__right-container__zoom-buttons {
    display: flex;
  }
}

.colors-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
}
.colors-avatar--large {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 1.625rem;
}
@media only screen and (min-width: 768px) {
  .colors-avatar--large {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 2.25rem;
  }
}
.colors-avatar--extra-large {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.colors-avatar--red {
  background-color: #ec2a2a;
}
.colors-avatar--salmon-pink {
  background-color: #F86666;
}
.colors-avatar--brown {
  background-color: #A46325;
}
.colors-avatar--orange {
  background-color: #f7941d;
}
.colors-avatar--yellow {
  background-color: #f7bf47;
}
.colors-avatar--green {
  background-color: #21c056;
}
.colors-avatar--turquoise {
  background-color: #53D1ED;
}
.colors-avatar--light-blue {
  background-color: #82ACFF;
}
.colors-avatar--blue {
  background-color: #4d70ff;
}
.colors-avatar--dark-blue {
  background-color: #1A3DCB;
}
.colors-avatar--purple {
  background-color: #6c47db;
}
.colors-avatar--dark-grey {
  background-color: #516173;
}
.colors-avatar--grey {
  background-color: #9fa2b0;
}

.dropdown-selection__control {
  display: flex;
}
.dropdown-selection__control .unassigned-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
}
.dropdown-selection__control .unassigned-icon-wrapper > svg {
  width: 1.125rem;
  height: auto;
  display: block;
  color: #fff;
}
.dropdown-selection__control .unassigned-icon-wrapper--active {
  background-color: rgba(77, 112, 255, 0.08);
}
.dropdown-selection__control .unassigned-icon-wrapper--active > svg {
  color: #4d70ff;
}
.dropdown-selection__control__unassigned-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
}
.dropdown-selection__control__unassigned-icon-wrapper > svg {
  width: 1.125rem;
  height: auto;
  display: block;
  color: #fff;
}
.dropdown-selection__control__unassigned-icon-wrapper--active {
  background-color: rgba(77, 112, 255, 0.08);
}
.dropdown-selection__control__unassigned-icon-wrapper--active > svg {
  color: #4d70ff;
}
.dropdown-selection__control__unassigned-task-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
  position: absolute;
  right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
}
.dropdown-selection__control__unassigned-task-icon-wrapper > svg {
  width: 1.125rem;
  height: auto;
  display: block;
  color: #fff;
}
.dropdown-selection__control__unassigned-task-icon-wrapper--active {
  background-color: rgba(77, 112, 255, 0.08);
}
.dropdown-selection__control__unassigned-task-icon-wrapper--active > svg {
  color: #4d70ff;
}
.dropdown-selection__control__list-unassigned-task-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
  position: absolute;
  left: 45%;
  height: 1.5rem;
  width: 1.5rem;
}
.dropdown-selection__control__list-unassigned-task-icon-wrapper > svg {
  width: 1.125rem;
  height: auto;
  display: block;
  color: #fff;
}
.dropdown-selection__control__list-unassigned-task-icon-wrapper--active {
  background-color: rgba(77, 112, 255, 0.08);
}
.dropdown-selection__control__list-unassigned-task-icon-wrapper--active > svg {
  color: #4d70ff;
}
.dropdown-selection__control__list-avatar-icon {
  position: absolute;
  left: 45%;
}
.dropdown-selection__control--with-icon {
  max-width: 10rem;
  min-width: 8.312rem;
  display: flex;
  align-items: center;
  border: none !important;
}
.dropdown-selection__control--with-icon .dropdown-selection__indicators {
  display: none;
}
.dropdown-selection__control--with-icon .initials-avatar {
  height: 2.25rem;
  width: 2.25rem;
}
.dropdown-selection__control--with-icon .dropdown-selection__value-container {
  padding-right: 0;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-top: 0;
  padding-bottom: 0;
}
.dropdown-selection__control--with-icon .dropdown-selection__value-container .dropdown-selection__placeholder {
  white-space: initial;
}
.dropdown-selection__control--with-icon .dropdown-selection__value-container .dropdown-selection__single-value {
  white-space: initial;
}
.dropdown-selection__control--with-icon:hover .dropdown-selection__value-container .dropdown-selection__placeholder,
.dropdown-selection__control--with-icon:hover .dropdown-selection__value-container .dropdown-selection__single-value {
  color: #4d70ff;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder {
  padding-right: 0;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-top: 0;
  padding-bottom: 0;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder .dropdown-selection__placeholder {
  white-space: initial;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder .dropdown-selection__single-value {
  white-space: initial;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder .dropdown-selection__placeholder {
  display: none;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder .dropdown-selection__single-value {
  display: none;
}
.dropdown-selection__control--with-icon__dropdown-no-placeholder .initials-avatar {
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  right: 0.5rem;
}
.dropdown-selection__control--with-color .colors-avatar {
  margin-left: 0.6875rem;
}
.dropdown-selection__control .coloured-style {
  min-width: fit-content;
  background-color: rgba(159, 162, 176, 0.2);
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.dropdown-selection__control .coloured-style .dropdown-selection__indicator svg {
  color: #516173;
}
.dropdown-selection__control .coloured-style:hover {
  background-color: rgba(131, 135, 153, 0.2);
}
.dropdown-selection__control .coloured-style--grey {
  background-color: rgba(159, 162, 176, 0.2);
}
.dropdown-selection__control .coloured-style--grey:hover {
  background-color: rgba(131, 135, 153, 0.2);
}
.dropdown-selection__control .coloured-style--orange {
  background-color: #F9E1AF;
}
.dropdown-selection__control .coloured-style--orange:hover {
  background-color: #f5cf80;
}
.dropdown-selection__control .coloured-style--green {
  background-color: #CEEDC7;
}
.dropdown-selection__control .coloured-style--green:hover {
  background-color: #ace1a0;
}
.dropdown-selection__control__coloured {
  min-width: fit-content;
  background-color: rgba(159, 162, 176, 0.2);
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.dropdown-selection__control__coloured .dropdown-selection__indicator svg {
  color: #516173;
}
.dropdown-selection__control__coloured:hover {
  background-color: rgba(131, 135, 153, 0.2);
}
.dropdown-selection__control__coloured--grey {
  background-color: rgba(159, 162, 176, 0.2);
}
.dropdown-selection__control__coloured--grey:hover {
  background-color: rgba(131, 135, 153, 0.2);
}
.dropdown-selection__control__coloured--orange {
  background-color: #F9E1AF;
}
.dropdown-selection__control__coloured--orange:hover {
  background-color: #f5cf80;
}
.dropdown-selection__control__coloured--green {
  background-color: #CEEDC7;
}
.dropdown-selection__control__coloured--green:hover {
  background-color: #ace1a0;
}
.dropdown-selection__control__coloured_no_indicator {
  text-align: center;
}
.dropdown-selection__control__coloured_no_indicator .dropdown-selection__indicator {
  display: none;
}
.dropdown-selection__option {
  white-space: nowrap;
}
.dropdown-selection__option--with-initials {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 0.75rem;
  white-space: pre;
}
.dropdown-selection__option--with-initials .initials-avatar {
  margin-right: 0.625rem;
  flex: none;
}
.dropdown-selection__option--with-initials__hint-text {
  color: #a8aab7;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 300;
  margin-left: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-selection__option--with-initials__hint-text > span:first-child {
  color: #1F2027;
}
.dropdown-selection__option--with-colors {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 0.75rem;
  white-space: pre;
}
.dropdown-selection__option--with-colors .colors-avatar {
  margin-right: 0.625rem;
  flex: none;
}
.dropdown-selection__option--with-colors__hint-text {
  color: #a8aab7;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 300;
  margin-left: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-selection__option--with-colors__hint-text > span:first-child {
  color: #1F2027;
}

.recipient-modal__button {
  margin-top: 30px;
}
.recipient-modal-trigger--disabled {
  pointer-events: none;
}

.client-document-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0 6px;
  background-color: #f8f9fc;
  position: relative;
}
.client-document-row > td {
  transition: 0.2s ease;
}
.client-document-row:hover > td {
  background-color: #eff0f5;
}
.client-document-row .faded-text {
  opacity: 0.4;
  color: #516173;
  font-size: 14px;
}
.client-document-row__click-to-sign {
  color: #4d70ff;
  font-size: 12px;
  font-style: italic;
  cursor: pointer;
}
.client-document-row__cell.table-new__cell:not(:first-of-type) {
  border-top: none;
  padding-top: 0;
}
.client-document-row__name-cell {
  padding-left: 10px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-document-row__name-cell > span {
  max-width: 100%;
}
.client-document-row__name-cell.table-new__cell {
  display: flex;
  grid-row: 1;
  grid-column: 1 / span 2;
}
.client-document-row__name-cell__content {
  display: inline-flex;
  width: 100%;
}
.client-document-row__name-cell__content__file-icon {
  display: none;
}
.client-document-row__name-cell__content__file-details {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-document-row__name-cell__content__file-details__policy-info {
  margin-top: 10px;
}
.client-document-row__name-cell__content__file-details__name {
  max-width: 100%;
  color: #1F2027;
  white-space: initial;
  margin-right: 65px;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-document-row__name-cell__content__file-details__name--action {
  color: #4d70ff;
  font-weight: 600;
}
.client-document-row__name-cell__content__file-details__name--action > * {
  cursor: pointer;
}
.client-document-row__name-cell__content__file-details__history {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-document-row__name-cell__content__file-details__history span {
  padding-right: 5px !important;
  margin-right: 5px !important;
  border-right: 1px solid #d7d8de;
  font-size: 14px;
  font-style: italic;
  color: #1F2027;
  font-weight: 300;
}
.client-document-row__name-cell__content__file-details__history span:last-of-type {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.client-document-row__policy-related-cell {
  grid-column: 1 / span 2;
  grid-row: 2;
}
.client-document-row__policy-related-cell .dropdown-selection__trigger {
  background-color: #fff;
}
.client-document-row__visible-cell .table-new__cell__text {
  padding-left: 2rem;
}
.client-document-row__visible-cell.table-new__cell {
  grid-row: 3;
  grid-column: 1;
}
.client-document-row__visible-cell__content {
  display: flex;
  align-items: center;
  height: 100%;
  /* stylelint-disable-next-line no-descending-specificity */
}
.client-document-row__visible-cell__content__checkbox {
  margin-right: 3%;
}
.client-document-row__visible-cell__content span {
  margin: auto 0;
  font-size: 14px;
  font-style: italic;
  color: #7f8fa4;
}
.client-document-row__management-cell {
  padding-right: 10px !important;
  position: absolute;
  right: 0;
  top: 15px;
  background: none;
}
.client-document-row__management-cell .table-new__cell {
  grid-row: 2;
  grid-column: 2;
  padding: 15px 19px 19px;
}
.client-document-row__management-cell__icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.client-document-row__management-cell__icons__trash {
  display: none;
}
.client-document-row__management-cell__icons svg {
  margin-left: 30px;
  cursor: pointer;
  color: #4d70ff;
  width: 27px;
  height: 27px;
}
.client-document-row__management-cell__icons svg:first-of-type {
  margin-left: 0;
}
.client-document-row__signing-status-cell > span {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .client-document-row {
    display: table-row;
  }
  .client-document-row:not(:first-child) .table-new__cell {
    border-top: 1px solid #dae2eb;
  }
  .client-document-row__cell {
    display: table-cell;
  }
  .client-document-row__cell.table-new__cell:not(:first-of-type) {
    padding-top: 15px;
  }
  .client-document-row__cell span {
    padding: 0;
  }
  .client-document-row__name-cell {
    padding-left: 18px !important;
  }
  .client-document-row__name-cell span {
    padding-left: 0 !important;
    width: 100%;
  }
  .client-document-row__name-cell__content {
    display: inline-flex;
    width: 100%;
  }
  .client-document-row__name-cell__content__file-icon {
    display: block;
    margin: auto 20px auto 0;
    width: 32px;
  }
  .client-document-row__name-cell__content__file-details__policy-info {
    display: none;
  }
  .client-document-row__name-cell__content__file-details__name {
    white-space: nowrap;
    margin-right: 28px;
  }
  .client-document-row__name-cell .table-new__cell__text {
    display: inline-flex;
    width: 100%;
  }
  .client-document-row__visible-cell .table-new__cell__text {
    padding-left: 1rem;
  }
  .client-document-row__visible-cell__content {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .client-document-row__visible-cell__content > span {
    display: none;
  }
  .client-document-row__management-cell {
    position: unset;
    padding-right: 16px !important;
  }
  .client-document-row__management-cell span {
    padding-right: 0 !important;
  }
  .client-document-row__management-cell__icons {
    align-items: center;
  }
  .client-document-row__management-cell__icons svg {
    margin-left: 15px;
  }
  .client-document-row__management-cell__icons__edit {
    display: none;
  }
  .client-document-row__management-cell__icons__trash {
    display: block;
  }
  .client-document-row__signing-status-cell > span {
    text-align: left;
  }
  .client-document-row .client-document-row:not(:first-of-type) > .client-document-row__cell {
    border-top: 1px solid #dae2eb;
  }
}
@media only screen and (min-width: 992px) {
  .client-document-row__management-cell {
    padding-right: 32px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .client-document-row__management-cell__icons svg {
    margin-left: 30px;
  }
}

.client-documents-table__header {
  display: none;
}
@media only screen and (min-width: 768px) {
  .client-documents-table {
    table-layout: fixed;
  }
  .client-documents-table__columns__name {
    width: 38%;
  }
  .client-documents-table__columns__policy {
    width: 30%;
  }
  .client-documents-table__columns__visibility {
    width: 11%;
  }
  .client-documents-table__columns__signing-status {
    width: 13%;
  }
  .client-documents-table__columns__manage {
    width: 13%;
  }
  .documents-header-cell__visible {
    text-align: center;
  }
  .client-documents-table__header {
    display: table-header-group;
  }
}
@media only screen and (min-width: 992px) {
  .client-documents-table__columns__name {
    width: 37%;
  }
  .client-documents-table__columns__policy {
    width: 29%;
  }
  .client-documents-table__columns__visibility {
    width: 12%;
  }
  .client-documents-table__columns__signing-status {
    width: 11%;
  }
  .client-documents-table__columns__manage {
    width: 11%;
  }
}

.client-documents-page {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .client-documents-page {
    width: 100%;
  }
}
.client-documents-page__info {
  padding: 0 16px 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .client-documents-page__info {
    padding: 0 32px 12px;
  }
}

.dashboard-boxes-card {
  background-color: #4d70ff;
  padding: 15px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.dashboard-boxes-card--with-icon-text {
  padding: 15px 24px;
}
.dashboard-boxes-card--column {
  display: flex;
  flex-direction: column;
}
.dashboard-boxes-card *,
.dashboard-boxes-card {
  transition: 0.2s ease;
}
.dashboard-boxes-card__shape {
  position: absolute;
  right: 0;
  top: 0;
}
.dashboard-boxes-card__shape__horizontal {
  color: #fff;
  width: 507px;
  height: 257px;
  opacity: 0.6;
}
.dashboard-boxes-card__shape__horizontal-new {
  color: #fff;
  opacity: 0.3;
  width: 300px;
  height: 317px;
  margin-top: -75px;
}
.dashboard-boxes-card__shape__vertical {
  color: #fff;
  width: 192px;
  height: 230px;
  opacity: 0.2;
  margin-right: 24px;
}
.dashboard-boxes-card__icon {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  height: 0;
  display: flex;
  align-items: center;
}
.dashboard-boxes-card__icon > svg {
  width: 54px;
  height: 54px;
}
.dashboard-boxes-card__icon__text {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22.4px;
  margin-left: 16px;
}
.dashboard-boxes-card__icon--with-text {
  margin-bottom: 15px;
  height: 2.5rem;
}
.dashboard-boxes-card__icon--with-text > svg {
  width: 2.5rem;
  height: 2.5rem;
}
.dashboard-boxes-card__boxes {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  grid-auto-columns: minmax(0, 1fr);
  position: relative;
  flex: 1;
}
.dashboard-boxes-card__boxes__box {
  border-radius: 4px;
  padding-top: 10px;
  min-height: 90px;
  text-align: center;
  background-color: #fff;
}
.dashboard-boxes-card__boxes__box__quantity {
  color: #4d70ff;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 04;
}
.dashboard-boxes-card__boxes__box__description {
  color: #1F2027;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  word-break: break-word;
}
.dashboard-boxes-card__boxes--column {
  grid-auto-flow: row;
  gap: 10px;
}
.dashboard-boxes-card__boxes--column .dashboard-boxes-card__boxes__box {
  min-height: auto;
  display: flex;
  align-items: center;
  padding: 8px 14px;
}
.dashboard-boxes-card__boxes--column .dashboard-boxes-card__boxes__box__quantity {
  margin-bottom: 0;
  margin-right: 8px;
}
@media only screen and (min-width: 360px) {
  .dashboard-boxes-card__boxes__box__description {
    font-size: 16px;
  }
}
@media only screen and (min-width: 390px) {
  .dashboard-boxes-card__boxes__box {
    padding-top: 10px;
  }
  .dashboard-boxes-card__icon {
    margin-bottom: 12px;
    height: 54px;
  }
  .dashboard-boxes-card__icon--with-text {
    margin-bottom: 1.25rem;
    height: 2.5rem;
  }
}
@media only screen and (min-width: 576px) {
  .dashboard-boxes-card {
    padding: 2rem;
    padding-top: 12px;
  }
  .dashboard-boxes-card--with-icon-text {
    padding: 1.25rem 2rem;
  }
  .dashboard-boxes-card__boxes {
    gap: 15px;
  }
  .dashboard-boxes-card__boxes__box {
    min-height: 7.5rem;
    padding-top: 22px;
  }
  .dashboard-boxes-card__boxes--column {
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .dashboard-boxes-card__boxes__box__quantity {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    line-height: 2.5rem;
  }
  .dashboard-boxes-card__boxes__box__description {
    font-size: 1.125rem;
  }
  .dashboard-boxes-card__boxes--column .dashboard-boxes-card__boxes__box {
    padding: 0.5rem 1.5rem;
  }
}

.dashboard-card-box-count {
  background-color: rgba(77, 112, 255, 0.3);
  padding: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  transition: 0.2s ease;
  justify-content: center;
  max-width: 110px;
}
.dashboard-card-box-count--cursor-pointer {
  cursor: pointer;
}
.dashboard-card-box-count__shape {
  position: absolute;
  color: #fff;
  opacity: 0.6;
  right: -95px;
  top: -10px;
}
.dashboard-card-box-count__icon {
  flex: none;
  margin-right: 16px;
  z-index: 1;
  overflow: hidden;
  width: 0;
  height: 0;
  transition: 0.2s ease;
}
.dashboard-card-box-count__icon > svg {
  color: #4d70ff;
  width: 35px;
  height: 35px;
}
.dashboard-card-box-count__title {
  color: #1F2027;
  font-weight: 600;
  line-height: 18px;
  margin-right: 10px;
  z-index: 1;
  font-size: 16px;
  transition: 0.2s ease;
  margin-bottom: 15px;
}
.dashboard-card-box-count__count {
  flex: none;
  width: 79px;
  height: 65px;
  transition: 0.2s ease;
  background: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4d70ff;
  font-size: 36px;
  font-weight: 600;
  line-height: 45px;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .dashboard-card-box-count {
    padding: 16px;
    padding-left: 32px;
    flex-direction: row;
    max-width: 340px;
  }
  .dashboard-card-box-count__icon {
    width: 35px;
    height: 35px;
  }
  .dashboard-card-box-count__count {
    margin-left: auto;
    height: 79px;
  }
  .dashboard-card-box-count__title {
    margin-bottom: 0;
    font-size: 18px;
  }
  .dashboard-card-box-count__shape {
    right: 5px;
    top: 0;
  }
}

.doughnut-card {
  background-color: #f8f9fc;
  padding: 6px;
}
.doughnut-card .collapsable-container {
  padding: 0;
}
.doughnut-card .collapsable-container__header {
  background-color: #fff;
  padding: 20px 15px 20px 37px;
}
.doughnut-card .collapsable-container__header h3 {
  font-size: 16px;
  margin-left: 0;
}
.doughnut-card .collapsable-container__header svg {
  left: 10px;
}
.doughnut-card__header {
  padding: 18px 26px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.doughnut-card__header__title {
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  margin: 0;
  margin-right: 10px;
}
@media only screen and (min-width: 576px) {
  .doughnut-card__header {
    display: flex;
  }
}
.doughnut-card__chart-container {
  position: relative;
  margin: 20px auto;
}
.doughnut-card__chart-container__total {
  color: #1F2027;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.doughnut-card__legend {
  padding: 20px 36px 20px 46px;
  background-color: #fff;
}
.doughnut-card__legend > span {
  color: #98a5b5;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.doughnut-card__legend__item {
  display: flex;
  align-items: center;
}
.doughnut-card__legend__item__color {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  flex: none;
}
.doughnut-card__legend__item__label {
  opacity: 0.8;
  color: #1F2027;
  font-size: 16px;
  line-height: 22px;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.doughnut-card__legend__item__money {
  margin-left: auto;
  opacity: 0.4;
  color: #1F2027;
  font-size: 16px;
  line-height: 22px;
}

.dashboard-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
.dashboard-card-title__title {
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22.4px;
}
.dashboard-card-title__action a,
.dashboard-card-title__action button {
  color: #4d70ff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}

.messages-dashboard-card {
  display: flex;
  flex-direction: column;
  transition: 0.2s ease;
}
.messages-dashboard-card .dashboard-boxes-card {
  flex: 1;
}
.messages-dashboard-card .dashboard-card-title__action button {
  display: flex;
  align-items: center;
  color: #4d70ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.messages-dashboard-card .dashboard-card-title__action button svg {
  margin-right: 6px;
  opacity: 1;
}

.messages-modal .file-input-el {
  transition: 0.2s ease;
}
.messages-modal .hidden-el {
  opacity: 0;
  pointer-events: none;
}
.messages-modal .disabled__attachments {
  pointer-events: none;
}
.messages-modal__form__file-input {
  display: inline-flex;
  color: #4d70ff;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: 40px;
}
.messages-modal__form__file-input > svg {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  flex: none;
}
.messages-modal__form__attachment-list > *:last-child {
  margin-bottom: 20px;
  padding-bottom: 0 !important;
}
.messages-modal__form__attachment-list .message-input__file {
  padding: 0;
}

.signature-dashboard-card-list {
  border-left: 4px solid #ec2a2a;
}
.signature-dashboard-card-list * {
  transition: 0.2s ease;
}
.signature-dashboard-card-list--empty {
  border-left: none;
}
.signature-dashboard-card-list__empty-message {
  padding: 14px 30px;
  font-style: italic;
  color: #98a5b5;
  font-size: 18px;
  line-height: 23px;
  background-color: #f8f9fc;
  border-bottom: 1px solid #dae2eb;
  display: flex;
  align-items: center;
}
.signature-dashboard-card-list__empty-message > svg {
  color: #1F2027;
  opacity: 0.2;
  flex: none;
  width: 32px;
  height: 32px;
  margin-right: 17px;
}
.signature-dashboard-card-list__item {
  position: relative;
  padding: 19px 16px 12px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dae2eb;
  background-color: #f8f9fc;
}
.signature-dashboard-card-list__item__icon {
  width: 32px;
  height: 36px;
  margin-right: 18px;
  flex: none;
  display: none;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__icon {
    display: block;
  }
}
.signature-dashboard-card-list__item__details {
  width: 100%;
  overflow: hidden;
}
.signature-dashboard-card-list__item__details > div:first-child {
  color: #1F2027;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.signature-dashboard-card-list__item__details > div:first-child > span {
  cursor: pointer;
}
.signature-dashboard-card-list__item__details > div:first-child > span:hover {
  color: #4d70ff;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__details > div:first-child {
    font-size: 17px;
  }
}
.signature-dashboard-card-list__item__details > div:last-child {
  color: #1F2027;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 22px;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__details > div:last-child {
    font-size: 14px;
  }
}
.signature-dashboard-card-list__item__details--client-portal > div:first-child {
  padding-right: 36px;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__details--client-portal > div:first-child {
    padding-right: 0;
  }
}
.signature-dashboard-card-list__item__download {
  position: absolute;
  right: 16px;
  top: 19px;
  color: #4d70ff;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.signature-dashboard-card-list__item__download--loading {
  opacity: 0.6;
  pointer-events: none;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__download {
    right: 35px;
    top: 26px;
  }
}
.signature-dashboard-card-list__item__click-to-sign {
  color: #4d70ff;
  font-size: 12px;
  font-style: italic;
  line-height: 22px;
  padding-left: 15px;
  margin-left: auto;
  cursor: pointer;
  margin-top: 12px;
  flex: none;
}
.signature-dashboard-card-list__item__click-to-sign--loading {
  opacity: 0.6;
  pointer-events: none;
}
.signature-dashboard-card-list__item__click-to-sign--client-portal {
  margin-right: auto;
  margin-left: 0;
  padding-left: 0;
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__click-to-sign--client-portal {
    margin-right: 90px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item__click-to-sign {
    margin-top: 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) {
  .signature-dashboard-card-list__item {
    flex-direction: row;
    padding: 17px 44px 17px 30px;
    align-items: center;
  }
}

.client-dashboard-page {
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.client-dashboard-page > div {
  margin-bottom: 36px;
  margin-left: 10px;
  margin-right: 10px;
}
.client-dashboard-page__review-and-adviser {
  display: grid;
  row-gap: 12px;
  grid-template-columns: 1fr;
}
.client-dashboard-page__review-and-adviser .dashboard-boxes-card__boxes__box {
  padding: 0;
  padding-top: 0;
  min-height: auto;
}
.client-dashboard-page__review-and-adviser .dashboard-boxes-card__boxes__box__description {
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  padding: 20px 24px;
  text-align: left;
}
.client-dashboard-page__review-and-adviser .dashboard-boxes-card__boxes__box__quantity {
  display: none;
}
@media only screen and (min-width: 768px) {
  .client-dashboard-page__review-and-adviser {
    column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
.client-dashboard-page__counts {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}
.client-dashboard-page__counts .dashboard-card-box-count {
  padding: 15px 10px;
  flex-direction: column;
  justify-content: center;
}
.client-dashboard-page__counts .dashboard-card-box-count__title {
  margin-right: 0;
  margin-bottom: 15px;
  text-align: center;
}
.client-dashboard-page__counts .dashboard-card-box-count__icon {
  width: 0;
  height: 0;
  margin-right: 0;
}
.client-dashboard-page__counts .dashboard-card-box-count__count {
  margin-left: 0;
}
@media only screen and (min-width: 360px) {
  .client-dashboard-page__counts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .client-dashboard-page__counts .dashboard-card-box-count {
    flex-direction: row;
    padding-left: 16px !important;
  }
  .client-dashboard-page__counts .dashboard-card-box-count__icon {
    margin-right: 10px;
  }
  .client-dashboard-page__counts .dashboard-card-box-count__title {
    margin-bottom: 0;
    margin-right: 5px;
    text-align: left;
  }
  .client-dashboard-page__counts .dashboard-card-box-count__count {
    margin-left: auto;
  }
}
@media only screen and (min-width: 992px) {
  .client-dashboard-page__counts .dashboard-card-box-count {
    padding-left: 16px !important;
  }
  .client-dashboard-page__counts .dashboard-card-box-count__icon {
    width: 35px;
    height: 35px;
  }
  .client-dashboard-page__counts .dashboard-card-box-count:nth-child(2) .dashboard-card-box-count__icon {
    width: 42px;
    height: 42px;
  }
  .client-dashboard-page__counts .dashboard-card-box-count:nth-child(2) .dashboard-card-box-count__icon > svg {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (min-width: 1200px) {
  .client-dashboard-page__counts {
    column-gap: 30px;
  }
  .client-dashboard-page__counts .dashboard-card-box-count {
    padding-left: 32px !important;
  }
}
.client-dashboard-page__charts {
  display: flex;
  flex-direction: column;
}
.client-dashboard-page__charts > * {
  margin-bottom: 12px;
}
.client-dashboard-page__charts .doughnut-card__chart-container {
  width: 100%;
}
.client-dashboard-page__charts .info-tooltip {
  top: 6px !important;
  right: -45px !important;
  left: auto !important;
}
@media only screen and (min-width: 768px) {
  .client-dashboard-page__charts {
    justify-content: space-between;
  }
  .client-dashboard-page__charts .doughnut-card__legend {
    height: 100%;
  }
  .client-dashboard-page__charts .collapsable-container {
    height: 100%;
  }
  .client-dashboard-page__charts .collapsable-container__animation-wrapper {
    max-height: 100%;
    height: 100%;
    overflow: hidden;
  }
  .client-dashboard-page__charts .collapsable-container__content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .client-dashboard-page__charts {
    display: flex;
    flex-direction: row;
  }
  .client-dashboard-page__charts > * {
    width: calc(33% - 8px);
  }
}
@media only screen and (min-width: 1200px) {
  .client-dashboard-page__charts > * {
    width: calc(33% - 10px);
  }
}

.form-fields-card .heading {
  margin-bottom: 19px;
}

.next-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #4d70ff;
  border: 1px solid #4d70ff;
  border-radius: 4px;
  padding: 7px 16px 7px 26px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.next-button > svg {
  width: 12px;
  height: 12px;
  margin-left: 4px;
  margin-top: 2px;
}

.previous-button {
  opacity: 0.5;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1F2027;
  border: 1px solid #1F2027;
  border-radius: 4px;
  padding: 7px 24px 7px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.previous-button > svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 2px;
}

.next-with-previous-link {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin-top: 40px;
}
.next-with-previous-link.next-link-only {
  flex-direction: row-reverse;
}

.personal-and-contacts-form {
  padding-bottom: 16px;
}
.personal-and-contacts-form .heading {
  margin-bottom: 28px;
}
.personal-and-contacts-form .next-with-previous-link {
  margin-top: 48px;
}
.personal-and-contacts-form .radio-group__options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.personal-and-contacts-form .form-new__group {
  margin-bottom: 40px;
}
.personal-and-contacts-form .form-new__field {
  margin-bottom: 0 !important;
}
.personal-and-contacts-form .input-new {
  width: 100%;
}
.personal-and-contacts-form__row {
  margin-bottom: 20px;
}
.personal-and-contacts-form__row--grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 1.875rem;
}
@media only screen and (min-width: 992px) {
  .personal-and-contacts-form__row--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .personal-and-contacts-form__row--grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.client-details-form__employment {
  padding-bottom: 16px;
}
.client-details-form__employment .page-divider {
  margin: 40px 0;
  border-color: #c5d0de;
  opacity: 0.6;
}
.client-details-form__employment .label-no-wrap label {
  white-space: nowrap;
}
.client-details-form__employment .next-with-previous-link {
  margin-top: 48px;
}
.client-details-form__employment .radio-group__options {
  gap: 10px;
  display: flex;
}
.client-details-form__employment .heading {
  margin-bottom: 28px;
}
.client-details-form__employment .form-new__field {
  margin-bottom: 0 !important;
}
.client-details-form__employment input {
  width: 100%;
}
.client-details-form__employment__row {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 1.875rem;
}
.client-details-form__employment__row--radio {
  display: grid;
}
.client-details-form__employment__row--radio__divider {
  width: 1px;
  height: 64px;
  background-color: #c5d0de;
  opacity: 0.6;
  display: none;
}
@media only screen and (min-width: 576px) {
  .client-details-form__employment__row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .client-details-form__employment__row--radio {
    display: flex;
    gap: 0;
    max-width: 664px;
    justify-content: space-between;
  }
  .client-details-form__employment__row--radio__divider {
    display: block;
  }
}

.assets-and-liabilities-form {
  padding-bottom: 16px;
  overflow: hidden;
}
.assets-and-liabilities-form .page-divider {
  border-color: #516173;
  margin: 40px 0;
  opacity: 0.2;
  width: 150%;
  position: relative;
  left: -25%;
}
.assets-and-liabilities-form input {
  width: 100%;
}
.assets-and-liabilities-form .form-new__field {
  margin-bottom: 0 !important;
}
.assets-and-liabilities-form .heading {
  margin-bottom: 28px;
}
.assets-and-liabilities-form .field-array-item {
  margin-top: 20px;
}
.assets-and-liabilities-form .add-new-form-row-button {
  margin-bottom: 32px;
  margin-top: 9px;
}
.assets-and-liabilities-form .next-with-previous-link {
  margin-top: 48px;
}
.assets-and-liabilities-form .liabilities-input-row__fields-row {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 0.875rem;
}
@media only screen and (min-width: 576px) {
  .assets-and-liabilities-form .liabilities-input-row__fields-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.assets-and-liabilities-form .liabilities-input-row__fields-row:last-child {
  margin-bottom: 0;
}
.assets-and-liabilities-form .assets-input-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 0.875rem;
}
@media only screen and (min-width: 576px) {
  .assets-and-liabilities-form .assets-input-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.client-current-fa-form {
  padding-bottom: 16px;
}
.client-current-fa-form .heading {
  margin-bottom: 28px;
}
.client-current-fa-form .next-with-previous-link {
  margin-top: 48px;
}
.client-current-fa-form__row {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  .client-current-fa-form__row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.client-objectives-and-actions-form {
  padding-bottom: 16px;
  overflow: hidden;
}
.client-objectives-and-actions-form .heading {
  margin-bottom: 28px;
}
.client-objectives-and-actions-form .page-divider {
  border-color: #516173;
  margin: 40px 0;
  opacity: 0.2;
  width: 150%;
  position: relative;
  left: -25%;
}

.client-income-and-expenditure-form {
  padding-bottom: 16px;
  overflow: hidden;
}
.client-income-and-expenditure-form .page-divider {
  border-color: #516173;
  margin: 40px 0;
  opacity: 0.2;
  width: 150%;
  position: relative;
  left: -25%;
}
.client-income-and-expenditure-form input {
  width: 100%;
}
.client-income-and-expenditure-form .add-new-form-row-button {
  margin-bottom: 32px;
}
.client-income-and-expenditure-form .field-array-item {
  margin-top: 20px;
  margin-bottom: 10px;
}
.client-income-and-expenditure-form .form-new__field {
  margin-bottom: 0 !important;
}
.client-income-and-expenditure-form .heading {
  margin-bottom: 28px;
}
.client-income-and-expenditure-form .income-input-row__money-row {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
}
.client-income-and-expenditure-form .income-input-row__money-row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .client-income-and-expenditure-form .income-input-row__money-row {
    grid-template-columns: 1fr 0.5fr 0.5fr;
  }
}
@media only screen and (min-width: 992px) {
  .client-income-and-expenditure-form .income-input-row__money-row {
    grid-template-columns: 223px minmax(auto, 130px) minmax(auto, 130px);
  }
}
.client-income-and-expenditure-form .income-input-row__options-row {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
}
.client-income-and-expenditure-form .income-input-row__options-row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .client-income-and-expenditure-form .income-input-row__options-row {
    grid-template-columns: 176px 176px;
  }
}
.client-income-and-expenditure-form .expense-input-row__money-row {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
}
.client-income-and-expenditure-form .expense-input-row__money-row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .client-income-and-expenditure-form .expense-input-row__money-row {
    grid-template-columns: 1fr 0.5fr 0.5fr;
  }
}
@media only screen and (min-width: 992px) {
  .client-income-and-expenditure-form .expense-input-row__money-row {
    grid-template-columns: 223px minmax(auto, 130px) minmax(auto, 130px);
  }
}
.client-income-and-expenditure-form .expense-input-row__options-row {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
}
.client-income-and-expenditure-form .expense-input-row__options-row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .client-income-and-expenditure-form .expense-input-row__options-row {
    grid-template-columns: 176px 176px;
  }
}

.relationships-form {
  padding-bottom: 16px;
}
.relationships-form .form-new__field {
  margin-bottom: 0 !important;
}
.relationships-form .heading {
  margin-bottom: 28px;
}
.relationships-form .field-array-item {
  margin-top: 20px;
  margin-bottom: 10px;
}
.relationships-form .grouped-field {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 1.875rem;
}
.relationships-form .add-new-form-row-button {
  margin-bottom: 0;
}
.relationships-form .next-with-previous-link {
  margin-top: 48px;
}
@media only screen and (min-width: 390px) {
  .relationships-form .grouped-field {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .relationships-form .grouped-field {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.dependants-form {
  padding-bottom: 16px;
}
.dependants-form .input-new {
  width: 100%;
}
.dependants-form .form-new__field {
  margin-bottom: 0 !important;
}
.dependants-form .heading {
  margin-bottom: 28px;
}
.dependants-form .field-array-item {
  margin-top: 20px;
  margin-bottom: 10px;
}
.dependants-form .grouped-field {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
}
.dependants-form .grouped-field--full-width {
  margin-bottom: 0;
  grid-template-columns: 1fr !important;
}
.dependants-form .add-new-form-row-button {
  margin-bottom: 0;
}
.dependants-form .next-with-previous-link {
  margin-top: 48px;
}
@media only screen and (min-width: 576px) {
  .dependants-form .grouped-field {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .dependants-form .grouped-field {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.company-details-form {
  padding-bottom: 16px;
}
.company-details-form .heading {
  margin-bottom: 28px;
}
.company-details-form .next-with-previous-link {
  margin-top: 48px;
}
.company-details-form .form-new__group {
  margin-bottom: 40px;
}
.company-details-form .form-new__field {
  margin-bottom: 0 !important;
}
.company-details-form .input-new {
  width: 100%;
}
.company-details-form__row {
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 20px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 576px) {
  .company-details-form__row--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .company-details-form__row--2-1 {
    grid-template-columns: 2fr 1fr;
  }
}

.profit-and-loss-form {
  padding-bottom: 16px;
}
.profit-and-loss-form .form-new__field {
  margin-bottom: 0 !important;
}
.profit-and-loss-form .heading {
  margin-bottom: 28px;
}
.profit-and-loss-form .field-array-item {
  margin-top: 20px;
  margin-bottom: 10px;
}
.profit-and-loss-form .grouped-field {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem 1.875rem;
}
.profit-and-loss-form .add-new-form-row-button {
  margin-bottom: 0;
}
.profit-and-loss-form .next-with-previous-link {
  margin-top: 48px;
}
.profit-and-loss-form input {
  width: 100%;
}
@media only screen and (min-width: 390px) {
  .profit-and-loss-form .grouped-field {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .profit-and-loss-form .grouped-field {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.client-details-form__buttons {
  margin: 1rem 0 1rem 2rem;
}
.client-details-form__buttons .button-new {
  min-width: 7rem;
}
@media only screen and (min-width: 768px) {
  .client-details-form {
    position: initial;
    z-index: auto;
  }
}

.client-form-page-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: #fff;
}
.client-form-page-wrapper__content {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 0 10px;
}
.client-form-page-wrapper__content__header {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 2rem 0.375rem;
}
.client-form-page-wrapper__content__header > svg:first-of-type {
  color: #9fa2b0;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  margin: auto 0;
}
.client-form-page-wrapper__content__header > h2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: 0 0 0 0.375rem;
  padding: 0;
  font-weight: 600;
}
.client-form-page-wrapper__content__header > svg:last-of-type {
  margin: 0 3.2% 0 auto;
}
@media only screen and (min-width: 768px) {
  .client-form-page-wrapper__content__header > svg:last-of-type {
    display: none;
  }
}
.client-form-page-wrapper__back-arrow {
  cursor: pointer;
  display: flex;
  height: 100%;
  margin-right: 0.75rem;
  margin-left: -0.375rem;
}
.client-form-page-wrapper__back-arrow svg {
  height: 1.5rem;
  width: 1.5rem;
  color: #7f8fa4;
}
@media only screen and (min-width: 768px) {
  .client-form-page-wrapper {
    position: relative;
    z-index: auto;
  }
  .client-form-page-wrapper__content {
    position: absolute;
    top: 0;
    left: 0;
  }
  .client-form-page-wrapper__content__header {
    padding: 0.375rem 0.375rem 2rem;
  }
  .client-form-page-wrapper__content__header > h2 {
    line-height: initial;
    font-size: 1.5rem;
    font-weight: 400;
    margin-left: 0.75rem;
  }
  .client-form-page-wrapper__content__header > svg:last-of-type {
    display: none;
  }
}

.client-details-form-page__content__form {
  display: flex;
  grid-column-gap: 1.25rem;
}
.client-details-form-page__content__form .client-details-form {
  width: 100%;
}
.client-details-form-page__content__form .client-details-aside {
  display: none;
}
.client-details-form-page__content__form .client-details-aside__actions button {
  justify-content: center;
}
.client-details-form-page__content__form .client-details-aside__actions .page-divider,
.client-details-form-page__content__form .client-details-aside__actions .unlock-fact-find-toggler,
.client-details-form-page__content__form .client-details-aside__actions .request-edit-by-client {
  display: none;
}
@media only screen and (min-width: 768px) {
  .client-details-form-page__content__form .client-details-form {
    max-width: 56.6vw;
  }
  .client-details-form-page__content__form .client-details-aside {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .client-details-form-page__content__form {
    grid-column-gap: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .client-details-form-page__content__form .client-details-form {
    max-width: 51vw;
  }
}
.client-details-form__buttons {
  display: block;
}
@media only screen and (min-width: 768px) {
  .client-details-form__buttons {
    display: none;
  }
}

.policies-table:not(:last-of-type) {
  padding-bottom: 47px;
  border-bottom: 1px solid #dae2eb;
  margin-bottom: 35px;
}
.policies-table__table-info {
  display: flex;
  padding: 0 16px 12px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .policies-table__table-info {
    padding: 0 32px 12px;
  }
}
@media only screen and (min-width: 992px) {
  .policies-table .policies-action-cell {
    display: none !important;
  }
}

.policies {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .policies {
    width: 100%;
  }
}
.policies .charges {
  width: 100%;
}
.policies .no-items {
  padding-top: 13.74%;
}

.policy-header {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  margin-bottom: 1.75rem;
}
.policy-header__info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-top: 2rem;
  margin-left: 0.375rem;
}
.policy-header__info__title {
  display: flex;
  align-items: center;
  margin: 0;
  color: #1F2027;
  font-weight: 600;
  margin-right: 1.25rem;
}
.policy-header__info__title--short {
  display: initial;
}
.policy-header__info__title--long {
  display: none;
}
.policy-header__info .info-tooltip {
  color: #5a5d6d;
  font-size: 1rem;
  line-height: 1.25rem;
  max-width: unset;
  width: max-content;
  top: 0;
  left: auto;
  margin-top: 0.3125rem;
  transform: translateX(-40%);
}
.policy-header__info--link {
  display: flex;
  margin-right: 0.75rem;
  align-items: center;
  color: #9fa2b0;
}
.policy-header__info--link svg {
  color: #7f8fa4;
  cursor: pointer;
}
.policy-header__info--bold {
  font-weight: 600;
}
.policy-header__info__metadata {
  display: none;
}
.policy-header__info__close-icon-wrapper {
  position: absolute;
  right: 3.2%;
}
.policy-header__info__close-icon-wrapper svg {
  height: 1.125rem;
  width: 1.125rem;
}
@media only screen and (min-width: 576px) {
  .policy-header__info {
    margin-left: 0;
  }
  .policy-header__info__title {
    font-weight: initial;
  }
  .policy-header__info__title--short {
    display: none;
  }
  .policy-header__info__title--long {
    display: initial;
  }
  .policy-header__info__metadata {
    color: #7f8fa4;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-style: italic;
    letter-spacing: 0.2px;
    text-align: end;
    padding-top: 0.625rem;
    padding-right: 1.125rem;
    display: initial;
    margin-left: auto;
  }
  .policy-header__info__close-icon-wrapper {
    display: none;
  }
}

.policy-transaction-details-form__inputs {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 14px;
  row-gap: 20px;
}
.policy-transaction-details-form__inputs .form-new__field {
  margin-bottom: 0;
}
.policy-transaction-details-form__delete-button {
  margin-left: auto !important;
}
@media only screen and (min-width: 390px) {
  .policy-transaction-details-form__inputs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.policy-transaction-details-modal-content {
  padding-right: 24px;
  padding-left: 24px;
}
@media only screen and (min-width: 768px) {
  .policy-transaction-details-modal-content {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.policy-transactions__empty-content__buttons-container {
  display: flex;
  flex-direction: column;
}
.policy-transactions__empty-content__buttons-container .button-new {
  margin-right: 0;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) {
  .policy-transactions__empty-content__buttons-container {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .policy-transactions__tab .transactions-total {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  .policy-transactions__tab .transactions-total {
    width: 40%;
  }
}

.policy-valuation-form__fields-row {
  display: grid;
  grid-gap: 1.25rem 1.14rem;
  margin-bottom: 1.25rem;
  grid-template-columns: 1fr;
}
.policy-valuation-form__fields-row .form-new__field {
  margin-bottom: 0;
}
.policy-valuation-form__buttons {
  justify-content: space-between;
}
@media only screen and (min-width: 576px) {
  .policy-valuation-form__fields-row {
    grid-template-columns: 1fr 1fr;
  }
}

.policy-valuations__table__row__cell .text-description {
  color: #1F2027;
  font-style: italic;
  font-size: 0.875rem;
  font-weight: 300;
}
.policy-valuations__table__row__cell .text-description:nth-child(2) {
  border-left: 1px solid #d0d6de;
  padding-left: 0.3rem;
  margin-left: 0.5rem;
}
.policy-valuations__table__row__cell__action-list {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .policy-valuations__table__row {
    position: static;
  }
}

@media only screen and (min-width: 992px) {
  .policy-valuations__table__columns__date {
    width: 30%;
  }
  .policy-valuations__table__columns__value {
    width: 40%;
  }
  .policy-valuations__table__columns__info {
    width: 29%;
  }
  .policy-valuations__table__columns__actions {
    width: 1%;
  }
}

.policy-valuation__filter form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.policy-valuation__filter form .form-new__field {
  width: 160px;
}
.policy-valuation__filter__custom-fields {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.policy-valuation__filter__selector-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media only screen and (min-width: 992px) {
  .policy-valuation__filter {
    width: 100%;
  }
  .policy-valuation__filter form {
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
  }
  .policy-valuation__filter__custom-fields {
    flex-direction: row;
  }
}

.policy-valuation-chart {
  border-right: none;
  border-radius: 4px 0 0 4px;
  margin-bottom: 2.5rem;
}
.policy-valuation-chart__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.55rem;
}
.policy-valuation-chart__header__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
}
.policy-valuation-chart .form-new__field {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .policy-valuation-chart {
    border: 1px solid #c5d0de;
    padding: 1rem 1rem 2rem 2.3rem;
  }
  .policy-valuation-chart__header__actions {
    gap: 1.25rem;
  }
  .policy-valuation-chart .line-chart {
    height: 15rem;
  }
}
@media only screen and (min-width: 992px) {
  .policy-valuation-chart__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 1.6rem;
  }
  .policy-valuation-chart__header__actions {
    gap: 0.5rem;
    justify-content: flex-end;
  }
}

.charge-details__modal {
  max-width: 718px;
}
.charge-details__modal .modal__content {
  overflow-x: hidden;
}
.charge-details-form .page-divider {
  margin-top: 31px;
  margin-bottom: 23px;
}
.charge-details-form .form-new__field {
  margin-bottom: 0;
}
.charge-details-form label {
  font-weight: 600;
}
.charge-details-form__row {
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 1.25rem;
  grid-template-columns: 1fr;
}
.charge-details-form__row--50-50 {
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 1.25rem;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
.charge-details-form__row--reverse {
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 1.25rem;
  grid-template-columns: 1fr;
}
.charge-details-form__row--reverse__fa {
  display: grid;
  grid-gap: 1.25rem 1.875rem;
  margin-bottom: 1.25rem;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .charge-details-form__row {
    grid-template-columns: 1fr 2fr;
  }
  .charge-details-form__row--50-50 {
    grid-template-columns: 1fr 1fr;
  }
  .charge-details-form__row--reverse {
    grid-template-columns: 2fr 1fr;
  }
  .charge-details-form__row--reverse__fa {
    grid-template-columns: auto 110px;
  }
}
.charge-details-form__row__radio-buttons {
  display: flex;
  border: 1px solid #dfe3e9;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-top: 32px;
}
.charge-details-form__row__radio-buttons .radio-group {
  width: 100%;
}
.charge-details-form__row__radio-buttons .money-field__input-wrapper::before {
  font-weight: normal;
}
.charge-details-form__row__radio-buttons .money-input {
  max-width: 134px;
}
.charge-details-form__row__radio-buttons .radio-group__options {
  gap: 0;
  display: flex;
  flex-direction: column;
}
.charge-details-form__row__radio-buttons__transaction {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 14px;
}
.charge-details-form__row__radio-buttons__transaction input {
  width: 100%;
}
.charge-details-form__row__radio-buttons .radio-group__option {
  padding: 15px 10px;
  align-items: flex-start;
}
.charge-details-form__row__radio-buttons .radio-group__option__radio {
  margin-top: 3px;
}
.charge-details-form__row__radio-buttons .radio-group__option__label {
  width: 100%;
}
.charge-details-form__row__radio-buttons .radio-group__option__label > * {
  pointer-events: none;
}
.charge-details-form__row__radio-buttons .radio-group__option:first-child {
  border-right: 1px solid #dfe3e9;
  padding-left: 10px;
}
.charge-details-form__row__radio-buttons .radio-group__option:first-child .form-new__field {
  width: 134px;
}
@media only screen and (min-width: 576px) {
  .charge-details-form__row__radio-buttons .radio-group__option:first-child {
    padding-left: 16px;
  }
}
.charge-details-form__row__radio-buttons .radio-group__option:last-child {
  padding-left: 10px;
  flex: 1;
}
@media only screen and (min-width: 576px) {
  .charge-details-form__row__radio-buttons .radio-group__option:last-child {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 576px) {
  .charge-details-form__row__radio-buttons .radio-group__option {
    padding-bottom: 14px;
    padding-top: 15px;
    padding-right: 30px;
  }
}
.charge-details-form__row__radio-buttons--active-first .radio-group__option:first-child {
  background-color: rgba(81, 97, 115, 0.06);
}
.charge-details-form__row__radio-buttons--active-first .radio-group__option:first-child .radio-group__option__label > * {
  pointer-events: auto;
}
.charge-details-form__row__radio-buttons--active-second .radio-group__option:last-child {
  background-color: rgba(81, 97, 115, 0.06);
}
.charge-details-form__row__radio-buttons--active-second .radio-group__option:last-child .radio-group__option__label > * {
  pointer-events: auto;
}
@media only screen and (min-width: 576px) {
  .charge-details-form__row__radio-buttons__transaction {
    grid-template-columns: minmax(auto, 250px) 80px;
  }
}
@media only screen and (min-width: 768px) {
  .charge-details-form__row__radio-buttons .radio-group__options {
    flex-direction: row;
  }
  .charge-details-form__row__radio-buttons__transaction {
    grid-template-columns: 250px 80px;
  }
}
.charge-details-form__calculated-fee {
  padding: 16px 0;
  position: relative;
  margin-top: 36px;
  margin-bottom: 20px;
}
.charge-details-form__calculated-fee::before {
  content: '';
  position: absolute;
  left: -50%;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: -1;
  background-color: rgba(81, 97, 115, 0.06);
}
.charge-details-form__calculated-fee__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.charge-details-form__calculated-fee__row__label {
  opacity: 0.8;
  color: #516173;
  font-size: 16px;
  line-height: 22px;
}
.charge-details-form__calculated-fee__row__value {
  color: #1F2027;
  font-size: 16px;
  line-height: 22px;
}
.charge-details-form__delete-button {
  margin-left: auto !important;
}
.charge-details-form__delete-button button {
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .charge-details__modal {
    width: 750px;
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .charge-details__modal {
    width: 889px;
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .charges-total {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  .charges-total {
    width: 40%;
  }
}

.charges--full-width {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .charges--full-width {
    width: 100%;
  }
}

.policy-form {
  padding: 26px 30px 18px 32px !important;
  border-radius: 4px 4px 0 0;
  background-color: #f8f9fc;
  border-bottom: 1px solid #e2e7ee;
}
.policy-form .form-error-messages {
  margin-top: 28px;
}
.policy-form__buttons {
  padding-top: 20px;
}
.policy-form__loading-message {
  margin-top: 15px;
}
.policy-type-form__hint {
  color: #1F2027;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: -6px;
}
.policy-type-form__percent-input {
  position: relative;
}
.policy-type-form__percent-input::before {
  content: '%';
  position: absolute;
  left: 12px;
  bottom: 8px;
  color: #9fa2b0;
}
.policy-type-form__percent-input input {
  padding-left: 28px !important;
}
.policy-type-form__percent-input input::placeholder {
  color: #9fa2b0;
}
.policy-type-form__address-block > div {
  grid-column: 1 / 2;
}
.policy-type-form .radio-group__options {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.policy-type-form .form-new__group {
  margin: 40px 0;
}
.policy-type-form .form-new__group:last-child {
  margin-bottom: 0;
}
.policy-type-form__divider {
  margin-top: 28px !important;
  margin-bottom: 24px !important;
}
.policy-type-form__row {
  display: grid;
  column-gap: 14px;
  row-gap: 20px;
  margin-bottom: 20px;
  grid-template-columns: 1fr;
}
.policy-type-form__row .policy-type-form__row {
  margin-bottom: 0;
}
.policy-type-form__row .form-new__field {
  margin-bottom: 0;
}
.policy-type-form__row--flex {
  display: flex;
  flex-direction: column;
}
.policy-type-form__row--flex .page-divider--vertical {
  margin: 0 50px;
  height: 60px;
  border-color: #516173;
  opacity: 0.15;
  display: none;
}
@media only screen and (min-width: 576px) {
  .policy-type-form__row {
    grid-template-columns: repeat(2, 1fr);
  }
  .policy-type-form__row--flex {
    flex-direction: row;
    gap: 0;
  }
  .policy-type-form__row--flex .page-divider--vertical {
    display: block;
  }
  .policy-type-form__row--1-3 {
    grid-template-columns: 1fr 2fr;
  }
}
@media only screen and (min-width: 768px) {
  .policy-type-form__row--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .policy-type-form__row--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .policy-type-form__row--3-1 {
    grid-template-columns: 3fr 1fr;
  }
  .policy-type-form__row--1-3 {
    grid-template-columns: 1fr 3fr;
  }
  .policy-type-form__row--2 {
    grid-template-columns: 1fr 1fr;
  }
}

.policy-details {
  display: flex;
  flex-direction: column;
}
.policy-details > div {
  width: 100%;
}
.policy-details > div:first-of-type {
  margin-bottom: 28px;
}
.policy-details > div:last-of-type {
  margin-bottom: 0;
}
.policy-details .note-card {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .policy-details {
    flex-direction: row;
  }
  .policy-details > div:first-of-type {
    margin-bottom: 0;
    margin-right: 32px;
  }
}

.details-card__header {
  display: flex;
  justify-content: space-between;
}

.policy-holders-section {
  display: grid;
  grid-row-gap: 10px;
}
.policy-holders-section .policy-holders__input-row {
  display: grid;
  column-gap: 10px;
  align-items: center;
}
.policy-holders-section .policy-holders__input-row:not(:first-of-type) {
  grid-template-columns: 90% min-content;
  justify-content: space-between;
}
.policy-holders-section .policy-holders__input-row__trash {
  color: #4d70ff;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .policy-holders-section .policy-holders__input-row {
    grid-template-columns: 100% min-content;
  }
  .policy-holders-section .policy-holders__input-row:not(:first-of-type) {
    grid-template-columns: 100% min-content;
  }
}

.remove-policy-button {
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.remove-policy-button svg {
  height: 26px;
  width: 26px;
  color: #4d70ff;
  margin: -8px 36px;
  opacity: 1;
}
.remove-policy-button[disabled] svg {
  color: rgba(0, 0, 0, 0.2);
  margin-right: 6px;
  margin-left: 26px;
  min-width: 26px;
}
@media only screen and (min-width: 768px) {
  .remove-policy-button[disabled] svg {
    margin-left: 46px;
  }
}

.policy-form .form-section-header {
  margin-bottom: 20px;
}
.policy-form .form-section-subheader {
  margin-top: -15px;
  margin-bottom: 20px;
  color: rgba(31, 32, 39, 0.8);
}
@media only screen and (min-width: 576px) {
  .policy-form {
    padding: 28px;
    padding-top: 33px;
    background: #f8f9fc;
  }
}
.policy-form__deletion-tooltip {
  width: 260px;
  margin: -65px 0 0 -100px;
}
@media only screen and (min-width: 576px) {
  .policy-form__deletion-tooltip {
    margin: -10px 0 0 125px;
  }
}
@media only screen and (min-width: 768px) {
  .policy-form__deletion-tooltip {
    margin: -10px 0 0 140px;
  }
}

.policy {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: #fff;
}
.policy--form {
  align-items: center;
}
.policy--form .policy__content > div > form {
  max-width: 800px;
}
.policy--form .policy__content .page-content {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .policy--form > * {
    max-width: 100%;
  }
}
.policy__header {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1e2127;
  line-height: 31px;
}
.policy__header svg {
  margin-right: 13px;
}
.policy__header:hover {
  color: #1e2127;
}
.policy__header--bold {
  font-weight: 600;
}
.policy__content {
  flex-grow: 1;
  position: relative;
  width: 93.6%;
  margin: 0 auto;
}
.policy__content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding-bottom: 30px;
}
@media only screen and (min-width: 576px) {
  .policy {
    position: initial;
    z-index: auto;
  }
  .policy__header {
    font-size: 24px;
  }
  .policy__header svg {
    margin-right: 19px;
  }
}
@media only screen and (min-width: 768px) {
  .policy__header {
    margin-top: 32px;
  }
  .policy__content {
    width: 100%;
  }
}

.client-portal-overview {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: 0 2.5%;
  flex-grow: 1;
}
.client-portal-overview--full-width {
  width: 100%;
  margin: 0;
}
.client-portal-overview .client-form-page-wrapper__content > div {
  width: 100%;
}
.client-portal-overview__header {
  width: 100%;
  margin: 0 auto;
  margin-top: 1.875rem;
}
.client-portal-overview__header > .heading {
  color: #364153;
  font-weight: 400;
}
.client-portal-overview__content {
  flex-grow: 1;
  position: relative;
  flex-direction: column;
}
.client-portal-overview__content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
.client-portal-overview__content > div > .page-content {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .client-portal-overview {
    width: 80%;
    margin: 0 auto;
  }
  .client-portal-message-input {
    padding-left: 10%;
  }
}

.client-secure-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.client-secure-section .curr-user-menu {
  padding-right: 24px;
}
.client-secure-section__content {
  display: flex;
  flex: 1 0 auto;
  background-color: #fff;
  flex-direction: column;
}

.user-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}
.user-form__signup-message {
  text-align: center;
}
.user-form__signup-message > svg {
  width: 30px;
  height: 30px;
}
.user-form__signup-message > h2 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.user-form__signup-message > .page-divider {
  max-width: 140px;
  margin: 30px auto 39px;
}
.user-form-container {
  width: 95%;
  margin: auto 2.5%;
}
@media only screen and (min-width: 576px) {
  .user-form-container {
    width: 350px;
  }
}
.user-form-container h2.ui.header {
  font-size: 24px;
  font-weight: 600;
}
.user-form-container p {
  font-size: 14px;
  color: #516173;
}
.user-form-container .ui.form .field > label {
  color: #7f8fa4;
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: 300;
  display: inline-block;
}
.user-form-container .ui.form .error.field > label {
  color: #7f8fa4;
}
.user-form-container .ui.form .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.user-form-container .ui.form .error.field input[type='password'],
.user-form-container .ui.form .error.field input[type='password']:focus,
.user-form-container .ui.form .error.field input[type='text'],
.user-form-container .ui.form .error.field input[type='text']:focus {
  background: white;
  border: 1px solid #ed1c24;
  color: black;
  font-weight: 300;
}
.user-form-container .ui.button {
  width: 50%;
  margin-top: 10px;
}
.user-form-container .ui.button.blue {
  background: #269AF3;
  border: 1px solid #269AF3;
}
.user-form-container .link {
  display: block;
  margin-top: 10px;
  color: #269AF3;
}
.user-form-error-messages .error-message {
  color: #f85359;
  font-weight: normal;
}
.user-form-error-messages .error-message svg {
  display: none;
}
.user-form-success-icon {
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  margin-top: 10px;
}
.user-form-success-text {
  margin-top: 10px;
  margin-bottom: 40px;
  width: 350px;
}
.user-form a {
  width: max-content;
}

.user-form-success__submit-btn {
  width: 175px;
}

.forgot-password-form__submit-btn {
  width: 175px;
  margin-top: 20px;
}

.recover-password-success-page {
  height: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.recover-password-success-page-content {
  max-width: 370px;
  padding: 0 2.5%;
}
.recover-password-success-page-content h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1e2127;
}
.recover-password-success-page-content p {
  margin: 30px 0;
}
.recover-password-success-page-content button {
  width: 50%;
}

.tasks-table-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dae2eb;
}
.tasks-table-row .dropdown-selection__menu {
  width: fit-content;
  z-index: 98;
}
.tasks-table-row:hover td {
  background-color: #eff0f5;
}
.tasks-table-row td:first-child {
  padding-left: 0.625rem;
}
.tasks-table-row td {
  color: #1F2027;
  border-top: none !important;
  transition: 0.2s ease;
}
.tasks-table-row td > span {
  padding: 0 !important;
}
.tasks-table-row__spacer {
  width: 5px;
  order: 2;
  display: none;
  display: block;
  padding: 0;
}
.tasks-table-row__assignee-cell {
  order: 3;
  padding: 0.225rem 0 0.625rem 0.625rem;
}
@media only screen and (min-width: 360px) {
  .tasks-table-row__assignee-cell .dropdown-selection {
    min-width: 2.5rem;
    margin-left: -1rem;
  }
}
@media only screen and (min-width: 390px) {
  .tasks-table-row__assignee-cell .dropdown-selection {
    min-width: 4rem;
  }
}
.tasks-table-row__assignee-cell .dropdown-selection__control--with-icon {
  background: transparent;
  min-width: fit-content;
}
.tasks-table-row__assignee-cell > span {
  display: flex;
  justify-content: center;
}
.tasks-table-row__assignee-cell .initials-avatar {
  cursor: pointer;
}
.tasks-table-row__assignee-cell .initials-avatar span {
  cursor: pointer;
  font-weight: 700;
}
.tasks-table-row__assignee-cell__unassigned-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(81, 97, 115, 0.3);
  border-radius: 50%;
}
.tasks-table-row__assignee-cell__unassigned-icon-wrapper > svg {
  width: 1.125rem;
  height: auto;
  display: block;
  color: #fff;
}
.tasks-table-row__client-cell {
  max-width: 12.5rem;
  order: 2;
  padding: 0.625rem 0 0.9375rem 0.625rem;
}
.tasks-table-row__client-cell--empty {
  padding: 0;
}
.tasks-table-row__client-cell > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.tasks-table-row__client-cell__avatar {
  display: flex;
}
.tasks-table-row__client-cell__name {
  display: none;
}
.tasks-table-row__client-cell__link {
  text-decoration: none;
  color: #4d70ff;
}
.tasks-table-row__due-date-cell {
  font-size: 0.875rem;
  order: 4;
  padding: 0.625rem 0 0.9375rem 0.625rem;
}
.tasks-table-row__status-badge-cell {
  flex: auto;
  text-align: right;
  order: 5;
  padding: 0.625rem 0.9375rem 0.9375rem 0.625rem;
  padding-right: 0.9375rem !important;
}
@media only screen and (min-width: 360px) {
  .tasks-table-row__status-badge-cell {
    width: 2rem;
  }
}
@media only screen and (min-width: 390px) {
  .tasks-table-row__status-badge-cell {
    width: 7.1875rem;
  }
}
.tasks-table-row__status-badge-cell .dropdown-selection {
  width: 5.1875rem;
  margin-left: auto !important;
}
@media only screen and (min-width: 768px) {
  .tasks-table-row__status-badge-cell .dropdown-selection {
    width: fit-content;
  }
}
.tasks-table-row__status-badge-cell .dropdown-selection__control {
  min-height: 1.5rem !important;
  margin-right: 0.2rem !important;
}
.tasks-table-row__status-badge-cell .dropdown-selection__single-value {
  font-size: 0.875rem;
}
.tasks-table-row__status-badge-cell .dropdown-selection__value-container {
  padding: 0;
}
.tasks-table-row__status-badge-cell__badge {
  min-width: 5.1875rem;
  text-align: center;
  border-radius: 3px;
}
.tasks-table-row__title-cell {
  width: 100%;
  max-width: 100%;
  order: 1;
  padding: 0.9375rem 1.25rem 0 0.625rem;
}
.tasks-table-row__title-cell--subtask {
  position: relative;
}
.tasks-table-row__title-cell--subtask::before {
  content: '';
  position: absolute;
  width: 1rem;
  height: calc(100% + 1px);
  background-color: #fff;
  left: 0;
  top: 0;
}
.tasks-table-row__title-cell > span {
  display: flex;
  align-items: center;
  position: relative;
}
.tasks-table-row__title-cell__title {
  overflow: hidden;
  margin-left: 0.75rem;
  margin-right: 0.375rem;
  cursor: pointer;
  transition: 0.3s ease;
  font-weight: 600;
  text-overflow: ellipsis;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tasks-table-row__title-cell__title:hover {
  color: #4d70ff;
}
.tasks-table-row__title-cell__toggle-icon {
  width: 1rem;
  height: 1rem;
  color: #9fa2b0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(-150%, -50%) rotate(0deg);
  display: none;
  transition: 0.3s ease;
}
.tasks-table-row__title-cell__toggle-icon--toggled {
  transform: translate(-150%, -50%) rotate(90deg);
}
.tasks-table-row__title-cell__private-icon {
  width: 1rem;
  height: auto;
  color: #9fa2b0;
  flex: none;
}
.tasks-table-row__title-cell__workflow-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #9fa2b0;
  flex: none;
  top: 2px;
  position: relative;
  cursor: pointer;
}
.tasks-table-row__title-cell__workflow-icon .info-tooltip {
  width: 14.6875rem;
  display: flex;
  font-weight: normal;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 576px) {
  .tasks-table-row__title-cell__workflow-icon .info-tooltip {
    transform: translate(35%, -50%);
  }
}
.tasks-table-row__title-cell__subtasks-count {
  color: rgba(31, 32, 39, 0.7);
  cursor: pointer;
  display: flex;
  align-items: center;
  pointer-events: none;
  transition: 0.3s ease;
}
.tasks-table-row__title-cell__subtasks-count:hover {
  color: #4d70ff;
}
.tasks-table-row__title-cell__subtasks-count:hover > * {
  color: #4d70ff;
}
.tasks-table-row__title-cell__subtasks-count--hide-on-mobile {
  display: none;
}
.tasks-table-row__title-cell__subtasks-icon {
  width: 1rem;
  height: auto;
  color: #9fa2b0;
  transition: 0.3s ease;
}
@media only screen and (min-width: 360px) {
  .tasks-table-row__spacer {
    display: block;
    width: 3.125rem;
  }
}
@media only screen and (min-width: 768px) {
  .tasks-table-row {
    display: table-row;
  }
  .tasks-table-row td:first-child {
    padding-left: 2rem;
  }
  .tasks-table-row td {
    padding-top: 0.8125rem;
    padding-bottom: 0.6875rem;
    padding-right: 1.25rem;
  }
  .tasks-table-row__spacer {
    display: none;
  }
  .tasks-table-row__title-cell {
    width: auto;
  }
  .tasks-table-row__title-cell__title {
    display: block;
    white-space: nowrap;
    margin-left: 0.375rem;
    margin-right: 0.75rem;
  }
  .tasks-table-row__title-cell__toggle-icon {
    display: block;
  }
  .tasks-table-row__title-cell__private-icon {
    width: 1.25rem;
  }
  .tasks-table-row__title-cell__subtasks-count {
    pointer-events: auto;
  }
  .tasks-table-row__title-cell__subtasks-count--hide-on-mobile {
    display: flex;
  }
  .tasks-table-row__title-cell__subtasks-icon {
    width: 1.25rem;
    margin: 0;
  }
  .tasks-table-row__due-date-cell {
    font-size: 1rem;
  }
  .tasks-table-row__client-cell__avatar {
    display: none;
  }
  .tasks-table-row__client-cell__name {
    display: block;
  }
  .tasks-table-row__status-badge-cell {
    padding-right: 1.25rem !important;
  }
}

.subtasks-table-form {
  padding-left: 1rem;
  position: relative;
  background-color: #fff;
}
.subtasks-table-form .form-error-messages {
  margin-top: 5px !important;
  margin-bottom: 5px;
}
.subtasks-table-form::before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
}
.subtasks-table-form .input-new:focus {
  z-index: 2;
}
.subtasks-table-form--not-nested {
  padding-left: 0;
  background-color: transparent;
}
.subtasks-table-form--not-nested::before {
  display: none;
}
.subtasks-table {
  position: relative;
  table-layout: fixed;
}
.subtasks-table::before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
}
.subtasks-table td {
  border-bottom: 1px solid rgba(81, 97, 115, 0.2);
  background-color: #EFF1F7;
}
.subtasks-table .tasks-table-row {
  border-bottom: 1px solid rgba(81, 97, 115, 0.2);
}
.subtasks-table .tasks-table-row__title-cell__private-icon {
  display: none;
}
.subtasks-table .tasks-table-row__title-cell__subtasks-count {
  display: none;
}
.subtasks-table .tasks-table-row__title-cell__task-icon-wrapper {
  background-color: rgba(77, 112, 255, 0.08);
}
.subtasks-table .tasks-table-row__client-cell {
  display: none;
}
.subtasks-table .tasks-table-row__assignee-cell {
  padding-left: 0;
  padding-right: 0;
}
.subtasks-table .tasks-table-row:last-child > td {
  border-bottom: none;
}
.subtasks-table .task-icon__wrapper {
  background-color: #fff;
}
.subtasks-table thead {
  display: none;
}
.subtasks-table thead tr th {
  padding: 0;
}
.subtasks-table thead tr th:nth-child(2) {
  width: 11%;
}
.subtasks-table thead tr th:nth-child(3) {
  width: 6.8rem;
}
.subtasks-table thead tr th:nth-child(4) {
  width: 7.25rem;
}
.subtasks-table thead tr th:nth-child(5) {
  width: 7.2rem;
}
.subtasks-table--not-nested {
  background-color: transparent;
}
.subtasks-table--not-nested::before {
  display: none;
}
.subtasks-table--not-nested .task-icon__wrapper {
  background-color: rgba(77, 112, 255, 0.08);
}
.subtasks-table--not-nested td {
  padding: 0.9375rem;
  background-color: #f8f9fc;
  border-bottom: none;
}
.subtasks-table--not-nested td:nth-child(1) {
  padding: 0.9375rem 0.9375rem 0.75rem 0.625rem;
}
.subtasks-table--not-nested td:nth-child(2) {
  padding: 0;
  width: 3.75rem;
}
.subtasks-table--not-nested td:nth-child(4) {
  padding-top: 0;
  padding-left: 0.625rem;
}
.subtasks-table--not-nested td:nth-child(5) {
  padding-top: 0;
}
.subtasks-table--not-nested td:nth-child(6) {
  padding-top: 0;
  padding-right: 0.625rem;
}
.subtasks-table--not-nested thead tr th:nth-child(1) {
  width: auto;
}
.subtasks-table--not-nested thead tr th:nth-child(2) {
  width: 0;
}
.subtasks-table--not-nested thead tr th:nth-child(3) {
  width: 6.5rem;
}
.subtasks-table--not-nested thead tr th:nth-child(4) {
  width: 3.75rem;
}
.subtasks-table--not-nested thead tr th:nth-child(5) {
  width: 7.5rem;
}
@media only screen and (min-width: 360px) {
  .subtasks-table--not-nested td:nth-child(2) {
    width: 3.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .subtasks-table--not-nested .tasks-table-row__client-cell {
    display: table-cell;
  }
  .subtasks-table--not-nested td {
    border-bottom: 1px solid rgba(81, 97, 115, 0.2);
  }
  .subtasks-table--not-nested td:nth-child(1),
  .subtasks-table--not-nested td:nth-child(4),
  .subtasks-table--not-nested td:nth-child(6) {
    padding: 0.8125rem 0.625rem 0.6875rem !important;
  }
  .subtasks-table--not-nested td:nth-child(5) {
    padding-top: 0.8125rem;
    padding-bottom: 0.6875rem;
  }
  .subtasks-table--not-nested thead {
    display: table-header-group;
  }
}

@keyframes overflowanimation {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.tasks-filter {
  background-color: #f8f9fc;
  padding: 15px;
  border-radius: 4px;
}
.tasks-filter__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.tasks-filter__header__icon {
  color: #9fa2b0;
  cursor: pointer;
  transition: 0.3s ease;
}
.tasks-filter__header__icon:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tasks-filter__header__icon--rotate {
  transform: rotate(180deg);
}
.tasks-filter__fields-container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.tasks-filter__fields-container > * {
  margin-bottom: 10px;
}
.tasks-filter__fields-container > *:last-child {
  margin-top: 5px;
  margin-bottom: 0;
  align-self: flex-end;
}
.tasks-filter__fields-container > *:last-child:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tasks-filter__animation-wrapper {
  overflow: hidden;
  transition: 0.3s ease;
}
.tasks-filter__animation-wrapper--show {
  animation: overflowanimation 0.3s linear forwards;
}
@media only screen and (min-width: 768px) {
  .tasks-filter {
    padding: 16px 20px;
  }
  .tasks-filter__header {
    display: none;
  }
  .tasks-filter__animation-wrapper {
    overflow: visible;
  }
  .tasks-filter__fields-container {
    flex-direction: row;
    margin-top: 0;
  }
  .tasks-filter__fields-container > * {
    max-width: 165px;
    width: 100%;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .tasks-filter__fields-container > *:first-child {
    min-width: 165px;
    width: auto;
  }
  .tasks-filter__fields-container > *:last-child {
    width: auto;
    font-size: 16px;
    margin-top: 35px;
    align-self: flex-start;
    margin-bottom: 0;
  }
}

.tasks-change-view-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tasks-change-view-switch__label {
  margin-right: 1rem;
  display: none;
}
.tasks-change-view-switch .tasks-nav {
  display: flex;
  align-items: center;
}
.tasks-change-view-switch .tasks-nav svg {
  margin-right: 0.5rem;
  color: #516173;
}
.tasks-change-view-switch .tasks-nav__item {
  margin-right: 1.5rem;
  color: #516173;
  font-size: 0.875rem;
  font-weight: 600;
}
.tasks-change-view-switch .tasks-nav__item.active,
.tasks-change-view-switch .tasks-nav__item:hover {
  color: #4d70ff;
}
.tasks-change-view-switch .tasks-nav__item.active svg,
.tasks-change-view-switch .tasks-nav__item:hover svg {
  color: #4d70ff;
}
.tasks-change-view-switch .tasks-nav__item > span {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .tasks-change-view-switch__label {
    display: block;
  }
}

.tasks-table-form .input-new {
  top: -1px;
  position: relative;
}
.tasks-table-form .input-new:focus {
  z-index: 1;
}
.tasks-table {
  border-collapse: collapse;
  table-layout: fixed;
}
.tasks-table thead {
  display: none;
}
.tasks-table thead tr th:first-child {
  padding-left: 0.9375rem;
  padding-left: 2rem;
}
.tasks-table thead tr th:last-child {
  padding-right: 1.25rem;
  text-align: center;
}
.tasks-table thead tr th:nth-child(4) {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .tasks-table thead {
    display: table-header-group;
  }
}
.tasks-table__header-cell:nth-child(2) {
  width: 20%;
}
.tasks-table__header-cell:nth-child(3) {
  width: 7.5rem;
}
.tasks-table__header-cell:nth-child(4) {
  width: 6.25rem;
}
.tasks-table__header-cell:nth-child(5) {
  width: 7.2rem;
}
.tasks-table__subtasks-row {
  display: none;
}
.tasks-table__subtasks-row > td {
  padding: 0 !important;
}
.tasks-table__subtasks-row > td > span {
  padding: 0 !important;
}
.tasks-table__subtasks-row > td > span > div {
  position: relative;
}
.tasks-table__subtasks-row > td > span > div::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  right: 0;
  background-color: #9fa2b0;
  z-index: 1;
}
.tasks-table__subtasks-row > td > span > div::after {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0;
  right: 0;
  width: calc(100% - 1rem);
  background-color: #9fa2b0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .tasks-table__subtasks-row {
    display: table-row;
  }
  .tasks-table__subtasks-row > td > span {
    height: 0;
    overflow: hidden;
    transition: 0.3s ease;
  }
}
.task-dragged-row {
  box-shadow: 0 0.5rem 1rem #e6ebff;
}
.task-dragged-row td {
  background-color: #eff0f5;
}
.task-dragged-row .tasks-table-row__client-cell {
  padding: 0;
}

.client-tasks-table {
  margin-top: 32px;
}
.client-tasks-table .tasks-table__header-cell span {
  cursor: auto;
  pointer-events: none;
}
.client-tasks-table .tasks-table__header-cell span > svg {
  display: none;
}
.client-tasks-table thead tr th:nth-child(2) {
  width: 0%;
  overflow: hidden;
}
.client-tasks-table .tasks-table-row__client-cell {
  display: none;
}
.client-tasks-table .tasks-table-row__client-cell > span {
  display: none;
}
@media only screen and (min-width: 768px) {
  .client-tasks-table .tasks-table-row__client-cell {
    display: table-cell;
  }
}

.text-area-expandable .input-with-icon__icon {
  background-color: transparent;
}
.text-area-expandable .input-with-icon__icon svg {
  pointer-events: auto;
}
.text-area-expandable svg {
  width: 1.375rem;
  height: 1.375rem;
  cursor: pointer;
  color: #4d70ff !important;
}
.text-area-expandable textarea {
  transition: 0.2s ease;
  overflow: hidden;
  border-radius: 0;
  padding-left: 1rem;
  padding-right: 3.75rem !important;
}
.text-area-expandable textarea::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #BFC5CF;
  background-color: transparent;
}
.text-area-expandable textarea::-webkit-scrollbar:horizontal {
  background-color: transparent;
  height: 4px;
}
.text-area-expandable textarea::-webkit-scrollbar-track {
  background-color: #e2e7ee;
}
.text-area-expandable textarea::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  background-color: #BFC5CF;
}
.text-area-expandable--expanded textarea {
  overflow: auto;
}
@media only screen and (min-width: 576px) {
  .text-area-expandable textarea {
    border-radius: 4px;
    padding-left: 0.75rem;
  }
}

.comment-form {
  display: flex;
}
.comment-form.create-new-comment .text-area-expandable textarea {
  height: 2.5rem;
}
.comment-form.create-new-comment .text-area-expandable--expanded textarea {
  height: 5.5rem;
}
.comment-form .initials-avatar {
  display: flex;
  margin-right: 0.75rem;
}
.comment-form__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.comment-form__content__header {
  display: flex;
  margin-bottom: 0.3125rem;
  position: relative;
}
.comment-form__content__header__info {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1F2027;
}
.comment-form__content__header__info span {
  font-style: italic;
  margin: 0 0.25rem;
}
.comment-form__content__header__info span:first-child {
  margin-left: 0;
}
.comment-form__content__header__actions {
  display: none;
}
.comment-form__content__details {
  white-space: pre-wrap;
  overflow: hidden;
  transition: 0.2s ease;
}
.comment-form__content__details--hidden {
  min-height: 0;
  height: 0;
  opacity: 0;
}
.comment-form__content .task-comment-actions-menu {
  position: absolute;
  top: 0;
  right: 0;
  color: #4d70ff;
}
.comment-form__content .task-comment-actions-menu .dropdown__content {
  width: auto;
  z-index: 50;
}
.comment-form__content .task-comment-actions-menu .comment-form__content__details {
  display: flex;
}
.comment-form__content__textarea {
  overflow: hidden;
  transition: 0.2s ease;
}
.comment-form__content__textarea--hidden {
  min-height: 0;
  height: 0;
  opacity: 0;
}
.comment-form__content__controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.comment-form__content__controls--show-msg {
  justify-content: space-between;
}
.comment-form__content__controls .error-message,
.comment-form__content__controls .loading-message {
  margin-top: 0.625rem !important;
}
.comment-form__content__buttons-container {
  display: block;
  height: 0;
  transition: 0.3s ease;
  overflow: hidden;
  align-self: flex-end;
}
.comment-form__content__buttons-container > button {
  opacity: 0;
  transition: 0.3s ease;
  font-size: 1rem;
  transform: translateX(100%);
}
.comment-form__content__buttons-container > button:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.comment-form__content__buttons-container button:first-child {
  margin-right: 35px;
  color: #7f8fa4;
}
.comment-form__content__buttons-container--show {
  height: 1.562rem;
  margin-top: 0.625rem;
}
.comment-form__content__buttons-container--show > button {
  transform: translateX(0);
  opacity: 1;
}
.comment-form .text-area-expandable {
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .comment-form__content__header__actions {
    display: flex;
    margin-left: 1rem;
  }
  .comment-form__content__header__actions > svg {
    color: #4d70ff;
    opacity: 0.5;
  }
  .comment-form__content__header__actions > svg:hover {
    opacity: 1;
    cursor: pointer;
  }
  .comment-form__content__header__actions > svg:not(:last-of-type) {
    margin-right: 0.625rem;
  }
  .comment-form__content__details {
    display: flex;
    max-width: 97%;
  }
}

.task-comment-list__title {
  margin-bottom: 0.875rem;
}
.task-comment-list .page-divider {
  margin: 1rem 0;
}

.task-details__header > i > span {
  color: #4d70ff;
  cursor: pointer;
  margin-left: 6px;
}
.task-details__header__divider {
  margin-bottom: 1.875rem;
  margin-top: 1rem;
}
.task-details-form__file-input {
  margin-bottom: 1.25rem;
  color: #4d70ff;
  cursor: pointer;
}
.task-details-form__file-input svg {
  width: 1rem;
}
.task-details-form__attachment__action {
  display: inline-block;
}
.task-details-form__subtasks {
  margin-bottom: 1.875rem;
}
.task-details-form__subtasks .page-divider {
  margin: 0;
  margin-bottom: 1.25rem;
}
.task-details-form__footer {
  margin-top: 2rem;
}
.task-details-form__footer > span {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #1F2027;
  margin: 0 4px;
}
.task-details-form__footer > span:first-child {
  margin-left: 0;
}
.task-details-form .page-divider {
  margin: 0;
  margin-bottom: 1.875rem;
}
.task-details-form__fields-row--selects {
  display: flex;
  flex-direction: column;
}
.task-details-form__fields-row--selects > * {
  width: 100% !important;
  margin-bottom: 1.875rem !important;
}
.task-details-form__fields-row:nth-child(1) .form-new__field {
  width: 100%;
}
.task-details-form__fields-row .form-new__field {
  flex: 1;
}
.task-details-form__fields-row .form-new__field:first-of-type {
  margin-bottom: 1.25rem;
}
.task-details-form__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.task-details-form__buttons--isSubtask {
  padding-top: 0.4rem;
}
.task-details-form__buttons__save-buttons {
  display: flex;
}
.task-details-form__buttons__save-buttons > :first-child {
  margin-right: 0.5rem;
}
.task-details-form__subtask-title {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 360px) {
  .task-details-form__fields-row--selects {
    display: flex;
    flex-flow: row wrap;
  }
  .task-details-form__fields-row--selects > * {
    width: 50% !important;
    padding-right: 1.875rem;
    flex: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .task-details-form .dropdown-selection {
    min-width: 8rem;
  }
  .task-details-form__fields-row--selects {
    display: flex;
    flex-wrap: nowrap;
  }
  .task-details-form__fields-row--selects > * {
    margin-right: 3.125rem !important;
    padding-right: 0;
    flex: 1 !important;
    width: 100% !important;
  }
  .task-details-form__fields-row--selects > *:nth-child(2) .dropdown-selection__option {
    width: 9.375rem;
  }
  .task-details-form__fields-row--client .form-new__field {
    width: fit-content;
    min-width: 15rem;
  }
  .task-details-form__buttons {
    padding-bottom: 0;
  }
  .task-details-form__buttons__save-buttons {
    display: inline-flex;
    flex: 1 1;
  }
}

.tasks-details__modal .heading {
  display: flex;
  align-items: center;
}
.tasks-details__modal .heading > svg {
  cursor: pointer;
  margin-right: 6px;
  color: #9fa2b0;
}
@media only screen and (min-width: 768px) {
  .tasks-details__modal {
    width: 813px;
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.kanban-board__column__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.875rem;
  margin-bottom: 1.25rem;
}
.kanban-board__column__header .heading {
  color: #1F2027;
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.kanban-board__column__header__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kanban-board__column__header__info span:last-child {
  font-style: italic;
}
.kanban-board__column__header__action--create-new {
  color: #1F2027;
  opacity: 0.25;
  height: 1.5rem;
  width: 1.5rem;
}

.kanban-board .form-new .form-new__field {
  margin-bottom: 0.625rem;
}
.kanban-board__column--add-new-task {
  opacity: 0.6;
  color: #1F2027;
  font-size: 1rem;
}
.kanban-board__column__inline-form .input-new {
  border-color: transparent !important;
  background-color: transparent !important;
  cursor: pointer;
  height: 2.5rem !important;
  padding-bottom: 0.4375rem !important;
}
.kanban-board__column__inline-form .input-new::placeholder:hover {
  color: #4d70ff;
}
.kanban-board__column__inline-form--expanded .input-new {
  height: 5.125rem !important;
  padding-bottom: 3.25rem !important;
  background-color: #fff !important;
  border-color: #4d70ff !important;
}
.kanban-board__column .view-all-link {
  text-decoration: none;
  padding-left: 0.75rem;
  color: #1F2027;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-bottom: 1.25rem;
}
.kanban-board__column .view-all-link svg {
  margin-left: 0.625rem;
}

.kanban-board__column {
  background-color: #f8f9fc;
  padding: 1.25rem 0.625rem;
  box-shadow: inset 0 -1px 0 0 rgba(81, 97, 115, 0.2);
}
.kanban-board__highlight {
  border: 1.5px solid #4d70ff;
  box-shadow: inset 0 -1px 0 0 rgba(81, 97, 115, 0.2);
  background-color: rgba(77, 112, 255, 0.06);
}
.kanban-board .dropdown-selection__menu {
  width: fit-content;
  right: 0;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
.kanban-board {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.kanban-board .swiper {
  width: 100%;
  height: 100%;
}
.kanban-board .swiper-pagination-bullet-active {
  background-color: #7f8fa4;
}
@media only screen and (min-width: 992px) {
  .kanban-board {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tasks-section {
  position: relative;
  width: 100%;
  overflow-y: auto;
}
.tasks-section > div {
  margin-top: 3rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: calc(1044px + 5%);
  width: 100%;
  height: calc(100% - 3rem);
  padding: 0 2.5%;
}
.tasks-section__header-container {
  margin-top: 1rem;
  margin-bottom: 1.5625rem;
  text-align: right;
  display: flex;
  justify-content: space-between;
}
.tasks-section__table {
  margin-top: 2.5rem;
}
.tasks-section--client {
  height: 100%;
  margin: 0 auto;
  position: static;
}
.tasks-section--client .tasks-section__header-container {
  margin-top: 0;
  margin-right: 2rem;
}
.tasks-section--client .tasks-section__header-container button {
  margin-left: auto;
}
.tasks-section--client > div {
  position: static;
  transform: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .tasks-section--client {
    width: 100%;
  }
}

.task-not-found-modal .modal__content {
  min-height: 40rem;
}
.audit-log-entry-form {
  padding-bottom: 1.25rem;
}
.audit-log-entry-form__email-message {
  margin-bottom: 1.375rem;
  color: #1F2027;
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.25rem;
}
.audit-log-entry-form__task {
  margin-bottom: 1.375rem;
  font-style: italic;
}
.audit-log-entry-form__task span {
  color: #4d70ff;
  cursor: pointer;
  margin-left: 4px;
}
.audit-log-entry-form .round-icon__wrapper > svg {
  transform: scale(1.2);
}
.audit-log-entry-form .date-input-wrapper--with-time-icon .round-icon__wrapper > svg {
  position: relative;
  left: 2px;
  top: 1px;
}
.audit-log-entry-form .dropdown-selection__control {
  max-width: 100%;
}
.audit-log-entry-form .date-input-wrapper {
  max-width: 100%;
}
.audit-log-entry-form .form__divider {
  margin: 1.25rem 0;
}
.audit-log-entry-form .form-new__button-group {
  padding-top: 0.625rem;
}
.audit-log-entry-form__buttons-group {
  justify-content: space-between;
}
@media only screen and (min-width: 390px) {
  .audit-log-entry-form {
    padding-bottom: 0;
  }
  .audit-log-entry-form__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    row-gap: 1rem;
  }
  .audit-log-entry-form__fields .form-new__field {
    margin-bottom: 0;
    min-width: 100%;
  }
}

.audit-log-entry-email {
  position: relative;
  display: flex;
  flex-direction: column;
}
.audit-log-entry-email__header {
  display: flex;
  width: 100%;
  padding-bottom: 1rem;
  position: relative;
}
.audit-log-entry-email__header::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe2e5;
}
.audit-log-entry-email__header__icon-wrapper {
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(81, 97, 115, 0.3);
  margin-right: 0.75rem;
  color: #fff;
}
.audit-log-entry-email__header__icon-wrapper > svg {
  width: 1.68rem;
  height: 1.68rem;
}
.audit-log-entry-email__header__from-to {
  margin-right: 0.625rem;
}
.audit-log-entry-email__header__from-to__toggler {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.5;
  margin-left: 0.5rem;
  transform: rotate(-90deg);
  position: relative;
  transition: 0.2s ease;
}
.audit-log-entry-email__header__from-to__toggler--shown {
  transform: rotate(90deg);
}
.audit-log-entry-email__header__from-to__from {
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.125rem;
  margin-bottom: 2px;
}
.audit-log-entry-email__header__from-to__to {
  opacity: 0.5;
  color: #1F2027;
  font-size: 0.875rem;
  line-height: 1.125rem;
  cursor: pointer;
}
.audit-log-entry-email__header__date {
  color: #1F2027;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.25rem;
  margin-left: auto;
}
.audit-log-entry-email__body {
  padding-bottom: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
.audit-log-entry-email__body__content {
  padding: 1.25rem 0;
  border-bottom: 1px solid #dfe2e5;
  color: #1F2027;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 1rem;
}
.audit-log-entry-email__body__attachments {
  margin-top: 1rem;
  max-height: 20%;
  overflow-y: auto;
  padding-right: 2rem;
  width: calc(100% + 2rem);
}
.audit-log-entry-email__body__attachments::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #BFC5CF;
  background-color: transparent;
}
.audit-log-entry-email__body__attachments::-webkit-scrollbar:horizontal {
  background-color: transparent;
  height: 4px;
}
.audit-log-entry-email__body__attachments::-webkit-scrollbar-track {
  background-color: #e2e7ee;
}
.audit-log-entry-email__body__attachments::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  background-color: #BFC5CF;
}
.audit-log-entry-email__body__attachments__item {
  display: flex;
  margin-bottom: 0.625rem;
  align-items: center;
}
.audit-log-entry-email__body__attachments__item__file-icon {
  flex: none;
  margin-right: 0.5rem;
  width: 1.68rem;
}
.audit-log-entry-email__body__attachments__item__file-name {
  color: #1F2027;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-right: 0.625rem;
}
.audit-log-entry-email__body__attachments__item__download-icon {
  color: #4d70ff;
  cursor: pointer;
  margin-left: auto;
  width: 1.5rem;
  height: 1.5rem;
  flex: none;
}

.audit-log-entry-modal {
  overflow-x: hidden;
}
.audit-log-entry-modal--audit-layout {
  width: 40.75rem;
  margin: auto;
  max-height: 95.5%;
}
.audit-log-entry-modal--audit-layout__footer > span {
  font-size: 0.875rem;
  font-weight: 300;
  font-style: italic;
  color: #1F2027;
}
.audit-log-entry-modal--audit-layout__footer > span:not(:last-child)::after {
  content: '|';
  font-style: normal;
  margin: 0 0.25rem 0.375rem;
}
.audit-log-entry-modal--audit-layout__footer > span:first-child {
  margin-left: 0;
}
.audit-log-entry-modal--audit-layout .table-new__header-cell {
  border-bottom: 1px solid #dae2eb;
}
.audit-log-entry-modal--audit-layout .table-new__header-cell:first-child {
  padding-left: 0;
}
.audit-log-entry-modal--audit-layout .table-new__body,
.audit-log-entry-modal--audit-layout .table-new__cell {
  background-color: transparent;
}
.audit-log-entry-modal--audit-layout .table-new__body--text:first-child > span,
.audit-log-entry-modal--audit-layout .table-new__cell--text:first-child > span {
  padding-left: 0;
}
.audit-log-entry-modal--audit-layout .text {
  font-size: 1.125rem;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.5rem;
  font-weight: 400;
}
.audit-log-entry-modal__table {
  margin-bottom: 2.375rem;
  font-weight: 300;
}
.audit-log-entry-modal__table .none-value {
  font-weight: 300;
}
.audit-log-entry-modal__table__heading {
  text-transform: capitalize;
}
.audit-log-entry-modal__table__heading--inner {
  padding: 1rem 0;
  text-transform: capitalize;
}
.audit-log-entry-modal__row {
  display: flex;
  max-height: 100%;
  flex-direction: column;
}
.audit-log-entry-modal__row__audit-log {
  flex: 1;
}
.audit-log-entry-modal__row__email {
  flex: 1;
  padding-top: 2.25rem;
  margin-top: 2.25rem;
}
.audit-log-entry-modal__row__email::before {
  content: '';
  position: absolute;
  left: -2.5rem;
  top: 0;
  width: calc(100% + 5rem);
  background-color: #dfe2e5;
  height: 2px;
}
@media only screen and (min-width: 768px) {
  .audit-log-entry-modal .audit-log-entry-email__body {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .audit-log-entry-modal--extended {
    width: 90%;
  }
  .audit-log-entry-modal__row {
    max-height: 33rem;
    flex-direction: row;
  }
  .audit-log-entry-modal__row__audit-log {
    flex: 1;
  }
  .audit-log-entry-modal__row__email {
    flex: 2;
    padding-left: 2.5rem;
    margin-left: 2.5rem;
    padding-top: 0;
    margin-top: 0;
    height: calc(33rem + 1.6rem);
  }
  .audit-log-entry-modal__row__email::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.25rem;
    width: 2px;
    height: calc(100% + 2.375rem);
  }
  .audit-log-entry-modal__row__email .audit-log-entry-email__header::before {
    left: -2.5rem;
    width: calc(100% + 5rem);
  }
  .audit-log-entry-modal__row__email .audit-log-entry-email__body {
    width: calc(100% + 2rem);
  }
}

.log-activity-button__plus-icon {
  display: block;
}
@media only screen and (min-width: 576px) {
  .log-activity-button__plus-icon {
    display: none;
  }
}
.log-activity-button__comment-icon {
  display: block;
}
.log-activity-button__comment-icon--hidden {
  display: none;
}
@media only screen and (min-width: 576px) {
  .log-activity-button__comment-icon--hidden {
    display: block;
  }
}

.audit-log-entry-item-form-wrapper {
  width: 100%;
}
.audit-log-entry-item-form-wrapper:first-of-type .audit-log-entry {
  border-top-left-radius: 3px;
}
.audit-log-entry-item-form-wrapper:first-of-type .audit-log-entry__item {
  border-top: 1px solid #dfe3e9;
}
.audit-log-entry-item-form-wrapper:last-of-type .audit-log-entry {
  border-bottom-left-radius: 3px;
}
/* stylelint-disable-next-line no-descending-specificity */
.audit-log-entry {
  border-left: 4px solid #f7bf47;
  width: 100%;
  /* stylelint-disable-next-line no-descending-specificity */
}
.audit-log-entry__item {
  border-bottom: 1px solid #dfe3e9;
  box-shadow: none;
  padding: 10px 36px 13px 14px;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  position: relative;
  background-color: #f8f9fc;
  transition: 0.2s ease;
}
.audit-log-entry__item:hover {
  background-color: #eff0f5;
}
.audit-log-entry__item__edit-icon {
  margin-left: auto;
  flex: none;
  color: #4d70ff;
  cursor: pointer;
  height: 25px;
  width: 25px;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 9px;
  top: 9px;
}
.audit-log-entry__item__content {
  display: flex;
  overflow: hidden;
  align-items: center;
}
.audit-log-entry__item__content .task-icon__wrapper {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.audit-log-entry__item__content .task-icon__wrapper > svg {
  width: 25px;
  height: 25px;
}
.audit-log-entry__item__content__summary {
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-style: italic;
  color: #1F2027;
}
.audit-log-entry__item__content__summary > span {
  margin-right: 4px;
  padding-right: 5px;
  border-right: 1px solid #dfe3e9;
  font-weight: 300;
}
.audit-log-entry__item__content__summary > span:last-child {
  border-right: none;
}
.audit-log-entry__item__content__note {
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
}
.audit-log-entry__item.editable {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .audit-log-entry__item {
    padding: 15px 30px 23px;
  }
  .audit-log-entry__item__content__summary {
    font-size: 14px;
  }
  .audit-log-entry__item__edit-icon {
    right: 20px;
    top: 20px;
  }
}

.no-audit-log-entries {
  background-color: #f8f9fc;
  border-bottom: 1px solid #dae2eb;
  padding: 18px 30px;
  color: #98a5b5;
  font-size: 16px;
  line-height: 20px;
}

.audit-log-entries {
  overflow: hidden;
}

.audit-log-card__header {
  background: #fff;
  padding: 15px 25px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}
.audit-log-card__header > .heading {
  height: fit-content;
  margin: auto 0;
}

.client-notes-card-content__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  position: relative;
}
.client-notes-card-content__header > h3 {
  color: #1F2027 !important;
  margin-bottom: 0 !important;
  margin-right: 15px;
}
.client-notes-card-content__header .icon {
  cursor: pointer;
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.client-notes-card-content__header__info {
  margin-right: 20px;
}
.client-notes-card-content__header__info .client-notes-description__author {
  border-right: 1px solid #d0d6de;
  padding-right: 0.5em;
  margin-right: 0.3em;
  color: #1F2027 !important;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
}
.client-notes-card-content__header__info .client-notes-description__date {
  border-right: none;
  padding-right: 1em;
  color: #1F2027 !important;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
}
.client-notes-card-content__body__field.field {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 !important;
}
.client-notes-card-content__body__field.field > .text-input {
  resize: none;
}
.client-notes-card-content__body_uneditable {
  white-space: pre-line;
  min-height: 6em;
  color: #1F2027 !important;
}
.client-notes-card-content__body .button-new {
  width: 9em;
}
.client-notes-card-content__body .button-new[type='submit'] {
  margin-bottom: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 390px) {
  .client-notes-card-content__body .button-new[type='submit'] {
    margin-bottom: 0;
  }
}

.client-portal-access__description {
  padding-bottom: 22px;
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
}
.client-portal-access__button-description {
  padding-top: 12px;
  font-size: 14px !important;
  color: #1F2027 !important;
  font-style: italic;
  font-weight: 300;
}
.client-portal-access button {
  width: 9em;
}

.client-actions {
  padding: 0 calc(4.4% + 30px);
}
.client-actions__tooltip-trigger {
  color: #98a5b5;
}
.client-actions__tooltip {
  width: 280px;
  left: auto !important;
  top: auto !important;
  transform: translate(-10%, -130%);
}
.client-actions__confirm-delete-modal .simple-confirmation-modal__content__text {
  text-align: left;
}
.client-actions__confirm-delete-modal li {
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .client-actions {
    padding: 0;
  }
  .client-actions__tooltip {
    transform: translate(0, -130%);
  }
}

.workflow-instances-progress {
  background-color: #f8f9fc;
  border-left: 4px solid #7f8fa4;
}
.workflow-instances-progress--empty {
  border-left: 0;
  border-bottom: 1px solid #dae2eb;
  padding: 18px 30px;
}
.workflow-instances-progress--empty__text {
  color: #98a5b5;
  font-size: 16px;
  line-height: 20px;
}
.workflow-instances-progress__instance {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 14px 25px;
  min-height: 70px;
  border-bottom: 1px solid #dae2eb;
  transition: 0.2s ease;
  cursor: pointer;
}
.workflow-instances-progress__instance:hover {
  background-color: #eff0f5;
}
.workflow-instances-progress__instance__name {
  color: #1F2027;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 14px;
  align-self: flex-start;
}
.workflow-instances-progress__instance__progress-container {
  height: 8px;
  border-radius: 4px;
  background-color: #e0e1e8;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.workflow-instances-progress__instance__progress-container__progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #21c056;
  border-radius: 4px;
}
@media only screen and (min-width: 576px) {
  .workflow-instances-progress__instance {
    flex-direction: row;
    align-items: center;
  }
  .workflow-instances-progress__instance__name {
    padding-right: 15px;
    margin-bottom: 0;
    align-self: center;
  }
  .workflow-instances-progress__instance__progress-container {
    width: 158px;
  }
}

.client-workflow-instances-card__header {
  background: #fff;
  padding: 15px 25px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}
.client-workflow-instances-card__header > .heading {
  height: fit-content;
  margin: auto 0;
}

.client-summary {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .client-summary {
    width: 100%;
  }
}
.client-summary__divider {
  margin-top: 40px;
  margin-bottom: 30px;
}
.client-summary__content {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}
.client-summary__content__column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 30px;
  align-content: baseline;
}
.client-summary__content__column:not(:first-of-type) {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .client-summary__content {
    grid-template-columns: 1fr 1fr;
  }
  .client-summary__content__column {
    margin-top: 0 !important;
  }
  .client-summary__content__column__column-1 {
    grid-gap: 30px;
  }
  .client-summary__content__column__column-2 {
    grid-gap: 45px;
  }
}
@media only screen and (min-width: 768px) {
  .client-summary {
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
  }
}
@media only screen and (min-width: 576px) {
  .client-summary .summary__row {
    grid-template-columns: 1fr 2.3fr;
  }
}

.client-compliance {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .client-compliance {
    width: 100%;
  }
}
.client-compliance__card-group {
  width: 100%;
  max-width: 530px;
}
@media only screen and (min-width: 576px) {
  .client-compliance .summary__row {
    grid-template-columns: 1fr 1fr;
  }
}

.audit-log-entries-activity {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.audit-log-entries-activity .audit-log-entries-activity-separator {
  display: flex;
  padding-bottom: 12px;
  flex-direction: column;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entry-activity-month {
  margin-right: 27px;
  margin-bottom: 30px;
  display: none;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entry-activity-month .month-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #1e2127;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entry-activity-month {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .audit-log-entries-activity .audit-log-entries-activity-separator:not(:first-of-type) {
    border-top: 1px solid #e6eaee;
  }
  .audit-log-entries-activity .audit-log-entries-activity-separator:not(:first-child) {
    padding-top: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .audit-log-entries-activity .audit-log-entries-activity-separator {
    flex-direction: row;
  }
  .audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entry-activity-month {
    border-right: 1px solid #e6eaee;
  }
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container {
  width: 100%;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entry-page-block-2__2 {
  cursor: pointer;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder .audit-log-entry-activity-time {
  max-width: 100%;
  min-width: 98px;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  margin: 10px 0;
  color: #1F2027;
}
.audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder .audit-log-entry-activity-time__separator {
  display: inline;
  margin: 0 3px;
}
@media only screen and (min-width: 992px) {
  .audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder {
    flex-direction: row;
  }
  .audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder .audit-log-entry-activity-time {
    display: block;
    margin: 0;
  }
  .audit-log-entries-activity .audit-log-entries-activity-separator .audit-log-entries-activity-items-container .audit-log-entries-activity-item-holder .audit-log-entry-activity-time__separator {
    display: none;
  }
}

.audit-log-entries-page {
  width: 91.667%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .audit-log-entries-page {
    width: 100%;
  }
}
.audit-log-entries-page a.audit-log-entries-page__form-tab {
  cursor: pointer;
  height: fit-content;
  width: fit-content;
}
.audit-log-entries-page a.audit-log-entries-page__form-tab.active-tab {
  color: #4d70ff;
}
.audit-log-entries-page .regular-text {
  font-size: 14px;
  line-height: 21px;
  color: #516173;
}
.audit-log-entries-page__log-activity-button {
  margin-right: 0;
  -webkit-tap-highlight-color: transparent;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .audit-log-entries-page__log-activity-button {
    margin-right: 32px;
  }
}
.audit-log-entries-page .audit-log-entry-page-block-1 {
  min-width: 160px;
  margin-right: 27px;
  text-align: left;
  display: none;
}
.audit-log-entries-page .audit-log-entry-page-block-2 {
  display: flex;
  width: 100%;
}
.audit-log-entries-page .audit-log-entry-page-block-2__1 {
  margin-right: 44px;
  min-width: 80px;
  text-align: left;
}
.audit-log-entries-page .no-items {
  height: 330px;
}
@media only screen and (min-width: 1200px) {
  .audit-log-entries-page .audit-log-entries-page-tab-form-wrapper {
    margin-bottom: 12px;
  }
}

.client-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.client-section__header {
  width: 100%;
  margin-top: 1.875rem;
}
.client-section__header--heading {
  display: flex;
  padding-left: 1.75rem;
}
.client-section__header--heading > span:first-child {
  margin-right: 0.5rem;
}
.client-section__header--heading .service-level-badge {
  padding-left: 0;
}
.client-section__header .info-tooltip {
  color: #5a5d6d;
  font-size: 1rem;
  line-height: 1.25rem;
  max-width: unset;
  width: max-content;
  top: 0;
  left: auto;
  margin-top: 0.3125rem;
  transform: translateX(-40%);
}
.client-section__header__import-badge {
  padding: 0 0.875rem;
  border-radius: 1.125rem;
}
.client-section__content {
  width: 100%;
  flex-grow: 1;
  position: relative;
}
.client-section__content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .client-section__header {
    margin: 1.875rem auto 0;
  }
  .client-section__content {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .client-section__header--heading {
    padding-left: 0;
  }
}

.mobile-search-icon {
  margin-right: 0 !important;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .mobile-search-icon {
    display: none;
  }
}
.global-chevron-left {
  color: #828593;
  margin-top: 0.5rem;
}
.show-search-on-mobile {
  z-index: 20 !important;
  border-bottom: #7f8fa4;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #fff;
  padding: 1rem;
  width: 100%;
  position: fixed;
  top: 5;
  left: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  height: 3.5rem;
}
.global-search {
  position: relative;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 576px) {
  .global-search {
    width: 12.5rem;
  }
}
.global-search__autocomplete {
  outline: none;
  height: 2.2rem;
  width: 80vw !important;
  border: 1px solid #4d70ff;
  border-radius: 1.125rem !important;
  padding: 0 1rem;
  font-size: 1rem;
  position: relative;
  color: #1F2027;
}
.global-search__autocomplete::placeholder {
  color: #9fa2b0;
  font-size: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .global-search__autocomplete {
    width: 12.5rem !important;
    border: 1px solid rgba(81, 97, 115, 0.2);
  }
}
.global-search__input {
  outline: none;
  height: 2.2rem;
  color: #1F2027;
  padding: 0 1rem;
  font-size: 1rem;
  border-radius: 4px;
}
.global-search__input::placeholder {
  color: #9fa2b0;
  font-size: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .global-search__input {
    width: 20rem;
    border: 1px solid #dfe2e5;
  }
}
.global-search__close-section {
  position: absolute;
  right: 1rem;
  top: 1.2rem;
}
@media only screen and (min-width: 576px) {
  .global-search__close-section {
    display: none;
  }
}
.global-search__close-section__close-icon {
  color: #babcc7;
  width: 1rem;
  height: 1rem;
  font-weight: 500;
}
.global-search__hideOnMobile {
  display: none;
}
@media only screen and (min-width: 576px) {
  .global-search__hideOnMobile {
    display: block;
  }
}
.global-search__showOnMobile {
  display: block;
}
@media only screen and (min-width: 576px) {
  .global-search__showOnMobile {
    display: none;
  }
}
.global-search__popover {
  position: absolute;
  top: 3.5rem;
  z-index: 5;
  border-top: 1px solid rgba(127, 143, 164, 0.2);
  background-color: #fff;
  padding: 0.6rem 1rem;
  overflow: auto;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  left: 0;
}
@media only screen and (min-width: 576px) {
  .global-search__popover {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15), 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    border: none;
    top: 6rem;
    left: inherit;
    width: inherit;
    height: inherit;
  }
}
.global-search__popover__list-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 576px) {
  .global-search__popover__list-container {
    max-height: 35rem;
  }
}
.global-search__popover__list-cont {
  display: flex;
  gap: 0.5rem;
  padding: 0.7rem 0;
  list-style: none;
  cursor: pointer;
  width: 10rem;
}
@media only screen and (min-width: 390px) {
  .global-search__popover__list-cont {
    width: 18rem;
  }
}
@media only screen and (min-width: 576px) {
  .global-search__popover__list-cont {
    width: 12.5rem;
    padding: 0.3rem 0;
  }
}
.global-search__popover__show-all {
  font-size: 0.875rem;
  opacity: 0.5;
  color: #1F2027;
  font-style: italic;
  padding: 0.5rem 0;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 576px) {
  .global-search__popover__show-all {
    display: block;
  }
}
.global-search__popover__show-all__chevron-right {
  font-size: 0.5rem;
}
.global-search__popover__option {
  color: #1F2027;
  font-weight: 400;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.2rem 0;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search__popover__option:hover {
  background: none;
}
.global-search__popover__emptyState {
  text-align: center;
  padding: 0.5rem 0;
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0.4;
  width: inherit;
}
.global-search__popover__loading-container__mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .global-search__popover__loading-container__mobile {
    display: none;
  }
}
.global-search__popover__loading-container__web {
  padding: 1.3rem;
  margin: auto;
  width: 9.5rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .global-search__popover__loading-container__web {
    width: 12.5rem;
    display: block;
  }
}

.create-client-button {
  text-align: center;
}
.create-client-button .dropdown-menu__item {
  padding: 0.4375rem 1rem;
  text-align: left;
}
.create-client-button > * {
  width: 100%;
}
.create-client-button > * .dropdown__content {
  right: 0;
}
.create-client-button svg {
  width: 1rem;
  height: 1rem;
}
@media only screen and (min-width: 768px) {
  .create-client-button {
    padding: 1rem;
  }
  .create-client-button .button-new {
    border-radius: 4px;
    padding: 0.4375rem 1.125rem;
  }
}

.toggle-my-clients {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.clients-list-action-header {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  justify-content: flex-start;
  align-content: flex-start;
  padding-bottom: 1rem;
}
.clients-list-action-header__clientFind {
  display: flex;
  flex-direction: column;
  column-gap: 2rem;
  row-gap: 1rem;
  align-content: flex-start;
  width: 100%;
}
.clients-list-action-header__clientFind--actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 1366px) {
  .clients-list-action-header__clientFind--actions {
    margin-right: 2.5rem;
  }
}
.clients-list-action-header__clientFind .global-search {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .clients-list-action-header__clientFind {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .clients-list-action-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .clients-list-action-header__clientFind .global-search {
    width: 20rem;
  }
}

.clients-list__table__row {
  position: relative;
}
.clients-list__table__row__emailMobile::before {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__emailMobile::before {
    display: block !important;
  }
}
.clients-list__table__row__envelope {
  color: #4d70ff;
}
.clients-list__table__row__cell {
  cursor: pointer;
}
.clients-list__table__row__cell__name {
  color: #1F2027;
  font-size: 1rem;
  font-weight: 550;
  line-height: 1.3125rem;
}
.clients-list__table__row__cell__name:hover {
  color: #4159FF;
}
.clients-list__table__row__cell__email {
  color: #4159FF;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__cell__email {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__cell {
    position: static;
  }
}
.clients-list__table__row__cell__financialAdviser {
  color: #1F2027;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__cell__financialAdviser {
    display: block !important;
  }
}
.clients-list__table__row__cell__desktopMessageTrigger {
  display: none;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__cell__desktopMessageTrigger {
    display: block !important;
  }
}
.clients-list__table__row__cell__mobileAction {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__row__cell__mobileAction {
    display: none !important;
  }
}

.clients-section-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.clients-section-empty > div {
  text-align: center;
}
.clients-section-empty > div > h2.heading {
  color: #364153;
}

.clients-list__table {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .clients-list__table__columns__name {
    width: 25%;
  }
  .clients-list__table__columns__email {
    width: 25%;
  }
  .clients-list__table__columns__mobile {
    width: 15%;
  }
  .clients-list__table__columns__adviser {
    width: 25%;
  }
  .clients-list__table__columns__actions {
    width: 10%;
  }
  .clients-list__table__columns__mobile-actions {
    width: 10%;
  }
}
@media only screen and (min-width: 992px) and only screen and (min-width: 992px) {
  .clients-list__table__columns__mobile-actions {
    display: none;
  }
}
.client-action {
  color: #4d70ff;
}
.client-action-email {
  color: #1F2027;
}

.client-list__pagination {
  padding-bottom: 1.5rem;
}
.client-list__pagination .pagination__container {
  margin-top: 0;
}

.compliance-form {
  width: 100%;
}
.compliance-form .section-inputs-block {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 30px;
}
.compliance-form__buttons-container {
  margin: 15px 0 15px 32px;
}
.compliance-form__details .form-section:nth-child(3) .form-new__field,
.compliance-form__details .form-section:nth-child(2) .form-new__field {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  .compliance-form .card-new {
    max-width: 56.6vw;
  }
  .compliance-form .section-inputs-block {
    grid-template-columns: repeat(auto-fit, minmax(0, 250px));
  }
}
@media only screen and (min-width: 768px) {
  .compliance-form .section-inputs-block {
    grid-template-columns: repeat(auto-fit, minmax(0, 250px));
  }
}

.action-body {
  padding: 16px 23px 20px;
}
.action-body__row {
  display: flex;
}
.action-body__row > span:first-child {
  width: 88px;
  color: #1F2027;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  flex: none;
}
.action-body__row > span:last-child {
  color: #1F2027;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
  margin-top: 3px;
}

.workflow-action {
  max-width: 420px;
  border-radius: 8px;
  border: 1px solid rgba(81, 97, 115, 0.3);
  overflow: hidden;
  background-color: #eceef6;
  text-align: left;
  transition: 0.2s ease;
}
.workflow-action:hover {
  background-color: #dbdfee;
}
.workflow-action--completed {
  border-color: #21c056;
  background-color: rgba(206, 237, 199, 0.6);
  transition: 0.2s ease;
}
.workflow-action--completed:hover {
  background-color: #ceedc7;
}
.workflow-action--completed .workflow-action__header__action-icon-container {
  color: #fff;
  background: #21c056;
}
.workflow-action--in-progress {
  border-color: #f7941d;
  background-color: rgba(249, 225, 175, 0.6);
  transition: 0.2s ease;
}
.workflow-action--in-progress:hover {
  background-color: rgba(249, 225, 175, 0.9);
}
.workflow-action--in-progress .workflow-action__header__action-icon-container {
  color: #fff;
  background: #f7bf47;
}
.workflow-action__header {
  padding: 12px 10px;
  display: flex;
  align-items: center;
  border-bottom-width: 0;
  transition: 0.2s ease;
}
.workflow-action__header--active {
  border-bottom: 1px solid rgba(81, 97, 115, 0.15);
}
.workflow-action__header__toggle-icon {
  color: #9fa2b0;
  cursor: pointer;
  flex: none;
  width: 16px;
  height: 16px;
  transition: 0.2s ease;
}
.workflow-action__header__toggle-icon:hover {
  color: #5a5d6d;
}
.workflow-action__header__toggle-icon--active {
  transform: rotate(90deg);
}
.workflow-action__header__delete-icon {
  color: #4d70ff;
  flex: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: auto;
  opacity: 0.3;
  transition: 0.2s ease;
}
.workflow-action__header__delete-icon:hover {
  opacity: 1;
}
.workflow-action__header__action-icon-container {
  border-radius: 50%;
  background: #fff;
  color: #4d70ff;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  flex: none;
}
.workflow-action__header__action-icon-container > svg {
  width: 22px;
  height: 22px;
}
.workflow-action__header__meta {
  margin-right: 10px;
}
.workflow-action__header__meta__type {
  color: #1F2027;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.workflow-action__header__meta__title {
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  transition: 0.2s ease;
}
.workflow-action__header__meta__title:hover {
  color: #4d70ff;
}
.workflow-action__body {
  background-color: #f8f9fc;
  overflow: hidden;
  transition: 0.2s ease;
  height: 0;
}

.new-workflow-action-button {
  border: 1px solid #4d70ff;
  border-radius: 8px;
  background-color: #f8f9fc;
  padding: 12px 42px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
  transition: 0.2s ease;
}
.new-workflow-action-button__icon-container {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: #e0e1e8;
  color: #516173;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 17px;
  transition: 0.2s ease;
}
.new-workflow-action-button__icon-container > svg {
  color: #516173;
}
.new-workflow-action-button__label {
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  transition: 0.2s ease;
}
.new-workflow-action-button:hover {
  background-color: #4d70ff;
}
.new-workflow-action-button:hover .new-workflow-action-button__icon-container {
  background-color: #fff;
}
.new-workflow-action-button:hover .new-workflow-action-button__label {
  color: #fff;
}

.workflow-diagram-list {
  max-width: 420px;
  width: 100%;
  text-align: center;
}
.workflow-diagram-list--instance .workflow-diagram-list__item-wrapper__separator {
  height: 30px;
}
.workflow-diagram-list--instance .workflow-diagram-list__item-wrapper__separator__circle {
  display: none;
}
.workflow-diagram-list__item-wrapper__separator {
  height: 60px;
  width: 100%;
  position: relative;
}
.workflow-diagram-list__item-wrapper__separator::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
  background-color: rgba(81, 97, 115, 0.3);
}
.workflow-diagram-list__item-wrapper__separator__circle {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 24px;
  height: 24px;
  background-color: #e0e1e8;
  border-radius: 50%;
  border: 1px solid rgba(81, 97, 115, 0.2);
  z-index: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease;
  color: #516173;
}
.workflow-diagram-list__item-wrapper__separator__circle:hover {
  border-color: #4d70ff;
  color: #4d70ff;
}
.workflow-diagram-list__item-wrapper__separator__circle > svg {
  color: #516173;
  width: 16px;
  height: 16px;
}
@media only screen and (min-width: 576px) {
  .workflow-diagram-list__item-wrapper__separator {
    height: 40px;
  }
  .workflow-diagram-list__item-wrapper__separator__circle {
    transform: translate(-50%, -50%) scale(0);
  }
}
.workflow-diagram-list__item-wrapper--hovered .workflow-diagram-list__item-wrapper__separator__circle {
  transform: translate(-50%, -50%) scale(1) !important;
}
.workflow-diagram-list__item-wrapper--no-separator .workflow-diagram-list__item-wrapper__separator {
  display: none;
}
.workflow-diagram-list__item-wrapper--no-separator .workflow-diagram-list__item-wrapper__separator__circle {
  display: none;
}

.workflow-client-instance-header {
  background-color: #f8f9fc;
  border-bottom: 1px solid #e2e7ee;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.workflow-client-instance-header__item {
  display: flex;
  align-items: center;
}
.workflow-client-instance-header__item > svg {
  color: #4d70ff;
  width: 20px;
  height: 20px;
  flex: none;
}
.workflow-client-instance-header__item:first-child > svg {
  position: relative;
  top: 4px;
}
.workflow-client-instance-header__item__label {
  color: #1F2027;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin: 0 6px;
  white-space: nowrap;
}
.workflow-client-instance-header__item__value {
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
}
.workflow-client-instance-header__divider {
  width: 100%;
  height: 1px;
  background-color: #c5d0de;
  opacity: 0.6;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  .workflow-client-instance-header {
    flex-direction: row;
  }
  .workflow-client-instance-header__divider {
    height: 46px;
    margin: 0;
    max-width: 100px;
    position: relative;
    background-color: transparent;
    padding: 0 10px;
  }
  .workflow-client-instance-header__divider::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #c5d0de;
    width: 1px;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .workflow-client-instance-header {
    padding: 18px 36px;
  }
}

.workflow-instance-page {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.workflow-instance-page > div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 35px 20px;
}
.workflow-instance-page .go-back-header {
  padding-bottom: 26px;
  padding-top: 0;
}
.workflow-instance-page__diagram-container {
  max-width: 420px;
  margin: 60px auto;
  margin-bottom: 0;
}

.clients-section {
  position: relative;
  width: 100% !important;
  overflow-y: auto;
}
.clients-section > div {
  position: absolute;
  transition: 0.2s ease;
  top: 0;
  bottom: 2rem;
  width: 100% !important;
  height: calc(100% - 3rem);
  margin-top: 1.625rem;
  padding: 0 1.5rem 1.625rem;
}
.clients-section .clients-section__content {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .clients-section {
    padding: 1rem 0;
  }
  .clients-section__content--header {
    margin: 1.875rem auto 0;
  }
  .clients-section__content--body {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .clients-section > div {
    padding: 0 8rem 1rem 12rem !important;
  }
  .clients-section .clients-section__content {
    flex: 1 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .clients-section {
    width: 75%;
  }
}

.user-details-form__misc-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 14px;
  margin-bottom: 10px;
}
.user-details-form__misc-fields > div {
  width: 100%;
}
.user-details-form__misc-fields .checkbox-field {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .user-details-form__misc-fields {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.user-details-form__divider {
  margin: 20px 0;
}
.user-details-form__permission-fields__checkboxes {
  display: grid;
  grid-template-columns: 1fr;
}
.user-details-form__permission-fields__checkboxes > div {
  width: 100%;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 576px) {
  .user-details-form__permission-fields__checkboxes {
    grid-template-columns: repeat(4, 1fr);
  }
}

.users-table-wrapper .users-table:not(:first-of-type) {
  margin-top: 40px;
  border-top: 1px solid #dae2eb;
  padding-top: 28px;
}
.users-table-wrapper .users-table__button--disable {
  margin: 4px 0;
}
@media only screen and (min-width: 992px) {
  .users-table-wrapper .users-table:not(:first-of-type) {
    margin-top: 53px;
    padding-top: 24px;
  }
  .users-table-wrapper .users-table__button--disable {
    margin: 0;
  }
}

.users__header__text {
  font-size: 14px;
  color: #516173;
  line-height: 21px;
  margin-bottom: 10px;
  font-weight: 400;
}
.users__header__button {
  margin: 9px 0;
}
.users .table-responsive__action-header {
  padding-left: 0;
}
.users .no-items {
  height: 330px;
}

.import-platform-selection-modal__selection {
  max-width: 340px;
  margin-bottom: 40px;
}

.add-import-platform-button svg {
  width: 16px;
  height: 16px;
}

.import-page .table-new {
  margin-bottom: 40px;
}
.import-page__note {
  max-width: 555px;
  padding: 32px;
  font-size: 14px;
  line-height: 1.43;
  color: #98a5b5;
  font-style: italic;
}
.import-page__note p:first-child {
  margin-bottom: 8px;
  font-weight: 600;
}
.import-page__note a {
  font-style: normal;
}
.import-page__note a,
.import-page__note a:hover,
.import-page__note a:visited {
  color: #4d70ff;
}
.import-page-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 180px;
}
.import-page-empty__header {
  color: #98a5b5;
  margin-bottom: 32px;
}

.overview-card__heading-container {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}
.overview-card__heading-container .heading {
  margin-right: 10px;
}
@media only screen and (min-width: 576px) {
  .overview-card__heading-container {
    padding: 24px 32px;
  }
}
.overview-card__hint {
  color: rgba(31, 32, 39, 0.7);
  font-size: 14px;
  font-style: italic;
  text-align: center;
  margin: 0;
  margin-top: 20px;
}
.overview-card .card-new {
  padding: 0;
}
.overview-card .card-new > div {
  transition: 0.2s ease;
}
.overview-card .card-new > div:hover {
  background-color: #eff0f5;
}
.overview-card .summary {
  margin-bottom: 0;
}
.overview-card .summary__row {
  display: flex;
}
.overview-card .summary__cell {
  padding: 15px 10px 15px 16px;
  flex: 1;
  display: flex;
  align-items: center;
}
.overview-card .summary__cell:first-child {
  max-width: 200px;
}
.overview-card .summary__cell:last-child {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .overview-card .summary__cell {
    padding-left: 32px;
  }
}
.overview-card .page-divider {
  margin: 0;
}

.seats-form__seats-group {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 30px;
}
.seats-form__seats-group > .form-new__field {
  margin: 0 15px;
  max-width: 95px;
}
.seats-form__seats-group > .form-new__field input {
  text-align: center;
}
.seats-form__description {
  margin-bottom: 40px;
}
.seats-form button[type='submit'] {
  margin-top: 15px;
}
.seats-modal__heading {
  text-align: center;
}

.account-overview-page button:disabled {
  opacity: 0.4;
}
.account-overview-page .total-licenses-label {
  display: flex;
  justify-content: space-between;
}
.account-overview-page .total-licenses-label > button {
  margin-right: 6px;
}
@media only screen and (min-width: 576px) {
  .account-overview-page .total-licenses-label > button {
    margin-right: 22px;
  }
}
.account-overview-page .manage-billing-label {
  display: flex;
  justify-content: space-between;
}
.account-overview-page .manage-billing-label > button {
  margin-right: 6px;
}
@media only screen and (min-width: 576px) {
  .account-overview-page .manage-billing-label > button {
    margin-right: 22px;
  }
}

.account-overview-page {
  padding-bottom: 40px;
}
.account-overview-page .overview-card {
  margin-top: 20px;
  margin-bottom: 30px;
}
.account-overview-page__delete-account-hint {
  font-size: 14px;
  color: rgba(31, 32, 39, 0.7);
  max-width: 550px;
  margin-top: 10px;
}

.team-modal-form button[type='submit'] {
  margin-top: 30px;
}

.team-modal__content__header {
  position: relative;
}
.team-modal__content__header__role-hint {
  position: absolute;
  bottom: -20px;
  left: 0;
  opacity: 0.5;
  color: #1F2027;
  font-size: 14px;
  line-height: 21px;
}

.team-card {
  border-bottom: 1px solid #dae2eb;
  background-color: #f8f9fc;
  transition: 0.2s ease;
}
.team-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.team-card__header {
  padding: 14px 15px 14px 24px;
  border-bottom: 1px solid #dae2eb;
  display: flex;
}
.team-card__header__name-and-role {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  margin-left: 12px;
}
.team-card__header__name-and-role > span:first-child {
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
.team-card__header__name-and-role > span:last-child {
  opacity: 0.5;
  color: #1F2027;
  font-size: 14px;
  line-height: 21px;
}
.team-card__header__edit {
  margin-left: auto;
}
.team-card__header__edit svg {
  cursor: pointer;
  color: #4d70ff;
  transition: 0.2s ease;
}
.team-card__header__edit svg:hover {
  color: #1a47ff;
}
.team-card__roles {
  padding: 24px;
}
.team-card__roles__role {
  display: flex;
}
.team-card__roles__role > span:first-child {
  width: 100px;
  color: #1F2027;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}
.team-card__roles__role > span:last-child {
  color: #1F2027;
  font-size: 16px;
  line-height: 26px;
}

.teams-page__description {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
.teams-page__description > span:first-child {
  color: #1F2027;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 21px;
}
.teams-page__description > span:last-child {
  color: #98a5b5;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  margin-top: 4px;
}
.teams-page__container {
  display: grid;
  column-gap: 32px;
  row-gap: 48px;
  grid-template-columns: repeat(auto-fill, minmax(0, 390px));
}

.branding-logo {
  margin-top: 2rem;
}

.branding__form__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.service-levels-details-form__delete-button {
  margin-left: auto !important;
}

.service-levels__table__row__cell .text-description {
  color: #1F2027;
  font-style: italic;
  font-size: 0.875rem;
  font-weight: 300;
}
.service-levels__table__row__cell .text-description:nth-child(2) {
  border-left: 1px solid #d0d6de;
  padding-left: 0.3rem;
  margin-left: 0.5rem;
}
.service-levels__table__row__cell__action-list {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .service-levels__table__row {
    position: static;
  }
}
.pencil-icon {
  color: #4d70ff !important;
}

@media only screen and (min-width: 992px) {
  .service-levels__table__columns__color {
    width: 10%;
  }
  .service-levels__table__columns__name {
    width: 20%;
  }
  .service-levels__table__columns__description {
    width: 60%;
  }
  .service-levels__table__columns__actions {
    width: 10%;
  }
}

.email-integration-list {
  display: grid;
  grid-gap: 1.25rem;
}
.email-integration-list__item {
  border: 1px solid #dae2eb;
  border-radius: 4px;
  background-color: #f8f9fc;
  padding: 1.25rem 2rem;
  display: flex;
  transition: 0.2s ease;
  cursor: pointer;
  align-items: center;
}
.email-integration-list__item:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.email-integration-list__item__icon-wrapper {
  flex-wrap: none;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: rgba(77, 112, 255, 0.08);
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-integration-list__item__icon-wrapper > svg {
  width: 2.56rem;
  height: 2.56rem;
}
.email-integration-list__item__name {
  color: #1F2027;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.9375rem;
}
@media only screen and (min-width: 576px) {
  .email-integration-list {
    grid-template-columns: repeat(auto-fit, minmax(auto, 15.6rem));
  }
}

.email-page {
  padding-top: 2.5rem;
}
.email-page__description {
  margin-left: 2rem;
}
.email-page__description__sub-title {
  color: #98a5b5;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.email-page .email-integration-list {
  margin-top: 2rem;
}
.email-page__note {
  max-width: 555px;
  padding: 32px;
  font-size: 14px;
  line-height: 1.43;
  color: #98a5b5;
  font-style: italic;
}
.email-page__note p:first-child {
  margin-bottom: 8px;
  font-weight: 600;
}
.email-page__note a {
  font-style: normal;
}
.email-page__note a,
.email-page__note a:hover,
.email-page__note a:visited {
  color: #4d70ff;
}

.email-integration-status {
  padding-top: 2.5rem;
}
.email-integration-status__header {
  padding-left: 2rem;
}
.email-integration-status__body {
  border-bottom: 1px solid rgba(81, 97, 115, 0.2);
  border-radius: 4px 4px 0 0;
  background-color: #f8f9fc;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  transition: 0.2s ease;
  margin-top: 2rem;
}
.email-integration-status__body * {
  transition: 0.2s ease;
}
.email-integration-status__body__details {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-right: 0;
}
.email-integration-status__body__details__icon-wrapper {
  flex: none;
  width: 2.625rem;
  height: 2.625rem;
  margin-right: 1rem;
  border-radius: 50%;
  background-color: rgba(77, 112, 255, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-integration-status__body__details__icon-wrapper > svg {
  width: 1.5rem;
  height: 1.5rem;
}
.email-integration-status__body__details__email {
  color: #1F2027;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-integration-status__body__details__status {
  color: #516173;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  border-radius: 3px;
  padding: 0 0.625rem;
  background-color: rgba(244, 127, 127, 0.9);
}
.email-integration-status__body__details__status--active {
  background-color: #CEEDC7;
}
.email-integration-status__body__details__error-message {
  margin-left: 1.5rem;
  color: #ec2a2a;
}
.email-integration-status__body__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4d70ff;
  flex: 1;
  max-width: 100%;
  margin-top: 1rem;
}
.email-integration-status__body__actions--loading {
  pointer-events: none;
  opacity: 0.5;
}
.email-integration-status__body__actions__toggle {
  color: #4159FF;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-right: 0.625rem;
  cursor: pointer;
}
.email-integration-status__body__actions__delete-icon {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
@media only screen and (min-width: 576px) {
  .email-integration-status__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
  }
  .email-integration-status__body__details {
    margin-right: 1.875rem;
  }
  .email-integration-status__body__details__icon-wrapper {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1.75rem;
  }
  .email-integration-status__body__details__icon-wrapper > svg {
    width: 2rem;
    height: 2rem;
  }
  .email-integration-status__body__details__status {
    padding: 0 1rem;
  }
  .email-integration-status__body__actions {
    max-width: 10rem;
    margin-top: 0;
  }
}

.admin-child-sections {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding-top: 56px;
}
.admin-child-sections__section-content {
  position: relative;
  flex: 1 0 auto;
  width: 93.6%;
  margin: 0 auto;
}
.admin-child-sections__section-content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .admin-child-sections__section-content {
    width: 75%;
  }
  .admin-child-sections .section-nav {
    width: 75%;
    margin: 0 auto;
  }
}

.import-platform-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.187rem 0;
  overflow: auto;
}
.import-platform-layout__container {
  width: 93.6%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .import-platform-layout__container {
    width: 75%;
  }
}
.import-platform-layout__content {
  display: grid;
  gap: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .import-platform-layout__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.import-platform-layout__left-col {
  width: 100%;
  background-color: #f8f9fc;
  border-radius: 4px;
}
.import-platform-layout__left-col__content {
  width: 100%;
}
.import-platform-layout__right-col {
  position: relative;
  width: 100%;
  background-color: #f8f9fc;
  border-radius: 4px;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .import-platform-layout__right-col {
    margin-bottom: 0;
  }
}
.import-platform-layout .back-button {
  margin-bottom: 2.0625rem;
}
.import-platform-layout .back-button__page_title {
  font-size: 1.5rem;
  color: #1F2027;
}

.transact-import-stats__loading {
  font-style: italic;
}
.transact-import-stats__error {
  color: #ec2a2a;
}

.import-disconnect-modal {
  height: 30rem;
}
.import-disconnect-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.import-disconnect-modal__content__caution {
  color: #5a5d6d;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2.5rem;
}
.import-disconnect-modal__content__buttons .button-new:not(:first-child) {
  margin-left: 0.625rem;
}

.import-sync-button {
  color: #fff;
}
.import-sync-button svg {
  color: inherit;
}

.transact-import-form {
  margin-bottom: 12px;
}
.transact-import-form__buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.transact-import-form__buttons .button-new {
  flex: 1 1 auto;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
@media only screen and (min-width: 992px) {
  .transact-import-form__buttons .button-new {
    flex: 0 0 auto;
  }
}

.transact-guide {
  margin-bottom: 24px;
}
.transact-guide p {
  margin: 20px 0;
}
.transact-guide ul {
  margin: 0;
  padding-left: 1.2em;
}
.transact-guide ul li:not(:last-child) {
  margin: 0 0 5px;
}

.import-footer {
  font-size: 1rem;
  color: #516173;
}
.import-footer__link {
  color: #4159FF;
}

.csv-import-card__heading--large {
  margin-bottom: 2.5rem;
}
.csv-import-card__text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #516173;
}
.csv-import-card__text__link {
  color: #4d70ff;
}
.csv-import-card__download-btn {
  margin-top: 1.25rem;
  color: #1F2027;
}
.csv-import-card__download-btn > svg {
  color: #1F2027;
  opacity: 1;
}
.csv-import-card__form__submit-btn {
  margin-top: 2rem;
  min-width: 10.625rem;
}

.csv-guide {
  margin-bottom: 1.5rem;
  color: #1F2027;
}
.csv-guide p {
  margin: 1.25rem 0;
}
.csv-guide ul {
  margin: 0;
  padding-left: 1.2em;
}
.csv-guide ul li:not(:last-child) {
  margin: 0 0 0.3125rem;
}

.cash-calc-guide {
  margin-bottom: 1.5rem;
  color: #1F2027;
  font-size: 1rem;
}
.cash-calc-guide p {
  margin: 1.25rem 0;
}
.cash-calc-guide ul {
  margin: 0;
  padding-left: 1.2em;
}
.cash-calc-guide ul li:not(:last-child) {
  margin: 0 0 0.3125rem;
}

.cashcalc-card__heading--large {
  margin-bottom: 1.25rem;
}
.cashcalc-card__text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #516173;
  margin-bottom: 2.5rem;
}

.p1-guide {
  margin-bottom: 1.5rem;
  color: #1F2027;
  font-size: 1rem;
}
.p1-guide p {
  margin: 1.25rem 0;
}
.p1-guide ul {
  margin: 0;
  padding-left: 1.2rem;
}
.p1-guide ul li:not(:last-child) {
  margin: 0 0 0.3125rem;
}
.p1-guide__external-info {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #516173;
}
.p1-guide__external-info__link {
  color: #4d70ff;
}

.praemium-guide {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: #1F2027;
}
.praemium-guide p {
  margin: 1.25rem 0;
}
.praemium-guide ul {
  margin: 0;
  padding-left: 1.2rem;
}
.praemium-guide ul li:not(:last-child) {
  margin: 0 0 0.3125rem;
}
.praemium-guide__external-info {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #516173;
}
.praemium-guide__external-info__link {
  color: #4d70ff;
}

.import-log-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.187rem 0;
  overflow: auto;
}
.import-log-layout .back-button {
  margin-bottom: 2.0625rem;
}
.import-log-layout .back-button__page_title {
  font-size: 1.5rem;
  color: #1F2027;
}
.import-log-layout__container {
  width: 93.6%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .import-log-layout__container {
    width: 75%;
  }
}

.import-log-table__content {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .import-log-table__content {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  .import-log-table__content__columns__status {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .import-log-table__content__columns__date {
    width: 50%;
  }
}
.import-log-table__content__row {
  cursor: pointer;
  position: relative;
}
.import-log-table__content__row__indicator {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.25rem;
}
.import-log-table__content__row__indicator--red {
  background-color: #ec2a2a;
}
.import-log-table__content__row__indicator--yellow {
  background-color: #f7bf47;
}
.import-log-table__content__row__indicator--green {
  background-color: #21c056;
}
.import-log-table__content__row__cell__status--yellow,
.import-log-table__content__row__cell__status--red {
  font-weight: 800;
}
.import-log-table__content__row__cell__date {
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .import-log-table__content__row__cell__date {
    margin-left: -1.5rem;
  }
}
.import-log-table__pagination {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .import-log-table__pagination {
    display: flex;
    justify-content: flex-start;
  }
}

.single-import-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.187rem 0;
  overflow: auto;
}
.single-import-layout .back-button {
  margin-bottom: 2.0625rem;
}
.single-import-layout .back-button__page_title {
  font-size: 1.5rem;
  color: #1F2027;
}
.single-import-layout__container {
  width: 93.6%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .single-import-layout__container {
    width: 75%;
  }
}
.single-import-layout__mid-content {
  width: 60%;
}
.single-import-layout__mid-content__header_summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-import-layout__mid-content__header_summary__date {
  padding: 0 1rem;
  margin-bottom: 0.375rem;
  color: #98a5b5;
}
.single-import-layout__mid-content__log {
  margin-top: 1rem;
  padding: 2rem;
  border-radius: 4px;
  background-color: #eff0f5;
}
.single-import-layout__pagination {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
}

.import-job-summary {
  font-size: 0.875rem;
  line-height: 1.57;
}
.import-job-summary:not(:first-child) {
  margin-top: 1.5rem;
}
.import-job-summary__date {
  padding: 0 1rem;
  margin-bottom: 0.375rem;
  color: #98a5b5;
}
.import-job-summary__header {
  position: relative;
  padding: 1rem 2rem;
  border-radius: 4px;
  background-color: #f8f9fc;
  color: #5a5d6d;
}
.import-job-summary__header__download {
  color: #4d70ff;
  position: absolute;
  right: 1.125rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.import-job-summary__header__status {
  color: #1F2027;
  font-weight: 600;
}
.import-job-summary__header__indicator {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.25rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.import-job-summary__header__indicator--red {
  background-color: #ec2a2a;
}
.import-job-summary__header__indicator--yellow {
  background-color: #f7bf47;
}
.import-job-summary__header__indicator--green {
  background-color: #21c056;
}
.import-job-summary__header--with-download {
  padding-right: 2.8rem;
}
.import-job-summary__log {
  margin-top: -0.375rem;
  padding: 2rem;
  border-radius: 4px;
  background-color: #eff0f5;
}
.import-job-summary__log__info:not(:first-child),
.import-job-summary__log__warning:not(:first-child),
.import-job-summary__log__error:not(:first-child) {
  margin-top: 2rem;
}
.import-job-summary__log__info b,
.import-job-summary__log__warning b,
.import-job-summary__log__error b {
  font-weight: 600;
}
.import-job-summary__log__info__heading,
.import-job-summary__log__warning__heading,
.import-job-summary__log__error__heading {
  margin: 0 0 0.625rem;
  font-size: 0.875rem;
  line-height: 1;
}
.import-job-summary__log__info__desc,
.import-job-summary__log__warning__desc,
.import-job-summary__log__error__desc {
  margin: 0;
  color: #9fa2b0;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.43;
}
.import-job-summary__log__info__desc span,
.import-job-summary__log__warning__desc span,
.import-job-summary__log__error__desc span {
  display: block;
}
.import-job-summary__log__info__desc span[data-pull-right],
.import-job-summary__log__warning__desc span[data-pull-right],
.import-job-summary__log__error__desc span[data-pull-right] {
  margin-left: 1.56rem;
}
.import-job-summary__log__warning__heading,
.import-job-summary__log__error__heading {
  display: flex;
  align-items: center;
}
.import-job-summary__log__warning__heading span[data-exclamation-mark],
.import-job-summary__log__error__heading span[data-exclamation-mark] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  user-select: none;
}
.import-job-summary__log__info {
  color: #5a5d6d;
}
.import-job-summary__log__info b {
  color: #1F2027;
}
.import-job-summary__log__warning__heading span[data-exclamation-mark] {
  background-color: #f7bf47;
  color: #fff;
}
.import-job-summary__log__error__heading {
  color: #ec2a2a;
}
.import-job-summary__log__error__heading span[data-exclamation-mark] {
  background-color: #ec2a2a;
  color: #fff;
}

.admin-section {
  position: relative;
  width: 100%;
}

/* stylelint-disable no-duplicate-selectors */
.income-table .table-new__cell:first-child {
  /* Adviser column */
  font-weight: inherit !important;
  font-size: inherit !important;
  color: #516173 !important;
}
.income-table .table-new__cell:first-child::before {
  display: block !important;
}
.income-table .table-new__header-cell:first-child,
.income-table .table-new__cell:first-child {
  /* Adviser column */
}
@media only screen and (min-width: 992px) {
  .income-table .table-new__header-cell:first-child,
  .income-table .table-new__cell:first-child {
    width: 45px;
  }
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:first-child,
  .income-table .table-new__cell:first-child {
    width: 70px;
  }
}
.income-table .table-new__header-cell:nth-child(3),
.income-table .table-new__cell:nth-child(3),
.income-table .table-new__header-cell:nth-child(6),
.income-table .table-new__cell:nth-child(6),
.income-table .table-new__header-cell:nth-child(7),
.income-table .table-new__cell:nth-child(7) {
  /* Due date column */
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:nth-child(3),
  .income-table .table-new__cell:nth-child(3),
  .income-table .table-new__header-cell:nth-child(6),
  .income-table .table-new__cell:nth-child(6),
  .income-table .table-new__header-cell:nth-child(7),
  .income-table .table-new__cell:nth-child(7) {
    width: 110px;
  }
}
.income-table .table-new__header-cell:nth-child(4),
.income-table .table-new__cell:nth-child(4) {
  /* Number column */
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:nth-child(4),
  .income-table .table-new__cell:nth-child(4) {
    width: 110px;
  }
}
@media only screen and (min-width: 1366px) {
  .income-table .table-new__header-cell:nth-child(4),
  .income-table .table-new__cell:nth-child(4) {
    width: 190px;
  }
}
.income-table .table-new__header-cell:nth-child(5),
.income-table .table-new__cell:nth-child(5) {
  /* Provider column */
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:nth-child(5),
  .income-table .table-new__cell:nth-child(5) {
    width: 190px;
  }
}
.income-table .table-new__header-cell:nth-child(8),
.income-table .table-new__cell:nth-child(8) {
  /* Expected/Paid column */
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:nth-child(8),
  .income-table .table-new__cell:nth-child(8) {
    width: 110px;
  }
}
.income-table .table-new__header-cell:first-child {
  /* Adviser column */
}
@media only screen and (min-width: 992px) {
  .income-table .table-new__header-cell:first-child {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__header-cell:first-child {
    padding-left: 32px;
  }
}
.income-table .table-new__cell:first-child {
  /* Adviser column */
}
@media only screen and (min-width: 992px) {
  .income-table .table-new__cell:first-child > span {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .income-table .table-new__cell:first-child > span {
    padding-left: 32px;
  }
}

/* stylelint-disable no-duplicate-selectors */
.pending-income__dl-btn-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.9375rem;
  padding-right: 0.9375rem;
}
.pending-income__total-received {
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1.875rem;
  padding-right: 0.9375rem;
}
.pending-income__total-received > span {
  margin-left: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .pending-income__total-received__dl-btn-container {
    padding-right: 1.25rem;
  }
  .pending-income__total-received__total-received {
    padding-right: 1.25rem;
  }
}
.pending-income__wrapper {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.pending-income__sticky-content {
  padding-bottom: 0.625rem;
  width: 100%;
}
.pending-income__pagination {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
}
.pending-income__pagination .pagination__container {
  margin-bottom: 0;
}
.pending-income-table__row__name-cell > span {
  width: 100%;
  align-items: center;
}
.pending-income-table__row__name-cell__full-name {
  line-break: anywhere;
}
@media only screen and (min-width: 992px) {
  .pending-income-table__row__name-cell--with-badge__full-name {
    max-width: calc(100% - 1.875rem);
  }
}
.pending-income-table__row__policy-number-cell > span {
  display: block !important;
  line-break: anywhere;
}
.pending-income-table .table-new__header-cell,
.pending-income-table .table-new__cell {
  overflow: visible;
}
.pending-income-table .table-new__header-cell > span,
.pending-income-table .table-new__cell > span {
  overflow: visible;
  display: flex;
}
.pending-income-table .table-new__header-cell:nth-child(9),
.pending-income-table .table-new__cell:nth-child(9) {
  /* Actual column */
}
.pending-income-table .table-new__header-cell:nth-child(9) input,
.pending-income-table .table-new__cell:nth-child(9) input {
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .pending-income-table .table-new__header-cell:nth-child(9),
  .pending-income-table .table-new__cell:nth-child(9) {
    width: 7.5rem;
  }
}
.pending-income-table .table-new__header-cell:last-child,
.pending-income-table .table-new__cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .pending-income-table .table-new__header-cell:last-child,
  .pending-income-table .table-new__cell:last-child {
    width: 4.6875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .pending-income-table .table-new__header-cell:last-child,
  .pending-income-table .table-new__cell:last-child {
    width: 5.9375rem;
  }
}
.pending-income-table .table-new__header-cell:last-child > span,
.pending-income-table .table-new__cell:last-child > span {
  display: flex;
  justify-content: center;
}
.pending-income-table .table-new__header-cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .pending-income-table .table-new__header-cell:last-child {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .pending-income-table .table-new__header-cell:last-child {
    padding-right: 32px;
  }
}
.pending-income-table .table-new__cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .pending-income-table .table-new__cell:last-child > span {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .pending-income-table .table-new__cell:last-child > span {
    padding-right: 32px;
  }
}

.pending-income {
  height: 100%;
}
.pending-income .page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.received-income__dl-btn-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.9375rem;
  padding-right: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .received-income__dl-btn-container {
    padding-right: 1.25rem;
  }
}
.received-income__wrapper {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.received-income__sticky-content {
  padding-bottom: 0.625rem;
  width: 100%;
}
.received-income__pagination {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
}
.received-income__pagination .pagination__container {
  margin-bottom: 0;
}
.received-income-table__row__name-cell > span {
  width: 100%;
  align-items: center;
}
.received-income-table__row__name-cell__full-name {
  line-break: anywhere;
}
@media only screen and (min-width: 992px) {
  .received-income-table__row__name-cell--with-badge__full-name {
    max-width: calc(100% - 1.875rem);
  }
}
.received-income-table__row__policy-number-cell > span {
  display: block !important;
  line-break: anywhere;
}
.received-income-table__body__received-cell > span {
  display: inline-flex;
}
.received-income-table__body__received-cell > span > span {
  font-style: italic;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #9fa2b0;
}
.received-income-table .table-new__header-cell,
.received-income-table .table-new__cell {
  overflow: visible;
}
.received-income-table .table-new__header-cell > span,
.received-income-table .table-new__cell > span {
  display: inline-flex;
  overflow: visible;
}
.received-income-table .table-new__header-cell:last-child,
.received-income-table .table-new__cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .received-income-table .table-new__header-cell:last-child,
  .received-income-table .table-new__cell:last-child {
    width: 8.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .received-income-table .table-new__header-cell:last-child,
  .received-income-table .table-new__cell:last-child {
    width: 12.8rem;
  }
}
.received-income-table .table-new__header-cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .received-income-table .table-new__header-cell:last-child {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .received-income-table .table-new__header-cell:last-child {
    padding-right: 32px;
  }
}
.received-income-table .table-new__cell:last-child {
  /* Received column */
}
@media only screen and (min-width: 992px) {
  .received-income-table .table-new__cell:last-child > span {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .received-income-table .table-new__cell:last-child > span {
    padding-right: 32px;
  }
}

.received-income {
  height: 100%;
}
.received-income .page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.income-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding-top: 28px;
}
@media only screen and (min-width: 768px) {
  .income-section {
    padding-top: 48px;
  }
}
.income-section__section-content {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  margin: 0 auto;
}
.income-section__section-content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 0 2.5%;
}
@media only screen and (min-width: 768px) {
  .income-section__section-content > div {
    padding: 0 3.2%;
  }
}
.income-section .section-nav {
  margin: 0 auto;
  width: 95%;
}
@media only screen and (min-width: 768px) {
  .income-section .section-nav {
    width: 93.6%;
  }
}

.reports {
  overflow-y: auto;
  height: 100%;
  padding: 0 10px;
}

.summary-card-nbr {
  max-width: 500px;
}
.summary-card-nbr .card-new-group {
  margin-bottom: 5px;
}
.summary-card-nbr .card-new-group span:last-child {
  font-weight: 500;
  padding-left: 10px;
}

.nbr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.nbr .dl-report-btn {
  align-self: flex-end;
  margin-top: 1.25rem;
}
.nbr .table-wrap {
  overflow-x: hidden;
  margin-top: 1.25rem;
  width: 100%;
  padding-bottom: 0.625rem;
}
.nbr__summary-container {
  margin-bottom: 1.25rem;
}
.nbr .dropdown-selection__value-container {
  padding-right: 0.4375rem;
}
@media only screen and (min-width: 768px) {
  .nbr {
    padding: 0;
    position: static;
  }
  .nbr .table-wrap {
    overflow-x: auto;
  }
}

.table-nbr tbody {
  white-space: nowrap;
}
.table-nbr tbody > tr {
  width: 95%;
}
.table-nbr tbody > tr td:nth-child(3) > span {
  width: 82px;
}
.table-nbr tbody > tr td:nth-child(10) > span {
  width: 100px;
}
.table-nbr tbody > tr td:nth-child(11) > span {
  width: 82px;
}
.table-nbr tbody td:first-child > span {
  overflow: hidden;
  width: 200%;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.table-nbr tbody td:not(:first-child) span {
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
@media only screen and (min-width: 768px) {
  .table-nbr tbody td:not(:first-child) span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .table-nbr tbody td:first-child span {
    width: 100%;
    white-space: nowrap;
  }
}

.client-list-report {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.client-list-report__count-and-btn {
  color: #516173;
  font-style: italic;
  margin-top: 8px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .client-list-report {
    padding: 0;
    position: static;
  }
}
.client-list-report .table-wrap {
  overflow-x: auto;
  margin-top: 30px;
  width: 100%;
  padding-bottom: 10px;
}

.client-list-report-table .hide-on-desktop {
  display: inline;
}
.client-list-report-table .hide-on-mobile {
  display: none;
}
.client-list-report-table a {
  color: #4d70ff;
}
.client-list-report-table thead tr {
  white-space: nowrap;
}
.client-list-report-table tbody {
  white-space: nowrap;
}
.client-list-report-table tbody td:first-child > span {
  overflow: hidden;
  width: 200%;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.client-list-report-table tbody td:not(:first-child) span {
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  width: 100%;
}
.client-list-report-table tbody td:nth-child(2),
.client-list-report-table tbody td:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .client-list-report-table tbody td:not(:first-child) span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .client-list-report-table tbody td:first-child span {
    width: 100%;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 992px) {
  .client-list-report-table .hide-on-desktop {
    display: none;
  }
  .client-list-report-table .hide-on-mobile {
    display: inline;
  }
  .client-list-report-table tbody td:nth-child(2),
  .client-list-report-table tbody td:nth-child(3) {
    display: table-cell;
  }
}

.client-birthday-legend {
  display: flex;
  flex-wrap: wrap;
}
.client-birthday-legend > div {
  margin-right: 30px;
  color: #516173;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 5px;
  margin-bottom: 5px;
}
.client-birthday-legend > div > div {
  width: 13px;
  height: 25px;
  border-radius: 1px;
  margin-right: 10px;
}
.client-birthday-legend > div:nth-child(1) div {
  border: 1px solid #ec2a2a;
  background-color: rgba(236, 42, 42, 0.1);
}
.client-birthday-legend > div:nth-child(2) div {
  border: 1px solid #4d70ff;
  background-color: rgba(77, 112, 255, 0.1);
}
.client-birthday-legend > div:nth-child(3) div {
  border: 1px solid #21c056;
  background-color: rgba(33, 192, 86, 0.1);
}

.client-birthday-report {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.client-birthday-report__dl-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.client-birthday-report .client-birthday-legend {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .client-birthday-report {
    padding: 0;
    position: static;
  }
}
@media only screen and (min-width: 992px) {
  .client-birthday-report .client-birthday-legend {
    margin-bottom: 10px;
  }
}
.client-birthday-report .table-wrap {
  overflow-x: auto;
  margin-top: 30px;
  width: 100%;
  padding-bottom: 10px;
}

.birthday-report-table a {
  color: #4d70ff;
}
.birthday-report-table thead tr {
  white-space: nowrap;
}
.birthday-report-table tbody {
  white-space: nowrap;
}
.birthday-report-table tbody td:first-child > span {
  overflow: hidden;
  width: 200%;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.birthday-report-table tbody td:not(:first-child) span {
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  width: 100%;
}
.birthday-report-table tbody .blue-bg-row {
  background-color: rgba(77, 112, 255, 0.1);
}
.birthday-report-table tbody .blue-bg-row > td {
  background-color: transparent;
}
.birthday-report-table tbody .green-bg-row {
  background-color: rgba(33, 192, 86, 0.1);
}
.birthday-report-table tbody .green-bg-row > td {
  background-color: transparent;
}
.birthday-report-table tbody .red-bg-row {
  background-color: rgba(236, 42, 42, 0.1);
}
.birthday-report-table tbody .red-bg-row > td {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .birthday-report-table tbody td:not(:first-child) span {
    padding-left: 10px;
    white-space: nowrap;
  }
  .birthday-report-table tbody td:first-child span {
    width: 100%;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 992px) {
  .birthday-report-table tbody .blue-bg-row {
    background-color: transparent;
  }
  .birthday-report-table tbody .blue-bg-row > td {
    background-color: rgba(77, 112, 255, 0.1);
  }
  .birthday-report-table tbody .blue-bg-row:hover > td {
    background-color: rgba(77, 112, 255, 0.15) !important;
  }
  .birthday-report-table tbody .green-bg-row {
    background-color: transparent;
  }
  .birthday-report-table tbody .green-bg-row > td {
    background-color: rgba(33, 192, 86, 0.1);
  }
  .birthday-report-table tbody .green-bg-row:hover > td {
    background-color: rgba(33, 192, 86, 0.15) !important;
  }
  .birthday-report-table tbody .red-bg-row {
    background-color: transparent;
  }
  .birthday-report-table tbody .red-bg-row > td {
    background-color: rgba(236, 42, 42, 0.1);
  }
  .birthday-report-table tbody .red-bg-row:hover > td {
    background-color: rgba(236, 42, 42, 0.15) !important;
  }
}

.transaction-report {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.transaction-report .transaction-report-table {
  margin-top: 10px;
}
.transaction-report .transaction-report-table a {
  color: #4d70ff;
}
.transaction-report__btn-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .transaction-report {
    padding: 0;
    position: static;
    overflow-y: visible;
  }
  .transaction-report__btn-container {
    margin-bottom: 5px;
  }
}
.transaction-report .table-wrap {
  overflow-x: auto;
  margin-top: 30px;
  width: 100%;
  padding-bottom: 10px;
}

.maturing-policies-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.maturing-policies-page a {
  color: #4d70ff;
}
.maturing-policies-page .dl-report-btn {
  align-self: flex-end;
  margin-top: 20px;
}
.maturing-policies-page .table-wrap {
  overflow-x: hidden;
  margin-top: 20px;
  width: 100%;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .maturing-policies-page {
    padding: 0;
    position: static;
  }
  .maturing-policies-page .table-wrap {
    overflow-x: auto;
  }
}

.aum-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.aum-page .dl-report-btn {
  align-self: flex-end;
  margin-top: 20px;
}
.aum-page .table-wrap {
  overflow-x: hidden;
  margin-top: 20px;
  width: 100%;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .aum-page {
    padding: 0;
    position: static;
  }
  .aum-page .table-wrap {
    overflow-x: auto;
  }
}

.upcoming-reviews-report {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 2.5%;
  z-index: 101;
  display: flex;
  flex-direction: column;
}
.upcoming-reviews-report__count-and-btn {
  color: #516173;
  font-style: italic;
  margin-top: 0.5rem;
  margin-bottom: 0.3125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.upcoming-reviews-report__btn-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .upcoming-reviews-report {
    padding: 0;
    position: static;
  }
}
.upcoming-reviews-report .table-wrap {
  overflow-x: auto;
  margin-top: 0.8125rem;
  width: 100%;
  padding-bottom: 0.625rem;
}

.upcoming-reviews-report-table a {
  color: #4159FF;
}
.upcoming-reviews-report-table a.emphasize {
  color: #000;
}
.upcoming-reviews-report-table a:hover {
  color: #4d70ff;
}
.upcoming-reviews-report-table thead tr {
  white-space: nowrap;
}
.upcoming-reviews-report-table tbody {
  white-space: nowrap;
}
.upcoming-reviews-report-table tbody td:first-child > span {
  overflow: hidden;
  width: 200%;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.upcoming-reviews-report-table tbody td:not(:first-child) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .upcoming-reviews-report-table tbody td:not(:first-child) span {
    padding-left: 0.625rem;
    white-space: nowrap;
  }
  .upcoming-reviews-report-table tbody td:first-child span {
    width: 100%;
    white-space: nowrap;
  }
  .upcoming-reviews-report-table tbody td:nth-child(2) a span {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .upcoming-reviews-report-table tbody td:nth-child(2),
  .upcoming-reviews-report-table tbody td:nth-child(3) {
    display: table-cell;
  }
}

.reports-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding-top: 28px;
}
.reports-section__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
}
.reports-section__content__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  padding: 0 2.5%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .reports-section {
    padding-top: 48px;
  }
  .reports-section__content {
    position: relative;
    z-index: auto;
  }
}

.support-request-success {
  padding: 24px;
}
.support-request-success__header {
  width: 100%;
  display: flex;
  margin-bottom: 31px;
}
.support-request-success__header h3 {
  color: #1e2127;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  margin: 5px 0 0;
}
.support-request-success__header svg {
  height: 29px;
  width: 29px;
  margin-left: 20px;
}
.support-request-success__text {
  color: #516173;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 19px;
}
.support-request-success button {
  height: 48px;
  width: 136px;
}
@media only screen and (min-width: 576px) {
  .support-request-success {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    min-height: 279px;
  }
  .support-request-success__header {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    margin: 16px 0 20px;
  }
  .support-request-success__header h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 31px;
    margin: 0;
  }
  .support-request-success__header svg {
    margin: 0 0 20px;
  }
  .support-request-success__text {
    margin-bottom: 27px;
    text-align: center;
  }
  .support-request-success button.button-new {
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    width: 95px;
  }
}

.customer-support-header {
  display: flex;
  flex-direction: row;
  padding: 33px 0;
}
.customer-support-header h2 {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  margin: 0;
}
.customer-support-header svg {
  height: 23px;
  width: 23px;
}
.ex-icon-container {
  margin-left: auto;
}
.form-new__field label,
.info-section-header {
  margin-bottom: 4px;
}
.customer-support-section {
  padding: 0 24px 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.customer-support-section__main-container {
  width: 990px;
}
.customer-support-section__form-info-faq-container {
  display: flex;
  flex-direction: column;
}
.customer-support-section__faq-card {
  width: 100%;
  max-width: 330px;
  align-self: center;
  text-align: center;
}
.customer-support-section__faq-card > i {
  color: #7f8fa4;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
}
.customer-support-section__faq-card > .button-new {
  width: 96px;
}
.customer-support-section .form-new__field {
  display: flex;
  flex-direction: column;
}
.customer-support-section .form-new__field label {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
}
.customer-support-section .text-input {
  padding: 0.6786em 1em;
}
.customer-support-section textarea {
  resize: none;
}
.form-buttons-container {
  padding-bottom: 39px;
}
.customer-support-form {
  width: 100%;
}
.customer-support-form__field-wrapper {
  display: flex;
}
.customer-support-form__error-messages {
  margin-top: 10px;
  margin-bottom: 0;
}
.customer-support-form .form-new__field {
  margin-top: 7px;
}
.customer-support-form .form-new__field input,
.customer-support-form .form-new__field textarea {
  width: 100%;
}
.customer-support-form textarea.text-input {
  height: 176px;
}
.customer-support-form .form-info-section {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.customer-support-form .form-info-section .info-section-header {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
  color: #1F2027;
}
.customer-support-form .form-info-section .info-section-content p {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
  margin: 0;
}
.customer-support-info {
  padding-top: 18px;
  padding-bottom: 50px;
  border-top: 1px solid #e2e7ee;
}
.customer-support-info > div {
  max-width: 428px;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  color: #7f8fa4;
  letter-spacing: 0;
}
.form-and-info-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (min-width: 576px) {
  .customer-support-header {
    padding: 37px 0 41px;
  }
  .customer-support-header h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 31px;
    margin: 0;
  }
  .customer-support-header .ex-icon-container {
    display: none;
  }
  .info-section-header {
    margin: 2px 4px;
  }
  .reason-selector {
    display: flex;
    flex-direction: row;
  }
  .reason-selector label {
    width: 174px;
    min-width: 174px;
  }
  .customer-support-section .form-new__field {
    flex-direction: row;
    width: 100%;
  }
  .customer-support-section .form-new__field label {
    width: 174px;
    min-width: 174px;
  }
  .customer-support-section .form-info-section {
    flex-direction: row;
    justify-content: unset;
  }
  .customer-support-section .form-info-section .info-section-header {
    width: 174px;
    min-width: 174px;
  }
  .customer-support-form .form-new__field {
    margin-bottom: 20px;
  }
  .customer-support-form__error-messages {
    margin-left: 182px;
  }
}
@media only screen and (min-width: 768px) {
  .customer-support-section__form-info-faq-container {
    flex-direction: row;
  }
  .customer-support-section__faq-card {
    width: 250px;
    margin-left: 30px;
    align-self: flex-start;
  }
}

.activate-subscription-form button[type='submit'] {
  margin-top: 15px;
}
.activate-subscription-form .form-new__field {
  margin-bottom: 20px !important;
}

.clients-dashboard-card {
  display: flex;
  flex-direction: column;
  transition: 0.2s ease;
  cursor: pointer;
}
.clients-dashboard-card .dashboard-boxes-card {
  flex: 1;
}
.clients-dashboard-card .dashboard-card-title__action a {
  display: flex;
  align-items: center;
  color: #4d70ff;
}
.clients-dashboard-card .dashboard-card-title__action a svg {
  margin-right: 6px;
}
.clients-dashboard-card .create-client-button {
  padding: 0;
}
.clients-dashboard-card .create-client-button .button-new {
  padding: 0;
}

.dashboard-tabs-card__labels {
  margin-bottom: 6px;
  display: flex;
}
.dashboard-tabs-card__labels--hidden {
  display: none;
}
.dashboard-tabs-card__labels__label {
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  padding: 12px 26px;
  opacity: 0.5;
  transition: 0.2s ease;
  cursor: pointer;
  border-radius: 4px;
}
.dashboard-tabs-card__labels__label:not(input, textarea, select) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.dashboard-tabs-card__labels__label--active {
  background-color: #eff0f5;
  opacity: 1;
}
.dashboard-tabs-card__content {
  border: 1px solid #c5d0de;
  background-color: #fff;
  border-radius: 4px;
  padding: 22px 26px;
  transition: 0.2s ease;
}

.doughnut-tab .collapsable-container {
  background-color: transparent;
  padding: 0;
}
.doughnut-tab__chart-container {
  position: relative;
}
.doughnut-tab__chart-container__total {
  color: #1F2027;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.doughnut-tab__legend h3 {
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin: 20px 0 !important;
}
.doughnut-tab__legend__items {
  width: 244px;
  margin: 0 auto;
  display: grid;
  gap: 37px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  margin-top: 20px;
}
.doughnut-tab__legend__items__item {
  display: flex;
}
.doughnut-tab__legend__items__item__color {
  height: 12px;
  width: 12px;
  border-radius: 9px;
  flex: none;
  margin-top: 3px;
  margin-right: 8px;
}
.doughnut-tab__legend__items__item__label-and-money__label {
  color: #1F2027;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 1px;
}
.doughnut-tab__legend__items__item__label-and-money__money {
  color: #516173;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.chart-container {
  margin-bottom: 10px;
}
.chart-container__chart {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.chart-container__chart__label {
  color: #1F2027;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: 17px;
  min-width: 60px;
  flex: none;
}
.chart-container__chart__bar {
  width: 0;
  height: 12px;
  border-radius: 0 88px 88px 0;
  background-color: #4d70ff;
  min-width: 8px;
  position: relative;
  transition: width 0.6s ease-in-out;
}
.chart-container__chart__amount {
  padding-left: 6px;
  height: 18px;
  color: #516173;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  flex: none;
  transition: 0.2s ease;
}
.chart-container .green-bg {
  background-color: #21c056;
}
.chart-container .bar-loading {
  opacity: 0.7;
}

.income-card__body {
  transition: 0.2s ease;
  padding: 24px 18px 32px;
  background-color: #f8f9fc;
}
.income-card__body__filter {
  width: 160px;
  margin-bottom: 24px;
  transition: 0.2s ease;
}
.income-card__body__charts {
  display: flex;
  flex-direction: column;
}
.income-card__body__charts > * {
  flex: 1;
}
.income-card__body__charts__separator {
  flex: none;
  border-top: 1px solid #c5d0de;
  margin: 24px 0;
  margin-bottom: 30px;
  height: 1px;
  width: 100%;
  transition: 0.2s ease;
}
.income-card__body__charts__chart__title {
  margin-bottom: 18px;
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22.4px;
}
@media only screen and (min-width: 576px) {
  .income-card__body {
    padding: 22px 32px 51px;
  }
  .income-card__body__charts {
    flex-direction: row;
  }
  .income-card__body__charts__separator {
    margin: 0 30px;
    width: 1px;
    margin-top: -5px;
    height: 110px;
    border-left: 1px solid #c5d0de;
    border-top: none;
  }
  .income-card__body__filter {
    margin-bottom: 40px;
  }
}

.dashboard-client-list__empty-text {
  color: #98a5b5;
  font-size: 18px;
  line-height: 23px;
  padding: 32px 0;
}
.dashboard-client-list__item {
  display: flex;
  align-items: center;
  margin: 26px 0;
  text-overflow: ellipsis;
}
.dashboard-client-list__item--with-initials {
  margin: 20px 0;
}
.dashboard-client-list__item .initials-avatar {
  margin-right: 16px;
  flex: none;
}
.dashboard-client-list__item__info {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-client-list__item__info__name {
  color: #1F2027;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: 0.2s ease;
}
.dashboard-client-list__item__info__name:hover {
  color: #4d70ff;
}
.dashboard-client-list__item__info__secondary-text {
  color: #1F2027;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-client-list__item__info .fade {
  opacity: 0.6;
}
.dashboard-client-list__item__modal-trigger {
  color: #4d70ff;
  margin-left: 20px;
  margin-left: auto;
  padding-left: 20px;
  flex: none;
}
.dashboard-client-list__item__modal-trigger > * {
  cursor: pointer;
}

.last-visited-clients-dashboard-card .dashboard-client-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 1px solid #c5d0de;
  background-color: #fff;
  border-radius: 4px;
  padding: 22px 26px;
  transition: 0.2s ease;
}
.last-visited-clients-dashboard-card .dashboard-client-list__item:nth-child(4),
.last-visited-clients-dashboard-card .dashboard-client-list__item:nth-child(5) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .last-visited-clients-dashboard-card .dashboard-client-list__item:nth-child(4),
  .last-visited-clients-dashboard-card .dashboard-client-list__item:nth-child(5) {
    display: flex;
  }
}

.reviews-and-birthdays-dashboard-card .client-list-tab__hint-text {
  opacity: 0.6;
  line-height: 20px;
  margin-top: 22px;
}
.reviews-and-birthdays-dashboard-card .dashboard-tabs-card__content {
  padding-top: 0;
  padding-bottom: 0;
  padding-bottom: 15px;
  padding-right: 8px;
}
.reviews-and-birthdays-dashboard-card .dashboard-client-list {
  overflow-y: auto;
  transition: 0.2s ease;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 19px;
  margin-top: 12px;
}
.reviews-and-birthdays-dashboard-card .dashboard-client-list__empty-text {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .reviews-and-birthdays-dashboard-card .dashboard-client-list {
    padding-right: 14px;
  }
}
.reviews-and-birthdays-dashboard-card .dashboard-client-list > *:first-child {
  margin-top: 0;
}
.reviews-and-birthdays-dashboard-card .dashboard-client-list > *:last-child {
  margin-bottom: 0;
}

.tasks-dashboard-card {
  transition: 0.2s ease;
  cursor: pointer;
}
.tasks-dashboard-card .dashboard-boxes-card {
  background-color: rgba(77, 112, 255, 0.3);
}
.tasks-dashboard-card .dashboard-boxes-card__icon {
  color: #4d70ff;
}
.tasks-dashboard-card .dashboard-boxes-card__icon > svg {
  width: 48px;
  height: 48px;
}
.tasks-dashboard-card .dashboard-card-title__action a {
  display: flex;
  align-items: center;
  color: #4d70ff;
}
.tasks-dashboard-card .dashboard-card-title__action a svg {
  margin-right: 6px;
}

.dashboard-page {
  position: relative;
  width: 100%;
  overflow-y: auto;
}
.dashboard-page > div {
  margin-top: 1.625rem;
  transition: 0.2s ease;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: calc(75rem + 5%);
  width: 100%;
  height: calc(100% - 3rem);
  padding: 0 2.5%;
  padding-bottom: 1.625rem;
}
.dashboard-page .dashboard-page__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dashboard-page .dashboard-page__container__left-column {
  max-width: 40.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex: 1;
  transition: 0.2s ease;
  flex-direction: column;
}
.dashboard-page .dashboard-page__container__left-column__row {
  display: flex;
  flex-direction: column;
}
.dashboard-page .dashboard-page__container__left-column__row > div:first-child {
  margin-bottom: 2.25rem;
}
.dashboard-page .dashboard-page__container__left-column > * {
  margin-bottom: 2.25rem;
}
.dashboard-page .dashboard-page__container__left-column .dashboard-boxes-card {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
.dashboard-page .dashboard-page__container__left-column .clients-dashboard-card {
  width: 100%;
  flex: none;
}
.dashboard-page .dashboard-page__container__left-column .clients-dashboard-card .dashboard-boxes-card__boxes__box {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.dashboard-page .dashboard-page__container__left-column .clients-dashboard-card .dashboard-boxes-card__boxes--column {
  grid-auto-flow: column;
}
.dashboard-page .dashboard-page__container__left-column .tasks-dashboard-card {
  width: 100%;
}
.dashboard-page .dashboard-page__container__left-column .messages-dashboard-card {
  width: 100%;
}
.dashboard-page .dashboard-page__container__right-column {
  transition: 0.2s ease;
  max-width: 40.25rem;
  width: 100%;
  flex: 1;
}
.dashboard-page .dashboard-page__container__right-column > * {
  margin-bottom: 2.25rem;
}
.dashboard-page .dashboard-page__container__task_button_span {
  padding-left: 0.5rem;
}
@media only screen and (min-width: 576px) {
  .dashboard-page > div {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .dashboard-page .dashboard-page__container__left-column__row {
    flex-direction: row;
    justify-content: space-between;
  }
  .dashboard-page .dashboard-page__container__left-column__row > div:first-child {
    margin-bottom: 0;
  }
  .dashboard-page .dashboard-page__container__left-column .clients-dashboard-card {
    width: 11.1875rem;
    margin-right: 1.25rem;
  }
  .dashboard-page .dashboard-page__container__left-column .clients-dashboard-card .dashboard-boxes-card__boxes--column {
    grid-auto-flow: row;
  }
}
@media only screen and (min-width: 768px) {
  .dashboard-page .dashboard-page__container__left-column .tasks-dashboard-card {
    width: 27.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-page .dashboard-page__container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .dashboard-page .dashboard-page__container__left-column {
    max-width: 40.25rem;
  }
  .dashboard-page .dashboard-page__container__right-column {
    max-width: 18.75rem;
    margin-left: 1rem;
  }
  .dashboard-page .dashboard-page__container__right-column .aum-dashboard-card {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-page .dashboard-page__container__left-column {
    max-width: 47.25rem;
  }
  .dashboard-page .dashboard-page__container__left-column .dashboard-boxes-card {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .dashboard-page .dashboard-page__container__left-column .clients-dashboard-card {
    width: 14.8rem;
  }
  .dashboard-page .dashboard-page__container__left-column .clients-dashboard-card .dashboard-boxes-card__boxes__box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .dashboard-page .dashboard-page__container__left-column .tasks-dashboard-card {
    width: 30.1875rem;
  }
  .dashboard-page .dashboard-page__container__right-column {
    max-width: 20rem;
  }
}
@media only screen and (min-width: 1366px) {
  .dashboard-page .dashboard-page__container__left-column {
    max-width: 50rem;
  }
  .dashboard-page .dashboard-page__container__left-column .clients-dashboard-card {
    width: 15.4375rem;
  }
  .dashboard-page .dashboard-page__container__left-column .tasks-dashboard-card {
    width: 32.3125rem;
  }
  .dashboard-page .dashboard-page__container__right-column {
    max-width: 21.25rem;
  }
}

.workflow-page {
  position: relative;
  width: 100%;
  overflow-y: auto;
}
.workflow-page > div {
  transition: 0.2s ease;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: calc(1074px + 5%);
  width: 100%;
  padding: 48px 2.5%;
}
.workflow-page .workflow-page__form__header {
  margin-bottom: 60px;
}
.workflow-page .workflow-page__form__header .error-message {
  margin-top: 20px;
}
.workflow-page .workflow-page__form__header__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.workflow-page .workflow-page__form__header__container > div {
  max-width: 875px;
  width: 100%;
  margin-right: 20px;
}
.workflow-page .workflow-page__form__header__container > button {
  align-self: flex-end;
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  .workflow-page .workflow-page__form__header__container {
    flex-direction: row;
  }
  .workflow-page .workflow-page__form__header__container > button {
    margin-top: 0;
  }
}
.workflow-page .workflow-page__form__actions {
  display: flex;
  justify-content: center;
}

.task-action-form .dropdown-selection__option {
  max-width: 100%;
}
.task-action-form__header {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(127, 143, 164, 0.2);
}
.task-action-form__header__due-date-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.task-action-form__header__due-date-row__icon-wrapper {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(81, 97, 115, 0.3);
  margin-right: 8px;
  flex: none;
  border-radius: 50%;
}
.task-action-form__header__due-date-row__icon-wrapper > svg {
  color: #fff;
}
.task-action-form__header__due-date-row__icon-wrapper--active {
  background-color: rgba(77, 112, 255, 0.08);
}
.task-action-form__header__due-date-row__icon-wrapper--active > svg {
  color: #4d70ff;
}
.task-action-form__header__due-date-row > span {
  color: #1F2027;
  font-size: 16px;
  line-height: 18px;
}
.task-action-form__header__due-date-row .form-new__field {
  width: 44px;
  margin: 0 8px;
}
.task-action-form__header__due-date-row .form-new__field input {
  text-align: center;
}
.task-action-form__body__submit-button {
  margin-top: 30px;
  width: 100px;
}

.workflow-templates-table thead tr th:last-child {
  width: 50px;
}
.workflow-templates-table thead tr th:nth-child(2) {
  width: 300px;
}
.workflow-templates-table thead tr th:nth-child(3) {
  width: 200px;
}
.workflow-templates-table__row__delete-icon {
  color: #4d70ff;
  cursor: pointer;
}
.workflow-templates-table__row__name {
  cursor: pointer;
  transition: 0.2s ease;
  font-weight: 600;
}
.workflow-templates-table__row__name:hover {
  color: #4d70ff;
}

.workflows-page {
  position: relative;
  width: 100%;
  overflow-y: auto;
}
.workflows-page > div {
  transition: 0.2s ease;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: calc(1074px + 5%);
  width: 100%;
  padding: 48px 2.5%;
}
.workflows-page__new-workflow-button {
  margin-bottom: 32px;
  float: right;
}

.global-create-button {
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  margin: 0;
  padding: 0;
  height: 100%;
}
.global-create-button > .button-new {
  border-radius: 0;
  height: 100%;
  width: 100%;
}
.global-create-button__list {
  padding: 0;
}
.global-create-button__list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.global-create-button__list__item > svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
}
.global-create-button__list__item__activity-log-button {
  background: transparent;
  color: #1F2027;
  padding: 0;
  font-weight: 400;
}
.global-create-button__list__item__activity-log-button > svg {
  margin: 0;
}
.global-create-button__list__item__activity-log-button:hover {
  background-color: transparent !important;
  color: #1F2027;
}
.global-create-button__list__item__toggle-icon {
  transform: translate(-150%, -50%) rotate(0deg);
  transition: 0.3s ease;
  position: absolute;
  right: 0;
  top: 50%;
  color: #4d70ff;
  opacity: 1 !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.global-create-button__list__item__toggle-icon--toggled {
  transform: translate(-150%, -50%) rotate(90deg);
}
.global-create-button__list__item__toggle-icon--toggler {
  background-color: #f8f9fc;
}
.global-create-button__list__item--no-icon-layout {
  padding-left: 2.5rem;
}
.global-create-button__list__toggled-section {
  background-color: #EFF1F7;
  height: 0;
  overflow: hidden;
}
.global-create-button__list__toggled-section--toggled {
  height: auto;
}
.global-create-button__content {
  width: auto !important;
}
@media only screen and (min-width: 576px) {
  .global-create-button {
    width: 7rem;
  }
}
@media only screen and (min-width: 768px) {
  .global-create-button {
    padding: 0;
    height: 100%;
    width: auto;
  }
}

.awaiting-subscription-banner {
  color: #f7bf47;
  cursor: pointer;
}
.secure-section {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.secure-section__warning-banner a {
  color: #f7bf47;
}
.secure-section__warning-banner a:hover {
  color: #e7a10a;
}
.secure-section__content {
  display: flex;
  flex: 1 0 auto;
}
.main-nav {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .main-nav {
    display: flex;
  }
}

.page-not-found {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.html-preview {
  border: none;
  margin: 0;
}

.attachment-list__file-wrapper {
  padding-bottom: 0.75rem;
}
.attachment-list__file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.attachment-list__file__info {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.attachment-list__file__info svg {
  flex: none;
  width: 1.5rem;
  height: 1.6875rem;
}
.attachment-list__file__info .spinner-wrapper {
  width: 1.5rem;
  height: 1.6875rem;
}
.attachment-list__file__info__error-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.attachment-list__file__info__file-name {
  font-size: 0.875rem;
  color: #1F2027;
  padding: 0 0.375rem;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.attachment-list__file__info__file-name--uploading {
  opacity: 0.4;
}
.attachment-list__file__actions-menu {
  color: #4d70ff;
}
.attachment-list__file__actions-menu .dropdown__content {
  width: auto;
  z-index: 50;
}
.attachment-list__file__buttons {
  display: flex;
  align-items: center;
  color: #4d70ff;
}
.attachment-list__file__buttons__retry {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  margin-right: 0.625rem;
}
.attachment-list__file__buttons__remove {
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
}
@media only screen and (min-width: 576px) {
  .attachment-list .file-upload-error-msg {
    margin-left: 1.6875rem;
  }
}

.integration-badge {
  align-self: center;
  padding: 0 0.875rem;
  border-radius: 1.125rem;
}

.pagination__container {
  display: flex;
  font-weight: 400;
  font-size: 1rem;
  gap: 1rem;
  list-style: none;
  align-items: center;
  justify-content: center;
  color: #1F2027;
  padding: 0;
}
.pagination__activeClassName {
  color: #4159FF;
}
.pagination__pageClassName {
  cursor: pointer;
  display: none;
  color: #1F2027;
}
@media only screen and (min-width: 768px) {
  .pagination__pageClassName {
    display: block;
  }
}
.pagination .button-class {
  border-radius: 0.25rem;
  opacity: 0.8;
  line-height: 1.375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.pagination .button-class span {
  font-size: 1.25rem;
  font-weight: 400;
}
.pagination__previousClassName {
  border-radius: 0.25rem;
  opacity: 0.8;
  line-height: 1.375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: #1F2027;
  border: 1px solid #1F2027;
  margin-right: 0.5rem;
}
.pagination__previousClassName span {
  font-size: 1.25rem;
  font-weight: 400;
}
.pagination__nextClassName {
  border-radius: 0.25rem;
  opacity: 0.8;
  line-height: 1.375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: #4159FF;
  border: 1px solid #4159FF;
  margin-left: 0.5rem;
}
.pagination__nextClassName span {
  font-size: 1.25rem;
  font-weight: 400;
}
.pagination__disabledClassName {
  cursor: not-allowed;
  opacity: 0.5;
}
.pagination__breakLinkClassName {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .pagination__breakLinkClassName {
    display: block !important;
  }
}
.pagination__pagination_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 1.2rem;
  font-weight: 600;
  user-select: none;
}
.pagination__pagination_label > span {
  font-weight: 600;
}
.pagination__pagination_label__svg > svg {
  width: 1.3rem;
  height: 1.3rem;
}
.pagination__pageLinkClassName {
  opacity: 0.8;
}

.task-card {
  padding: 0.875rem;
  background: #fff;
  border: 1px solid #fff;
  border-bottom: 1px solid rgba(81, 97, 115, 0.2);
  margin-bottom: 0.375rem;
  cursor: pointer;
  position: relative;
  top: auto !important;
  left: auto !important;
}
@media only screen and (min-width: 992px) {
  .task-card {
    max-width: 19.625rem;
  }
}
.task-card__date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.task-card__date span {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1F2027;
  opacity: 0.5;
  font-weight: 600;
}
.task-card__summary {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  color: #000;
  padding-top: 0.375rem;
  cursor: pointer;
  overflow: hidden;
  white-space: wrap;
}
.task-card__workflow_and_client {
  margin-top: 0.875rem;
}
.task-card__workflow_and_client .text {
  padding: 0 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.task-card__workflow_and_client__workflow {
  border-radius: 1.125rem;
  background-color: rgba(77, 112, 255, 0.1);
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
}
.task-card__workflow_and_client__workflow span {
  padding: 0 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  display: block;
  color: #516173;
}
.task-card__workflow_and_client__client {
  border-radius: 1.125rem;
  width: fit-content;
  background: #f7bf47;
  margin-top: 0.375rem;
  overflow: hidden;
}
.task-card__workflow_and_client__client span {
  padding: 0 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  display: block;
  color: #fff;
  text-transform: capitalize;
}
.task-card__footer-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.625rem;
}
.task-card__footer-icons__document {
  display: flex;
  column-gap: 0.75rem;
  align-items: center;
}
.task-card__footer-icons__document__task-icon > svg {
  width: 1.25rem;
  height: 1.25rem;
  height: auto;
  display: block;
  color: rgba(81, 97, 115, 0.5);
}
.task-card__footer-icons__document__sub-task {
  display: flex;
  align-items: center;
}
.task-card__footer-icons__document__sub-task__icon {
  color: #9fa2b0;
  transition: 0.3s ease;
  width: 1.25rem;
  height: 1.25rem;
}
.task-card__footer-icons__document__sub-task span {
  font-size: 1rem;
  color: rgba(31, 32, 39, 0.7);
}
.task-card__footer-icons__document__secure {
  display: flex;
  align-items: center;
  padding-bottom: 0.1rem;
}
.task-card__footer-icons__document__secure__icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #9fa2b0;
}

.form-new__group__label {
  color: #1F2027;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
.form-new__group .form__divider {
  margin-top: 10px;
  margin-bottom: 20px;
}

.form-new__field {
  display: flex;
  flex-direction: column;
}
.form-new__field:not(:last-of-type) {
  margin-bottom: 20px;
}
.form-new__field > label {
  color: #1F2027;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.57;
  margin-bottom: 4px;
}
.form-new__field--error input[type='date'].input-new,
.form-new__field--error input[type='datetime-local'].input-new,
.form-new__field--error input[type='email'].input-new,
.form-new__field--error input[type='file'].input-new,
.form-new__field--error input[type='number'].input-new,
.form-new__field--error input[type='password'].input-new,
.form-new__field--error input[type='search'].input-new,
.form-new__field--error input[type='tel'].input-new,
.form-new__field--error input[type='text'].input-new,
.form-new__field--error input[type='time'].input-new,
.form-new__field--error input[type='url'].input-new,
.form-new__field--error .ui.selection.dropdown.select-input,
.form-new__field--error .ui.input input[type='text'],
.form-new__field--error textarea[class='text-input'],
.form-new__field--error textarea,
.form-new__field--error .dropdown-selection__control {
  background-color: #fff6f6;
  color: #ec2a2a;
  width: 100%;
}
.form-new__field--error input[type='date'].input-new,
.form-new__field--error input[type='datetime-local'].input-new,
.form-new__field--error input[type='email'].input-new,
.form-new__field--error input[type='file'].input-new,
.form-new__field--error input[type='number'].input-new,
.form-new__field--error input[type='password'].input-new,
.form-new__field--error input[type='search'].input-new,
.form-new__field--error input[type='tel'].input-new,
.form-new__field--error input[type='text'].input-new,
.form-new__field--error input[type='time'].input-new,
.form-new__field--error input[type='url'].input-new,
.form-new__field--error .ui.selection.dropdown.select-input,
.form-new__field--error .ui.input input[type='text'],
.form-new__field--error textarea[class='text-input'],
.form-new__field--error textarea,
.form-new__field--error .dropdown-selection__control,
.form-new__field--error input[type='date'].input-new:focus,
.form-new__field--error input[type='datetime-local'].input-new:focus,
.form-new__field--error input[type='email'].input-new:focus,
.form-new__field--error input[type='file'].input-new:focus,
.form-new__field--error input[type='number'].input-new:focus,
.form-new__field--error input[type='password'].input-new:focus,
.form-new__field--error input[type='search'].input-new:focus,
.form-new__field--error input[type='tel'].input-new:focus,
.form-new__field--error input[type='text'].input-new:focus,
.form-new__field--error input[type='time'].input-new:focus,
.form-new__field--error input[type='url'].input-new:focus,
.form-new__field--error .ui.selection.dropdown.select-input:focus,
.form-new__field--error .ui.input input[type='text']:focus,
.form-new__field--error textarea[class='text-input']:focus,
.form-new__field--error textarea:focus,
.form-new__field--error .dropdown-selection__control:focus {
  border-color: #ec2a2a !important;
}
.form-new__field--error .dropdown-selection__clear-indicator {
  background-color: #fff6f6;
}
.form-new__field--error > label {
  color: #ec2a2a !important;
}
.form-new__field--error svg {
  color: #ec2a2a !important;
}

.field-array-item {
  background-color: #eff0f5;
  border-radius: 4px;
}
.field-array-item__header {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(81, 97, 115, 0.15);
}
.field-array-item__header > span {
  opacity: 0.6;
  color: #1F2027;
  font-size: 16px;
  line-height: 20px;
}
.field-array-item__header > svg {
  color: #4d70ff;
  width: 25px;
  height: auto;
  cursor: pointer;
  flex: none;
}
.field-array-item__content {
  padding: 20px;
  padding-bottom: 26px;
}
.field-array-item--disabled .field-array-item__header svg {
  color: rgba(0, 0, 0, 0.2);
}

.user-form .heading {
  margin-bottom: 8px;
}
.user-form .login-form__link {
  display: block;
  color: #269AF3;
}
.user-form .login-form__login-button {
  width: 50%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.user-form .login-form .form-section {
  margin-top: 20px;
  margin-bottom: 12px;
}

.hidden {
  display: none;
}
.field.error label {
  color: #ec2a2a;
}
.field.error .icon-wrapper input {
  border-color: #ec2a2a;
  background-color: #fff6f6;
  color: #ec2a2a;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  /* Safari */
  /*
  user-select: none; /* Non-prefixed version, currently
                      supported by Chrome, Edge, Opera and Firefox */
}
.emphasize {
  font-weight: bold;
}
html,
body {
  height: 100%;
}
html {
  box-sizing: border-box;
}
body {
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
body.dimmed {
  overflow: hidden;
}
body h2 {
  font-size: 18px;
  line-height: 23px;
}
@media only screen and (min-width: 576px) {
  body h2 {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #BFC5CF;
    background-color: transparent;
  }
  ::-webkit-scrollbar:horizontal {
    background-color: transparent;
    height: 4px;
  }
  ::-webkit-scrollbar-track {
    background-color: #e2e7ee;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    background-color: #BFC5CF;
  }
}
@supports (-webkit-touch-callout: none) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #BFC5CF;
    background-color: transparent;
  }
  ::-webkit-scrollbar:horizontal {
    background-color: transparent;
    height: 4px;
  }
  ::-webkit-scrollbar-track {
    background-color: #e2e7ee;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
    background-color: #BFC5CF;
  }
}
/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0;
}
/*******************************
             Text
*******************************/
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
/* -------------------
        Links
-------------------- */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/* Border-Box */
*,
*::before,
*::after {
  box-sizing: inherit;
}
/* iPad Input Shadows */
input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'] {
  appearance: none;
  /* mobile firefox too! */
}
#root {
  height: 100%;
}


/*# sourceMappingURL=main.08ce8ca9.css.map*/