.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 30px;
  left: 30px;
  width: 900px; }

#noty_layout__topCenter {
  top: 0%;
  left: 50%;
  width: 900px; }

#noty_layout__topRight {
  top: 30px;
  right: 30px;
  width: 900px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 30px;
  left: 30px;
  width: 900px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 900px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 30px;
  right: 30px;
  width: 900px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 900px;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 30px;
  width: 900px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 30px;
  width: 900px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translateY(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: 0.3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in 0.3s ease-out; }

.noty_modal.noty_modal_close {
  animation: noty_modal_out 0.3s ease-out;
  animation-fill-mode: forwards; }

@keyframes noty_modal_in {
  100% {
    opacity: 0.3; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translateY(50%);
    opacity: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  letter-spacing: 0.38px;
  border-radius: 0.28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 0.7em 1.5em 0.7em 1em;
    line-height: 1.5em; }
    .noty_theme__semanticui.noty_bar .noty_body .message-text {
      padding-right: 20px; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__light.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__light.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__light.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__light.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__light.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__light.noty_type__error {
  background-color: #ED7000;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__light.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__light.noty_type__info .noty_buttons,
  .noty_theme__light.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__light.noty_type__success {
  background-color: #57C880;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__light.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.ellipsify, .d3-menu .menu-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-menu {
  display: inline-block;
  border-spacing: 0px;
  vertical-align: top;
  border: 1px solid #cacaca;
  border-bottom: none; }
  .d3-menu .menu-item {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #cacaca;
    max-width: 500px;
    min-width: 100px;
    height: 35px;
    padding: 5px 40px;
    text-align: center; }
    .d3-menu .menu-item:hover {
      color: #0d60a6;
      background: #e5e8ea; }
    .d3-menu .menu-item.selected {
      font-weight: 500;
      font-color: #0d60a6;
      background: #e5e8ea; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.tooltip-content .heading {
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 16px; }

.tooltip-content .description {
  font-size: 16px;
  line-height: 24px; }

.tooltip-content .steps-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px; }
  .tooltip-content .steps-list .steps-list-item {
    flex: 1;
    background: #fafafa;
    border-radius: 8px;
    height: 240px;
    padding: 16px 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .tooltip-content .steps-list .steps-list-item .item-number {
      font-size: 15px;
      font-weight: 700;
      color: #4a4a4a;
      align-self: flex-start; }
    .tooltip-content .steps-list .steps-list-item img {
      width: 105px;
      margin-bottom: 12px; }
    .tooltip-content .steps-list .steps-list-item .item-label {
      font-weight: 300;
      font-size: 12px;
      line-height: 12px;
      text-align: center;
      color: #343334; }

.tooltip-content .bottom-text {
  text-align: right; }
  .tooltip-content .bottom-text .custom-button.account-setup-u {
    padding: 0 !important;
    margin-left: 5px;
    color: white; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.advanced-options .autocomplete-search .d3-input input {
  margin: 0; }

.advanced-options .warning-wrap {
  margin-bottom: 15px; }
  .advanced-options .warning-wrap .warning-text {
    margin: 0; }

.advanced-options-toggle {
  display: flex;
  align-items: center;
  color: #313d98;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px; }
  .advanced-options-toggle .toggle {
    margin-left: 8px; }

.advanced-options .advanced-settings-label {
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px; }

.advanced-options .advanced-settings-checkbox .checkbox {
  margin-bottom: 10px; }

.advanced-options .advanced-settings-checkbox .label {
  color: #343334;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize; }

.advanced-options .advanced-settings-checkbox .input-wrap {
  margin-left: 22px; }
  .advanced-options .advanced-settings-checkbox .input-wrap .d3-input.age-input {
    margin: 0 !important; }

.advanced-options .advanced-settings .age-input {
  display: inline-block;
  width: 75px; }

.advanced-options .advanced-settings .age-divider {
  margin: 0 10px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-dropdown {
  position: relative;
  outline: none;
  background: white;
  color: black;
  height: 40px; }
  .d3-dropdown .dropdown-item, .d3-dropdown .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown .d3-dropdown li,
  .d3-dropdown .dropbar {
    min-height: 38px;
    padding: 8px 15px; }
  .d3-dropdown:not(.d3-selector) .dropdown-item, .d3-dropdown:not(.d3-selector) .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown .d3-dropdown:not(.d3-selector) li {
    display: flex;
    align-items: center; }
  .d3-dropdown .dropdown-item, .d3-dropdown .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown .d3-dropdown li {
    background: #fafbfb;
    border-radius: 2px; }
  .d3-dropdown .dropdown-item.selected, .d3-dropdown .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li.selected, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown .d3-dropdown li.selected {
    color: #000000; }
  .d3-dropdown .dropbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: space-between; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar,
  .d3-dropdown.open .menu {
    border: 1px solid transparent;
    background: #fafbfb;
    color: #666666; }
  .d3-dropdown .fas.fa-angle-down,
  .d3-dropdown .fas.fa-angle-up {
    color: #313d98;
    margin-left: 20px;
    text-align: right; }
  .d3-dropdown .menu {
    width: 100%;
    z-index: 100;
    background: inherit;
    position: absolute;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; }
  .d3-dropdown.open .menu {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
    margin-top: 3px;
    opacity: 1;
    transform: scaleY(1);
    padding: 4px;
    border-top: none;
    display: block;
    transition: transform 0.1s ease-out;
    max-height: 350px;
    overflow: auto;
    border-radius: 2px; }
  .d3-dropdown.open .dropbar {
    border-bottom: 1px solid transparent;
    border-radius: 3px; }
  .d3-dropdown.disabled .dropbar {
    background: #dedede;
    opacity: 0.5; }
    .d3-dropdown.disabled .dropbar i {
      color: transparent; }
  .d3-dropdown .notes {
    margin-top: 6px; }

.d3-dropdown:not(.disabled):hover .dropbar {
  background: #cff0fd; }

.d3-dropdown:not(.disabled).has-error .dropbar {
  border-color: #cb2d2d;
  color: #cb2d2d;
  background: #fdf7f6; }

.d3-dropdown:not(.disabled) .dropbar {
  background: #e7f8fe;
  cursor: pointer; }

.d3-dropdown:not(.disabled) .dropdown-item:hover, .d3-dropdown:not(.disabled) .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li:hover, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown .d3-dropdown:not(.disabled) li:hover {
  background: #e4edf4; }

.autocomplete-group-search {
  position: relative; }
  .autocomplete-group-search div.checkbox div.check {
    height: 20px;
    width: 20px; }
    .autocomplete-group-search div.checkbox div.check.checked::after {
      font-size: 20px; }
  .autocomplete-group-search ul {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0px;
    border: 6px solid #e7f8fe;
    border-top: none;
    max-height: 300px;
    overflow-y: auto; }
    .autocomplete-group-search ul .group-radio > div,
    .autocomplete-group-search ul .group-checkbox > div {
      margin: 0;
      padding: 10px 0 10px 5px; }
    .autocomplete-group-search ul .group-items-list li > div {
      margin: 0;
      padding: 10px 0 10px 15px; }
    .autocomplete-group-search ul > li {
      cursor: pointer; }
      .autocomplete-group-search ul > li:hover, .autocomplete-group-search ul > li:focus-within {
        background: #cff0fd; }
        .autocomplete-group-search ul > li:hover div.check, .autocomplete-group-search ul > li:focus-within div.check {
          background: white; }
      .autocomplete-group-search ul > li.tree-level-2 {
        margin-left: 26px; }
      .autocomplete-group-search ul > li.tree-level-3 {
        margin-left: 42px; }
      .autocomplete-group-search ul > li.tree-level-4 {
        margin-left: 58px; }
    .autocomplete-group-search ul > li.radio:hover, .autocomplete-group-search ul > li.radio:focus-within {
      background: white; }
    .autocomplete-group-search ul .d3-radio:hover, .autocomplete-group-search ul .d3-radio:focus-within {
      background: #cff0fd; }
    .autocomplete-group-search ul.autocomplete-group-search.is-dropdown {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
      background: #fafbfb;
      border: none;
      border-radius: 2px;
      margin-top: 3px; }
      .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li {
        margin: 4px;
        color: #666666;
        font-size: inherit; }
        .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li:hover, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li:focus-within {
          background: #e4edf4; }
      .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li.radio:hover, .autocomplete-group-search ul.autocomplete-group-search.is-dropdown li.radio:focus-within {
        background: white; }
    .autocomplete-group-search ul .group-items-list {
      border: none; }
  .autocomplete-group-search ul.hidden {
    max-height: 0px;
    padding: 0;
    border: none; }
  .autocomplete-group-search ul,
  .autocomplete-group-search ul.hidden {
    transition: max-height 0.3s ease-in;
    background: white; }
  .autocomplete-group-search .list-item.no-matching {
    padding: 10px; }
  .autocomplete-group-search .list-item .checkbox {
    outline: none; }
    .autocomplete-group-search .list-item .checkbox .check {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
      .autocomplete-group-search .list-item .checkbox .check:after {
        top: 0px;
        font-size: 18px; }
    .autocomplete-group-search .list-item .checkbox .label {
      cursor: pointer;
      font-size: inherit; }
  .autocomplete-group-search li.hidden {
    display: none; }
  .autocomplete-group-search i.fas.fa-search,
  .autocomplete-group-search i.fas.fa-caret-up,
  .autocomplete-group-search i.fas.fa-caret-down {
    position: absolute;
    z-index: 3;
    right: 10px; }
  .autocomplete-group-search i.fas.fa-search {
    top: 9px;
    font-size: 22px;
    color: #0d60a6; }
  .autocomplete-group-search i.fas.fa-caret-up,
  .autocomplete-group-search i.fas.fa-caret-down {
    top: 18px;
    color: #545454; }
  .autocomplete-group-search .d3-input,
  .autocomplete-group-search .d3-input input {
    width: 100%; }
  .autocomplete-group-search .d3-radio {
    margin: 0; }
  .autocomplete-group-search .d3-input {
    margin: 0px; }
    .autocomplete-group-search .d3-input input {
      margin-top: 0;
      margin-bottom: -1px;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 32px; }
  .autocomplete-group-search .pre-input-content {
    display: flex;
    flex-wrap: wrap;
    min-height: 40px; }
    .autocomplete-group-search .pre-input-content .d3-input {
      display: inline-flex;
      flex-grow: 1;
      min-width: 0;
      width: inherit;
      height: 33px; }
      .autocomplete-group-search .pre-input-content .d3-input input {
        min-height: 33px;
        height: 33px;
        padding: 0 !important; }
    .autocomplete-group-search .pre-input-content span {
      display: inline-block; }
    .autocomplete-group-search .pre-input-content.formula-content {
      padding: 6px; }
    .autocomplete-group-search .pre-input-content.autocomplete-tags {
      padding: 6px 24px 6px 6px; }
      .autocomplete-group-search .pre-input-content.autocomplete-tags .flexed {
        background: #e5e8ea;
        border-radius: 3px;
        padding: 6px 8px;
        margin: 0 6px 6px 0; }
        .autocomplete-group-search .pre-input-content.autocomplete-tags .flexed span {
          display: inline-block;
          max-width: 700px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .autocomplete-group-search .pre-input-content.autocomplete-tags .flexed .tag-x {
          margin-left: 10px;
          display: flex; }
          .autocomplete-group-search .pre-input-content.autocomplete-tags .flexed .tag-x svg {
            height: 14px;
            fill: #767676; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-dropdown {
  position: relative;
  outline: none;
  background: white;
  color: black;
  height: 40px; }
  .d3-dropdown .dropdown-item, .d3-dropdown .autocomplete-search ul.autocomplete-list.is-dropdown li, .autocomplete-search ul.autocomplete-list.is-dropdown .d3-dropdown li,
  .d3-dropdown .dropbar {
    min-height: 38px;
    padding: 8px 15px; }
  .d3-dropdown:not(.d3-selector) .dropdown-item, .d3-dropdown:not(.d3-selector) .autocomplete-search ul.autocomplete-list.is-dropdown li, .autocomplete-search ul.autocomplete-list.is-dropdown .d3-dropdown:not(.d3-selector) li {
    display: flex;
    align-items: center; }
  .d3-dropdown .dropdown-item, .d3-dropdown .autocomplete-search ul.autocomplete-list.is-dropdown li, .autocomplete-search ul.autocomplete-list.is-dropdown .d3-dropdown li {
    background: #fafbfb;
    border-radius: 2px; }
  .d3-dropdown .dropdown-item.selected, .d3-dropdown .autocomplete-search ul.autocomplete-list.is-dropdown li.selected, .autocomplete-search ul.autocomplete-list.is-dropdown .d3-dropdown li.selected {
    color: #000000; }
  .d3-dropdown .dropbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: space-between; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar,
  .d3-dropdown.open .menu {
    border: 1px solid transparent;
    background: #fafbfb;
    color: #666666; }
  .d3-dropdown .fas.fa-angle-down,
  .d3-dropdown .fas.fa-angle-up {
    color: #313d98;
    margin-left: 20px;
    text-align: right; }
  .d3-dropdown .menu {
    width: 100%;
    z-index: 100;
    background: inherit;
    position: absolute;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; }
  .d3-dropdown.open .menu {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
    margin-top: 3px;
    opacity: 1;
    transform: scaleY(1);
    padding: 4px;
    border-top: none;
    display: block;
    transition: transform 0.1s ease-out;
    max-height: 350px;
    overflow: auto;
    border-radius: 2px; }
  .d3-dropdown.open .dropbar {
    border-bottom: 1px solid transparent;
    border-radius: 3px; }
  .d3-dropdown.disabled .dropbar {
    background: #dedede;
    opacity: 0.5; }
    .d3-dropdown.disabled .dropbar i {
      color: transparent; }
  .d3-dropdown .notes {
    margin-top: 6px; }

.d3-dropdown:not(.disabled):hover .dropbar {
  background: #cff0fd; }

.d3-dropdown:not(.disabled).has-error .dropbar {
  border-color: #cb2d2d;
  color: #cb2d2d;
  background: #fdf7f6; }

.d3-dropdown:not(.disabled) .dropbar {
  background: #e7f8fe;
  cursor: pointer; }

.d3-dropdown:not(.disabled) .dropdown-item:hover, .d3-dropdown:not(.disabled) .autocomplete-search ul.autocomplete-list.is-dropdown li:hover, .autocomplete-search ul.autocomplete-list.is-dropdown .d3-dropdown:not(.disabled) li:hover {
  background: #e4edf4; }

.autocomplete-search {
  position: relative; }
  .autocomplete-search.is-dropdown input {
    height: 50px; }
  .autocomplete-search .d3-loader-container {
    position: absolute;
    top: 0; }
  .autocomplete-search ul {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0px;
    margin-bottom: 10px;
    border: 6px solid #e7f8fe;
    border-top: none;
    max-height: 300px;
    overflow-y: auto; }
    .autocomplete-search ul li {
      cursor: pointer; }
      .autocomplete-search ul li:hover {
        background: #cff0fd; }
        .autocomplete-search ul li:hover div.check {
          background: white; }
      .autocomplete-search ul li.tree-level-2 {
        margin-left: 26px; }
      .autocomplete-search ul li.tree-level-3 {
        margin-left: 42px; }
      .autocomplete-search ul li.tree-level-4 {
        margin-left: 58px; }
    .autocomplete-search ul.autocomplete-list.is-dropdown {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
      background: #fafbfb;
      border: none;
      border-radius: 2px;
      margin-top: 3px; }
      .autocomplete-search ul.autocomplete-list.is-dropdown li {
        margin: 4px;
        color: #666666;
        font-size: inherit; }
        .autocomplete-search ul.autocomplete-list.is-dropdown li:hover, .autocomplete-search ul.autocomplete-list.is-dropdown li:focus-within {
          background: #e4edf4; }
  .autocomplete-search ul.hidden {
    max-height: 0px;
    padding: 0;
    border: none; }
  .autocomplete-search ul,
  .autocomplete-search ul.hidden {
    transition: max-height 0.3s ease-in;
    background: white; }
  .autocomplete-search .list-item.no-matching,
  .autocomplete-search .list-item .checkbox {
    padding: 10px; }
  .autocomplete-search .list-item .checkbox {
    display: flex;
    outline: none; }
    .autocomplete-search .list-item .checkbox .check {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
      .autocomplete-search .list-item .checkbox .check:after {
        top: 0px;
        font-size: 18px; }
    .autocomplete-search .list-item .checkbox .label {
      cursor: pointer;
      font-size: inherit;
      max-width: calc(100% - 30px);
      overflow: hidden;
      text-overflow: ellipsis; }
  .autocomplete-search li.hidden {
    display: none; }
  .autocomplete-search i.fas.fa-search,
  .autocomplete-search i.fas.fa-caret-up,
  .autocomplete-search i.fas.fa-caret-down {
    position: absolute;
    z-index: 3; }
  .autocomplete-search i.fas.fa-search {
    right: 10px; }
  .autocomplete-search i.fas.fa-caret-up,
  .autocomplete-search i.fas.fa-caret-down {
    right: 16px; }
  .autocomplete-search i.fas.fa-search {
    top: 6px;
    font-size: 25px;
    color: #0d60a6; }
  .autocomplete-search i.fas.fa-caret-up,
  .autocomplete-search i.fas.fa-caret-down {
    top: 18px;
    color: #545454; }
  .autocomplete-search .d3-input,
  .autocomplete-search .d3-input input {
    width: 100%; }
  .autocomplete-search .d3-input {
    margin: 0px; }
    .autocomplete-search .d3-input input {
      margin-top: 0;
      margin-bottom: -1px;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 32px; }
  .autocomplete-search .pre-input-content {
    display: flex;
    flex-wrap: wrap;
    min-height: 40px; }
    .autocomplete-search .pre-input-content .d3-input {
      display: inline-flex;
      flex-grow: 1;
      min-width: 0;
      width: inherit;
      height: 33px; }
      .autocomplete-search .pre-input-content .d3-input input {
        min-height: 33px;
        height: 33px;
        padding: 0 !important; }
    .autocomplete-search .pre-input-content span {
      display: inline-block; }
    .autocomplete-search .pre-input-content.formula-content {
      padding: 6px; }
    .autocomplete-search .pre-input-content.autocomplete-tags {
      padding: 6px 24px 6px 6px; }
      .autocomplete-search .pre-input-content.autocomplete-tags .flexed {
        background: #e5e8ea;
        border-radius: 3px;
        padding: 6px 8px;
        margin: 0 6px 6px 0; }
        .autocomplete-search .pre-input-content.autocomplete-tags .flexed span {
          display: inline-block;
          max-width: 260px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .autocomplete-search .pre-input-content.autocomplete-tags .flexed .tag-x {
          margin-left: 10px;
          display: flex; }
          .autocomplete-search .pre-input-content.autocomplete-tags .flexed .tag-x svg {
            height: 14px;
            fill: #767676; }
  .autocomplete-search .autocomplete-item-text {
    padding: 8px 12px;
    cursor: pointer;
    background-color: white; }
    .autocomplete-search .autocomplete-item-text:hover {
      background-color: #cff0fd; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .custom-button.light {
  border-radius: 3px; }
  .border-radius.two, .two.custom-button.light {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .three.custom-button.light {
    border-radius: 3px; }
  .border-radius.four, .four.custom-button.light {
    border-radius: 4px; }
  .border-radius.five, .five.custom-button.light {
    border-radius: 5px; }
  .border-radius.eight, .eight.custom-button.light {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .custom-button.light {
  border-radius: 3px; }
  .border-radius.larger, .larger.custom-button.light {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

a:focus,
.custom-button:focus {
  outline: 1.8px solid #107bd5; }

a.custom-button:hover {
  color: white; }

.custom-button {
  cursor: pointer;
  border-radius: 4px;
  padding: 7px 20px;
  margin: 12.5px;
  background: #313d98;
  color: white;
  font-size: 16px;
  font-weight: 400;
  border: none;
  outline: none;
  line-height: 1.5;
  letter-spacing: 0.38px;
  vertical-align: middle; }
  .custom-button .fa-check {
    position: absolute;
    color: #313d98; }
  .custom-button.noStyling {
    background: inherit;
    border: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    color: inherit;
    font-size: inherit;
    padding: 0;
    margin: 0; }
    .custom-button.noStyling:hover, .custom-button.noStyling:focus-within {
      background: inherit; }
  .custom-button.no-margin {
    margin: 0px; }
  .custom-button:hover {
    background: #202865; }
  .custom-button:active, .custom-button.active, .custom-button.selected {
    text-shadow: 0px 0px 0.24px white;
    background: #151a41;
    outline: none; }
  .custom-button:disabled, .custom-button.disabled {
    opacity: 0.3;
    pointer-events: none; }
  .custom-button.disabled-invisible {
    pointer-events: none; }
  .custom-button i {
    margin-right: 10px; }
    .custom-button i:disabled {
      color: #899199;
      cursor: not-allowed; }
    .custom-button i.after-text {
      margin-left: 10px;
      margin-right: 0px; }
    .custom-button i.icon-after {
      margin-right: 0; }
  .custom-button.light {
    background: white;
    border: 1.8px solid #e8eaed;
    color: #343334;
    outline: none; }
    .custom-button.light .fa,
    .custom-button.light .fas,
    .custom-button.light .far {
      color: #9e9e9e; }
    .custom-button.light:active, .custom-button.light:hover, .custom-button.light:focus {
      background-color: #f9f9ff; }
      .custom-button.light:active .fa,
      .custom-button.light:active .fas,
      .custom-button.light:active .far, .custom-button.light:hover .fa,
      .custom-button.light:hover .fas,
      .custom-button.light:hover .far, .custom-button.light:focus .fa,
      .custom-button.light:focus .fas,
      .custom-button.light:focus .far {
        color: #313d98; }
    .custom-button.light:active {
      border-color: #323869;
      outline: none; }
    .custom-button.light:hover:not(:active) {
      border-color: #dee0f0;
      color: #313d98; }
    .custom-button.light:disabled {
      opacity: 1;
      background-color: #ededed;
      border-color: #ededed;
      color: #7b7a7b !important; }
  .custom-button.grey, .custom-button.circle {
    color: #313d98;
    border: 1px solid #313a9f;
    padding: 6px 20px;
    background: #f9f9ff; }
    .custom-button.grey:hover, .custom-button.circle:hover {
      color: #343334;
      border-color: #343334; }
    .custom-button.grey:active,
    .custom-button.grey.selected .custom-button.grey.active, .custom-button.circle:active,
    .custom-button.circle.selected .custom-button.grey.active,
    .custom-button.grey.selected .custom-button.circle.active,
    .custom-button.circle.selected .custom-button.circle.active {
      text-shadow: 0px 0px 0.24px #343334;
      color: #343334;
      border-color: #343334;
      outline: none; }
  .custom-button.red {
    color: white;
    background: #cb2d2d; }
    .custom-button.red:active,
    .custom-button.red.selected .custom-button.red.active {
      text-shadow: 0px 0px 0.24px #cb2d2d;
      color: white;
      outline: none; }
    .custom-button.red:focus {
      outline: none; }
    .custom-button.red:hover {
      background: #aa2e2e; }
  .custom-button.redSecondary {
    color: #cb2d2d;
    border: 1px solid #cb2d2d;
    background: white; }
    .custom-button.redSecondary:active,
    .custom-button.redSecondary.selected .custom-button.redSecondary.active {
      text-shadow: 0px 0px 0.24px #cb2d2d;
      color: #cb2d2d;
      border: 1px solid #cb2d2d;
      outline: none; }
    .custom-button.redSecondary:focus {
      outline: none; }
  .custom-button.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 32px;
    padding: 0; }
    .custom-button.circle i {
      margin: 0;
      font-size: 20px; }
  .custom-button.no-padding {
    padding: 0px; }
  .custom-button.no-margin {
    margin: 0px; }
  .custom-button.box-button {
    border-radius: 0px; }
  .custom-button.square {
    border-radius: 3px; }
  .custom-button.link {
    background: transparent;
    box-shadow: none;
    padding: 0px;
    color: #313d98;
    letter-spacing: 0.05px;
    font-size: 16px; }
    .custom-button.link:hover {
      color: #151a41; }
      .custom-button.link:hover i {
        color: #151a41; }
    .custom-button.link:active,
    .custom-button.link.selected .custom-button.link.active {
      text-shadow: 0px 0px 0.24px #151a41; }
    .custom-button.link i,
    .custom-button.link svg.custom-icon,
    .custom-button.link .d3-loader-container {
      color: #525e67;
      margin-right: 16px;
      width: 24px; }
    .custom-button.link i.icon-after {
      margin-right: 0; }
  .custom-button .d3-loader-container {
    width: auto;
    height: 15px;
    margin-right: 6px;
    background-color: transparent; }
    .custom-button .d3-loader-container .loader {
      width: 15px;
      position: relative; }
  .custom-button.hasError {
    border-color: #cb2d2d !important;
    background: #fdf7f6; }
    .custom-button.hasError:hover {
      border-color: #cb2d2d !important;
      background: #fdf7f6; }
  .custom-button.is-link {
    text-decoration: none; }

.custom-button.loading {
  display: flex; }
  .custom-button.loading .d3-loader-container .loader {
    margin-top: 3px; }

.button-list {
  display: flex; }

.selected-button-list {
  position: fixed;
  z-index: 103;
  top: 0px;
  min-width: fit-content; }
  .selected-button-list .custom-button:first-child {
    margin-left: 0px; }
  .selected-button-list .custom-button {
    font-size: 18px;
    font-weight: 400;
    color: #313d98;
    border-radius: 1px;
    padding: 9px 15px 10px 15px;
    text-align: center;
    background: white;
    border-bottom: 1px solid #cacaca;
    box-shadow: none;
    letter-spacing: 0.38px;
    margin: 12px 6px 0px 0px; }
    .selected-button-list .custom-button:hover, .selected-button-list .custom-button.selected, .selected-button-list .custom-button:focus {
      border-width: 2px; }
    .selected-button-list .custom-button:hover, .selected-button-list .custom-button:focus {
      outline: none; }
      .selected-button-list .custom-button:hover:not(.selected), .selected-button-list .custom-button:focus:not(.selected) {
        padding-bottom: 9px;
        border-color: #313d98;
        color: #1c2358; }
    .selected-button-list .custom-button.selected {
      font-weight: 500;
      color: black;
      border-color: black; }

.format-list .custom-button {
  margin: 0px !important;
  border: 1px solid #313d98;
  border-left: none;
  color: #313d98;
  background: white;
  border-radius: 0px;
  padding: 10px 40px; }
  .format-list .custom-button.selected {
    background: #313d98;
    color: white; }
  .format-list .custom-button:first-child {
    border-left: 1px solid #313d98;
    border-radius: 8px 0 0 8px; }
  .format-list .custom-button:last-child {
    border-radius: 0 8px 8px 0; }
  .format-list .custom-button:only-child {
    border: 1px solid #313d98;
    border-radius: 8px; }

.flexed.side-button-list .custom-button:not(.popup-list-btn) {
  background: transparent;
  border-radius: 0;
  color: #313d98;
  margin: 0;
  padding: 11px;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #f4f5fc; }
  .flexed.side-button-list .custom-button:not(.popup-list-btn):hover, .flexed.side-button-list .custom-button:not(.popup-list-btn):focus-within {
    color: #1c2358; }

.flexed.side-button-list .popup-container {
  width: 100%; }
  .flexed.side-button-list .popup-container > .custom-button {
    border-bottom: none; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, div.checkbox div.check {
  border-radius: 3px; }
  .border-radius.two, div.checkbox div.two.check {
    border-radius: 2px; }
  .border-radius.three, .alert-note, div.checkbox div.three.check {
    border-radius: 3px; }
  .border-radius.four, div.checkbox div.four.check {
    border-radius: 4px; }
  .border-radius.five, div.checkbox div.five.check {
    border-radius: 5px; }
  .border-radius.eight, div.checkbox div.eight.check {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, div.checkbox div.check {
  border-radius: 3px; }
  .border-radius.larger, div.checkbox div.larger.check {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

div.checkbox,
div.toggle {
  cursor: pointer;
  outline: none; }
  div.checkbox.checked.checked .label,
  div.toggle.checked.checked .label {
    font-weight: 500; }

div.checkbox.disabled {
  filter: opacity(30%);
  cursor: default; }

div.checkbox div.check,
div.checkbox span.label {
  vertical-align: middle;
  display: inline-block; }

div.checkbox div.check {
  position: relative;
  height: 16px;
  width: 16px;
  background: white;
  border: 1px solid #b3b7d9;
  box-sizing: border-box;
  margin-right: 5px; }
  div.checkbox div.check:hover {
    cursor: pointer; }
  div.checkbox div.check.checked::after {
    bottom: 0px;
    color: #313d98;
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 900;
    left: 0px;
    letter-spacing: 0.28px;
    margin: auto;
    position: absolute;
    right: 0px;
    top: -1px; }
  div.checkbox div.check.disabled, div.checkbox div.check.disabled:hover {
    border-color: #cacbcd;
    cursor: default;
    pointer-events: none; }

div.checkbox.bubble div.check {
  border: none;
  background: #cff0fd; }
  div.checkbox.bubble div.check.checked {
    background: #313d98; }
    div.checkbox.bubble div.check.checked::after {
      color: white;
      font-size: 12px;
      left: 2px;
      top: 2px; }

div.toggle {
  display: inline-flex; }
  div.toggle.disabled {
    cursor: default; }
  div.toggle .check {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 20px; }
    div.toggle .check.disabled {
      pointer-events: none; }
  div.toggle input {
    display: none; }
  div.toggle span.label {
    margin-left: 10px; }
  div.toggle .round-slider {
    font-weight: 700;
    font-size: 8px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    background-color: #9b9b9b;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    div.toggle .round-slider .circle {
      border: 1px solid #f4f4f4;
      box-sizing: border-box;
      position: absolute;
      content: '';
      height: 20px;
      width: 20px;
      top: 0px;
      bottom: 0px;
      background-color: #e0e0e0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      border-radius: 50%; }
  div.toggle .check.checked .round-slider {
    background-color: #313d98;
    text-align: left; }
    div.toggle .check.checked .round-slider .circle {
      border-color: #b3b7d9;
      background-color: #f9f9ff; }
  div.toggle .check.checked .round-slider .circle {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px); }
  div.toggle .check.disabled .round-slider {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    div.toggle .check.disabled .round-slider .circle {
      box-shadow: none; }
  div.toggle .check.disabled.checked .round-slider {
    opacity: 0.5; }
  div.toggle .d3-loader-container {
    height: 20px;
    width: 40px; }

.d3-container {
  background: white;
  padding: 30px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.data-sent-box:before {
  content: '';
  left: 0px;
  top: 0px;
  display: block;
  width: 3px;
  height: 100%;
  position: absolute; }

.data-sent-box.no-active-data:before,
.data-sent-box.account-recovery:before {
  background: #e88d89; }

.data-sent-box.complete-account-setup:before {
  background: #eeb98c; }

.data-sent-box.confirm-occurence:before {
  background: #f26c29; }

.data-sent-box.no-passive-data:before {
  background: #f8b685; }

.data-sent-box.started:before {
  background: #d6eeeb; }

.data-sent-box.account-deletion-request:before {
  background: #e88d89; }

.data-sent-box.reshedule-request:before {
  background: #f26c29; }

.data-sent-box.idle-participant:before {
  background: #f26c29; }

.data-sent-box,
.box-button {
  vertical-align: middle;
  display: inline-block; }

.data-sent-box {
  cursor: pointer;
  position: relative;
  background: white;
  margin-right: 6px;
  padding: 4px 6px 6px; }
  .data-sent-box:last-cchild {
    margin-right: 0; }
  .data-sent-box:hover {
    background: #e5e8ea; }
  .data-sent-box.box-active {
    background-color: #eef6fc; }
  .data-sent-box .box-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 14px; }
    .data-sent-box .box-header .box-title {
      font-size: 14px;
      font-weight: 500;
      line-height: 14px;
      color: #4a4a4a;
      margin-right: 5px; }
    .data-sent-box .box-header .box-popup i {
      font-size: 12px; }
    .data-sent-box .box-header .box-popup .popup {
      padding: 8px;
      width: 150px; }
    .data-sent-box .box-header .box-popup p {
      font-weight: 400;
      font-size: 12px;
      line-height: 17px;
      letter-spacing: 0.28px; }
  .data-sent-box.confirm-occurence .box-header .box-popup .popup {
    width: 275px; }
  .data-sent-box .box-number {
    font-weight: 500;
    color: #4a4a4a;
    font-size: 24px; }
    .data-sent-box .box-number span {
      margin-left: 6px; }
    .data-sent-box .box-number.selected {
      color: #26a69a !important; }
    .data-sent-box .box-number span {
      font-weight: 400;
      font-size: 16px; }
  .data-sent-box .box-footer {
    font-size: 10px;
    color: #767676; }
  .data-sent-box.wider .box-header .box-popup div {
    width: 325px; }

.complete-account-setup .box-header .box-popup .popup {
  width: 690px;
  padding: 20px; }
  .complete-account-setup .box-header .box-popup .popup .description {
    font-size: 16px; }

.day-picker-wrapper {
  position: relative; }
  .day-picker-wrapper .DayPickerInput input {
    border-radius: 3px;
    padding-right: 34px; }
    .day-picker-wrapper .DayPickerInput input.has-error {
      color: #cb2d2d;
      border-color: #cb2d2d !important;
      background: #fdf7f6 !important; }
    .day-picker-wrapper .DayPickerInput input.invalid-date {
      color: #cb2d2d; }
    .day-picker-wrapper .DayPickerInput input:disabled {
      color: #000000;
      background: #dedede;
      opacity: 0.5; }
  .day-picker-wrapper .DayPickerInput .DayPickerInput-OverlayWrapper .DayPickerInput-Overlay {
    top: 10px; }
  .day-picker-wrapper .fa-calendar-alt {
    /**
     * the icon will only appear for the visits creation page for now 
     * until all date picker heights are standardized to be 50px tall
     */
    display: none;
    position: absolute;
    right: 14px;
    top: 15px;
    font-size: 21px;
    color: #899199; }
  .day-picker-wrapper .error-text,
  .day-picker-wrapper .help-text {
    margin: 6px 0 0 2px; }
  .day-picker-wrapper .help-text {
    color: #7b7a7b;
    font-size: 14px; }

.document-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 18px;
  background: white;
  border-radius: 4px;
  padding: 30px;
  margin-bottom: 40px; }
  .document-list .document-button-wrapper {
    height: 190px;
    width: 248px;
    position: relative;
    border: 1px solid #cacaca;
    background: #f5f5f5; }
    .document-list .document-button-wrapper .external-overlay {
      pointer-events: none;
      visibility: hidden;
      position: absolute;
      width: 100%;
      height: 142px;
      background: rgba(0, 0, 0, 0.3); }
      .document-list .document-button-wrapper .external-overlay .external-icon {
        pointer-events: none;
        color: white;
        text-shadow: 1px 1px 2px #313d98; }
    .document-list .document-button-wrapper:hover .external-overlay, .document-list .document-button-wrapper:focus-within .external-overlay {
      visibility: visible; }
    .document-list .document-button-wrapper video {
      height: 100px; }
    .document-list .document-button-wrapper .document-button {
      border: none;
      height: 100%;
      width: 100%; }
      .document-list .document-button-wrapper .document-button.add-button {
        color: #313d98;
        font-weight: 500;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .document-list .document-button-wrapper .document-button.add-button i {
          font-size: 30px;
          margin-right: 0;
          margin-bottom: 6px; }
      .document-list .document-button-wrapper .document-button img {
        height: calc(190px - 48px);
        width: 100%;
        object-fit: cover;
        margin-bottom: 48px; }
      .document-list .document-button-wrapper .document-button.document-button-flexed {
        display: flex;
        padding: 20px 30px 0; }
    .document-list .document-button-wrapper .thumbnail-placeholder {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      .document-list .document-button-wrapper .thumbnail-placeholder.fa-regular, .document-list .document-button-wrapper .thumbnail-placeholder.fa-solid {
        top: calc(((190px - 48px) - 30px) / 2);
        font-size: 30px;
        color: white;
        margin-right: 0; }
      .document-list .document-button-wrapper .thumbnail-placeholder.letter {
        top: calc(((190px - 48px) - 40px) / 2);
        font-size: 40px;
        font-weight: 600;
        color: #ededed; }
    .document-list .document-button-wrapper .document-info {
      height: 48px;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-top: 1px solid #cacaca;
      padding: 0 18px;
      background: #f5f5f5; }
      .document-list .document-button-wrapper .document-info .fa-solid, .document-list .document-button-wrapper .document-info .fa-regular {
        color: #7b7a7b; }
      .document-list .document-button-wrapper .document-info .document-name {
        color: #343334;
        margin-left: 14px;
        max-width: 145px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .document-list .document-button-wrapper .document-info .info-tooltip {
        margin-left: 8px; }
        .document-list .document-button-wrapper .document-info .info-tooltip .popup {
          width: 180px;
          padding: 8px; }
      .document-list .document-button-wrapper .document-info .popup-container .document-popup-trigger {
        width: 12px;
        margin-left: 0; }
      .document-list .document-button-wrapper .document-info .popup-container .popup {
        z-index: 1; }
        .document-list .document-button-wrapper .document-info .popup-container .popup .custom-button {
          margin-left: 0; }
          .document-list .document-button-wrapper .document-info .popup-container .popup .custom-button i {
            color: white; }

.attachments {
  margin-left: 35px; }
  .attachments h6 {
    color: #9e9e9e; }
  .attachments .upload-box {
    width: 100%;
    padding: 14px;
    background: #e7f8fe;
    border-radius: 5px;
    cursor: pointer; }
    .attachments .upload-box .docs {
      margin-bottom: 2px; }
      .attachments .upload-box .docs span {
        cursor: auto;
        margin-bottom: 4px;
        display: inline-block;
        padding: 5px 10px;
        margin-right: 10px;
        border-radius: 4px;
        background: #fafafa; }
        .attachments .upload-box .docs span:hover {
          background: #cacaca; }
        .attachments .upload-box .docs span i {
          cursor: pointer;
          margin-left: 10px; }
    .attachments .upload-box.max {
      cursor: auto; }
  .attachments .document-upload-footnote {
    margin-top: 6px; }
  .attachments .document-upload-button {
    margin: 0;
    float: right; }

.d3-drawer {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center; }
  .d3-drawer .content {
    border: 1px solid #cacaca;
    background: white;
    position: absolute;
    right: 0;
    transition: transform 0.2s ease-out;
    animation: slide-in-left 0.2s ease-out;
    -webkit-animation: slide-in-left 0.2s ease-out;
    -moz-animation: slide-in-left 0.2s ease-out; }
    .d3-drawer .content .page {
      min-width: 0; }
    .d3-drawer .content-scroll {
      overflow-y: scroll;
      width: max-content;
      height: 100vh; }
    .d3-drawer .content .custom-button {
      min-width: 110px; }

@keyframes slide-in-left {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@-webkit-keyframes slide-in-left {
  from {
    transform: translate(100, 0); }
  to {
    transform: translate(0, 0); } }

@-moz-keyframes slide-in-left {
  from {
    transform: translate(100, 0); }
  to {
    transform: translate(0, 0); } }
    .d3-drawer .content .close-drawer {
      border: none;
      display: flex;
      z-index: 1002;
      position: sticky;
      left: 26px;
      top: 22px;
      font-size: 20px; }
      .d3-drawer .content .close-drawer svg {
        fill: #9b9b9b; }
      .d3-drawer .content .close-drawer:hover svg {
        fill: #313d98; }
    .d3-drawer .content.closing.drawer-rolldown {
      transform: translateX(calc(100% - 18px)); }
    .d3-drawer .content.closing {
      transition: transform 0.15s ease-in;
      transform: translateX(100%); }
  .d3-drawer.drawer-closed {
    display: none; }
    .d3-drawer.drawer-closed .content {
      transform: translateX(100%); }
  .d3-drawer.drawer-open {
    transform: translateX(0); }
  .d3-drawer .arrow-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 180px;
    transform: translateX(-50%);
    background: #313d98;
    z-index: 2;
    cursor: pointer;
    transition: transform 0.2s ease-out; }
    .d3-drawer .arrow-button .fa-chevron-right {
      color: white;
      margin-left: 1px; }
  .d3-drawer .closing .arrow-button {
    transform: translateX(-50%) rotate(180deg); }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-dropdown {
  position: relative;
  outline: none;
  background: white;
  color: black;
  height: 40px; }
  .d3-dropdown .dropdown-item,
  .d3-dropdown .dropbar {
    min-height: 38px;
    padding: 8px 15px; }
  .d3-dropdown:not(.d3-selector) .dropdown-item {
    display: flex;
    align-items: center; }
  .d3-dropdown .dropdown-item {
    background: #fafbfb;
    border-radius: 2px; }
  .d3-dropdown .dropdown-item.selected {
    color: #000000; }
  .d3-dropdown .dropbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: space-between; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .d3-dropdown .dropbar,
  .d3-dropdown.open .menu {
    border: 1px solid transparent;
    background: #fafbfb;
    color: #666666; }
  .d3-dropdown .fas.fa-angle-down,
  .d3-dropdown .fas.fa-angle-up {
    color: #313d98;
    margin-left: 20px;
    text-align: right; }
  .d3-dropdown .menu {
    width: 100%;
    z-index: 100;
    background: inherit;
    position: absolute;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; }
  .d3-dropdown.open .menu {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
    margin-top: 3px;
    opacity: 1;
    transform: scaleY(1);
    padding: 4px;
    border-top: none;
    display: block;
    transition: transform 0.1s ease-out;
    max-height: 350px;
    overflow: auto;
    border-radius: 2px; }
  .d3-dropdown.open .dropbar {
    border-bottom: 1px solid transparent;
    border-radius: 3px; }
  .d3-dropdown.disabled .dropbar {
    background: #dedede;
    opacity: 0.5; }
    .d3-dropdown.disabled .dropbar i {
      color: transparent; }
  .d3-dropdown .notes {
    margin-top: 6px; }

.d3-dropdown:not(.disabled):hover .dropbar {
  background: #cff0fd; }

.d3-dropdown:not(.disabled).has-error .dropbar {
  border-color: #cb2d2d;
  color: #cb2d2d;
  background: #fdf7f6; }

.d3-dropdown:not(.disabled) .dropbar {
  background: #e7f8fe;
  cursor: pointer; }

.d3-dropdown:not(.disabled) .dropdown-item:hover {
  background: #e4edf4; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.expandable-list {
  position: relative;
  background: #e8eaed;
  border-radius: 4px;
  font-weight: 500; }
  .expandable-list-wrap .popup-container .popup {
    width: 100%; }
  .expandable-list-row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .expandable-list-visible {
    border-radius: 4px 4px 0 0; }
  .expandable-list-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 20; }
  .expandable-list-item {
    position: absolute;
    padding: 10px;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 20;
    word-break: break-word;
    background: #e8eaed;
    border-radius: 0 0 4px 4px;
    font-weight: 400;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14); }

.expandable-list-indent {
  padding: 10px; }

.d3-froala-wrapper {
  position: relative; }
  .d3-froala-wrapper.error .fr-box.fr-basic .fr-wrapper {
    background: #fdf7f6 !important; }
  .d3-froala-wrapper.error .fr-element {
    color: #cb2d2d; }
  .d3-froala-wrapper.read-only {
    background: #dedede !important;
    opacity: 0.6;
    pointer-events: none; }
  .d3-froala-wrapper .fr-box.fr-basic .fr-wrapper {
    border-radius: 3px;
    background: #e7f8fe;
    transition: background-color 0.2s ease; }
    .d3-froala-wrapper .fr-box.fr-basic .fr-wrapper:focus-within {
      background: #cff0fd !important; }
    .d3-froala-wrapper .fr-box.fr-basic .fr-wrapper .fr-placeholder {
      color: #737373; }
  .d3-froala-wrapper .fr-box.fr-basic figure {
    margin: 10px 0; }
  .d3-froala-wrapper.extra-margin {
    margin-bottom: 24px; }

.fr-popup.fr-active {
  z-index: 102 !important; }

.d3-filter-box .popup {
  color: black;
  font-weight: 400; }
  .d3-filter-box .popup > form > p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px; }
  .d3-filter-box .popup div.flexed {
    margin: 0px; }
    .d3-filter-box .popup div.flexed.space-between {
      margin-bottom: 14px; }
  .d3-filter-box .popup .DayPickerInput,
  .d3-filter-box .popup .d3-input {
    margin: 0px 10px; }
    .d3-filter-box .popup .DayPickerInput:first-child,
    .d3-filter-box .popup .d3-input:first-child {
      margin-left: 0px; }
  .d3-filter-box .popup .DayPickerInput input,
  .d3-filter-box .popup .d3-input {
    width: 120px; }
  .d3-filter-box .popup .DayPickerInput input,
  .d3-filter-box .popup .d3-input input,
  .d3-filter-box .popup .dropbar {
    height: 40px;
    border-radius: 3px;
    margin: 0px; }
  .d3-filter-box .popup .flexed.end-justified {
    margin-top: 10px; }

.d3-filter-box .d3-button.link {
  color: #1f5d44; }

.d3-filter-box .checkbox-list {
  width: 100%;
  max-height: 400px;
  overflow: auto; }
  .d3-filter-box .checkbox-list .checkbox {
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 3px; }
    .d3-filter-box .checkbox-list .checkbox:hover {
      background: #e7f8fe; }

.d3-filter-box .select-type-filter {
  width: 500px; }
  .d3-filter-box .select-type-filter .num-range-input,
  .d3-filter-box .select-type-filter .date-range-input,
  .d3-filter-box .select-type-filter .d3-dropdown {
    display: inline-block;
    vertical-align: middle; }
  .d3-filter-box .select-type-filter .d3-dropdown {
    margin-right: 10px;
    width: 200px; }

.fixed-tooltip {
  position: fixed;
  z-index: 1;
  transform: translateX(-50%); }
  .fixed-tooltip .hover-guard {
    position: absolute; }
  .fixed-tooltip.down .hover-guard {
    bottom: 100%; }
  .fixed-tooltip.up .hover-guard {
    top: 100%; }

.fixed-tooltip .tooltip-content {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background: white;
  padding: 15px;
  min-width: 300px; }

.fixed-tooltip .tooltip-content:before {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: white;
  left: 0px;
  right: 0px;
  margin: 0px auto; }

.fixed-tooltip.down .tooltip-content:before {
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  bottom: calc(100% - 8px); }

.fixed-tooltip.up .tooltip-content:before {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
  top: calc(100% - 8px); }

.crop-container {
  width: inherit;
  height: inherit; }
  .crop-container .img-cropper {
    position: relative;
    width: inherit;
    height: inherit;
    max-height: 180px; }
  .crop-container .controls {
    position: relative;
    top: 20px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .crop-container .controls span:not(.upload-input.loaded) {
      width: auto;
      margin-left: 5px; }
    .crop-container .controls .zoom-range {
      width: 148px;
      height: 6px;
      padding: 0;
      -webkit-appearance: none;
      background: #dddff0; }
      .crop-container .controls .zoom-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAAA/klEQVQ4EbWVQQ6CMBBFLSt3xi3egMtwHOMRWHkWvIZu9QTGrfUE9T/SRlTAAONPvq3TmZda6eAWPQohrLVURhca85h603iRa+ycu8f48CDgUt7JXv4lcshdDlKVsJGP8lhRs+mEsyBfxxJb+dS+wxXg50/ZaYvbTGG8jkVfOKcvee8DRn3zryKxOJJMC/z7287zmRbcwsxUyyO1msborIJVJnBnxoxgA+bht1bBjtONsoTngP8iwNx9a90A01CsdQZMl7LWIYEfhmRYdRb7aWUIrmCyY7SXT81s3gcMWC/pftu3zYSP8Cnts7/Rt+AmryaXgJ9jbKel4nj0y/QJgV8x05d7DS8AAAAASUVORK5CYII=);
        width: 22px;
        height: 22px;
        border-radius: 50%;
        transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
        .crop-container .controls .zoom-range::-webkit-slider-thumb:hover {
          box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16); }

.d3-input .subtitle {
  font-size: 12px; }

.d3-input input {
  display: block;
  height: 40px;
  margin-top: 5px;
  width: 100%;
  background: #e7f8fe;
  border-radius: 3px;
  border: 1px solid transparent; }
  .d3-input input ::placeholder {
    color: #fdfdfd; }
  .d3-input input:disabled {
    background: #dedede !important;
    color: #000000;
    opacity: 0.5; }
    .d3-input input:disabled ::placeholder {
      color: #000000; }
  .d3-input input:focus-within {
    background: #cff0fd !important; }

.d3-input .input-wrapper {
  position: relative;
  display: inline-block; }

.d3-input.inline {
  display: inline-block;
  vertical-align: middle; }

.d3-input span.pretext,
.d3-input span.posttext {
  margin: 0px 10px; }

.d3-input span.char-limit {
  margin: 0px 12px;
  font-size: 12px;
  position: absolute; }

.d3-input span.pretext {
  margin-left: 0px; }

.d3-input .label,
.d3-input .error-text {
  display: inline-block;
  margin: 6px 5px 0 2px;
  font-size: 14px; }

.d3-input .error-text {
  font-weight: 500;
  color: #cb2d2d; }

.d3-input.has-error input {
  color: #cb2d2d;
  border-color: #cb2d2d !important;
  background: #fdf7f6 !important; }

.d3-input.has-error input::placeholder,
.d3-input .d3-input.has-error input {
  color: #cb2d2d !important; }

.d3-input .flexed input {
  margin-top: 0; }

.d3-input.text-align-right input {
  text-align: right; }

.d3-input.hide-stepper input::-webkit-outer-spin-button,
.d3-input.hide-stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.d3-input.hide-stepper input[type='number'] {
  -moz-appearance: textfield; }

.d3-loader-container {
  width: 100%;
  height: 100%;
  position: relative; }
  .d3-loader-container .loader {
    position: absolute;
    transition: border-color 0.3s ease;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%; }
    .d3-loader-container .loader.spin {
      animation: spin 0.5s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.media-uploader {
  padding: 10px 14px 12px; }
  .media-uploader > .flexed .custom-button {
    margin: 0; }
    .media-uploader > .flexed .custom-button:not(:last-child) {
      margin-right: 12px; }
  .media-uploader h4.media-upload-heading {
    color: #000000;
    font-size: 22px;
    font-weight: 400; }
  .media-uploader .media-tabs {
    border-bottom: 1px solid #dedede;
    margin-bottom: 12px; }
    .media-uploader .media-tabs .custom-button {
      text-transform: capitalize;
      border-radius: 0;
      padding: 12px;
      margin: 0 0 -1px 0;
      border-bottom: 1px solid transparent; }
      .media-uploader .media-tabs .custom-button.selected {
        color: black;
        font-weight: 500;
        border-bottom: 1px solid black; }
  .media-uploader .file {
    border-radius: 3px;
    background: #c1c1c1;
    border: 1px solid transparent; }
    .media-uploader .file .flexed {
      width: 100%;
      color: white;
      margin-bottom: 8px; }
      .media-uploader .file .flexed i {
        color: white; }
  .media-uploader img:not(.reactEasyCrop_Contain) {
    max-height: 245px;
    max-width: 100%; }
  .media-uploader .upload-input {
    min-height: 345px;
    margin-bottom: 13px; }
  .media-uploader form,
  .media-uploader .d3-input:not(.zoom-range) {
    width: 100%; }
    .media-uploader form .input-container:not(.zoom-range),
    .media-uploader .d3-input:not(.zoom-range) .input-container:not(.zoom-range) {
      width: 100%;
      height: 345px;
      padding: 0; }
      .media-uploader form .input-container:not(.zoom-range) input:not(.zoom-range),
      .media-uploader .d3-input:not(.zoom-range) .input-container:not(.zoom-range) input:not(.zoom-range) {
        background: #e7f8fe;
        border: 1px solid transparent;
        transition-property: border-color, background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        margin-top: 10px; }
        .media-uploader form .input-container:not(.zoom-range) input:not(.zoom-range):focus-within,
        .media-uploader .d3-input:not(.zoom-range) .input-container:not(.zoom-range) input:not(.zoom-range):focus-within {
          background: #e7f8fe; }
  .media-uploader p.capacity,
  .media-uploader p.has-error {
    margin: 0 !important; }
  .media-uploader p.has-error {
    color: #cb2d2d; }
    .media-uploader p.has-error i {
      margin-right: 8px; }
  .media-uploader.photo-submission {
    padding: 0px; }
    .media-uploader.photo-submission span {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500;
      color: #9b9b9b; }
    .media-uploader.photo-submission .upload-input:not(.zoom-range) {
      margin: 10px 0px;
      padding: 0;
      height: 250px;
      min-height: 250px;
      /* img {
        max-height: 185px;
      } */ }
      .media-uploader.photo-submission .upload-input:not(.zoom-range) .input-container {
        padding: 5px;
        width: 100%;
        height: 100%; }
        .media-uploader.photo-submission .upload-input:not(.zoom-range) .input-container .custom-button:focus {
          outline: none; }
        .media-uploader.photo-submission .upload-input:not(.zoom-range) .input-container .file-type-restrictions {
          margin-top: 25px; }
          .media-uploader.photo-submission .upload-input:not(.zoom-range) .input-container .file-type-restrictions p {
            font-size: 12px; }
        .media-uploader.photo-submission .upload-input:not(.zoom-range) .input-container .file {
          width: inherit;
          height: inherit; }
    .media-uploader.photo-submission .buttons {
      margin-top: 20px; }
      .media-uploader.photo-submission .buttons.cropping {
        margin-top: 50px; }
      .media-uploader.photo-submission .buttons .custom-button {
        width: 136px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper {
  border-radius: 3px; }
  .border-radius.two, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .two.donation-img-wrapper {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .three.donation-img-wrapper {
    border-radius: 3px; }
  .border-radius.four, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .four.donation-img-wrapper {
    border-radius: 4px; }
  .border-radius.five, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .five.donation-img-wrapper, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within {
    border-radius: 5px; }
  .border-radius.eight, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .eight.donation-img-wrapper {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper {
  border-radius: 3px; }
  .border-radius.larger, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .larger.donation-img-wrapper {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 200;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center; }
  .d3-modal .content {
    border-radius: 8px;
    background: white;
    position: absolute;
    width: 675px;
    padding: 14px; }
    .d3-modal .content h6 {
      margin: 10px 36px 10px 10px; }
    .d3-modal .content p {
      margin: 20px 0px; }
    .d3-modal .content .top {
      padding: 10px 10px 0px 10px;
      white-space: pre-wrap; }
    .d3-modal .content .bottom {
      padding: 14px;
      padding-top: 20px; }
      .d3-modal .content .bottom .custom-button {
        min-width: 160px; }
    .d3-modal .content .bottom.flexed {
      margin: 0px;
      justify-content: flex-end; }
      .d3-modal .content .bottom.flexed.space-between-justified {
        justify-content: space-between; }
        .d3-modal .content .bottom.flexed.space-between-justified #modal-cancel {
          margin-left: 0; }
    .d3-modal .content .modal-close-x {
      position: absolute;
      display: flex;
      right: 28px;
      top: 28px;
      margin: 0;
      padding: 0;
      background: transparent;
      fill: #313d98;
      z-index: 1; }
      .d3-modal .content .modal-close-x svg {
        height: 14px;
        width: 14px; }
  .d3-modal.modal-closed {
    display: none; }
  .d3-modal.payout-type-modal {
    color: #1b1c1d; }
    .d3-modal.payout-type-modal .top {
      padding: 0; }
    .d3-modal.payout-type-modal .content {
      padding: 28px;
      position: relative; }
    .d3-modal.payout-type-modal button.payout-choice {
      width: 100%;
      padding: 20px 32px;
      font-size: 16px; }
      .d3-modal.payout-type-modal button.payout-choice:hover {
        background: #eceff0; }
      .d3-modal.payout-type-modal button.payout-choice svg {
        margin-right: 20px; }
  .d3-modal.media-upload-modal .content {
    min-height: 540px; }
    .d3-modal.media-upload-modal .content .top {
      padding: 0; }
  .d3-modal.close-case .top {
    color: #cb2d2d;
    font-size: 18px; }
  .d3-modal.create-instrument-modal .content {
    padding: 40px 60px; }
    .d3-modal.create-instrument-modal .content .modal-close-x {
      top: 40px;
      right: 60px; }
    .d3-modal.create-instrument-modal .content h3 {
      color: #1b1c1d;
      font-weight: normal;
      margin-bottom: 60px; }
    .d3-modal.create-instrument-modal .content p.label-small {
      margin-bottom: 10px;
      font-size: 12px; }
    .d3-modal.create-instrument-modal .content .top,
    .d3-modal.create-instrument-modal .content .bottom {
      padding: 0; }
    .d3-modal.create-instrument-modal .content .bottom.flexed {
      margin-top: 40px; }
  .d3-modal.manual-consent-confirmation .top {
    padding-top: 0;
    margin-top: 48px;
    max-width: 650px; }
  .d3-modal.charity-preview .top {
    padding: 14px 18px 0px; }
  .d3-modal.charity-preview .content {
    min-width: 440px;
    width: 440px; }
  .d3-modal.donation-form .content {
    width: 845px;
    max-height: 100vh;
    overflow-y: auto; }
    .d3-modal.donation-form .content .top {
      padding: 18px; }
      .d3-modal.donation-form .content .top .donation-fields {
        margin-top: 50px;
        width: 375px; }
        .d3-modal.donation-form .content .top .donation-fields label {
          margin-top: 16px; }
        .d3-modal.donation-form .content .top .donation-fields .d3-textarea {
          width: 375px;
          height: 240px !important;
          overflow: auto;
          padding: 12px; }
        .d3-modal.donation-form .content .top .donation-fields .media-uploader img {
          max-height: 125px; }
        .d3-modal.donation-form .content .top .donation-fields .media-uploader .upload-input {
          height: 250px;
          min-height: 250px; }
        .d3-modal.donation-form .content .top .donation-fields .media-uploader .custom-button {
          margin: auto; }
        .d3-modal.donation-form .content .top .donation-fields .media-uploader form .input-container {
          height: 240px; }
        .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler {
          background: #e7f8fe;
          border: 4px solid #e5e8ea;
          display: flex;
          font-size: 20px;
          font-weight: 500;
          height: 250px;
          margin: 0;
          padding: 0;
          position: relative;
          width: 100%; }
          .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .media-uploader {
            position: absolute;
            top: 0;
            width: 100%;
            display: none; }
            .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .media-uploader.change-image .upload-input {
              background: #b3b7d9;
              border: none; }
              .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .media-uploader.change-image .upload-input button {
                background: #b3b7d9;
                border-radius: 0;
                color: white;
                font-weight: 500;
                font-size: 20px; }
          .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:hover .media-uploader, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within .media-uploader {
            display: block; }
          .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper {
            background: #c1c1c1;
            color: white;
            margin: auto;
            padding: 12px;
            width: fit-content; }
            .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper p {
              margin: 0 0 8px 0;
              font-size: 14px; }
            .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper img {
              max-height: 180px;
              max-width: 330px; }
          .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within {
            background: #b3b7d9;
            border: none; }
            .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:hover .donation-img-wrapper, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within .donation-img-wrapper {
              display: none; }
      .d3-modal.donation-form .content .top .bottom.flexed {
        padding: 20px 0 0; }
  .d3-modal.diary-download-form .content {
    width: fit-content;
    padding: 25px; }
  .d3-modal.photo-submission-uploader .content {
    width: 488px;
    height: 448px;
    min-height: 370px; }
    .d3-modal.photo-submission-uploader .content .top {
      padding-right: 10px; }
    .d3-modal.photo-submission-uploader .content .bottom {
      padding: 10px; }
  .d3-modal.confirmation-modal .content .top {
    padding-top: 0;
    margin-top: 48px; }
  .d3-modal.uat-study-confirmation .content {
    width: 475px; }
  .d3-modal.spacious .content {
    padding: 26px; }
    .d3-modal.spacious .content h6 {
      margin: 14px 36px 14px 14px; }
    .d3-modal.spacious .content .modal-close-x {
      top: 40px;
      right: 40px; }
    .d3-modal.spacious .content .top {
      padding: 14px 36px 16px 14px; }
  .d3-modal.visit-deviation-warning .content {
    width: fit-content; }
    .d3-modal.visit-deviation-warning .content .flexed-header {
      margin-bottom: 32px; }
      .d3-modal.visit-deviation-warning .content .flexed-header .fa-triangle-exclamation {
        margin-right: 10px;
        color: #f26c29; }
    .d3-modal.visit-deviation-warning .content .flexed-header,
    .d3-modal.visit-deviation-warning .content p {
      margin-bottom: 32px; }
    .d3-modal.visit-deviation-warning .content #participant-visit-table .current-visit {
      background: #e0e0e0; }
      .d3-modal.visit-deviation-warning .content #participant-visit-table .current-visit.ptp-visit-name, .d3-modal.visit-deviation-warning .content #participant-visit-table .current-visit.ptp-visit-highlight {
        font-weight: 600; }
    .d3-modal.visit-deviation-warning .content #participant-visit-table .warn {
      font-weight: 600;
      color: #cb2d2d; }
  .d3-modal.select-study-version-modal .content {
    width: 1200px; }
    .d3-modal.select-study-version-modal .content .top .study-version-list-table .study-version-cell {
      display: flex;
      align-items: center;
      height: 100%; }
      .d3-modal.select-study-version-modal .content .top .study-version-list-table .study-version-cell .popup-container.bottom {
        padding: 0;
        margin-left: 8px; }
        .d3-modal.select-study-version-modal .content .top .study-version-list-table .study-version-cell .popup-container.bottom .popup.bottom {
          width: 200px;
          padding: 10px; }
    .d3-modal.select-study-version-modal .content .top .title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 24px; }
    .d3-modal.select-study-version-modal .content .buttons-box {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
  @media only screen and (max-height: 875px) {
    .d3-modal.diary-download-form .content {
      top: calc(100vh - 680px); } }
  @media only screen and (max-width: 1210px) {
    .d3-modal.select-study-version-modal .content {
      width: 900px; } }

.ellipsify, .d3-dropdown.number-input-dropdown input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-dropdown.number-input-dropdown {
  display: inline-block;
  width: fit-content; }
  .d3-dropdown.number-input-dropdown .dropbar {
    border-radius: 3px;
    padding: 0px 10px; }
    .d3-dropdown.number-input-dropdown .dropbar .fas.fa-angle-up,
    .d3-dropdown.number-input-dropdown .dropbar .fas.fa-angle-down {
      margin-left: 0px;
      color: #1f5d44; }
  .d3-dropdown.number-input-dropdown .menu {
    top: 100%; }
  .d3-dropdown.number-input-dropdown.open .dropbar {
    border-radius: 3px 3px 0px 0px; }
  .d3-dropdown.number-input-dropdown.open .menu {
    top: 100%;
    border-radius: 0px 0px 3px 3px; }
  .d3-dropdown.number-input-dropdown input {
    border-radius: 3px;
    text-align: left;
    margin: 0px;
    height: 100%;
    border: none;
    width: 60px; }
    .d3-dropdown.number-input-dropdown input:focus-within {
      background: #e7f8fe !important; }
    .d3-dropdown.number-input-dropdown input:disabled {
      color: white; }
  .d3-dropdown.number-input-dropdown input[type='number']::-webkit-inner-spin-button,
  .d3-dropdown.number-input-dropdown input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.overlay-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200; }

.d3-overlay {
  background: #f5f5f5;
  border-radius: 4px;
  left: 50%;
  padding: 10px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  min-width: 324px;
  box-shadow: 0px 2px 15px #cacaca; }
  .d3-overlay.minimized {
    left: inherit;
    top: inherit;
    bottom: 24px;
    right: 32px;
    transform: none;
    max-width: 500px;
    max-height: auto; }
  .d3-overlay .overlay-header {
    padding: 10px 0 24px; }
    .d3-overlay .overlay-header .icon-name {
      color: #343334; }
      .d3-overlay .overlay-header .icon-name i {
        color: #7b7a7b;
        margin-right: 14px; }
    .d3-overlay .overlay-header .overlay-buttons {
      color: #313d98;
      font-size: 16px; }
      .d3-overlay .overlay-header .overlay-buttons i {
        margin: 0; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.tooltip-content .heading {
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 16px; }

.tooltip-content .description {
  font-size: 16px;
  line-height: 24px; }

.tooltip-content .images {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  margin-top: 28px; }
  .tooltip-content .images img {
    width: 236px;
    height: 420px; }

.rc-pagination {
  margin-top: 8px;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .rc-pagination .rc-pagination-item {
    position: relative;
    line-height: 1.5;
    letter-spacing: 0.38px;
    margin-left: 16px;
    font-size: 16px;
    min-width: inital;
    cursor: pointer; }
    .rc-pagination .rc-pagination-item:nth-child(2) {
      margin-left: 0px; }
    .rc-pagination .rc-pagination-item a {
      color: #4a4a4a; }
  .rc-pagination li.rc-pagination-disabled {
    display: none; }
  .rc-pagination .rc-pagination-item-active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: calc(100% + 4px);
    height: 2px;
    background: #313d98;
    transform: translateX(-50%); }
  .rc-pagination .rc-pagination-item-active a {
    color: #313d98; }
  .rc-pagination .rc-pagination-next button:after,
  .rc-pagination .rc-pagination-prev button:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    transform-origin: center;
    border-top: 3px solid #4a4a4a; }
  .rc-pagination .rc-pagination-next button:after {
    border-right: 3px solid #4a4a4a;
    transform: rotate(45deg);
    margin-left: 4px; }
  .rc-pagination .rc-pagination-prev button:before {
    transform: rotate(-45deg);
    border-left: 3px solid #4a4a4a;
    margin-right: 4px; }
  .rc-pagination .rc-pagination-prev button,
  .rc-pagination .rc-pagination-next button,
  .rc-pagination .rc-pagination-jump-prev button,
  .rc-pagination .rc-pagination-jump-next button {
    font-size: 16px;
    border: none;
    margin: 0;
    min-width: initial;
    cursor: pointer; }
  .rc-pagination .rc-pagination-prev button,
  .rc-pagination .rc-pagination-next button {
    display: flex;
    align-items: center;
    outline: none; }
  .rc-pagination .rc-pagination-prev button {
    margin-right: 12px; }
  .rc-pagination .rc-pagination-next button {
    margin-left: 12px; }
  .rc-pagination .rc-pagination-jump-next button:after,
  .rc-pagination .rc-pagination-jump-prev button:after {
    display: block;
    content: '...'; }
  .rc-pagination .rc-pagination-jump-next {
    position: relative;
    left: 14px; }

.d3-pdf-viewer {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 30vh; }
  .d3-pdf-viewer canvas {
    width: auto !important;
    max-height: 70vh !important; }
  .d3-pdf-viewer .d3-loader-container {
    height: 30vh; }

.d3-overlay.minimized .d3-pdf-viewer {
  min-height: 0; }
  .d3-overlay.minimized .d3-pdf-viewer canvas {
    width: auto !important;
    height: auto !important;
    max-height: 400px !important;
    max-width: 400px !important; }

.percent-meter {
  width: 100%;
  display: flex;
  align-items: center; }
  .percent-meter span {
    min-width: 35px;
    text-align: right;
    margin-left: 10px;
    word-break: keep-all; }
  .percent-meter .meter-outer {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #eceff0;
    height: 15px; }
    .percent-meter .meter-outer .meter-inner {
      border-radius: 10px;
      height: 100%;
      background: #fafafa; }
      .percent-meter .meter-outer .meter-inner.grey {
        background: #899199; }

.phone-number-input .react-phone-number-input input {
  padding: 5px 10px;
  height: 40px;
  border-radius: 3px;
  border: none; }

.phone-number-input .react-phone-number-input .react-phone-number-input__icon {
  border: none; }

.phone-number-input .react-phone-number-input .base-tel-input-wrapper {
  width: 100%; }

.phone-number-input.has-error .react-phone-number-input input {
  border: 1px solid #cb2d2d !important;
  background: #fdf7f6 !important; }

.phone-number-input.disabled .react-phone-number-input input {
  background: #dedede;
  color: #000000;
  opacity: 0.5; }

.phone-number-input .error-text {
  margin: 4px 35px;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.26px;
  font-weight: 500;
  color: #cb2d2d; }

.popup-container {
  position: relative;
  width: fit-content;
  height: fit-content; }
  .popup-container.open:not(.no-pointer):after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: fit-content;
    height: fit-content;
    font-size: 20px;
    color: #343334; }
  .popup-container.open:not(.no-pointer).top:after, .popup-container.open:not(.no-pointer).bottom:after {
    left: calc(50% - 5px); }
  .popup-container.open:not(.no-pointer).left:after, .popup-container.open:not(.no-pointer).right:after {
    top: calc(50% - 10px); }
  .popup-container.open:not(.no-pointer).top:after {
    bottom: calc(100% - 3px);
    content: '\f0d7'; }
  .popup-container.open:not(.no-pointer).bottom:after {
    top: calc(100% - 3px);
    content: '\f0d8'; }
  .popup-container.open:not(.no-pointer).left:after {
    right: calc(100%);
    content: '\f0da'; }
  .popup-container.open:not(.no-pointer).right:after {
    left: calc(100% + 3px);
    content: '\f0d9'; }
  .popup-container.disabled {
    pointer-events: none;
    opacity: 0.2; }
  .popup-container .popup {
    position: absolute;
    padding: 10px;
    box-shadow: 0 1px 6px 0 rgba(74, 74, 74, 0.25), 0 1px 6px 0 rgba(74, 74, 74, 0.25);
    width: fit-content;
    height: fit-content;
    background: white;
    z-index: 200;
    display: flex;
    flex-direction: column; }
    .popup-container .popup .d3-divider {
      width: calc(100% - 20px); }
    .popup-container .popup.dark {
      padding: 0;
      background: #343334;
      border-radius: 4px;
      border-top: 0 !important;
      border-right: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      color: white; }
      .popup-container .popup.dark i {
        width: 18px;
        text-align: center;
        align-items: center;
        color: white;
        margin-right: 12px; }
      .popup-container .popup.dark .custom-button {
        padding: 10px;
        display: flex;
        align-items: center;
        text-align: left;
        color: white;
        background: none;
        border-radius: 0;
        font-size: 16px; }
        .popup-container .popup.dark .custom-button:first-of-type {
          padding-bottom: 6px; }
        .popup-container .popup.dark .custom-button:last-of-type {
          padding-top: 6px; }
        .popup-container .popup.dark .custom-button .alert {
          margin-left: 8px; }
        .popup-container .popup.dark .custom-button svg {
          width: 18px;
          height: 18px;
          margin-right: 8px; }
          .popup-container .popup.dark .custom-button svg path {
            fill: white; }
        .popup-container .popup.dark .custom-button :after {
          color: #343334; }
        .popup-container .popup.dark .custom-button:hover {
          background: #666666; }
        .popup-container .popup.dark .custom-button:active {
          filter: contrast(150%); }
        .popup-container .popup.dark .custom-button:first-child {
          border-radius: 4px 4px 0 0; }
        .popup-container .popup.dark .custom-button:last-child {
          border-radius: 0 0 4px 4px; }
        .popup-container .popup.dark .custom-button:only-child {
          border-radius: 4px; }
    .popup-container .popup p:last-child {
      margin: 0px; }
    .popup-container .popup.hidden {
      display: none; }
    .popup-container .popup.bottom, .popup-container .popup.top {
      margin: 0px auto; }
      .popup-container .popup.bottom:not(.override), .popup-container .popup.top:not(.override) {
        left: 50%;
        transform: translateX(-50%); }
    .popup-container .popup.bottom:not(.no-pointer), .popup-container .popup.top:not(.no-pointer), .popup-container .popup.left:not(.no-pointer), .popup-container .popup.right:not(.no-pointer) {
      border-radius: 4px; }
    .popup-container .popup.top:not(.override) {
      bottom: calc(100% + 10px); }
    .popup-container .popup.top:not(.no-pointer) {
      border-bottom: 12px solid #343334; }
    .popup-container .popup.bottom:not(.overirde) {
      top: calc(100% + 10px); }
    .popup-container .popup.bottom:not(.no-pointer) {
      border-top: 12px solid #343334; }
    .popup-container .popup.bottom.no-pointer {
      top: calc(100% + 4px); }
    .popup-container .popup.left, .popup-container .popup.right {
      top: 0px;
      bottom: 0px;
      margin: auto 0px; }
    .popup-container .popup.left:not(.override) {
      right: calc(100% + 6px); }
    .popup-container .popup.left:not(.no-pointer) {
      border-right: 12px solid #343334; }
    .popup-container .popup.right:not(.override) {
      left: calc(100% + 10px); }
    .popup-container .popup.right:not(.no-pointer) {
      border-left: 12px solid #343334; }
    .popup-container .popup.align.right-align, .popup-container .popup.align.left-align {
      transform: unset;
      left: unset;
      right: unset; }
    .popup-container .popup.align.right-align {
      right: calc(-100% / 2); }
    .popup-container .popup.align.left-align {
      left: calc(-100% / 2); }
    .popup-container .popup.popup-button-list {
      max-height: 250px;
      overflow: auto;
      width: 350px;
      border-radius: 4px;
      padding: 8px 5px;
      height: min-content; }
      .popup-container .popup.popup-button-list .custom-button {
        background: none;
        color: #343334;
        margin: 0 !important;
        padding: 8px 15px;
        text-align: left;
        width: 100%; }
        .popup-container .popup.popup-button-list .custom-button:hover {
          background: #f5f6fc; }

.prompt-bar {
  line-height: 24px;
  padding: 10px 18px;
  border-radius: 3px;
  margin-bottom: 30px;
  background: #fae196;
  color: #1b1c1d;
  width: max-content; }
  .prompt-bar strong, .prompt-bar.strong {
    font-weight: 500; }
  .prompt-bar.disabled {
    opacity: 0.5; }
  .prompt-bar > p {
    margin: 0 6px 0 0; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 10px 0px; }
  .d3-radio.disabled {
    color: #cacaca;
    cursor: default; }
    .d3-radio.disabled .radio-circle {
      border-color: #cacaca; }
      .d3-radio.disabled .radio-circle :after {
        border: none; }
  .d3-radio.has-error {
    color: #cb2d2d; }
  .d3-radio.selected {
    font-weight: 500; }

.radio-circle,
.radio-circle:after {
  border-radius: 50%; }

.radio-circle {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #b3b7d9;
  border-radius: 50%;
  margin-right: 10px; }
  .radio-circle:after {
    content: '';
    position: absolute;
    border: 3.5px solid white;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto; }
  .radio-circle.selected:after {
    background: #313d98; }

.ratio-meter span {
  font-size: 9px;
  margin-bottom: 4px;
  letter-spacing: 0px; }

.ratio-meter .ratio-bar {
  display: flex;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  background: #eceff0; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four, .rich-button {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.rich-button-container:not(:last-child) {
  margin-right: 24px; }

.rich-button {
  position: relative;
  height: 140px;
  width: 120px;
  background: white;
  border: solid 1px #cacaca;
  box-sizing: border-box;
  color: #313d98;
  outline: none; }
  .rich-button.reward-type {
    width: 181px;
    height: 116px; }
    .rich-button.reward-type .label {
      bottom: 24px !important; }
    .rich-button.reward-type .fa-check {
      left: 16px;
      top: 15px; }
    .rich-button.reward-type.clickable {
      margin-right: 0px; }
  .rich-button.selected {
    background: #f9f9ff;
    border-color: #323869; }
  .rich-button:not(.selected):hover, .rich-button:not(.selected):focus-within {
    border-color: #323869; }
  .rich-button.disabled {
    cursor: default;
    pointer-events: none; }
  .rich-button .label,
  .rich-button .fa-check,
  .rich-button .d3-radio {
    position: absolute; }
  .rich-button .label.top {
    top: 12px; }
  .rich-button .label:not(.top) {
    bottom: 44px; }
  .rich-button .fa-check {
    bottom: 16px;
    z-index: 1; }
  .rich-button .d3-radio {
    pointer-events: none;
    margin: 0 !important;
    bottom: 14px; }
    .rich-button .d3-radio .radio-circle {
      margin-right: 0; }
  .rich-button.square-shape {
    height: 140px;
    width: 140px; }
    .rich-button.square-shape.disabled {
      opacity: 0.5;
      pointer-events: none; }
  .rich-button.has-error, .rich-button.has-error:hover {
    border-color: #cb2d2d;
    background: #fdf7f6; }
  .rich-button .checkbox {
    position: absolute;
    bottom: 16px; }
    .rich-button .checkbox .check {
      margin: 0; }

.additional-label {
  background-color: #dee0f0;
  border-radius: 3px;
  font-size: 12px;
  margin: 5px auto;
  padding: 2px 8px;
  text-align: center;
  width: fit-content; }

.cls-1 {
  fill: url(#linear-gradient); }

.cls-2 {
  fill: #e6f5f3; }

.cls-3 {
  fill: url(#linear-gradient-2); }

.cls-4 {
  fill: url(#linear-gradient-3); }

.cls-5 {
  fill: url(#linear-gradient-4); }

.cls-6 {
  fill: url(#linear-gradient-5); }

.cls-7 {
  fill: url(#linear-gradient-6); }

.cls-8 {
  fill: url(#linear-gradient-7); }

.cls-9 {
  fill: url(#linear-gradient-8); }

.cls-10 {
  fill: url(#linear-gradient-9); }

.d3-editor-wrapper {
  position: relative; }
  .d3-editor-wrapper span.char-limit {
    position: inherit; }

.d3-editor .DraftEditor-editorContainer,
.d3-editor .public-DraftEditorPlaceholder-root {
  padding: 10px; }

.d3-editor .public-DraftEditorPlaceholder-root {
  z-index: 2;
  color: #737373; }

.d3-editor .DraftEditor-editorContainer {
  border-radius: 3px;
  background: #e7f8fe; }
  .d3-editor .DraftEditor-editorContainer:focus-within {
    background: #cff0fd !important; }

.d3-editor figure {
  margin: 10px 0; }

.d3-editor.extra-margin {
  margin-bottom: 24px; }

.d3-editor .media-upload-button-list {
  position: absolute;
  bottom: 11px;
  right: 0;
  z-index: 3; }
  .d3-editor .media-upload-button-list.multi-line {
    bottom: -24px;
    width: 100%;
    height: 32px;
    background-color: #cff0fd;
    border-radius: 0 0 3px 3px;
    transition: opacity 0.2s ease-out, bottom 0.15s ease-out, background-color 0.2s linear; }
  .d3-editor .media-upload-button-list.none {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s ease-in, background-color 0.2s linear; }
  .d3-editor .media-upload-button-list button {
    margin-right: 12px;
    box-shadow: none;
    border: none;
    color: #313d98;
    position: relative; }
    .d3-editor .media-upload-button-list button svg path {
      fill: #313d98; }
    .d3-editor .media-upload-button-list button .helper-popup {
      position: absolute;
      background: #343334;
      color: white;
      display: none;
      top: -34px;
      left: 50%;
      border-radius: 3px;
      padding: 6px 12px;
      width: max-content;
      min-width: 110px;
      transform: translateX(-50%); }
    .d3-editor .media-upload-button-list button:hover, .d3-editor .media-upload-button-list button:focus {
      outline: none;
      color: #343334; }
      .d3-editor .media-upload-button-list button:hover svg path, .d3-editor .media-upload-button-list button:focus svg path {
        fill: #343334; }
      .d3-editor .media-upload-button-list button:hover .helper-popup, .d3-editor .media-upload-button-list button:focus .helper-popup {
        display: inherit; }

.d3-editor .rich-text-toolbar {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 6px;
  right: 0px;
  transform: translateX(105%);
  z-index: 2;
  border-radius: 4px;
  transition: opacity 0.2s; }
  .d3-editor .rich-text-toolbar.none {
    opacity: 0;
    pointer-events: none; }
  .d3-editor .rich-text-toolbar .far.fa-image {
    color: white;
    border: none;
    display: flex;
    align-content: center;
    padding: 8px;
    border-radius: 0 4px 4px 0; }
  .d3-editor .rich-text-toolbar button {
    cursor: pointer;
    border: none;
    box-shadow: none;
    display: inline-flex;
    padding: 8px;
    color: white;
    width: fit-content; }
    .d3-editor .rich-text-toolbar button:first-of-type {
      border-radius: 4px 0 0 4px; }
    .d3-editor .rich-text-toolbar button:last-child {
      border-radius: 0 4px 4px 0; }
  .d3-editor .rich-text-toolbar i,
  .d3-editor .rich-text-toolbar button {
    background: #343334; }
    .d3-editor .rich-text-toolbar i.active,
    .d3-editor .rich-text-toolbar button.active {
      filter: contrast(150%);
      color: #89c4f6; }
    .d3-editor .rich-text-toolbar i:hover, .d3-editor .rich-text-toolbar i:focus,
    .d3-editor .rich-text-toolbar button:hover,
    .d3-editor .rich-text-toolbar button:focus {
      filter: contrast(100%);
      color: #89c4f6;
      outline: none; }
  .d3-editor .rich-text-toolbar .popup-container > button {
    border-radius: 0; }
  .d3-editor .rich-text-toolbar .popup-container .popup button {
    border-radius: 4px;
    margin: 0 4px;
    min-width: 164px;
    font-size: 16px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button i {
      color: #b0cbe2;
      background: inherit;
      margin: 0;
      font-size: 12px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button.header-one, .d3-editor .rich-text-toolbar .popup-container .popup button.header-two, .d3-editor .rich-text-toolbar .popup-container .popup button.header-three {
      font-weight: 600; }
    .d3-editor .rich-text-toolbar .popup-container .popup button.header-one {
      font-size: 22px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button.header-two {
      font-size: 20px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button.header-three {
      font-size: 18px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button.active, .d3-editor .rich-text-toolbar .popup-container .popup button:hover {
      filter: contrast(100%);
      color: white; }
    .d3-editor .rich-text-toolbar .popup-container .popup button:hover {
      background: #9b9b9b; }
    .d3-editor .rich-text-toolbar .popup-container .popup button:first-child {
      margin-top: 4px; }
    .d3-editor .rich-text-toolbar .popup-container .popup button:last-child {
      margin-bottom: 4px; }
  .d3-editor .rich-text-toolbar .popup-container.open button svg g, .d3-editor .rich-text-toolbar .popup-container:hover button svg g {
    fill: #89c4f6; }

.d3-editor.error .DraftEditor-editorContainer {
  background: #fdf7f6 !important; }

.d3-editor.error .public-DraftEditorPlaceholder-root {
  color: #cb2d2d;
  z-index: 2;
  pointer-events: none; }

.d3-editor.read-only .DraftEditor-editorContainer,
.d3-editor.read-only .DraftEditor-editorContainer:focus-within {
  background: #dedede !important;
  opacity: 0.6; }

.d3-editor .text-editor-link {
  text-decoration: none;
  color: #313d98; }

.d3-editor .align-center > * {
  display: block;
  text-align: center; }

.link-menu {
  position: absolute;
  z-index: 3;
  background: white;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(74, 74, 74, 0.25); }
  .link-menu .link-options {
    width: 225px;
    padding: 14px 5px 6px; }
    .link-menu .link-options > * {
      width: 100%; }
    .link-menu .link-options div:not(:last-child),
    .link-menu .link-options a {
      word-wrap: break-word;
      padding: 0 15px;
      margin-bottom: 10px; }
    .link-menu .link-options div {
      color: #7b7a7b; }
    .link-menu .link-options a {
      color: #313d98;
      text-decoration: none; }
    .link-menu .link-options button {
      border: none;
      margin-bottom: 10px;
      border-radius: 2px;
      padding: 8px 15px;
      text-align: left; }
      .link-menu .link-options button:hover {
        background: #f5f6fc;
        cursor: pointer; }
    .link-menu .link-options.hidden {
      display: none; }
    .link-menu .link-options .link-check-message {
      background-color: #e5e8ea;
      padding: 10px 15px; }
      .link-menu .link-options .link-check-message i,
      .link-menu .link-options .link-check-message span {
        font-size: 14px; }
      .link-menu .link-options .link-check-message i {
        margin-right: 5px; }
      .link-menu .link-options .link-check-message .check-your-links {
        font-weight: 500; }
      .link-menu .link-options .link-check-message .warning-message {
        display: block;
        margin-top: 3px;
        line-height: 1.3; }
  .link-menu .link-editor {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    width: 590px;
    padding: 16px; }
    .link-menu .link-editor > .flexed:first-child {
      margin-bottom: 12px; }
    .link-menu .link-editor label,
    .link-menu .link-editor span {
      color: #7b7a7b; }
    .link-menu .link-editor label {
      font-weight: 500; }
    .link-menu .link-editor .d3-input {
      width: 468px; }
      .link-menu .link-editor .d3-input input {
        margin-top: 0; }
    .link-menu .link-editor span {
      font-size: 12px;
      margin: 8px 0 0 90px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .search-input input {
  border-radius: 3px; }
  .border-radius.two, .search-input input.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .search-input input.three {
    border-radius: 3px; }
  .border-radius.four, .search-input input.four {
    border-radius: 4px; }
  .border-radius.five, .search-input input.five {
    border-radius: 5px; }
  .border-radius.eight, .search-input input.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .search-input input {
  border-radius: 3px; }
  .border-radius.larger, .search-input input.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.search-input {
  position: relative;
  width: fit-content; }
  .search-input .fas {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 11px;
    font-size: 22px;
    color: #0d60a6; }
  .search-input .empty:not(:focus) {
    background: transparent;
    width: 30px; }
  .search-input.has-search-val input {
    background: #cff0fd;
    width: 250px;
    text-align: left; }
  .search-input input {
    background: transparent;
    border: none;
    color: #0d60a6;
    cursor: default;
    height: 44px;
    overflow: hidden;
    padding-right: 35px;
    text-align: right;
    text-overflow: ellipsis;
    transition: background 0.3s ease, width 0.3s ease; }
    .search-input input::-ms-clear, .search-input input::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .search-input input::-webkit-search-decoration, .search-input input::-webkit-search-cancel-button, .search-input input::-webkit-search-results-button, .search-input input::-webkit-search-results-decoration {
      display: none; }
    .search-input input:focus {
      cursor: text;
      width: 250px;
      text-align: left; }
  .search-input.left-justified {
    display: flex;
    flex-direction: row-reverse; }
    .search-input.left-justified .fas {
      left: 16px;
      right: inherit; }
      .search-input.left-justified .fas.fa-search {
        left: 12px;
        font-size: 21px; }
    .search-input.left-justified input {
      text-align: left;
      padding-left: 44px;
      padding-right: inherit; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 10px 0px; }
  .d3-radio.disabled {
    color: #cacaca;
    cursor: default; }
    .d3-radio.disabled .radio-circle, .d3-radio.disabled .d3-dropdown.d3-selector .dropdown-item span.select-circle, .d3-dropdown.d3-selector .dropdown-item .d3-radio.disabled span.select-circle {
      border-color: #cacaca; }
      .d3-radio.disabled .radio-circle :after, .d3-radio.disabled .d3-dropdown.d3-selector .dropdown-item span.select-circle :after, .d3-dropdown.d3-selector .dropdown-item .d3-radio.disabled span.select-circle :after {
        border: none; }
  .d3-radio.has-error {
    color: #cb2d2d; }
  .d3-radio.selected {
    font-weight: 500; }

.radio-circle, .d3-dropdown.d3-selector .dropdown-item span.select-circle,
.radio-circle:after,
.d3-dropdown.d3-selector .dropdown-item span.select-circle:after {
  border-radius: 50%; }

.radio-circle, .d3-dropdown.d3-selector .dropdown-item span.select-circle {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #b3b7d9;
  border-radius: 50%;
  margin-right: 10px; }
  
  .radio-circle:after,
  .d3-dropdown.d3-selector .dropdown-item span.select-circle:after {
    content: '';
    position: absolute;
    border: 3.5px solid white;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto; }
  .radio-circle.selected:after, .d3-dropdown.d3-selector .dropdown-item span.selected.select-circle:after {
    background: #313d98; }

.d3-dropdown.d3-selector {
  height: auto; }
  .d3-dropdown.d3-selector .menu {
    position: relative;
    display: block;
    transform: unset; }
  .d3-dropdown.d3-selector .dropdown-item {
    width: 300px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin-bottom: 10px; }
    .d3-dropdown.d3-selector .dropdown-item > div {
      display: flex; }
    .d3-dropdown.d3-selector .dropdown-item span {
      display: inline-block; }
    .d3-dropdown.d3-selector .dropdown-item span.select-text {
      width: calc(100% - 20px);
      display: flex;
      align-items: center; }
    .d3-dropdown.d3-selector .dropdown-item i {
      width: 10px;
      color: #9b9b9b; }
    .d3-dropdown.d3-selector .dropdown-item.selected {
      background: #e5e8ea;
      font-weight: 500; }
      .d3-dropdown.d3-selector .dropdown-item.selected span.select-circle:after {
        background: #313d98; }
    .d3-dropdown.d3-selector .dropdown-item .popup {
      color: #4a4a4a;
      width: 250px; }
      .d3-dropdown.d3-selector .dropdown-item .popup p {
        font-size: 16px;
        letter-spacing: 0.38px;
        font-weight: 400; }
  .d3-dropdown.d3-selector.disabled .dropdown-item:not(.selected) {
    border-color: #cacaca;
    color: #cacaca; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-sortable-table table {
  width: 100%;
  border-spacing: 0;
  border-top: none;
  margin-bottom: 20px; }
  .d3-sortable-table table thead th {
    z-index: 1; }
  .d3-sortable-table table td {
    color: #343334;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.33px;
    word-break: break-word; }
    .d3-sortable-table table td.no-wrap {
      white-space: nowrap; }
  .d3-sortable-table table th,
  .d3-sortable-table table td {
    height: 20px;
    padding: 15px; }
  .d3-sortable-table table tr td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e8ea; }
  .d3-sortable-table table tr.row-group {
    cursor: pointer;
    background: #f5f5f5; }
    .d3-sortable-table table tr.row-group:hover {
      background: #f5f5f5; }
    .d3-sortable-table table tr.row-group td {
      padding: 15px 13px; }
    .d3-sortable-table table tr.row-group .row-group-name {
      display: flex;
      align-items: center;
      padding-left: 2px; }
    .d3-sortable-table table tr.row-group i {
      margin-right: 22px; }
    .d3-sortable-table table tr.row-group h6 {
      margin: 0; }
  .d3-sortable-table table th.null:hover {
    background: #f6f8f9; }
  .d3-sortable-table table th {
    font-size: 12px;
    color: #9b9b9b;
    text-transform: uppercase;
    user-select: none;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.32px;
    border-bottom: 1px solid #cacaca;
    position: sticky;
    background: #f6f8f9;
    white-space: nowrap;
    z-index: 0; }
    .d3-sortable-table table th:first-of-type {
      border-left: 1px solid transparent; }
    .d3-sortable-table table th:last-of-type {
      border-right: 1px solid transparent; }
    .d3-sortable-table table th:hover {
      background: #e8eaed; }
    .d3-sortable-table table th span.sort-arrows {
      margin-left: 8px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -9px; }
      .d3-sortable-table table th span.sort-arrows .fas {
        display: block;
        height: 8px;
        color: #cacaca; }
    .d3-sortable-table table th.flexed-cell .header-icon {
      margin-left: 8px;
      color: #4a4a4a; }
    .d3-sortable-table table th.flexed-cell .box-popup {
      float: unset; }
      .d3-sortable-table table th.flexed-cell .box-popup i {
        font-size: 12px; }
      .d3-sortable-table table th.flexed-cell .box-popup div {
        padding: 8px;
        width: 140px; }
      .d3-sortable-table table th.flexed-cell .box-popup p {
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.28px;
        text-transform: initial;
        white-space: initial; }
    .d3-sortable-table table th.active {
      color: #313d98; }
    .d3-sortable-table table th.active span .fas {
      color: #9b9b9b; }
    .d3-sortable-table table th.active.asc span .fas.fa-caret-up {
      color: #313d98; }
    .d3-sortable-table table th.active.desc span .fas.fa-caret-down {
      color: #313d98; }
    .d3-sortable-table table th .popup-container {
      display: inline-block;
      float: right; }
  .d3-sortable-table table tr {
    background: white; }
    .d3-sortable-table table tr td:first-of-type {
      border-left: 1px solid transparent; }
    .d3-sortable-table table tr td:last-of-type {
      border-right: 1px solid transparent; }
    .d3-sortable-table table tr:first-child th {
      border-top: 1px solid transparent; }
    .d3-sortable-table table tr:last-child td {
      border-bottom: 1px solid transparent; }
    .d3-sortable-table table tr.checked, .d3-sortable-table table tr:hover {
      background: #fafafa; }
      .d3-sortable-table table tr.checked td, .d3-sortable-table table tr:hover td {
        border-top: 1px solid #313d98;
        border-bottom: 1px solid #313d98; }
        .d3-sortable-table table tr.checked td:first-of-type, .d3-sortable-table table tr:hover td:first-of-type {
          border-left: 1px solid #313d98; }
        .d3-sortable-table table tr.checked td:last-of-type, .d3-sortable-table table tr:hover td:last-of-type {
          border-right: 1px solid #313d98; }
    .d3-sortable-table table tr.checked + .clickable:hover td,
    .d3-sortable-table table tr.clickable:hover + .checked.is-non-leaf td,
    .d3-sortable-table table tr.checked + .checked td,
    .d3-sortable-table table tr.checked + .is-non-leaf.checked td,
    .d3-sortable-table table tr:hover + .checked td,
    .d3-sortable-table table tr.clickable:hover + .highlighted td,
    .d3-sortable-table table tr.highlighted + .clickable:hover td {
      border-top-color: transparent; }
  .d3-sortable-table table .fas.fa-filter {
    color: #9b9b9b; }
    .d3-sortable-table table .fas.fa-filter.active {
      color: #313d98; }
  .d3-sortable-table table .checkbox-cell {
    width: 15px; }
    .d3-sortable-table table .checkbox-cell div.checkbox .label {
      display: none; }
  .d3-sortable-table table .empty-cell {
    pointer-events: none; }
  .d3-sortable-table table .languages {
    margin-bottom: 0px;
    flex-wrap: wrap; }
    .d3-sortable-table table .languages .tag,
    .d3-sortable-table table .languages .language-name-tooltip {
      border-radius: 3px; }
    .d3-sortable-table table .languages .tag {
      font-size: 11px;
      margin: 0 3px 6px 0;
      padding: 4px;
      color: #1b1c1d;
      background: #f5f5f5; }
      .d3-sortable-table table .languages .tag:hover + div {
        display: block; }
    .d3-sortable-table table .languages .language-name-tooltip {
      background: #525252;
      color: white;
      display: none;
      font-size: 12px;
      padding: 8px 12px;
      position: fixed; }

.d3-sortable-table .blur {
  position: relative; }
  .d3-sortable-table .blur > td {
    filter: blur(1px); }
  .d3-sortable-table .blur .deleting {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.d3-sortable-table .text-align-center {
  text-align: center; }

.d3-sortable-table .view-more-container {
  background: white;
  text-align: center; }
  .d3-sortable-table .view-more-container .view-more-button {
    color: #313d98;
    margin-bottom: 20px;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500; }

.d3-sortable-table .view-more-with-table-pages {
  background: white;
  text-align: center; }
  .d3-sortable-table .view-more-with-table-pages .page-numbers {
    margin-bottom: 6px; }
    .d3-sortable-table .view-more-with-table-pages .page-numbers .page-button {
      min-width: 15px;
      outline: none;
      border-bottom: 2px solid transparent; }
    .d3-sortable-table .view-more-with-table-pages .page-numbers .current-page-number {
      color: #313d98;
      border-radius: 0px;
      border-bottom: 2px solid #313d98; }
  .d3-sortable-table .view-more-with-table-pages .expand-button {
    outline: none;
    color: #313d98; }

.d3-sortable-table .page-numbers.page-numbers-pagination .rc-pagination {
  padding: 10px 0; }

.d3-sortable-table .page-numbers .rc-pagination {
  list-style-type: none;
  display: flex;
  align-items: center; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-item {
    position: relative;
    line-height: 1.5;
    letter-spacing: 0.38px;
    margin-left: 16px;
    font-size: 16px;
    min-width: inital;
    cursor: pointer; }
    .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-item:nth-child(2) {
      margin-left: 0px; }
    .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-item a {
      color: #4a4a4a; }
  .d3-sortable-table .page-numbers .rc-pagination li.rc-pagination-disabled {
    display: none; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-item-active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: calc(100% + 4px);
    height: 2px;
    background: #313d98;
    transform: translateX(-50%); }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-item-active a {
    color: #313d98; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-next button:after,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-prev button:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    transform-origin: center;
    border-top: 3px solid #4a4a4a; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-next button:after {
    border-right: 3px solid #4a4a4a;
    transform: rotate(45deg);
    margin-left: 4px; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-prev button:before {
    transform: rotate(-45deg);
    border-left: 3px solid #4a4a4a;
    margin-right: 4px; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-prev button,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-next button,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-jump-prev button,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-jump-next button {
    font-size: 16px;
    border: none;
    margin: 0;
    min-width: initial;
    cursor: pointer; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-prev button,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-next button {
    display: flex;
    align-items: center;
    outline: none; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-prev button {
    margin-right: 12px; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-next button {
    margin-left: 12px; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-jump-next button:after,
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-jump-prev button:after {
    display: block;
    content: '...'; }
  .d3-sortable-table .page-numbers .rc-pagination .rc-pagination-jump-next {
    position: relative;
    left: 14px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.sub-menu {
  background: #f4f4f4;
  border-radius: 3px;
  margin: 0 10px;
  padding: 20px; }

.ellipsify, .tag-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .d3-tags .tagify .tagify__input, .tag-dropdown {
  border-radius: 3px; }
  .border-radius.two, .d3-tags .tagify .two.tagify__input, .two.tag-dropdown {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .d3-tags .tagify .three.tagify__input, .three.tag-dropdown {
    border-radius: 3px; }
  .border-radius.four, .d3-tags .tagify .four.tagify__input, .four.tag-dropdown {
    border-radius: 4px; }
  .border-radius.five, .d3-tags .tagify .five.tagify__input, .five.tag-dropdown {
    border-radius: 5px; }
  .border-radius.eight, .d3-tags .tagify .eight.tagify__input, .eight.tag-dropdown {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .d3-tags .tagify .tagify__input, .tag-dropdown {
  border-radius: 3px; }
  .border-radius.larger, .d3-tags .tagify .larger.tagify__input, .larger.tag-dropdown {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-tags {
  width: 100%;
  --tag-bg: #009782 !important;
  --tag-hover: #009782 !important;
  --tag-text-color: white !important;
  --placeholder-color: #fdfdfd; }
  .d3-tags .tagify {
    border: none; }
    .d3-tags .tagify .tagify__input {
      background: #e7f8fe;
      padding: 5px 10px; }
      .d3-tags .tagify .tagify__input:focus-within {
        background: #cff0fd; }
    .d3-tags .tagify .tagify__tag {
      margin: 2px; }
      .d3-tags .tagify .tagify__tag .tagify__tag__removeBtn {
        display: none; }
      .d3-tags .tagify .tagify__tag:hover .tagify__tag__removeBtn {
        display: inline-flex; }

.has-error .d3-tags {
  --placeholder-color: $error-red; }
  .has-error .d3-tags .tagify {
    border: none; }
    .has-error .d3-tags .tagify .tagify__input,
    .has-error .d3-tags .tagify .tagify__input:focus-within {
      color: #cb2d2d;
      background: #fdf7f6;
      border: 1px solid #cb2d2d; }

.tag-dropdown {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  margin-top: 4px; }
  .tag-dropdown .tagify__dropdown__wrapper {
    border: none;
    padding: 8px 12px 0; }
    .tag-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item {
      background: #009782;
      color: white;
      width: fit-content;
      padding: 6px 8px;
      max-width: 100%;
      margin-bottom: 8px;
      transition: 0.13s ease-out; }
      .tag-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item.redTag {
        display: none; }
    .tag-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item--active {
      filter: contrast(2); }

.tagify__tag > .redTag::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) #cb2d2d inset; }

.redTag:hover::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) #cb2d2d inset !important; }

.redTag::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) #cb2d2d inset !important; }

.tagify--mix .tagify__input::before {
  color: black; }

textarea.d3-textarea {
  display: block;
  resize: none;
  outline: none;
  border: 1px solid transparent;
  background: #e7f8fe;
  border-radius: 3px; }
  textarea.d3-textarea textarea:focus-within {
    background: #cff0fd !important; }
  textarea.d3-textarea.has-error {
    background: #fdf7f6 !important;
    border: solid 1px #cb2d2d;
    color: #cb2d2d; }
  textarea.d3-textarea.has-error, textarea.d3-textarea.has-error::placeholder {
    color: #cb2d2d !important;
    border-color: #cb2d2d !important; }

span.char-limit {
  margin: 0px 12px;
  font-size: 12px;
  position: absolute; }

.text-overflow-wrap .popup-container {
  width: 100%; }

.text-overflow-wrap .text-overflow {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-overflow-wrap .popup {
  width: 100%;
  word-break: break-word; }

.rc-time-picker.d3-time-picker.has-error input.rc-time-picker-input {
  color: #cb2d2d;
  border: 1px solid #cb2d2d;
  background: #fdf7f6; }

.rc-time-picker.d3-time-picker.disabled input.rc-time-picker-input {
  pointer-events: none;
  background: #dedede;
  opacity: 0.5; }

.rc-time-picker.d3-time-picker input.rc-time-picker-input {
  font-size: 14px;
  background: #e7f8fe;
  border: none;
  width: 100px;
  padding: 5px 10px;
  height: 40px;
  color: black;
  border-radius: 3px; }

.rc-time-picker.d3-time-picker .rc-time-picker-panel-select {
  width: 70px; }

.date-period-range .radio-group .option-wrapper .option-inner .rc-time-picker.d3-time-picker.time-input-range input.rc-time-picker-input {
  width: 160px;
  max-width: 160px; }

.rc-time-picker-panel {
  position: relative; }
  .rc-time-picker-panel .rc-time-picker-panel-select li.rc-time-picker-panel-select-option-selected {
    color: #000000;
    background: none;
    font-weight: 500; }
  .rc-time-picker-panel .rc-time-picker-panel-select li:hover {
    background: #cff0fd; }
  .rc-time-picker-panel .rc-time-picker-panel-input-wrap {
    background: #e7f8fe;
    padding: 5px 10px; }
    .rc-time-picker-panel .rc-time-picker-panel-input-wrap .rc-time-picker-panel-clear-btn {
      top: 12px; }
    .rc-time-picker-panel .rc-time-picker-panel-input-wrap input {
      height: 38px; }
  .rc-time-picker-panel .rc-time-picker-panel-inner {
    background: #e7f8fe;
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 14px;
    width: 120px; }
    .rc-time-picker-panel .rc-time-picker-panel-inner .rc-time-picker-panel-combobox .rc-time-picker-panel-select {
      font-size: 14px; }

.timepicker-overlay .rc-time-picker-panel-inner {
  width: 270px;
  padding: 18px;
  display: flex;
  flex-direction: column; }
  .timepicker-overlay .rc-time-picker-panel-inner .timepicker-overlay-toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 30px; }
    .timepicker-overlay .rc-time-picker-panel-inner .timepicker-overlay-toggle .popup-container .popup {
      padding: 8px; }

.upload-input {
  min-height: 350px;
  background: white;
  border: 4px dashed #e5e8ea;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 20px; }
  .upload-input .file {
    border-radius: 3px;
    background: #c1c1c1;
    border: 1px solid transparent; }
    .upload-input .file .flexed {
      width: 100%;
      color: white;
      margin-bottom: 8px; }
      .upload-input .file .flexed i {
        color: white; }
  .upload-input .custom-button {
    margin: 0;
    box-shadow: none; }
    .upload-input .custom-button div.upload-prompt p {
      color: #313d98;
      font-size: 20px; }
      .upload-input .custom-button div.upload-prompt p:nth-of-type(2) {
        font-size: 16px; }
    .upload-input .custom-button div.upload-prompt svg {
      margin-right: 2px; }
      .upload-input .custom-button div.upload-prompt svg g {
        fill: #313d98; }
    .upload-input .custom-button div.upload-prompt .preview-wrap.preview-image {
      position: relative;
      width: 100%;
      height: 100%; }
      .upload-input .custom-button div.upload-prompt .preview-wrap.preview-image .change-text {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: white;
        z-index: 2; }
      .upload-input .custom-button div.upload-prompt .preview-wrap.preview-image img {
        max-height: 235px; }
    .upload-input .custom-button div.dragged-prompt {
      font-size: 16px;
      color: #343334; }
    .upload-input .custom-button div.file-type-restrictions {
      margin-top: 50px;
      color: #9b9b9b;
      font-size: 14px; }
    .upload-input .custom-button:hover {
      filter: none; }
  .upload-input.loaded {
    border: 4px solid #e5e8ea; }
    .upload-input.loaded .file {
      padding: 8px;
      border-radius: 3px;
      background: #c1c1c1;
      border: 1px solid transparent;
      max-width: 100%; }
      .upload-input.loaded .file .fa-file-alt {
        font-size: 48px; }
      .upload-input.loaded .file span.file-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px;
        text-align: left;
        width: 95%;
        font-weight: 500; }
      .upload-input.loaded .file .fas.fa-times {
        position: static;
        color: white;
        margin: 0;
        padding: 0;
        background: none; }
      .upload-input.loaded .file audio {
        width: 400px; }
      .upload-input.loaded .file video {
        max-height: 290px;
        max-width: 400px; }
  .upload-input .input-container {
    height: 345px;
    width: 100%; }
    .upload-input .input-container > .custom-button {
      height: 100%;
      width: 100%; }
    .upload-input .input-container i.fa-file {
      display: block;
      font-size: 45px;
      color: #9b9b9b; }
    .upload-input .input-container p {
      margin: 10px 0px; }
  .upload-input.dragged-over {
    border: 4px solid #cacaca; }
    .upload-input.dragged-over .input-container {
      pointer-events: none; }
  .upload-input.has-error {
    border: 1px solid #cb2d2d;
    background: #fdf7f6; }
    .upload-input.has-error * {
      background: #fdf7f6; }
    .upload-input.has-error .input-container {
      background: #fdf7f6; }
    .upload-input.has-error .custom-button p,
    .upload-input.has-error .custom-button .upload-prompt p {
      color: #cb2d2d; }
  .upload-input.valid-drag {
    border: 4px solid #cacaca !important;
    background: #e7f8fe !important; }
    .upload-input.valid-drag * {
      background: #e7f8fe !important; }
    .upload-input.valid-drag .input-container {
      background: #e7f8fe !important; }
    .upload-input.valid-drag .custom-button p,
    .upload-input.valid-drag .custom-button .upload-prompt p {
      color: #343334; }
  .upload-input.loading .input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row; }
    .upload-input.loading .input-container .d3-loader-container {
      width: 60px;
      height: 60px; }

.upload-input,
.upload-input .input-container {
  background: #e7f8fe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.input-container.image {
  position: relative; }
  .input-container.image:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease; }
  .input-container.image .change-text {
    opacity: 0;
    transition: opacity 0.3s ease; }
  .input-container.image:hover:after,
  .input-container.image:hover .change-text {
    opacity: 1; }

video {
  width: 100%; }
  video.pip {
    height: 100px; }

.warning-text {
  margin-left: 15px;
  color: #cb2d2d; }
  .warning-text i {
    margin-right: 5px;
    cursor: pointer; }

/*
Application Settings Go Here
------------------------------------
This file acts as a bundler for all variables/mixins/themes, so they
can easily be swapped out without `core.scss` ever having to know.

For example:

@import './variables/colors';
@import './variables/components';
@import './themes/default';
*/
.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

html {
  box-sizing: border-box; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
p,
div,
a,
span,
button,
textarea,
input,
li {
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  color: inherit;
  margin: 0px;
  padding: 0;
  background: transparent; }

.d3-editor,
textarea,
input {
  color: black; }

a:hover {
  cursor: pointer; }

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

html,
body {
  background: #f6f8f9 !important; }

body {
  overflow-x: auto !important;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-family: 'canada-type-gibson', sans-serif !important;
  font-style: normal;
  color: #343334 !important; }
  body b {
    font-weight: 500; }
  body h1,
  body h2,
  body h3,
  body h4 {
    margin-bottom: 16px; }
  body h5,
  body h6 {
    font-weight: 500;
    margin-bottom: 16px;
    letter-spacing: 0.55px; }
  body h6 {
    margin-bottom: 6px; }
  body p {
    margin-bottom: 12px;
    letter-spacing: 0.1px;
    line-height: 1.2; }
  body input,
  body textarea {
    outline: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    background: #e7f8fe; }
    body input:focus-within,
    body textarea:focus-within {
      background: #cff0fd !important; }
  body label {
    display: block; }
  body a {
    color: #313d98;
    cursor: pointer; }
    body a:hover {
      color: #151a41; }
    body a:active {
      color: black;
      text-shadow: 0 0 0.24px black; }

.table-header {
  background: #f4f4f4;
  padding: 10px;
  height: 40px; }
  .table-header h5 {
    color: #525e67;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    display: inline-block; }

.search-bar {
  position: absolute;
  right: 80px;
  border-bottom: 1px solid #77c4fe; }
  .search-bar input {
    font-size: 18px;
    font-weight: 300;
    width: 160px;
    background: transparent;
    border: 0px; }
    .search-bar input::-webkit-input-placeholder {
      color: #cacaca; }
    .search-bar input:focus {
      outline: none; }
  .search-bar button {
    border: none;
    background: transparent;
    color: #77c4fe; }
    .search-bar button i {
      font-size: 16px; }

.text-align.right {
  text-align: right; }

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

.page-selector {
  display: inline;
  text-align: right; }
  .page-selector .fa {
    display: inline;
    font-size: 16px; }
  .page-selector .fa-arrow-left,
  .page-selector .fa-arrow-right,
  .page-selector span {
    user-select: none;
    padding: 0px 10px;
    color: #879b9c; }
    .page-selector .fa-arrow-left:hover,
    .page-selector .fa-arrow-right:hover,
    .page-selector span:hover {
      cursor: pointer; }
  .page-selector i.disabled {
    visibility: hidden; }
  .page-selector span {
    color: #9b9b9b; }
    .page-selector span.active {
      color: black; }
      .page-selector span.active:hover {
        cursor: default; }

.custom-input {
  border: none;
  border-radius: 4px;
  font-weight: 300; }
  .custom-input:focus {
    outline: none; }
  .custom-input::placeholder {
    color: #cacaca; }

.clickable:hover {
  cursor: pointer; }

.clearfix::after {
  content: '';
  clear: both;
  display: table; }

.ellipsed {
  overflow-x: hidden;
  whitespace: nowrap;
  text-overflow: ellipsis; }

.nowrap {
  white-space: nowrap; }

.microcopy {
  color: #7b7a7b;
  font-size: 12px; }

.label-small {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.65px;
  margin-top: 12px;
  margin-bottom: 6px !important;
  text-transform: uppercase; }
  .label-small.med-font {
    font-size: 14px; }
  .label-small.no-margin-top {
    margin-top: 0; }
  .label-small.no-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

h5.label-small {
  margin-top: 24px;
  margin-bottom: 8px !important; }

.label-medium {
  color: #343334;
  font-size: 14px;
  font-weight: 500; }

.label-large {
  color: #343334;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px; }
  .label-large.light-grey {
    color: #9b9b9b; }

.noty_layout_mixin, #noty_layout__bottomRight, #noty_layout__topCenter {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 520px; }

#noty_layout__topCenter {
  width: 900px !important;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1) !important; }

.noty_bar {
  border-radius: 8px !important;
  background: #545454 !important;
  box-shadow: none !important; }
  .noty_bar.noty_type__error {
    background: #ffb7b7 !important; }
    .noty_bar.noty_type__error .noty_body {
      color: #343334 !important; }
      .noty_bar.noty_type__error .noty_body i.first {
        color: #cb2d2d; }
    .noty_bar.noty_type__error .noty_progressbar {
      background: #cb2d2d !important;
      opacity: 0 !important; }
  .noty_bar .noty_progressbar {
    background: #343334 !important;
    opacity: 1 !important; }
  .noty_bar .noty_body {
    min-height: 48px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fafbfb !important;
    font-weight: 400 !important;
    font-size: 16px;
    letter-spacing: 0.38px; }
    .noty_bar .noty_body i.first {
      font-size: 20px;
      margin-right: 16px;
      color: #8bd5b8; }
    .noty_bar .noty_body i.last {
      font-size: 16px;
      margin-left: 24px; }
  .noty_bar .noty_close_button {
    background: none;
    color: #cb2d2d;
    font-size: 20px; }

.noty_buttons {
  padding: 0px 0px 10px 10px !important; }
  .noty_buttons .noty-btn {
    border: none;
    outline: none;
    color: #cb2d2d;
    background: transparent; }
    .noty_buttons .noty-btn:hover {
      cursor: pointer; }

.ellipsify, .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown .dropbar-content > div, .navbar-wrapper .navbar .main .dropbar .dropbar-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before, .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn {
  position: relative; }
  .fa-icon-before:before, .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.navbar-wrapper {
  width: calc(100% - 240px);
  position: absolute;
  right: 0;
  top: 0; }
  .navbar-wrapper.hide {
    position: fixed; }
  .navbar-wrapper.full {
    width: 100%; }
    .navbar-wrapper.full .navbar-placeholder,
    .navbar-wrapper.full .navbar {
      width: 100%; }
      .navbar-wrapper.full .navbar-placeholder .main.alt,
      .navbar-wrapper.full .navbar .main.alt {
        max-width: 900px; }
  .navbar-wrapper .navbar-placeholder {
    width: calc(100% - 240px);
    height: 60px;
    position: fixed;
    right: 0; }
  .navbar-wrapper .navbar {
    width: calc(100% - 240px);
    position: fixed;
    z-index: 102;
    height: 60px;
    background: white;
    right: 0;
    top: 0;
    left: 240px;
    padding: 0px 120px;
    border-bottom: 1px solid #e8eaed;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .navbar-wrapper .navbar.consent-nav {
      z-index: 103;
      left: 0; }
    .navbar-wrapper .navbar h4 {
      text-transform: capitalize;
      margin-bottom: 0;
      font-weight: 500;
      color: #525252;
      letter-spacing: 0.38px;
      margin: 12px 8px 4px 14px;
      font-size: 18px;
      white-space: nowrap; }
    .navbar-wrapper .navbar .d3-dropdown .dropbar,
    .navbar-wrapper .navbar .d3-dropdown.open .dropbar {
      border: none;
      min-height: 0px; }
    .navbar-wrapper .navbar .d3-dropdown.open .menu {
      border-top: 1px solid #cacaca;
      top: 39.5px;
      padding: 0px; }
    .navbar-wrapper .navbar .d3-dropdown .dropbar {
      align-items: center;
      text-align: center; }
      .navbar-wrapper .navbar .d3-dropdown .dropbar .dropbar-content {
        max-width: 200px; }
    .navbar-wrapper .navbar .navbar-link,
    .navbar-wrapper .navbar .dropbar,
    .navbar-wrapper .navbar .menu-item {
      font-size: 16px;
      padding: 0px 15px; }
    .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown .menu-item {
      width: 400px;
      background: white; }
      .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown .menu-item:hover {
        background: #e5e8ea;
        color: #313d98; }
    .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown .dropbar-content {
      display: flex;
      align-items: center; }
    .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown.open .menu {
      border: none;
      right: 0px; }
    .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown img {
      height: 20px;
      margin-right: 10px; }
    .navbar-wrapper .navbar .main,
    .navbar-wrapper .navbar .user-dropdown {
      vertical-align: middle; }
    .navbar-wrapper .navbar .main {
      width: -webkit-fill-available;
      height: 100%;
      display: inline-flex;
      align-items: center; }
      .navbar-wrapper .navbar .main img {
        height: 46px;
        margin-right: 25px; }
      .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown {
        max-width: 250px;
        min-width: 150px;
        margin-right: 15px;
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca; }
        .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu {
          left: -134px;
          display: flex;
          width: max-content; }
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .left,
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right {
            border-top: none; }
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .left {
            border-left: none; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .left .menu-item {
              min-width: 133px;
              width: 133px; }
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right {
            border-right: none;
            border-left: none;
            max-height: 600px; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right tr:last-child td {
              border-bottom: none; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right.studies {
              overflow-y: auto;
              overflow-x: hidden; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .menu-item {
              text-align: left;
              min-width: 229px;
              padding-left: 40px;
              position: relative; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:before {
              top: 12px;
              left: 15px;
              font-size: 14px;
              content: '\f03a'; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:hover:before {
              font-weight: 400; }
            .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .right .test {
              position: absolute;
              left: 9px;
              bottom: 10px;
              font-size: 12px;
              color: #00b9cf; }
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .menu .test {
            position: absolute;
            left: 9px;
            bottom: 10px;
            font-size: 12px;
            color: #00b9cf; }
        .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .study-user-btn {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-around; }
          .navbar-wrapper .navbar .main .d3-dropdown.studies-dropdown .study-user-btn.selected:after {
            position: absolute;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            color: #0d60a6;
            content: '\f0da';
            right: 10px; }
      .navbar-wrapper .navbar .main .navbar-link.underlined,
      .navbar-wrapper .navbar .main .d3-dropdown.underlined {
        position: relative;
        color: #0d60a6; }
        .navbar-wrapper .navbar .main .navbar-link.underlined:after,
        .navbar-wrapper .navbar .main .d3-dropdown.underlined:after {
          position: absolute;
          content: '';
          display: block;
          width: 80%;
          height: 2px;
          left: 0px;
          right: 0px;
          margin: auto;
          bottom: -7px;
          background: #0d60a6; }
      .navbar-wrapper .navbar .main .d3-dropdown.underlined td {
        color: black; }
        .navbar-wrapper .navbar .main .d3-dropdown.underlined td.selected, .navbar-wrapper .navbar .main .d3-dropdown.underlined td:hover {
          color: inherit; }
    .navbar-wrapper .navbar .main.alt {
      max-width: 970px;
      min-width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto; }
      .navbar-wrapper .navbar .main.alt > div:first-of-type {
        display: flex;
        align-items: center; }
      .navbar-wrapper .navbar .main.alt div {
        height: auto; }
      .navbar-wrapper .navbar .main.alt .back-link,
      .navbar-wrapper .navbar .main.alt img {
        display: inline-block;
        vertical-align: middle; }
      .navbar-wrapper .navbar .main.alt .back-link {
        color: #1b1c1d;
        cursor: pointer;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        margin-right: 12px;
        white-space: nowrap; }
        .navbar-wrapper .navbar .main.alt .back-link i.fas {
          margin-right: 8px; }
      .navbar-wrapper .navbar .main.alt .custom-button.grey {
        margin: 0;
        position: fixed;
        right: 28px; }
    .navbar-wrapper .navbar .lock-banner {
      background-color: #e8eaed;
      border-radius: 3px;
      height: 40px;
      min-width: 330px;
      padding: 9px 12px;
      white-space: nowrap; }
      .navbar-wrapper .navbar .lock-banner .lock-text {
        font-family: inherit;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.21;
        letter-spacing: 0.33px;
        color: #343334; }
      .navbar-wrapper .navbar .lock-banner .lock-image {
        width: 18px;
        height: 21px;
        margin-right: 8px; }
      .navbar-wrapper .navbar .lock-banner.payments {
        margin-right: 70px; }
  .navbar-wrapper .navbar.disabled:hover,
  .navbar-wrapper .navbar.disabled img:hover {
    cursor: wait; }

@media only screen and (max-width: 1940px) {
  .navbar-wrapper .navbar .main.alt {
    margin: 0; } }

.ellipsify, .sidebar .d3-dropdown.sidebar-dropdown .dropbar-content > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.sidebar-placeholder {
  background: #fdfdfd;
  width: 240px;
  position: fixed;
  height: 100%;
  z-index: 102; }
  .sidebar-placeholder .d3-loader-container {
    position: fixed; }

.sidebar {
  width: 240px;
  color: #9b9b9b;
  padding-top: 2px;
  height: 100%;
  border-right: 1px solid #e8eaed; }
  .sidebar .sidebar-datacubed {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.2625px;
    color: #9b9b9b;
    display: block;
    text-align: right;
    padding-right: 3px; }
  .sidebar .sidebar-header {
    margin: auto;
    width: 235px;
    height: 60px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.28px;
    color: #343334;
    padding: 10px; }
    .sidebar .sidebar-header .flexed {
      margin-left: 12px;
      margin-right: 16px; }
    .sidebar .sidebar-header .sidebar-title {
      font-size: 14px;
      color: #343334;
      font-weight: 500;
      line-height: 16px;
      letter-spacing: 0.2625px; }
    .sidebar .sidebar-header .sidebar-subtitle {
      display: block;
      font-size: 12px;
      line-height: 1.42;
      letter-spacing: 0;
      font-weight: 400;
      color: #7b7a7b; }
    .sidebar .sidebar-header.header-study {
      background-color: #052947; }
      .sidebar .sidebar-header.header-study .flexed {
        margin-left: 0;
        margin-right: 12px; }
      .sidebar .sidebar-header.header-study i {
        padding: 0px 10px;
        color: #9b9b9b; }
      .sidebar .sidebar-header.header-study span {
        color: white; }
      .sidebar .sidebar-header.header-study .flexed {
        background-color: white;
        padding: 7px;
        border-radius: 5px; }
        .sidebar .sidebar-header.header-study .flexed .char {
          font-size: 30px;
          font-weight: 500;
          letter-spacing: 0.75px;
          color: #052947;
          text-transform: capitalize;
          width: 22px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .sidebar .sidebar-header.header-study .flexed.logo {
          background: transparent;
          padding: 0; }
          .sidebar .sidebar-header.header-study .flexed.logo img {
            border-radius: 5px;
            width: 36px;
            height: 36px; }
    .sidebar .sidebar-header i.fa-chevron-left {
      color: white;
      padding: 0;
      margin-right: 12px;
      cursor: pointer; }
    .sidebar .sidebar-header.dark {
      background-color: #343334; }
      .sidebar .sidebar-header.dark span,
      .sidebar .sidebar-header.dark i {
        color: white; }
      .sidebar .sidebar-header.dark svg {
        margin-left: 10px;
        fill: #313d98;
        height: 22px;
        width: 22px; }
      .sidebar .sidebar-header.dark .flexed {
        margin-left: 0px;
        margin-right: 0px; }
    .sidebar .sidebar-header svg {
      fill: #052947;
      height: 22px;
      width: 22px; }
  .sidebar .main {
    height: 100%;
    overflow: auto;
    padding-bottom: 150px; }
  .sidebar .d3-insights.callout {
    position: absolute;
    z-index: 1000;
    top: 175px;
    width: 300px;
    margin-bottom: 15px;
    height: auto;
    left: 20px;
    padding: 15px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    box-shadow: 0 0 10px #c1c1c1;
    background: #ffe893;
    color: #343334;
    display: flex;
    flex-direction: column; }
    .sidebar .d3-insights.callout:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      left: 44px;
      top: -33px;
      border: 9px solid transparent;
      border-bottom: 24px solid #cacaca;
      z-index: 2; }
    .sidebar .d3-insights.callout:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      left: 45px;
      top: -31px;
      border: 8px solid transparent;
      border-bottom: 24px solid #ffe893;
      z-index: 3; }
    .sidebar .d3-insights.callout h6 {
      margin: 0 0 10px 0; }
    .sidebar .d3-insights.callout p {
      font-size: 14px; }
    .sidebar .d3-insights.callout .custom-button.link {
      align-self: flex-end;
      margin: 0; }
  .sidebar h5 {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.65px;
    margin: 24px 23px 2px 15px; }
    .sidebar h5:first-of-type {
      margin-top: 28px; }
  .sidebar h6 {
    color: #545454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.65px;
    margin: 24px 23px 10px 15px; }
    .sidebar h6:first-of-type {
      margin-top: 24px; }
  .sidebar .participants-wrapper {
    cursor: pointer; }
  .sidebar .auditInsights-wrapper button div {
    flex: 1;
    text-align: left; }
  .sidebar .sidebar-link {
    display: flex;
    padding: 8px 0 8px 16px;
    position: relative;
    align-items: center;
    height: fit-content;
    min-height: 40px;
    font-size: 16px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
    width: 100%;
    margin: 0;
    color: #343334;
    background: #fdfdfd;
    border-left: 4px solid transparent; }
    .sidebar .sidebar-link svg {
      height: 18px;
      width: 18px;
      margin: 0 12px 2px 0;
      fill: #899199; }
      .sidebar .sidebar-link svg.sidebarNotificationIcon {
        margin-left: auto;
        margin-right: 18px;
        width: 26px;
        height: 18px; }
    .sidebar .sidebar-link i {
      color: #899199;
      font-weight: 300;
      width: 18px; }
      .sidebar .sidebar-link i.fa.fa-lock {
        width: 11px;
        height: 13px;
        position: absolute;
        color: #ff8b3d;
        left: 10px;
        top: 18px;
        text-shadow: 1px -1px 0px #fdfdfd; }
    .sidebar .sidebar-link:first-of-type {
      margin-top: 0; }
    .sidebar .sidebar-link:hover {
      background: #dddddd;
      color: #313d98; }
      .sidebar .sidebar-link:hover svg {
        fill: #313d98; }
      .sidebar .sidebar-link:hover i {
        color: #313d98; }
      .sidebar .sidebar-link:hover .fa.fa-lock {
        text-shadow: 1px -1px 0px #dddddd; }
    .sidebar .sidebar-link.selected {
      color: #343334;
      font-weight: 400;
      background: #e8eaed;
      border-left: 4px solid #81d6ca; }
      .sidebar .sidebar-link.selected svg {
        fill: #343334; }
      .sidebar .sidebar-link.selected i {
        color: #343334; }
      .sidebar .sidebar-link.selected .fa.fa-lock {
        text-shadow: 1px -1px 0px #e8eaed; }
    .sidebar .sidebar-link .sidebar-link-text {
      max-width: 150px;
      text-align: start; }
      .sidebar .sidebar-link .sidebar-link-text.full-width {
        flex: 1; }
    .sidebar .sidebar-link.insights {
      height: auto;
      align-items: flex-start;
      position: relative;
      display: inline-flex; }
      .sidebar .sidebar-link.insights svg {
        margin-top: 4px; }
      .sidebar .sidebar-link.insights .sidebar-link-text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        .sidebar .sidebar-link.insights .sidebar-link-text:hover::after {
          content: attr(data-fulltext);
          position: absolute;
          left: 0;
          top: 110%;
          background: rgba(0, 0, 0, 0.8);
          color: #fff;
          padding: 6px 8px;
          border-radius: 4px;
          white-space: normal;
          font-size: 14px;
          z-index: 100;
          display: block;
          max-width: 200px;
          width: max-content;
          text-align: left; }
  .sidebar .d3-dropdown .dropbar,
  .sidebar .d3-dropdown.open .dropbar {
    border: none;
    min-height: 0px; }
  .sidebar .d3-dropdown.open .menu {
    border-top: 1px solid #cacaca;
    top: 39.5px;
    padding: 0px; }
  .sidebar .d3-dropdown .dropbar {
    align-items: center;
    text-align: center; }
    .sidebar .d3-dropdown .dropbar .dropbar-content {
      max-width: 200px; }
  .sidebar .popup-container {
    position: absolute;
    bottom: 0; }
    .sidebar .popup-container .popup {
      width: 150px; }
      .sidebar .popup-container .popup.right {
        top: auto;
        left: 100%; }
        .sidebar .popup-container .popup.right > .close-trigger > * {
          pointer-events: none; }
    .sidebar .popup-container .custom-button.sidebar-user-trigger {
      font-size: 14px;
      box-shadow: none;
      margin: 0px;
      width: 238px;
      background: #fdfdfd;
      color: #9b9b9b;
      padding: 16px 6px; }
      .sidebar .popup-container .custom-button.sidebar-user-trigger:hover {
        background: #acadb1;
        color: #343334; }
      .sidebar .popup-container .custom-button.sidebar-user-trigger .flexed {
        width: 187px;
        margin: 0 auto; }
      .sidebar .popup-container .custom-button.sidebar-user-trigger .icon-wrapper {
        position: relative; }
        .sidebar .popup-container .custom-button.sidebar-user-trigger .icon-wrapper .prof-pic-wrapper {
          display: flex;
          width: 46px;
          height: 46px;
          border-radius: 50%;
          overflow: hidden; }
          .sidebar .popup-container .custom-button.sidebar-user-trigger .icon-wrapper .prof-pic-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .sidebar .popup-container .custom-button.sidebar-user-trigger .icon-wrapper .alert {
          position: absolute;
          height: 15px;
          right: 0;
          top: 0; }
  .sidebar .d3-dropdown.sidebar-dropdown .menu-item {
    width: 400px;
    background: white; }
    .sidebar .d3-dropdown.sidebar-dropdown .menu-item:hover {
      background: #e5e8ea; }
  .sidebar .d3-dropdown.sidebar-dropdown .dropbar-content {
    display: flex;
    align-items: center; }
  .sidebar .d3-dropdown.sidebar-dropdown.open .menu {
    border: none;
    right: 0px; }
  .sidebar .d3-dropdown.sidebar-dropdown img {
    height: 20px;
    margin-right: 10px; }

.sidebar.not-allowed *:hover {
  cursor: not-allowed; }

.sidebar.not-allowed .popup-container.disabled {
  pointer-events: auto;
  opacity: 1; }

.previous-visits-tab-count {
  align-items: center;
  background: #cb2d2d;
  border-radius: 3px;
  color: white;
  display: flex;
  font-size: 14px;
  line-height: 14px;
  height: 20px;
  justify-content: center;
  min-width: 24px;
  position: absolute;
  right: 8px; }

.layout-container {
  min-height: 100%;
  height: 100%;
  width: calc(100% - 240px); }
  .layout-container .core-layout__viewport {
    display: flex;
    width: calc(100% - 240px);
    position: absolute;
    top: 60px;
    right: 0; }
    .layout-container .core-layout__viewport.full {
      width: 100%;
      z-index: 102; }

.create-user.page {
  width: 724px;
  margin: 0 auto;
  box-sizing: border-box; }
  .create-user.page .d3-container > .label-small {
    margin-bottom: 9px; }
  .create-user.page .d3-container,
  .create-user.page h1,
  .create-user.page .button-list {
    margin: 20px auto; }
  .create-user.page .delete-button {
    background: #cb2d2d;
    color: white; }
  .create-user.page .revoke-button {
    background: #f5912e;
    color: white; }
  .create-user.page .d3-container {
    display: flex;
    justify-content: space-between;
    padding: 30px 120px; }
    .create-user.page .d3-container .role-radios {
      margin: 10px 0;
      display: grid;
      grid-auto-flow: column;
      grid-gap: 10px; }
    .create-user.page .d3-container .role-name {
      font-size: 20px; }
    .create-user.page .d3-container .column a {
      margin-top: 10px;
      color: #313d98;
      display: block; }
      .create-user.page .d3-container .column a i {
        margin-right: 10px; }
    .create-user.page .d3-container .d3-dropdown .dropbar {
      padding: 10px; }
    .create-user.page .d3-container .user-profile {
      width: 100%; }
      .create-user.page .d3-container .user-profile a {
        text-align: center;
        max-width: 150px; }
      .create-user.page .d3-container .user-profile .d3-input {
        margin-bottom: 20px; }
      .create-user.page .d3-container .user-profile .link {
        margin: 0; }
      .create-user.page .d3-container .user-profile .user-details {
        margin: 30px 0 30px; }
        .create-user.page .d3-container .user-profile .user-details > div:nth-of-type(2) {
          width: 350px; }
        .create-user.page .d3-container .user-profile .user-details .email {
          font-size: 18px;
          text-decoration: none; }
        .create-user.page .d3-container .user-profile .user-details .label-small {
          margin-top: 0; }
    .create-user.page .d3-container .user-phone.alerted {
      border: 1px solid #cb2d2d;
      border-radius: 4px;
      margin: 0px;
      padding: 20px; }
    .create-user.page .d3-container .user-phone .alert-text {
      color: #cb2d2d; }
    .create-user.page .d3-container .user-phone .toggle {
      margin-bottom: 6px; }
      .create-user.page .d3-container .user-phone .toggle .label {
        font-size: 16px;
        color: #000000; }
    .create-user.page .d3-container .profile-pic {
      display: flex;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 1px solid #cacaca;
      overflow: hidden; }
      .create-user.page .d3-container .profile-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .create-user.page .d3-container .profile-pic svg {
        margin-top: 15px;
        width: 150px;
        height: 150px;
        border-radius: 50%; }
        .create-user.page .d3-container .profile-pic svg path {
          fill: #858386; }
    .create-user.page .d3-container .file-input {
      display: none; }
  .create-user.page.password {
    width: 100%;
    margin-top: -60px;
    height: 100vh;
    padding: 88px 120px; }
    .create-user.page.password .d3-container {
      width: 640px;
      padding: 80px 100px; }
      .create-user.page.password .d3-container p,
      .create-user.page.password .d3-container ul {
        font-size: 16px; }
      .create-user.page.password .d3-container ul {
        margin-bottom: 30px; }
        .create-user.page.password .d3-container ul li {
          list-style-type: none; }
          .create-user.page.password .d3-container ul li:not(:last-child) {
            margin-bottom: 6px; }
          .create-user.page.password .d3-container ul li svg {
            margin-right: 5px;
            fill: #dedede; }
            .create-user.page.password .d3-container ul li svg.checked {
              fill: #3db988; }
      .create-user.page.password .d3-container .custom-button {
        margin: 15px 0 0;
        padding: 9px 20px; }
      .create-user.page.password .d3-container label {
        margin-bottom: 4px; }
      .create-user.page.password .d3-container .d3-input {
        margin-bottom: 20px; }
        .create-user.page.password .d3-container .d3-input input {
          height: 50px;
          margin-top: 0; }
      .create-user.page.password .d3-container .error {
        font-weight: 500;
        background: #ffb7b7;
        margin-top: -55px;
        margin-left: -70px;
        padding: 10px;
        width: 580px; }
    .create-user.page.password .prompt {
      background: #f3ba8e;
      padding: 10px;
      width: 640px;
      margin: 0 auto; }
  .create-user.page .user-phone p,
  .create-user.page .user-phone .phone-number-input {
    margin-bottom: 12px; }
  .create-user.page .user-phone .phone-number-input .react-phone-number-input__input {
    border-color: transparent; }
    .create-user.page .user-phone .phone-number-input .react-phone-number-input__input:focus {
      border-color: transparent; }
  .create-user.page h6 {
    color: #343334;
    margin-top: 32px; }
  .create-user.page h5.study-name {
    font-size: 20px;
    font-weight: 500;
    color: #313d98;
    margin-bottom: 24px; }
  .create-user.page .change-password-form {
    padding: 32px 48px 24px;
    border: 1px solid #eceff0;
    position: relative; }
    .create-user.page .change-password-form .user-error svg {
      margin-right: 8px; }
    .create-user.page .change-password-form .user-error .error-text {
      color: #cb2d2d; }
    .create-user.page .change-password-form .user-pw-buttons {
      margin-top: 24px; }
    .create-user.page .change-password-form .change-password-header h5,
    .create-user.page .change-password-form .change-password-header .popup-container {
      display: inline-block; }
    .create-user.page .change-password-form .change-password-header h5 {
      margin-right: 10px; }
    .create-user.page .change-password-form .change-password-header i.fas.fa-info-circle {
      color: #343334;
      font-weight: 500; }
    .create-user.page .change-password-form .change-password-header .popup {
      width: 300px; }
    .create-user.page .change-password-form .d3-loader-container {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1; }

.d3-modal.existing-user-prompt .content {
  width: 700px;
  padding: 30px 36px 12px; }
  .d3-modal.existing-user-prompt .content h3 {
    font-weight: 500; }
  .d3-modal.existing-user-prompt .content h3,
  .d3-modal.existing-user-prompt .content strong {
    color: #000000; }

.create-user.send-state *:hover {
  cursor: wait; }

.custom-button.data-download {
  margin: 0;
  outline: none;
  margin-right: 5px; }
  .custom-button.data-download i {
    color: #313d98;
    margin-right: 5px; }

.permissions-table {
  color: #9b9b9b;
  font-size: 12px;
  margin: 20px auto;
  width: 500px; }
  .permissions-table table {
    width: 100%;
    background: #f3f7f9;
    border-collapse: collapse;
    border: 4px solid #f3f7f9; }
    .permissions-table table p {
      color: #666666; }
    .permissions-table table th,
    .permissions-table table td {
      padding: 10px; }
      .permissions-table table th li,
      .permissions-table table td li {
        list-style: none; }
      .permissions-table table th li::before,
      .permissions-table table td li::before {
        color: #9b9b9b;
        content: '\2022';
        font-size: 16px;
        margin-right: 7px; }
    .permissions-table table th {
      background: #f3f7f9;
      font-weight: 500;
      text-align: left; }
    .permissions-table table td {
      color: #fdfdfd; }
    .permissions-table table tr td:first-of-type {
      color: black;
      text-transform: capitalize;
      width: 45%; }
    .permissions-table table tr:nth-of-type(odd) {
      background: #fafbfb; }
  .permissions-table .permission-list li {
    display: flex;
    color: #666666;
    margin-bottom: 5px;
    margin-left: 5px; }
    .permissions-table .permission-list li:last-child {
      margin-bottom: 12px; }
  .permissions-table .permission-description {
    padding-left: 10px; }

@use 'sass:math';
.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .studies.page .study-box .sticker-container .test {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight, .studies.page .study-box .participant-box {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.studies.page {
  padding-top: 20px; }
  .studies.page h3 {
    font-size: 26px;
    font-weight: normal; }
  .studies.page .flexed-header,
  .studies.page .studies-list-wrapper {
    margin: 0 auto; }
  .studies.page .flexed-header {
    padding-top: 0;
    padding-bottom: 20px; }
  .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-title {
    color: #525252;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 8px; }
  .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option {
    margin-right: 16px;
    cursor: pointer; }
    .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sorting-text {
      color: #9b9b9b;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase; }
      .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sorting-text.active {
        color: #525252; }
    .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sort-arrows {
      margin-bottom: 8px;
      margin-left: 4px; }
      .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sort-arrows .fas {
        height: 4px;
        font-size: 12px;
        opacity: 0.2; }
        .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sort-arrows .fas:before {
          color: #525252; }
        .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sort-arrows .fas.active {
          opacity: 1; }
          .studies.page .studies-list-wrapper .sorting-filter-section .sorting-box .sorting-option .sort-arrows .fas.active:before {
            color: #313d98; }
  .studies.page .studies-list-wrapper .sorting-filter-section .filter-box {
    cursor: pointer; }
    .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-title-wrapper {
      margin-bottom: 12px; }
      .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-title-wrapper .feature-filter-title {
        color: #343334;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase; }
      .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-title-wrapper .cancel-btn {
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #313d98;
        font-size: 16px;
        font-weight: 400;
        display: flex;
        justify-content: flex-end; }
    .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-trigger {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 5px 10px;
      border-radius: 3px;
      background: #ededed; }
      .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-trigger .fas {
        color: #313d98; }
      .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-trigger .feature-filter-name {
        color: #343334;
        font-size: 14px; }
      .studies.page .studies-list-wrapper .sorting-filter-section .filter-box .feature-filter-trigger.active {
        background: #cff0fd; }
  .studies.page .studies-list-wrapper .studies-list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    padding-bottom: 24px; }
  .studies.page .filter-feature-list {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px; }
    .studies.page .filter-feature-list .filter-feature-item {
      display: flex;
      align-items: center;
      gap: 4px;
      background: #ededed;
      border-radius: 3px;
      padding: 5px 8px;
      cursor: pointer; }
  .studies.page .search-input {
    display: flex;
    align-items: start;
    margin-bottom: 14px; }
    .studies.page .search-input .fas {
      position: relative;
      right: 35px; }
      .studies.page .search-input .fas.fa-times {
        right: 30px; }
  .studies.page .no-results-section {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 148px; }
    .studies.page .no-results-section img {
      width: 56px;
      height: 60px; }
    .studies.page .no-results-section .no-results-title {
      color: #343334;
      font-size: 24px; }
    .studies.page .no-results-section .no-results-subtitle {
      color: #343334;
      font-size: 16px; }
  .studies.page .study-box {
    background: white;
    border-radius: 8px;
    position: relative;
    height: 275px;
    width: 320px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    border: none;
    transition: box-shadow 0.4s; }
    .studies.page .study-box > * {
      text-align: left; }
    .studies.page .study-box:hover, .studies.page .study-box:focus {
      outline: none;
      box-shadow: 0 1px 1px rgba(133, 155, 163, 0.07), 0 2px 2px rgba(133, 155, 163, 0.07), 0 4px 4px rgba(133, 155, 163, 0.07), 0 8px 8px rgba(133, 155, 163, 0.07), 0 16px 16px rgba(133, 155, 163, 0.07), 0 32px 32px rgba(133, 155, 163, 0.07); }
    .studies.page .study-box:active {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07); }
    .studies.page .study-box p {
      margin-bottom: 11px;
      font-size: 12px;
      line-height: 17px; }
    .studies.page .study-box h5,
    .studies.page .study-box h6 {
      font-weight: normal;
      width: 100%;
      word-break: break-word; }
    .studies.page .study-box h5 {
      letter-spacing: 0.38px;
      margin-bottom: 9px; }
    .studies.page .study-box span,
    .studies.page .study-box h6 {
      font-size: 14px; }
    .studies.page .study-box h6 {
      letter-spacing: 0.3px;
      line-height: 1.29; }
    .studies.page .study-box .fas.fa-trash {
      display: none;
      font-size: 20px;
      position: absolute;
      bottom: 24px;
      right: 24px;
      color: #cb2d2d; }
      .studies.page .study-box .fas.fa-trash:hover {
        filter: contrast(150%); }
    .studies.page .study-box .fas.fa-user {
      font-size: 13px;
      color: #313d98; }
    .studies.page .study-box .far.fa-calendar-alt {
      font-size: 13px;
      color: #313d98; }
    .studies.page .study-box .far.fa-gem {
      font-size: 14px; }
    .studies.page .study-box:hover .fas.fa-trash {
      display: inline-block; }
    .studies.page .study-box .sticker-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 12px;
      margin-bottom: 11px;
      width: 100%; }
      .studies.page .study-box .sticker-container .study-id {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.22px;
        color: #7b7a7b; }
      .studies.page .study-box .sticker-container .test {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ededed;
        padding: 1px 2.5px; }
      .studies.page .study-box .sticker-container .sticker {
        display: flex;
        align-items: center;
        justify-content: center; }
        .studies.page .study-box .sticker-container .sticker.lock {
          margin-left: 6px; }
          .studies.page .study-box .sticker-container .sticker.lock .fa-lock {
            margin: 0;
            color: #ff8b3d;
            font-size: 1.5em; }
    .studies.page .study-box.add-study {
      justify-content: center; }
      .studies.page .study-box.add-study span i {
        margin: 0px 15px;
        color: #3db988; }
    .studies.page .study-box .participant-box {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 16px; }
      .studies.page .study-box .participant-box .logo {
        width: 84px;
        height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: #f5f5f5;
        position: relative;
        overflow: hidden; }
        .studies.page .study-box .participant-box .logo .tools {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          display: flex;
          padding: 8px 8px 0;
          z-index: 1;
          transition: background 0.3s ease; }
          .studies.page .study-box .participant-box .logo .tools:hover {
            background: rgba(0, 0, 0, 0.2); }
            .studies.page .study-box .participant-box .logo .tools:hover .tool-button i {
              opacity: 1; }
          .studies.page .study-box .participant-box .logo .tools .tool-button {
            margin: 0;
            padding: 0;
            display: flex;
            width: auto;
            height: auto;
            border: none;
            background: none;
            margin-left: 10px; }
            .studies.page .study-box .participant-box .logo .tools .tool-button:first-child {
              margin-left: 0; }
            .studies.page .study-box .participant-box .logo .tools .tool-button.tool-pencil:before {
              content: '';
              position: absolute;
              bottom: 0;
              top: 0;
              right: 0;
              left: 0; }
            .studies.page .study-box .participant-box .logo .tools .tool-button i {
              font-size: 16px;
              color: white;
              opacity: 0;
              margin: 0; }
          .studies.page .study-box .participant-box .logo .tools .trash-icon {
            position: relative;
            z-index: 2; }
        .studies.page .study-box .participant-box .logo.symbol .tools {
          padding: 0;
          justify-content: center;
          align-items: center; }
          .studies.page .study-box .participant-box .logo.symbol .tools .tool-button .fa-pencil-alt {
            font-size: 18px; }
        .studies.page .study-box .participant-box .logo.img {
          background: white; }
          .studies.page .study-box .participant-box .logo.img .tools {
            justify-content: flex-end;
            align-items: flex-start; }
      .studies.page .study-box .participant-box .char {
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 0.75px;
        color: #ededed;
        text-transform: capitalize; }
      .studies.page .study-box .participant-box img {
        width: 100%;
        height: auto; }
      .studies.page .study-box .participant-box i {
        margin-right: 11px; }
      .studies.page .study-box .participant-box .ptp-text {
        margin-bottom: 12px; }
        .studies.page .study-box .participant-box .ptp-text span {
          letter-spacing: 0.33px; }
      .studies.page .study-box .participant-box .info {
        margin-left: 23px; }
    .studies.page .study-box .card-foot {
      width: 100%; }
      .studies.page .study-box .card-foot .date-created {
        position: relative; }
        .studies.page .study-box .card-foot .date-created p {
          margin-bottom: 0;
          color: #7b7a7b; }
        .studies.page .study-box .card-foot .date-created:hover .hover-text {
          display: block;
          top: 14px; }
    .studies.page .study-box .foot-icons {
      display: flex; }
    .studies.page .study-box .icon-name {
      position: relative;
      color: #b3b7d9;
      margin-right: 8px; }
      .studies.page .study-box .icon-name:last-child {
        margin-right: 0; }
      .studies.page .study-box .icon-name:hover {
        color: #757dba; }
      .studies.page .study-box .icon-name:hover .hover-text {
        display: block;
        right: 0; }
    .studies.page .study-box .hover-text {
      position: absolute;
      z-index: 1;
      border-radius: 3px;
      background: #525252;
      color: white;
      display: none;
      font-size: 12px;
      padding: 8px 12px;
      white-space: nowrap;
      top: 100%; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light {
  border-radius: 3px; }
  .border-radius.two, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .two.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .two.light, .create-study.page .d3-container .binary-config .data-sync-icon div,
  .create-study.page .d3-container .reward-field .data-sync-icon div {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .three.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .three.light {
    border-radius: 3px; }
  .border-radius.four, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .four.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .four.light {
    border-radius: 4px; }
  .border-radius.five, .create-study.page .d3-container .popup.bottom.xd, .create-study.page .d3-container .popup .cycle-popup, .create-study.page .d3-container .custom-button, .create-study.page .d3-container .selected-payout, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .five.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .five.light, .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse {
    border-radius: 5px; }
  .border-radius.eight, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .eight.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .eight.light {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light {
  border-radius: 3px; }
  .border-radius.larger, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .larger.custom-button,
  .create-study.page .d3-container .gift-cards-config .row.gem-buttons .larger.light {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before, .create-study.page .collapse-menu .title {
  position: relative; }
  .fa-icon-before:before, .create-study.page .collapse-menu .title:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

#expiration-input {
  width: 80px; }

.visit-error {
  display: none;
  margin: 16px 0px -15px 0px;
  color: #cb2d2d; }
  .visit-error svg {
    width: 15px;
    margin-right: 8px; }

.gift-card-item.item-container {
  min-width: 682px;
  height: 98px;
  padding: 10px;
  background-color: white;
  display: inline-flex;
  justify-content: space-between; }

.gift-card-item .six-dots {
  width: 12px;
  height: 18px;
  position: relative;
  left: 5px;
  top: 1px;
  display: block; }
  .gift-card-item .six-dots:hover {
    cursor: grab; }
  .gift-card-item .six-dots:active {
    cursor: grabbing; }
  .gift-card-item .six-dots .fas.fa-ellipsis-v {
    color: #cacaca; }

.gift-card-item .big-card-info {
  display: inline-flex;
  width: 250px;
  position: relative;
  left: -65px;
  margin-left: 10px; }

.gift-card-item .big-card {
  width: 112px;
  height: 68px;
  border-radius: 4px;
  background-image: linear-gradient(to left, #feefd7, #fbf3d5 0%); }
  .gift-card-item .big-card h5 {
    line-height: 1.33;
    letter-spacing: 0.32px;
    margin-top: 7px;
    margin-left: 7px;
    font-weight: normal; }
  .gift-card-item .big-card .rectangle {
    width: 100%;
    height: 17px;
    opacity: 0.7;
    background-image: linear-gradient(to left, #0a5492, #cfdfe4 100%);
    margin-bottom: 11px; }

.gift-card-item .card-info {
  max-width: 150px;
  margin-left: 10px; }
  .gift-card-item .card-info p {
    font-size: 14px; }
  .gift-card-item .card-info h6 {
    font-weight: normal; }
  .gift-card-item .card-info .little-card {
    display: flex; }
  .gift-card-item .card-info .gift-card-pay-icon {
    width: 22px;
    height: 12px;
    margin: 0 8px 0 0; }

.gift-card-item .show-info {
  position: relative;
  left: -60px;
  max-width: 180px; }
  .gift-card-item .show-info .eyes-container {
    display: flex;
    align-items: center; }
    .gift-card-item .show-info .eyes-container h6 {
      font-weight: normal;
      margin: 0; }
  .gift-card-item .show-info .fa-eye,
  .gift-card-item .show-info .fa-eye-slash {
    margin-right: 4px; }
  .gift-card-item .show-info .show-info-btn {
    font-size: 16px;
    padding-bottom: 6px;
    margin: 0 0 0 20px; }

.gift-card-item .three-dots-btn {
  width: 20px;
  height: 20px;
  position: relative;
  right: 16px;
  top: 2px; }

.gift-card-item .version-dropdown .label-small {
  font-size: 12px !important; }

.create-study.page {
  max-width: none;
  margin: 0px auto;
  padding-top: 0;
  padding: 0 calc(50vw - calc(1024px / 2)); }
  .create-study.page .study-wizard-header.wizard {
    border: none;
    width: unset; }
  .create-study.page h3 + p {
    margin-bottom: 30px; }
  .create-study.page h4 {
    margin: 30px 0 20px; }
  .create-study.page .d3-container {
    margin-bottom: 30px; }
    .create-study.page .d3-container p.disabled {
      filter: opacity(30%); }
    .create-study.page .d3-container .d3-radio.disabled.selected .radio-label {
      color: #343334; }
    .create-study.page .d3-container > *:last-child {
      margin-bottom: 0 !important; }
    .create-study.page .d3-container .config-toggles {
      margin: 32px 0; }
    .create-study.page .d3-container:first-of-type {
      margin-top: 0; }
    .create-study.page .d3-container .label-small {
      margin-top: 0 !important;
      margin-bottom: 6px !important; }
    .create-study.page .d3-container .user-session-timeout {
      margin-bottom: 0; }
      .create-study.page .d3-container .user-session-timeout input {
        margin-top: 0; }
    .create-study.page .d3-container p.label {
      margin-bottom: 6px; }
    .create-study.page .d3-container .d3-radio {
      margin: 8px 20px; }
    .create-study.page .d3-container span.error-text {
      font-weight: 500;
      color: #cb2d2d; }
    .create-study.page .d3-container .d3-input {
      margin-bottom: 10px; }
      .create-study.page .d3-container .d3-input input {
        width: 60px; }
        .create-study.page .d3-container .d3-input input:disabled {
          background: #e7f8fe; }
      .create-study.page .d3-container .d3-input p.label {
        margin-left: 0px; }
      .create-study.page .d3-container .d3-input.name input {
        width: 100%; }
      .create-study.page .d3-container .d3-input.reward-amount {
        margin-bottom: 0; }
        .create-study.page .d3-container .d3-input.reward-amount input {
          width: 80px; }
      .create-study.page .d3-container .d3-input.max-amount input {
        width: 272px;
        height: 44px;
        margin-top: 10px; }
      .create-study.page .d3-container .d3-input .char-limit {
        right: 0;
        bottom: 9px; }
    .create-study.page .d3-container .cycle-requirements .cycle-dropdown-p {
      display: flex;
      align-items: center; }
      .create-study.page .d3-container .cycle-requirements .cycle-dropdown-p span:first-of-type {
        margin-left: 10px; }
    .create-study.page .d3-container .cycles-summary {
      width: fit-content;
      border-radius: 8px;
      background-color: #e5e8ea;
      padding: 10px;
      margin-bottom: 10px; }
      .create-study.page .d3-container .cycles-summary b {
        font-size: 18px;
        margin: 0px 5px; }
      .create-study.page .d3-container .cycles-summary i {
        margin-right: 8px; }
    .create-study.page .d3-container .basic-config .d3-input {
      display: inline-block; }
    .create-study.page .d3-container .d3-dropdown {
      display: inline-block;
      vertical-align: bottom;
      border-radius: 4px;
      height: 40px;
      margin: 10px 8px; }
      .create-study.page .d3-container .d3-dropdown .dropbar-content {
        margin-right: 6px; }
      .create-study.page .d3-container .d3-dropdown .menu {
        padding: 0px;
        max-height: 200px;
        overflow-y: auto; }
    .create-study.page .d3-container .study-duration .d3-input {
      width: 60px; }
    .create-study.page .d3-container .study-duration .d3-dropdown {
      margin-top: 5px; }
    .create-study.page .d3-container .fa-info-circle {
      margin-left: 4px; }
      .create-study.page .d3-container .fa-info-circle:hover {
        cursor: pointer; }
    .create-study.page .d3-container .popup {
      color: white;
      padding: 14px 20px;
      top: 64px;
      width: 400px; }
      .create-study.page .d3-container .popup.bottom.xd {
        padding: 8px;
        color: #9b9b9b;
        top: 25px;
        width: 200px;
        max-height: 300px;
        overflow-y: scroll;
        border: 0; }
      .create-study.page .d3-container .popup .cycle-popup {
        width: 100%;
        color: #343334;
        height: 40px;
        margin: 0 0 6px;
        padding: 8px 12px;
        box-shadow: none;
        background: white; }
        .create-study.page .d3-container .popup .cycle-popup:last-child {
          margin-bottom: 0; }
        .create-study.page .d3-container .popup .cycle-popup:hover {
          background: #f5f6fc; }
    .create-study.page .d3-container .checkbox .check {
      margin-right: 10px; }
    .create-study.page .d3-container .checkbox.disabled.checked {
      filter: opacity(1); }
    .create-study.page .d3-container .emailless {
      margin-top: 37px;
      margin-bottom: 60px; }
      .create-study.page .d3-container .emailless .emailless-text {
        line-height: 24px;
        margin-bottom: 22px; }
      .create-study.page .d3-container .emailless .d3-radio {
        margin: 0 0 23px 0; }
      .create-study.page .d3-container .emailless .checkbox {
        margin-bottom: 16px; }
      .create-study.page .d3-container .emailless .email-note {
        font-weight: 500;
        margin: 0;
        max-width: 100%; }
    .create-study.page .d3-container .config-checkboxes {
      margin-bottom: 0; }
      .create-study.page .d3-container .config-checkboxes .checkboxes p {
        margin: 0 auto 20px 26px; }
      .create-study.page .d3-container .config-checkboxes .checkbox {
        font-size: 16px;
        margin-bottom: 10px;
        outline: none; }
        .create-study.page .d3-container .config-checkboxes .checkbox:not(:last-of-type) {
          margin-right: 15px; }
      .create-study.page .d3-container .config-checkboxes .d3-radio {
        align-items: start;
        margin-right: 0;
        width: 50%; }
        .create-study.page .d3-container .config-checkboxes .d3-radio:first-of-type {
          margin-left: 0; }
        .create-study.page .d3-container .config-checkboxes .d3-radio .radio-label {
          width: 90%; }
          .create-study.page .d3-container .config-checkboxes .d3-radio .radio-label > div > p:last-child {
            font-weight: 500; }
    .create-study.page .d3-container .enforced-languages-config {
      margin-bottom: 30px; }
      .create-study.page .d3-container .enforced-languages-config .d3-dropdown {
        margin: 0 0 0 16px;
        min-width: 200px; }
      .create-study.page .d3-container .enforced-languages-config .autocomplete-search {
        align-items: baseline;
        margin-bottom: 0px;
        width: 75%; }
        .create-study.page .d3-container .enforced-languages-config .autocomplete-search .fa-search {
          top: 8px; }
        .create-study.page .d3-container .enforced-languages-config .autocomplete-search .d3-input {
          margin-bottom: 0px;
          width: 100%; }
          .create-study.page .d3-container .enforced-languages-config .autocomplete-search .d3-input input {
            width: 100%; }
        .create-study.page .d3-container .enforced-languages-config .autocomplete-search .check {
          display: none; }
      .create-study.page .d3-container .enforced-languages-config .default-language-section {
        background-color: #f4f4f4;
        margin-top: 10px;
        border-radius: 3px;
        border: 1px solid transparent;
        padding: 22px;
        position: relative; }
        .create-study.page .d3-container .enforced-languages-config .default-language-section .no-bottom-margin {
          margin-bottom: 0px; }
        .create-study.page .d3-container .enforced-languages-config .default-language-section .show-hide-languages-btn {
          font-size: 14px;
          margin: 0;
          position: absolute;
          right: 22px; }
        .create-study.page .d3-container .enforced-languages-config .default-language-section .language-tags {
          margin-bottom: 5px; }
          .create-study.page .d3-container .enforced-languages-config .default-language-section .language-tags span {
            margin-bottom: 10px;
            display: inline-block;
            padding: 5px 10px;
            margin-right: 10px;
            border-radius: 4px;
            background: #e5e8ea; }
            .create-study.page .d3-container .enforced-languages-config .default-language-section .language-tags span i {
              cursor: pointer;
              margin-left: 10px; }
        .create-study.page .d3-container .enforced-languages-config .default-language-section.has-error {
          border-color: #cb2d2d; }
      .create-study.page .d3-container .enforced-languages-config .error-text {
        margin-top: 11px;
        color: #cb2d2d; }
    .create-study.page .d3-container .sub-menu {
      max-width: 800px;
      margin: 10px 0 0 50px;
      width: calc(100% - 60px); }
      .create-study.page .d3-container .sub-menu .checkbox:not(:last-of-type) {
        margin-bottom: 6px; }
    .create-study.page .d3-container .advanced-payment-options {
      margin: 16px 0px 32px 50px; }
      .create-study.page .d3-container .advanced-payment-options > * {
        margin-bottom: 16px; }
        .create-study.page .d3-container .advanced-payment-options > *:last-child {
          margin-bottom: 0; }
      .create-study.page .d3-container .advanced-payment-options .currency-selection .d3-dropdown {
        width: 250px;
        margin: 0; }
      .create-study.page .d3-container .advanced-payment-options .currency-selection p {
        margin-bottom: 6px; }
    .create-study.page .d3-container .custom-button {
      color: #313d98; }
      .create-study.page .d3-container .custom-button.payment {
        padding: 19px 26px; }
      .create-study.page .d3-container .custom-button.add-account {
        border: 1px solid #cacaca; }
        .create-study.page .d3-container .custom-button.add-account:hover {
          border-color: #323869; }
    .create-study.page .d3-container .selected-payout {
      border: 1px solid #cacaca;
      padding: 12px;
      position: relative;
      width: 300px; }
      .create-study.page .d3-container .selected-payout:hover .close-x {
        visibility: visible; }
      .create-study.page .d3-container .selected-payout .flexed p {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px;
        margin-bottom: 0; }
      .create-study.page .d3-container .selected-payout svg {
        width: 60px;
        height: auto;
        margin-right: 12px; }
      .create-study.page .d3-container .selected-payout .custom-button {
        bottom: 12px;
        margin: 20px 0 0 0; }
      .create-study.page .d3-container .selected-payout i {
        color: #313d98;
        margin: 0px 20px 0px 10px; }
      .create-study.page .d3-container .selected-payout .close-x {
        background: transparent;
        fill: #313d98;
        height: 34px;
        margin: 0;
        padding: 10px;
        position: absolute;
        right: 0px;
        top: 0px;
        visibility: hidden;
        width: 34px; }
        .create-study.page .d3-container .selected-payout .close-x svg {
          height: 15px;
          margin: 0px;
          width: 15px; }
    .create-study.page .d3-container .security .security-settings {
      margin-left: 24px; }
      .create-study.page .d3-container .security .security-settings .checkbox {
        margin-top: 24px; }
      .create-study.page .d3-container .security .security-settings .security-checkbox-body {
        margin: 10px 0 10px 26px; }
        .create-study.page .d3-container .security .security-settings .security-checkbox-body .d3-input {
          display: inline-block;
          margin: 0 8px;
          margin-top: 0; }
        .create-study.page .d3-container .security .security-settings .security-checkbox-body.has-error {
          margin-bottom: 26px; }
    .create-study.page .d3-container .security .session-timeout .divider {
      margin: 20px 0px;
      background: #dfe1f1;
      height: 2px;
      width: inherit; }
    .create-study.page .d3-container .security .session-timeout p span {
      font-weight: 500; }
    .create-study.page .d3-container .security .session-timeout input {
      width: 65px; }
    .create-study.page .d3-container .gift-cards-config.gc-body {
      margin-top: 72px; }
    .create-study.page .d3-container .gift-cards-config.tier-explanation {
      padding: 30px;
      border: solid 1px #eceff0;
      border-radius: 8px;
      position: relative; }
      .create-study.page .d3-container .gift-cards-config.tier-explanation .close-x {
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 15px;
        border: none;
        fill: #313d98; }
        .create-study.page .d3-container .gift-cards-config.tier-explanation .close-x svg {
          width: 13px;
          height: 13px; }
      .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info {
        width: 250px; }
        .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info .tier-header {
          margin-bottom: 5px; }
          .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info .tier-header .tier-box {
            width: 64px;
            height: 40px;
            border: solid 1px #b3b7d9;
            padding: 10px 0px; }
            .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info .tier-header .tier-box img {
              width: 16px;
              height: 17px;
              margin-right: 3px; }
              .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info .tier-header .tier-box img:last-child {
                margin-right: 0px; }
          .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info .tier-header span {
            font-size: 14px;
            font-weight: 600;
            margin-left: 10px; }
        .create-study.page .d3-container .gift-cards-config.tier-explanation .tier-info span {
          font-size: 13px; }
    .create-study.page .d3-container .gift-cards-config .card {
      width: 120px;
      height: 80px;
      margin: 0 10px 0 0;
      border-radius: 4px;
      background-image: linear-gradient(to left, #feefd7, #fff7d9); }
    .create-study.page .d3-container .gift-cards-config .amount {
      display: flex;
      align-items: center;
      margin: 5px; }
      .create-study.page .d3-container .gift-cards-config .amount span {
        font-size: large; }
    .create-study.page .d3-container .gift-cards-config .d3-input.amount-input {
      margin-right: 15px; }
    .create-study.page .d3-container .gift-cards-config .quantity-input {
      min-width: 100px; }
      .create-study.page .d3-container .gift-cards-config .quantity-input .d3-dropdown {
        width: 100px; }
    .create-study.page .d3-container .gift-cards-config .band {
      width: 120px;
      height: 15px;
      margin: 22px 0;
      opacity: 0.7;
      background-image: linear-gradient(to left, #0a5492, #fff); }
    .create-study.page .d3-container .gift-cards-config .body-text,
    .create-study.page .d3-container .gift-cards-config .gift-cards {
      width: 650px; }
      .create-study.page .d3-container .gift-cards-config .body-text .d3-dropdown,
      .create-study.page .d3-container .gift-cards-config .gift-cards .d3-dropdown {
        margin: 0; }
    .create-study.page .d3-container .gift-cards-config .far.fa-lightbulb {
      color: #313d98; }
    .create-study.page .d3-container .gift-cards-config .body-text {
      font-weight: normal;
      line-height: 1.5;
      letter-spacing: 0.3px; }
    .create-study.page .d3-container .gift-cards-config .gift-card {
      margin-bottom: 10px; }
      .create-study.page .d3-container .gift-cards-config .gift-card:hover .action .custom-button {
        opacity: 1; }
      .create-study.page .d3-container .gift-cards-config .gift-card input {
        width: 100px; }
    .create-study.page .d3-container .gift-cards-config .side-options-container {
      width: 280px;
      min-width: 280px;
      margin-left: 20px; }
      .create-study.page .d3-container .gift-cards-config .side-options-container .empty {
        margin-bottom: 20px;
        background-color: #e8eaed; }
      .create-study.page .d3-container .gift-cards-config .side-options-container .side-options {
        padding: 20px 20px 12px;
        box-shadow: 0 4px 10px 10px rgba(0, 0, 0, 0.05); }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .custom-button {
          margin: 0;
          color: white;
          min-width: auto; }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-title {
          color: #313d98;
          flex-wrap: wrap;
          font-weight: normal;
          line-height: 1.33;
          letter-spacing: 0.42px;
          font-size: 18px; }
          .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-title.gc-number {
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.23px; }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-divider {
          width: 100%;
          height: 1px;
          border: solid 1.2px #eceff0;
          margin-top: 28px;
          margin-bottom: 14px; }
          .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-divider.foot {
            background-color: #eceff0;
            margin: 0 -32px 12px -32px;
            border: 0;
            width: calc(100% + 64px); }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-total-number {
          font-size: 16px;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.28px;
          margin-bottom: 28px; }
          .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-total-number.rewards-number {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.28px; }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .side-recommend-text {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.43;
          letter-spacing: 0.26px;
          text-align: center;
          color: #343334;
          margin: 12px 0 24px; }
        .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .tier-counter {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center; }
          .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .tier-counter .tier-box {
            display: flex;
            flex: 1;
            align-items: center;
            justify-content: center; }
            .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .tier-counter .tier-box span {
              font-size: 16px; }
            .create-study.page .d3-container .gift-cards-config .side-options-container .side-options .tier-counter .tier-box *:not(:last-child) {
              margin-right: 4px; }
    .create-study.page .d3-container .gift-cards-config .headings {
      padding: 0 4px 0 12px;
      font-family: Avenir;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.2px;
      justify-content: start; }
      .create-study.page .d3-container .gift-cards-config .headings div:first-of-type {
        min-width: 385px; }
      .create-study.page .d3-container .gift-cards-config .headings div:last-child {
        width: 100%;
        text-align: right; }
    .create-study.page .d3-container .gift-cards-config .ribbon-icon {
      width: 42px;
      height: 21px;
      position: relative;
      bottom: 40px;
      left: 5px; }
    .create-study.page .d3-container .gift-cards-config .gift-card-container {
      margin-top: 10px;
      margin-bottom: 10px;
      min-height: 300px;
      border-radius: 6px;
      background-color: #f5f6fc;
      padding: 10px; }
    .create-study.page .d3-container .gift-cards-config .empty {
      border-radius: 6px;
      background-color: #e5e8ea;
      padding: 20px 10px;
      text-align: center; }
    .create-study.page .d3-container .gift-cards-config .row {
      flex-flow: row;
      align-items: flex-start; }
      .create-study.page .d3-container .gift-cards-config .row.gem-buttons {
        margin-left: 40px; }
        .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button,
        .create-study.page .d3-container .gift-cards-config .row.gem-buttons .light {
          min-width: 65px;
          height: 40px;
          padding: 10px 0px;
          margin: 3px; }
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button img,
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .light img {
            display: inline-flex; }
            .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button img:not(:last-child),
            .create-study.page .d3-container .gift-cards-config .row.gem-buttons .light img:not(:last-child) {
              margin-right: 4px; }
        .create-study.page .d3-container .gift-cards-config .row.gem-buttons .gem-button-wrapper {
          margin-top: 22px; }
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .gem-button-wrapper .custom-button.selected {
            background-color: #313d98;
            border: 1.8px solid #313d98; }
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .gem-button-wrapper .small-label {
            color: #313d98;
            font-size: 12px;
            margin-bottom: 0; }
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .gem-button-wrapper:not(.selected) .small-label {
            visibility: hidden; }
          .create-study.page .d3-container .gift-cards-config .row.gem-buttons .gem-button-wrapper:hover .small-label {
            visibility: visible; }
      .create-study.page .d3-container .gift-cards-config .row p {
        text-align: center; }
    .create-study.page .d3-container .gift-cards-config .action {
      margin: auto 10px; }
      .create-study.page .d3-container .gift-cards-config .action .custom-button {
        margin-left: 0;
        width: 16px;
        padding: 0;
        opacity: 0; }
        .create-study.page .d3-container .gift-cards-config .action .custom-button i.fa-trash {
          width: 16px; }
          .create-study.page .d3-container .gift-cards-config .action .custom-button i.fa-trash:hover {
            color: #cb2d2d; }
    .create-study.page .d3-container .gift-cards-config .counter-status .success {
      color: #009782; }
      .create-study.page .d3-container .gift-cards-config .counter-status .success i {
        margin-right: 4px; }
    .create-study.page .d3-container .gift-cards-config .counter-status .warning {
      color: #f27b21; }
    .create-study.page .d3-container .gift-cards-config .counter-status .error {
      color: #cb2d2d; }
    .create-study.page .d3-container section .heading,
    .create-study.page .d3-container .binary-config .heading,
    .create-study.page .d3-container .reward-field .heading {
      margin-top: 60px; }
    .create-study.page .d3-container .binary-config .sub-heading,
    .create-study.page .d3-container .reward-field .sub-heading {
      font-size: 16px; }
    .create-study.page .d3-container .binary-config .body-text,
    .create-study.page .d3-container .reward-field .body-text {
      color: #7b7a7b; }
    .create-study.page .d3-container .binary-config p,
    .create-study.page .d3-container .reward-field p {
      width: 370px; }
    .create-study.page .d3-container .binary-config .fa-ban,
    .create-study.page .d3-container .binary-config .fa-check-square,
    .create-study.page .d3-container .reward-field .fa-ban,
    .create-study.page .d3-container .reward-field .fa-check-square {
      color: #313d98;
      font-size: 23px;
      margin-top: 30px;
      opacity: 0.4; }
    .create-study.page .d3-container .binary-config .confetti-icon,
    .create-study.page .d3-container .reward-field .confetti-icon {
      margin-top: 15px; }
    .create-study.page .d3-container .binary-config .data-sync-icon,
    .create-study.page .d3-container .reward-field .data-sync-icon {
      border-radius: 8px;
      width: 42px;
      height: 54px;
      border: 4px solid #dee0f0;
      background: white;
      margin-top: 8px; }
      .create-study.page .d3-container .binary-config .data-sync-icon div,
      .create-study.page .d3-container .reward-field .data-sync-icon div {
        width: 26px;
        height: 7px;
        background: #313d98;
        opacity: 0.4;
        margin-top: 5px; }
    .create-study.page .d3-container .binary-config .mid-term-reward-icon,
    .create-study.page .d3-container .reward-field .mid-term-reward-icon {
      margin-top: 20px;
      background: transparent; }
      .create-study.page .d3-container .binary-config .mid-term-reward-icon div,
      .create-study.page .d3-container .reward-field .mid-term-reward-icon div {
        width: 40px;
        height: auto; }
    .create-study.page .d3-container .binary-config .error-text,
    .create-study.page .d3-container .binary-config .button-error,
    .create-study.page .d3-container .reward-field .error-text,
    .create-study.page .d3-container .reward-field .button-error {
      width: 100%;
      text-align: right;
      margin-left: 0;
      margin-right: 0;
      margin-top: 4px; }
    .create-study.page .d3-container .binary-config .rich-button.has-error,
    .create-study.page .d3-container .reward-field .rich-button.has-error {
      border-color: #cb2d2d; }
  .create-study.page .checkbox-with-graphic {
    margin-bottom: 48px; }
    .create-study.page .checkbox-with-graphic .checkbox-graphic {
      margin-left: 24%;
      min-width: 233px; }
  .create-study.page .toggle-columns {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    justify-content: space-between;
    margin-bottom: 10px; }
  .create-study.page .toggle-input {
    width: 350px;
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #e5e8ea; }
    .create-study.page .toggle-input p {
      margin: 0px; }
  .create-study.page .config-option {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #e5e8ea; }
    .create-study.page .config-option.margin-right strong {
      margin-right: 20px; }
    .create-study.page .config-option code {
      background-color: #f1f1f1;
      padding: 2px 4px;
      border-radius: 4px; }
    .create-study.page .config-option p {
      margin: 0px; }
  .create-study.page .button-list .custom-button {
    margin-left: 15px; }
  .create-study.page .button-list.delete .custom-button {
    background: #cb2d2d; }
  .create-study.page p.label {
    color: #545454; }
  .create-study.page .chapter-setting p {
    text-indent: -16px;
    margin-left: 16px; }
  .create-study.page .chapter-setting .selected-payout p {
    text-indent: 0; }
  .create-study.page .reward-eligibility .cycle-requirements .cycle-dropdown-p {
    display: flex;
    align-items: center; }
    .create-study.page .reward-eligibility .cycle-requirements .cycle-dropdown-p span:first-of-type {
      margin-left: 10px; }
  .create-study.page .reward-eligibility .cycles-summary {
    width: fit-content;
    border-radius: 8px;
    background-color: #e5e8ea;
    padding: 10px;
    margin-bottom: 10px; }
    .create-study.page .reward-eligibility .cycles-summary b {
      font-size: 18px;
      margin: 0px 5px; }
    .create-study.page .reward-eligibility .cycles-summary i {
      margin-right: 8px; }
  .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table {
    margin-top: 10px;
    margin-bottom: 16px;
    border-spacing: 0px; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .fas.fa-trash-alt {
      color: #cb2d2d;
      display: none;
      font-size: 18px;
      left: 8px;
      position: absolute; }
      .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .fas.fa-trash-alt:hover {
        filter: contrast(150%); }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table tr:hover .fas.fa-trash-alt {
      display: inline-block; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table th,
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table td {
      border: 1px #cacaca solid; }
      .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table th:not(:last-child),
      .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table td:not(:last-child) {
        border-right: none; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table th {
      color: #9b9b9b;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 10px 6px 10px; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table td {
      padding: 0px 8px; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table tbody td {
      border-top: none; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .d3-input {
      margin: 0px; }
      .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .d3-input input {
        border: 1px #cacaca solid;
        background: transparent;
        height: auto;
        margin: 0px; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .milestone {
      background-color: #fafbfb; }
      .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .milestone.cell {
        color: #9b9b9b;
        text-align: end;
        padding-right: 20px;
        position: relative; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .input-cell {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .create-study.page .reward-eligibility .dynamic-cycles-config .dynamic-cycle-table .length-cell {
      min-width: 110px;
      justify-content: flex-start; }
  .create-study.page .reward-eligibility .dynamic-cycles-config .custom-button.grey {
    margin: 0; }
  .create-study.page .reward-eligibility .selected-payout,
  .create-study.page .reward-eligibility .selected-donation {
    background: #f9f9ff;
    border-color: #323869;
    opacity: 1; }
  .create-study.page .reward-eligibility .reward-field {
    margin-top: 56px; }
    .create-study.page .reward-eligibility .reward-field .drop-down {
      width: 104px;
      height: 44px;
      margin-left: 0px; }
    .create-study.page .reward-eligibility .reward-field .selected-payout,
    .create-study.page .reward-eligibility .reward-field .selected-donation,
    .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation {
      width: 100%; }
    .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation {
      margin-top: 10px;
      margin-left: 0px; }
    .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation {
      color: #313d98;
      height: 80px; }
      .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation.add-account {
        text-align: left;
        padding-left: 24px; }
    .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation {
      border: 1px solid;
      color: #343334;
      padding: 16px;
      text-align: left; }
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation .donation-pic-summary {
        margin-bottom: 12px; }
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation h6,
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation p {
        margin: 0;
        word-break: break-word;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical; }
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation h6 {
        -webkit-line-clamp: 4; }
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation p {
        width: 100%;
        -webkit-line-clamp: 3; }
      .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation img {
        margin-right: 20px;
        max-width: 160px;
        max-height: 110px; }
    .create-study.page .reward-eligibility .reward-field .right-info {
      max-width: 380px;
      width: 100%; }
  .create-study.page .reward-eligibility .gift-card-icon {
    margin-top: 36px; }
  .create-study.page .reward-eligibility .donation-icon {
    margin-top: 27px; }
  .create-study.page .reward-eligibility .back-gift-card {
    margin: 0;
    font-size: 16px;
    padding-bottom: 6px; }
  .create-study.page .reward-eligibility .reward-selection.list-container {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    min-height: 300px;
    border-radius: 6px;
    padding: 0 20px 20px; }
    .create-study.page .reward-eligibility .reward-selection.list-container .expand-buttons {
      position: sticky;
      top: 0;
      background: white;
      z-index: 2; }
  .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse {
    color: #313d98;
    padding: 8px 12px; }
    .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse.styled {
      border: 1px solid #cacaca; }
      .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse.styled:hover {
        border-color: #323869; }
    .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse.collapse {
      margin-left: 0px; }
  .create-study.page .reward-eligibility .reward-selection .gift-card-item.item-container {
    width: 100%; }
    .create-study.page .reward-eligibility .reward-selection .gift-card-item.item-container:hover:not(.read-only) {
      background: #f5f6fc; }
  .create-study.page .d3-divider {
    margin: 30px 0px !important; }
  .create-study.page .collapse-menu {
    margin-top: 15px; }
    .create-study.page .collapse-menu .title-bar {
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid #eceff0;
      background: white;
      position: relative;
      display: flex;
      align-items: center;
      padding: 5px;
      height: 42px; }
    .create-study.page .collapse-menu .title {
      padding: 0 0 0 35px;
      font-size: 16px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 3;
      letter-spacing: 0.67px;
      color: #9b9b9b; }
      .create-study.page .collapse-menu .title:before {
        content: '\f054';
        left: 15px;
        top: 2px;
        color: #313d98;
        margin-top: 2px;
        font-size: 0.75em; }
    .create-study.page .collapse-menu .sub-title {
      padding: 0;
      position: absolute;
      right: 20px;
      color: #343334;
      font-size: 12px;
      font-weight: normal; }
    .create-study.page .collapse-menu .main-menu {
      padding: 0;
      margin: 0;
      display: none; }
    .create-study.page .collapse-menu.open .main-menu {
      display: block;
      border: none; }
      .create-study.page .collapse-menu.open .main-menu > *:last-child {
        margin-bottom: 0; }
    .create-study.page .collapse-menu.open .title {
      padding: 0 0 0 35px; }
      .create-study.page .collapse-menu.open .title:before {
        content: '\f078';
        left: 15px;
        top: 2px;
        color: #313d98; }
    .create-study.page .collapse-menu.open .sub-title {
      display: block; }
  .create-study.page .create-study-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px; }
    .create-study.page .create-study-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .create-study.page .create-study-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .create-study.page .create-study-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .create-study.page .create-study-nav .custom-button.link.selected {
        color: #545454;
        opacity: 1; }
        .create-study.page .create-study-nav .custom-button.link.selected .fas.fa-arrow-right {
          color: #313d98; }
      .create-study.page .create-study-nav .custom-button.link:hover,
      .create-study.page .create-study-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .create-study.page .create-study-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }
  .create-study.page .main-heading {
    margin: 80px 0 40px; }
  .create-study.page .read-only-section {
    width: 100%;
    padding: 32px 40px; }
    .create-study.page .read-only-section button,
    .create-study.page .read-only-section p {
      margin: 0; }
    .create-study.page .read-only-section .heading-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px; }
      .create-study.page .read-only-section .heading-row p {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px; }
    .create-study.page .read-only-section .subheading-row {
      padding: 16px 0;
      margin-bottom: 0; }
      .create-study.page .read-only-section .subheading-row p {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px; }
    .create-study.page .read-only-section .content-row {
      display: flex;
      justify-content: space-between;
      padding: 12px 0;
      margin-bottom: 0;
      border-bottom: 1px solid #eceff0; }
    .create-study.page .read-only-section .content-row.last {
      border-bottom: none; }
  .create-study.page .study-version-details-section .study-version-change-notes {
    width: 100%;
    height: 96px; }
    .create-study.page .study-version-details-section .study-version-change-notes.disabled {
      opacity: 0.5;
      background: #dedede; }
  .create-study.page .study-version-details-section .buttons-box-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    color: #ffffff; }
    .create-study.page .study-version-details-section .buttons-box-wrapper.save-notes-btn {
      margin-bottom: 0; }
      .create-study.page .study-version-details-section .buttons-box-wrapper.save-notes-btn .save-notes-study-btn {
        color: #fff; }
    .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box {
      margin-top: 60px;
      display: flex;
      align-items: flex-end;
      gap: 60px; }
      .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box {
        display: flex;
        align-items: center;
        gap: 16px; }
        .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box .edit-state-title {
          text-transform: uppercase;
          color: #000000;
          padding: 2px 4px;
          border-radius: 2px;
          background: #f0f2f3; }
        .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box .edit-state-icon i {
          margin: 0; }
        .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box .edit-state-icon .edit-state-button {
          margin: 0;
          outline: none; }
        .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box .edit-state-icon .edit-state-button-content {
          margin: 0;
          color: #ffffff;
          outline: none; }
        .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .edit-state-box .edit-state-icon .popup {
          top: 0;
          padding: 0;
          width: 160px; }
      .create-study.page .study-version-details-section .buttons-box-wrapper .buttons-box .promote-study-btn {
        margin: 0;
        color: #ffffff; }

.edit-study-version-popup .edit-study-version-input-box {
  margin: 24px 14px 10px 10px; }

.edit-study-version-popup .edit-study-version-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

@media only screen and (min-width: 1430px) {
  .create-study.page .create-study-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - calc(1024px / 2) - 46px - 18px); } }

.core-layout__viewport:not(.full) .create-study.page {
  padding: 0 calc(50vw - calc(1024px / 2) - (240px/ 2)); }

.wizard {
  padding: 20px;
  background: white;
  border: 1px solid #cacaca;
  border-radius: 5px;
  width: 850px;
  height: fit-content; }
  .wizard h1 {
    color: #525e67;
    font-size: 20px;
    margin-bottom: 15px; }
  .wizard > p {
    margin-bottom: 30px; }
  .wizard input {
    height: 40px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
    color: #525e67; }
  .wizard .visual {
    display: flex;
    justify-content: space-between;
    margin: 30px 0px; }
  .wizard .box-section {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 200px; }
    .wizard .box-section .box,
    .wizard .box-section .circle {
      width: 100%;
      height: 150px;
      border: 1px solid #525e67;
      margin-bottom: 10px; }
    .wizard .box-section h4 {
      font-weight: 400;
      margin-bottom: 5px;
      font-size: 14px; }
    .wizard .box-section p {
      font-size: 12px; }
  .wizard .instrument-button-list .custom-button:not(:last-child) {
    margin-right: 12px; }
  .wizard button.custom-button {
    margin: 20px 0px 0px 0px; }

.d3-modal .content .payout-form .error-text {
  color: #cb2d2d;
  max-width: 635px; }
  .d3-modal .content .payout-form .error-text svg {
    margin-right: 12px; }

.d3-modal .content .payout-form form .dropbar {
  height: 40px; }

.d3-modal .content .payout-form form .d3-dropdown,
.d3-modal .content .payout-form form .d3-input {
  margin-bottom: 28px; }

.d3-modal .content .payout-form .bottom {
  justify-content: space-between;
  padding: 4px 0 0; }
  .d3-modal .content .payout-form .bottom > button:first-child {
    margin-left: 0; }

.d3-modal .content .payout-form .d3-loader-container {
  position: absolute;
  left: 0; }

.charity-preview-content h4 {
  color: #000000;
  font-weight: normal;
  margin-bottom: 20px; }

.charity-preview-content .mobile-viewport {
  font-family: 'aller', sans-serif;
  font-size: 18px;
  border-radius: 6px;
  border: 2px solid #e8eaed;
  overflow: auto;
  height: 652px;
  width: 376px; }
  .charity-preview-content .mobile-viewport > * {
    width: 100%; }
  .charity-preview-content .mobile-viewport p {
    margin-top: 0; }
  .charity-preview-content .mobile-viewport .mobile-header {
    background: white;
    min-height: 20px;
    position: sticky;
    top: 0; }
  .charity-preview-content .mobile-viewport .content-header {
    min-height: 65px;
    background-color: white;
    color: #f3692b;
    padding: 0 21px 0 26px; }
    .charity-preview-content .mobile-viewport .content-header img {
      margin-right: 6px; }
  .charity-preview-content .mobile-viewport img {
    max-height: 250px;
    object-fit: contain; }
  .charity-preview-content .mobile-viewport .preview-image-placeholder {
    font-size: 16px;
    font-family: 'europa', sans-serif;
    background: #eeeff1;
    color: #7b7a7b;
    display: flex;
    height: 250px;
    align-items: center;
    justify-content: center; }
  .charity-preview-content .mobile-viewport .charity-name {
    font-size: 24px;
    min-height: 75px;
    margin-bottom: 16px;
    padding: 16px;
    padding-bottom: 0;
    width: 100%;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .charity-preview-content .mobile-viewport .desc-body {
    padding: 16px;
    word-break: break-word; }

.charity-preview-content .number-disclaimer {
  color: #7b7a7b;
  font-size: 12px;
  margin: 13px 0 8px !important; }

.announcements.page {
  width: 1300px;
  padding: 30px 35px; }
  .announcements.page .selected-button-list.sub {
    position: relative;
    z-index: 100;
    background: transparent; }
    .announcements.page .selected-button-list.sub .custom-button {
      background: transparent; }
  .announcements.page .title-column {
    min-width: 300px;
    max-width: 500px;
    word-break: break-all;
    color: #313d98; }
    .announcements.page .title-column .name {
      margin-bottom: 4px; }
  .announcements.page .recipients {
    margin-bottom: 10px; }
    .announcements.page .recipients:last-child {
      margin-bottom: 0; }
    .announcements.page .recipients.missed {
      color: #cb2d2d; }

.highlighted {
  background: #fdf7f6; }
  .highlighted.site-edition {
    background: #fff1e6; }

.action-cell .popup-container,
.action-cell .custom-button {
  width: 40px; }
  .action-cell .popup-container i,
  .action-cell .custom-button i {
    color: #cacaca; }
  .action-cell .popup-container .popup,
  .action-cell .custom-button .popup {
    width: 200px; }
    .action-cell .popup-container .popup .custom-button,
    .action-cell .custom-button .popup .custom-button {
      width: 100%;
      margin: 0;
      padding: 10px; }

.track-id {
  min-width: 120px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.sites-edition h2 {
  text-align: center; }

.sites-edition .buttons {
  text-align: end;
  margin-top: 60px; }

.sites-edition .edit-sites-buttons {
  text-align: right; }

.announcement.page {
  max-width: 1200px;
  min-width: 800px; }
  .announcement.page .navbar-header {
    position: fixed;
    z-index: 103;
    top: 16px; }
  .announcement.page .new-participant-checkbox {
    margin: 10px 0px;
    padding: 10px 20px;
    background: #e5e8ea;
    border-radius: 3px;
    max-width: 600px;
    width: fit-content; }
    .announcement.page .new-participant-checkbox .fas.fa-exclamation-triangle {
      color: #cb2d2d;
      margin-right: 6px; }
  .announcement.page .d3-radio {
    min-height: 35px; }
    .announcement.page .d3-radio .radio-circle {
      margin-top: 0px; }
  .announcement.page .recipient-panel .d3-container {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    box-shadow: none; }
  .announcement.page .d3-input {
    position: relative; }
    .announcement.page .d3-input .char-limit {
      position: absolute;
      right: 0; }
    .announcement.page .d3-input.announcement-subject .char-limit, .announcement.page .d3-input.sms-label .char-limit {
      top: 63px; }
    .announcement.page .d3-input.announcement-subject input, .announcement.page .d3-input.sms-label input {
      padding-right: 70px; }
    .announcement.page .d3-input.announcement-subject {
      margin-bottom: 35px; }
      .announcement.page .d3-input.announcement-subject .char-limit {
        top: 37px; }
    .announcement.page .d3-input.sms-label {
      margin-top: 35px; }
  .announcement.page .d3-editor {
    position: relative; }
    .announcement.page .d3-editor .rich-text-toolbar {
      position: absolute;
      right: 190px;
      top: -35px; }
  .announcement.page .d3-container.delivery-section .time span {
    margin-right: 10px; }
  .announcement.page .d3-container.delivery-section .number-input {
    width: 60px; }
  .announcement.page .d3-container.delivery-section input,
  .announcement.page .d3-container.delivery-section .d3-dropdown.number-input-dropdown {
    border-radius: 3px; }
  .announcement.page .d3-container.delivery-section input.has-error {
    color: #cb2d2d;
    border-color: #cb2d2d;
    background: #fdf7f6; }
  .announcement.page .d3-container.delivery-section .flexed {
    margin: 0px; }
  .announcement.page .d3-container.delivery-section .extra-radio-content {
    margin-left: 25px;
    margin-bottom: 15px; }
  .announcement.page .custom-button.deploy-btn:hover:not(:active) {
    opacity: 0.7; }
  .announcement.page #read-status-box {
    width: 200px;
    padding: 15px;
    background: #e5e8ea;
    margin-bottom: 15px; }
    .announcement.page #read-status-box .percent-meter {
      min-width: unset; }
      .announcement.page #read-status-box .percent-meter .meter-outer {
        background: white;
        height: 15px; }
    .announcement.page #read-status-box p {
      font-weight: 500; }
    .announcement.page #read-status-box > h3 {
      font-size: 16px; }
    .announcement.page #read-status-box > h3 > span {
      margin-right: 5px;
      font-size: 28px;
      color: #3db988; }
  .announcement.page .message-heading {
    margin: 0; }
  .announcement.page .announcement-translations-section .language-sidebar {
    margin-right: 28px;
    margin-left: -30px; }
    .announcement.page .announcement-translations-section .language-sidebar .lang-list {
      height: 400px;
      width: 100%;
      overflow-y: auto; }
    .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper {
      margin: 0 1px;
      position: relative; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper .fas {
        color: #313d98;
        position: absolute;
        left: 24px; }
        .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper .fas.fa-trash {
          left: 18px;
          visibility: hidden; }
          .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper .fas.fa-trash:hover {
            color: #cb2d2d; }
        .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper .fas.fa-exclamation-triangle {
          right: 0;
          left: auto;
          color: #f26c29; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper.selected .lang-btn {
        color: #343334;
        font-weight: 500; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper:hover .fa-trash {
        visibility: visible; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper:hover.selected:not(.is-default) .fa-caret-right {
        visibility: hidden; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper:hover.selected.disabled .fa-caret-right {
        visibility: visible; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper .lang-btn {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 44px;
        padding-right: 24px; }
      .announcement.page .announcement-translations-section .language-sidebar .lang-btn-wrapper:first-child {
        margin-top: 1px; }
    .announcement.page .announcement-translations-section .language-sidebar .popup-container > .custom-button {
      padding-left: 47px;
      min-width: 200px; }
  .announcement.page .announcement-translations-section .message-content {
    width: 100%; }
    .announcement.page .announcement-translations-section .message-content .DraftEditor-editorContainer {
      min-height: 315px; }
  .announcement.page .announcement-translations-section .uploaded-filename {
    margin-top: 4px;
    color: #7b7a7b; }
    .announcement.page .announcement-translations-section .uploaded-filename .fa-check-circle {
      color: #009782;
      margin-right: 3.5px; }
  .announcement.page .translation-toggle {
    margin: 0; }

.announcement.send-state *:hover {
  cursor: wait; }

.tags span {
  margin-bottom: 10px;
  display: inline-block;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 4px;
  background: #e5e8ea; }
  .tags span i {
    cursor: pointer;
    margin-left: 10px; }

li.top-item {
  padding: 10px;
  cursor: pointer;
  color: #107bd5; }
  li.top-item i {
    margin-right: 10px; }

li.no-match {
  padding: 10px; }

.audit-reporting.page {
  max-width: 1200px; }
  .audit-reporting.page .audit-filter {
    margin: 0 auto;
    max-width: 1200px; }
    .audit-reporting.page .audit-filter > .d3-container {
      padding: 45px;
      padding-bottom: 15px;
      min-width: 960px; }
      .audit-reporting.page .audit-filter > .d3-container .flexed {
        align-items: stretch; }
    .audit-reporting.page .audit-filter .dropbar {
      margin-top: 5px;
      height: 40px;
      border-radius: 3px; }
    .audit-reporting.page .audit-filter .filter-left {
      display: grid;
      width: 50%;
      margin-right: 45px; }
      .audit-reporting.page .audit-filter .filter-left .filter-date-range label {
        margin-top: 0px; }
      .audit-reporting.page .audit-filter .filter-left .date-range-picker {
        display: flex;
        justify-content: flex-start;
        align-items: start;
        margin-top: 5px; }
        .audit-reporting.page .audit-filter .filter-left .date-range-picker input {
          height: 40px;
          border-radius: 3px; }
        .audit-reporting.page .audit-filter .filter-left .date-range-picker p.hyphen {
          font-size: 20px;
          margin: 7px 16px; }
      .audit-reporting.page .audit-filter .filter-left .checkbox .check {
        margin-right: 8px; }
      .audit-reporting.page .audit-filter .filter-left .checkbox .label {
        font-size: 14px; }
      .audit-reporting.page .audit-filter .filter-left label {
        margin-top: 24px; }
    .audit-reporting.page .audit-filter .filter-right {
      padding: 40px;
      width: 50%;
      background: #fafafa; }
    .audit-reporting.page .audit-filter .button-list-wrapper {
      margin-top: 30px; }
      .audit-reporting.page .audit-filter .button-list-wrapper .button-list .audit-loader {
        height: 25px;
        width: 25px;
        display: flex;
        flex-direction: column; }
      .audit-reporting.page .audit-filter .button-list-wrapper .button-list .custom-button {
        width: 160px; }
    .audit-reporting.page .audit-filter .no-results {
      display: block;
      margin-top: 35px;
      margin-left: 45px; }
    .audit-reporting.page .audit-filter .results {
      display: none; }
  .audit-reporting.page .noty_bar {
    padding: 0 14px; }
    .audit-reporting.page .noty_bar .message-text {
      margin: 14px;
      margin-right: 16px; }

.sad-cloud {
  margin: 80px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .sad-cloud img {
    height: 220px;
    margin: 60px;
    width: 300px; }

.cases.page table .blue-dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #00b9cf; }

.cases.page table .fa-times {
  color: #9b9b9b;
  margin-right: 8px; }

.cases.page table .action-cell > div {
  justify-content: start; }

.cases.page table .action-cell .fa-exclamation-circle {
  font-size: 22px;
  margin-right: 8px; }
  .cases.page table .action-cell .fa-exclamation-circle.high {
    color: #cb2d2d; }
  .cases.page table .action-cell .fa-exclamation-circle.medium {
    color: #f5912e; }
  .cases.page table .action-cell .fa-exclamation-circle.low {
    color: #f5c42e; }

.cases.page table .action-cell span {
  color: #313d98; }

.case.page {
  padding: 30px 40px;
  min-width: 925px;
  background: white; }
  .case.page > * {
    max-width: 970px;
    margin: 0 auto; }
  .case.page i {
    margin-right: 6px; }
  .case.page .high {
    color: #cb2d2d; }
  .case.page .medium {
    color: #f5912e; }
  .case.page .low {
    color: #f5c42e; }
  .case.page > .header {
    margin-bottom: 24px; }
    .case.page > .header h3 {
      font-weight: 500;
      margin: 0 12px 0 0; }
    .case.page > .header .status-tag {
      padding: 3px 8px;
      border: 1px solid #cacaca;
      border-radius: 3px; }
      .case.page > .header .status-tag .fas {
        margin-right: 5px; }
        .case.page > .header .status-tag .fas.fa-times {
          font-size: 17px;
          color: #9b9b9b; }
        .case.page > .header .status-tag .fas.fa-exclamation-circle {
          font-size: 22px; }
  .case.page .prompt-bar {
    padding: 7px 20px;
    border-radius: 3px;
    margin-bottom: 30px;
    background: #fae196;
    color: #1b1c1d; }
    .case.page .prompt-bar.open {
      background: #f8bd90; }
    .case.page .prompt-bar.closed {
      background: #e0e0e0; }
    .case.page .prompt-bar.days-passed {
      color: #343334;
      background: #e0e0e0;
      margin-bottom: 20px;
      padding-left: 16px; }
  .case.page .main .header {
    font-weight: 500; }
  .case.page .main .left {
    margin-right: 60px;
    width: 47%; }
    .case.page .main .left .no-events {
      margin: 18px 20px; }
    .case.page .main .left .participant-info,
    .case.page .main .left .participant-reports,
    .case.page .main .left .geofence-events {
      width: 100%;
      padding: 15px 20px;
      margin-bottom: 15px; }
    .case.page .main .left .participant-info {
      border-radius: 8px;
      background: #fafafa;
      width: 100%;
      margin-bottom: 20px;
      color: #343334; }
      .case.page .main .left .participant-info > .flexed {
        width: 100%; }
        .case.page .main .left .participant-info > .flexed:first-of-type:not(:last-of-type) {
          margin-bottom: 12px; }
        .case.page .main .left .participant-info > .flexed > * {
          width: 50%; }
      .case.page .main .left .participant-info a {
        text-decoration: none; }
      .case.page .main .left .participant-info .participant-email {
        word-wrap: break-word; }
    .case.page .main .left .participant-reports,
    .case.page .main .left .geofence-events {
      padding-right: 0;
      color: #1b1c1d; }
    .case.page .main .left .participant-reports .header {
      margin-bottom: 25px; }
      .case.page .main .left .participant-reports .header i {
        color: #525e67; }
    .case.page .main .left .participant-reports > .flexed {
      text-align: left;
      margin-left: 20px; }
      .case.page .main .left .participant-reports > .flexed:not(:last-of-type) {
        margin-bottom: 14px;
        padding-bottom: 18px;
        border-bottom: 1px solid #cacaca; }
      .case.page .main .left .participant-reports > .flexed:nth-last-of-type(2) {
        margin-bottom: 30px;
        padding-bottom: 0;
        border-bottom: none; }
      .case.page .main .left .participant-reports > .flexed > .flexed {
        width: 100%; }
        .case.page .main .left .participant-reports > .flexed > .flexed:not(:last-child) {
          margin-bottom: 4px; }
      .case.page .main .left .participant-reports > .flexed span {
        width: 100%;
        word-break: break-word; }
        .case.page .main .left .participant-reports > .flexed span:not(:first-of-type) {
          margin-left: 8px; }
    .case.page .main .left .participant-reports .bottom-spacer {
      border-bottom: 1px solid #000000;
      height: 15px; }
    .case.page .main .left .geofence-events .header {
      display: flex; }
      .case.page .main .left .geofence-events .header svg.custom-icon {
        margin-right: 6px; }
    .case.page .main .left .geofence-events > .column {
      margin-top: 18px;
      margin-left: 20px;
      padding-bottom: 18px; }
      .case.page .main .left .geofence-events > .column > div:first-of-type {
        margin-bottom: 6px; }
      .case.page .main .left .geofence-events > .column:not(:last-of-type) {
        border-bottom: 1px solid #cacaca; }
      .case.page .main .left .geofence-events > .column > * {
        width: 100%; }
        .case.page .main .left .geofence-events > .column > * > div {
          width: 100%;
          margin-left: -30px; }
          .case.page .main .left .geofence-events > .column > * > div span.high {
            color: #1b1c1d;
            border-bottom: 1px solid #cb2d2d; }
          .case.page .main .left .geofence-events > .column > * > div span.medium {
            color: #1b1c1d;
            border-bottom: 1px solid #f5912e; }
          .case.page .main .left .geofence-events > .column > * > div span.low {
            color: #1b1c1d;
            border-bottom: 1px solid #f5c42e; }
        .case.page .main .left .geofence-events > .column > * > span {
          width: 100%; }
          .case.page .main .left .geofence-events > .column > * > span:not(:first-of-type) {
            margin-left: -30px; }
    .case.page .main .left .geofence-events .geofence-name {
      position: relative; }
      .case.page .main .left .geofence-events .geofence-name .fa-angle-right {
        position: absolute;
        top: 3px;
        left: -17px; }
    .case.page .main .left .link i {
      color: #313d98; }
  .case.page .main .right {
    width: 47%; }
    .case.page .main .right > * {
      width: 100%; }
    .case.page .main .right .custom-button {
      margin: 0;
      width: 135px; }
    .case.page .main .right .case-progress {
      margin-bottom: 62px; }
      .case.page .main .right .case-progress .header {
        margin-bottom: 16px; }
      .case.page .main .right .case-progress .menu-wrapper:not(:first-of-type) {
        margin-top: -2px; }
      .case.page .main .right .case-progress .collapse-menu {
        border-radius: 3px;
        border: 2px solid #313d98;
        margin-bottom: 0; }
        .case.page .main .right .case-progress .collapse-menu.disabled {
          pointer-events: none;
          opacity: 0.5;
          border-top: 1px solid transparent; }
        .case.page .main .right .case-progress .collapse-menu .main-menu {
          border: 1px solid transparent;
          border-radius: 0 0 3px 3px;
          padding: 15px; }
          .case.page .main .right .case-progress .collapse-menu .main-menu > .disabled {
            pointer-events: none;
            opacity: 1; }
            .case.page .main .right .case-progress .collapse-menu .main-menu > .disabled .close-case {
              margin-top: 12px; }
            .case.page .main .right .case-progress .collapse-menu .main-menu > .disabled > *:not(.close-case) {
              opacity: 0.5; }
          .case.page .main .right .case-progress .collapse-menu .main-menu .action {
            font-size: 12px;
            color: #858386; }
          .case.page .main .right .case-progress .collapse-menu .main-menu strong {
            color: #1b1c1d; }
          .case.page .main .right .case-progress .collapse-menu .main-menu p:last-of-type {
            margin-bottom: 0; }
          .case.page .main .right .case-progress .collapse-menu .main-menu .radios .d3-radio:first-of-type {
            margin-right: 50px; }
          .case.page .main .right .case-progress .collapse-menu .main-menu .checkbox {
            margin-bottom: 25px; }
            .case.page .main .right .case-progress .collapse-menu .main-menu .checkbox.checked span {
              font-weight: 500; }
          .case.page .main .right .case-progress .collapse-menu .main-menu .button-wrapper {
            margin-top: 16px; }
            .case.page .main .right .case-progress .collapse-menu .main-menu .button-wrapper .custom-button {
              margin-right: 12px; }
            .case.page .main .right .case-progress .collapse-menu .main-menu .button-wrapper span {
              font-size: 12px;
              color: #1b1c1d; }
        .case.page .main .right .case-progress .collapse-menu .title-bar {
          background: white;
          border-radius: 3px 3px 0 0; }
          .case.page .main .right .case-progress .collapse-menu .title-bar .sub-title {
            display: none; }
          .case.page .main .right .case-progress .collapse-menu .title-bar .title {
            padding: 15px;
            font-weight: 500;
            font-size: 14px; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title > .flexed {
              justify-content: start; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title span {
              color: #9b9b9b; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title .status {
              color: #1b1c1d;
              text-transform: uppercase;
              font-weight: 500;
              margin-right: 6px; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title .fa-arrow-right {
              color: #313d98; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title .fa-check {
              color: #1f5d44; }
            .case.page .main .right .case-progress .collapse-menu .title-bar .title:before {
              content: ''; }
        .case.page .main .right .case-progress .collapse-menu.open .title-bar {
          background: #e9eaf2; }
    .case.page .main .right .case-notes .header {
      margin-bottom: 20px; }
    .case.page .main .right .case-notes .case-note {
      border: 1px solid #dddddd;
      border-radius: 3px;
      padding: 12px 16px; }
      .case.page .main .right .case-notes .case-note.auto {
        background: #e9eaf2;
        border: 1px solid #e9eaf2; }
      .case.page .main .right .case-notes .case-note p {
        margin: 0;
        word-wrap: break-word; }
      .case.page .main .right .case-notes .case-note .timestamp {
        color: #9b9b9b;
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 6px; }
      .case.page .main .right .case-notes .case-note:first-of-type {
        margin-top: 20px; }
      .case.page .main .right .case-notes .case-note:not(:last-of-type) {
        margin-bottom: 6px; }
      .case.page .main .right .case-notes .case-note:last-of-type {
        margin-bottom: 20px; }
    .case.page .main .right .case-notes textarea {
      width: 100%;
      margin-bottom: 16px; }

.consent-properties.page {
  width: 1200px; }
  .consent-properties.page h4 {
    font-size: 24px;
    margin-bottom: 0; }
  .consent-properties.page .consent-fields .consent-name-input {
    position: relative; }
    .consent-properties.page .consent-fields .consent-name-input .char-limit {
      right: -70px;
      bottom: 14px; }
  .consent-properties.page .consent-fields .d3-radio {
    margin-bottom: 15px; }
  .consent-properties.page .consent-fields .names .consent-name-input {
    margin: 24px 0; }
  .consent-properties.page .consent-fields span {
    display: inline-flex; }
  .consent-properties.page .consent-fields .popup-container {
    margin-left: 8px; }
    .consent-properties.page .consent-fields .popup-container .hover-text {
      width: 300px;
      border-radius: 3px;
      color: white;
      padding: 8px 12px; }
  .consent-properties.page .d3-container .d3-dropdown,
  .consent-properties.page .consent-fields .names {
    margin-left: 30px;
    max-width: 500px; }
  .consent-properties.page .consent-builder .sub-heading {
    font-size: 16px; }
  .consent-properties.page .consent-builder .body-text {
    color: #7b7a7b; }
  .consent-properties.page .consent-builder p {
    width: 474px; }
  .consent-properties.page .consent-builder .rich-button-container {
    margin-right: 10px; }
  .consent-properties.page .consent-builder .rich-button {
    width: 116px;
    height: 156px;
    padding-top: 30px; }
    .consent-properties.page .consent-builder .rich-button span {
      overflow-wrap: break-word;
      margin: 0 4px; }
    .consent-properties.page .consent-builder .rich-button .square {
      width: 40px;
      height: 59px;
      margin: 10px 33px 8px 34px;
      border-radius: 5px;
      border: solid 4px #313d98;
      background-color: white; }

.e-consent {
  width: 100%; }
  .e-consent .builder-content .title-section {
    box-shadow: none; }
  .e-consent .builder-content h2 {
    padding-left: 60px; }
  .e-consent .builder-content .prompt .DraftEditor-editorContainer {
    min-height: 120px; }
  .e-consent .builder-content .label-header .label-small {
    font-size: 16px;
    margin-bottom: 16px !important; }
  .e-consent .builder-content .label-header .upload-input-wrapper {
    width: 100%; }
    .e-consent .builder-content .label-header .upload-input-wrapper .upload-input {
      width: 100%; }
      .e-consent .builder-content .label-header .upload-input-wrapper .upload-input .input-container .custom-button {
        margin: 0; }
    .e-consent .builder-content .label-header .upload-input-wrapper .upload-input-file-name {
      display: flex;
      align-items: center;
      gap: 8px; }
      .e-consent .builder-content .label-header .upload-input-wrapper .upload-input-file-name .upload-input-external-link {
        display: flex;
        align-items: center;
        gap: 6px; }
        .e-consent .builder-content .label-header .upload-input-wrapper .upload-input-file-name .upload-input-external-link svg {
          fill: #313d98; }
  .e-consent .builder-content .full-width {
    width: 100%; }
  .e-consent .builder-content .left-section {
    height: calc(100% - 120px);
    margin: 50px 0 0 0;
    position: fixed;
    left: 120px;
    z-index: 1; }
    .e-consent .builder-content .left-section h4 {
      position: absolute;
      top: -38px; }
    .e-consent .builder-content .left-section .translation-selection {
      padding: 16px;
      min-width: 360px;
      min-height: 500px;
      background: white;
      border: 1px solid #eceff0; }
      .e-consent .builder-content .left-section .translation-selection > *,
      .e-consent .builder-content .left-section .translation-selection .popup-container {
        width: 100%; }
      .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper .custom-button {
        margin: 0;
        width: 100%; }
        .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper .custom-button.rm-translation {
          color: #313d98;
          left: 18px;
          position: absolute;
          top: 0;
          transform: translateY(50%);
          visibility: hidden;
          width: inherit; }
          .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper .custom-button.rm-translation i {
            margin-right: 0; }
      .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper:hover .custom-button.rm-translation {
        visibility: visible; }
        .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper:hover .custom-button.rm-translation:hover {
          color: #cb2d2d; }
      .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper:hover .custom-button .fa-caret-right:not(.is-default) {
        visibility: hidden; }
      .e-consent .builder-content .left-section .translation-selection .translation-lang-wrapper .fas.fa-exclamation-triangle {
        color: #f26c29;
        position: absolute;
        right: 12px;
        top: 12px; }
      .e-consent .builder-content .left-section .translation-selection .custom-button {
        margin: 0;
        width: 100%; }
        .e-consent .builder-content .left-section .translation-selection .custom-button.clear-all-lang {
          height: 50px; }
      .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.translation-lang, .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.add-lang,
      .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang,
      .e-consent .builder-content .left-section .translation-selection .custom-button.add-lang {
        color: #313d98;
        padding: 11px 24px 11px 44px;
        text-align: left;
        max-width: calc(360px - 2 * 16px); }
        .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.translation-lang.sel, .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.add-lang.sel,
        .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang.sel,
        .e-consent .builder-content .left-section .translation-selection .custom-button.add-lang.sel {
          color: #343334;
          position: relative;
          font-weight: 500; }
          .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.translation-lang.sel .fas, .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.add-lang.sel .fas,
          .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang.sel .fas,
          .e-consent .builder-content .left-section .translation-selection .custom-button.add-lang.sel .fas {
            color: #313d98;
            position: absolute;
            left: 24px; }
        .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.translation-lang .lang-text, .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.add-lang .lang-text,
        .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang .lang-text,
        .e-consent .builder-content .left-section .translation-selection .custom-button.add-lang .lang-text {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
      .e-consent .builder-content .left-section .translation-selection .translation-list .custom-button.translation-lang,
      .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang {
        border-bottom: solid 1.8px #e8eaed; }
      .e-consent .builder-content .left-section .translation-selection .popup.popup-button-list {
        max-width: max-content; }
        .e-consent .builder-content .left-section .translation-selection .popup.popup-button-list .popup-list-btn {
          max-width: 100%; }
      .e-consent .builder-content .left-section .translation-selection .translation-list {
        max-height: 370px;
        overflow: auto; }
  .e-consent .builder-content .main-editor-section {
    margin-left: calc(360px + 14px + 120px);
    width: auto; }
    .e-consent .builder-content .main-editor-section .item-list {
      width: calc( 100vw - ( 360px + 120px + 420px + 14px ));
      min-width: 680px; }
    .e-consent .builder-content .main-editor-section .hover-add-bar {
      min-width: 680px; }
    .e-consent .builder-content .main-editor-section .survey-item-container {
      min-width: 680px; }
    .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips {
      margin-left: 0;
      height: auto; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip img.phone {
        width: 85px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip img.tablet {
        width: 135px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip .tip-labels {
        align-self: flex-start;
        align-items: flex-start;
        margin-top: 30px; }
        .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip .tip-labels .tip-title {
          margin-bottom: 8px; }
  .e-consent .builder-content .signature li.signature-steps p {
    margin-bottom: 20px; }
    .e-consent .builder-content .signature li.signature-steps p.signee-instructions {
      max-width: 700px; }
  .e-consent .builder-content .signature li.signature-steps:not(:last-child) {
    margin-bottom: 24px; }
  .e-consent .builder-content .signature .signee {
    border: 1px solid #e0e0e0;
    margin-left: 8px;
    padding: 4px 42px 4px 16px;
    width: 550px; }
    .e-consent .builder-content .signature .signee:hover .signee-grab-icon {
      visibility: visible; }
    .e-consent .builder-content .signature .signee.error {
      background: #fdf7f6 !important;
      border: 1px solid #cb2d2d !important;
      border-radius: 4px; }
    .e-consent .builder-content .signature .signee .signee-grab-icon {
      visibility: hidden;
      position: absolute;
      top: -7px;
      left: -7px;
      content: '';
      display: block;
      border: 10px solid transparent;
      border-bottom: 10px solid #cacaca;
      transform: rotate(-45deg); }
      .e-consent .builder-content .signature .signee .signee-grab-icon:hover {
        cursor: grab; }
      .e-consent .builder-content .signature .signee .signee-grab-icon:active {
        cursor: grabbing; }
    .e-consent .builder-content .signature .signee .require-options .custom-button {
      border: 1.5px solid #313d98;
      padding: 10px 32px;
      color: #313d98; }
      .e-consent .builder-content .signature .signee .require-options .custom-button.sel {
        color: white;
        background-color: #313d98; }
      .e-consent .builder-content .signature .signee .require-options .custom-button:first-child {
        border-radius: 8px 0 0 8px;
        margin-left: 16px; }
      .e-consent .builder-content .signature .signee .require-options .custom-button:last-child {
        margin: 0;
        border-radius: 0 8px 8px 0; }
    .e-consent .builder-content .signature .signee .rm-signee {
      position: absolute;
      right: 8px;
      top: 8px;
      fill: #525252; }
      .e-consent .builder-content .signature .signee .rm-signee svg {
        height: 14px;
        width: 14px; }
    .e-consent .builder-content .signature .signee .d3-dropdown {
      width: 180px;
      min-width: 180px; }
    .e-consent .builder-content .signature .signee.has-signee-error {
      padding-bottom: 28px; }
  .e-consent .builder-content .signature .add-signature-button {
    margin: 12.5px 0 0 45px; }
    .e-consent .builder-content .signature .add-signature-button i {
      color: #313d98;
      margin-right: 9.5px; }
  .e-consent .builder-content .button-list .custom-button {
    margin: 12.5px; }
  .e-consent .title-section {
    box-shadow: none; }
  .e-consent h2 {
    padding-left: 60px; }
  .e-consent .prompt .DraftEditor-editorContainer {
    min-height: 120px; }
  .e-consent .label-header .label-small {
    font-size: 16px;
    margin-bottom: 16px !important; }
  .e-consent .d3-editor {
    position: relative; }
    .e-consent .d3-editor .rich-text-toolbar {
      position: absolute;
      right: 190px;
      top: -35px; }
  .e-consent .left-section {
    height: calc(100% - 120px);
    margin: 50px 0 auto auto; }
    .e-consent .left-section .translation-selection {
      padding: 14px;
      min-width: 240px;
      min-height: 500px;
      background: white; }
  .e-consent .main-editor-section {
    margin-left: 14px; }
  .e-consent .signature li.signature-steps p {
    margin-bottom: 20px; }
  .e-consent .signature li.signature-steps:not(:last-child) {
    margin-bottom: 24px; }
  .e-consent .signature .signee {
    border: 1px solid #e0e0e0;
    margin-left: 8px;
    padding: 4px 42px 4px 16px;
    width: 550px; }
    .e-consent .signature .signee:hover .signee-grab-icon {
      visibility: visible; }
    .e-consent .signature .signee .signee-grab-icon {
      visibility: hidden;
      position: absolute;
      top: -7px;
      left: -7px;
      content: '';
      display: block;
      border: 10px solid transparent;
      border-bottom: 10px solid #cacaca;
      transform: rotate(-45deg); }
      .e-consent .signature .signee .signee-grab-icon:hover {
        cursor: grab; }
      .e-consent .signature .signee .signee-grab-icon:active {
        cursor: grabbing; }
    .e-consent .signature .signee .require-options .custom-button {
      border: 1.5px solid #313d98;
      padding: 10px 32px;
      color: #313d98; }
      .e-consent .signature .signee .require-options .custom-button.sel {
        color: white;
        background-color: #313d98; }
      .e-consent .signature .signee .require-options .custom-button:first-child {
        border-radius: 8px 0 0 8px;
        margin-left: 16px; }
      .e-consent .signature .signee .require-options .custom-button:last-child {
        margin: 0;
        border-radius: 0 8px 8px 0; }
    .e-consent .signature .signee .rm-signee {
      position: absolute;
      right: 8px;
      top: 8px;
      fill: #525252; }
      .e-consent .signature .signee .rm-signee svg {
        height: 14px;
        width: 14px;
        pointer-events: none; }
    .e-consent .signature .signee .d3-dropdown {
      width: 180px;
      min-width: 180px; }
      .e-consent .signature .signee .d3-dropdown .error-text.signee-error-msg {
        width: max-content;
        margin-top: 8px; }
  .e-consent .signature .add-signature-button {
    margin: 12.5px 0 0 45px; }
    .e-consent .signature .add-signature-button i {
      color: #313d98;
      margin-right: 9.5px; }
  @media only screen and (min-width: 1940px) {
    .e-consent .builder-content {
      max-width: 900px;
      margin-left: auto;
      position: relative; }
      .e-consent .builder-content .left-section {
        left: calc((100vw - 900px) / 2 - (360px + 14px)); }
      .e-consent .builder-content .main-editor-section {
        margin-left: 0; }
        .e-consent .builder-content .main-editor-section .item-list {
          width: 900px; }
      .e-consent .builder-content .survey-item-container.active {
        margin-right: calc(418px - ((100vw - 900px) / 2)); }
      .e-consent .builder-content.item-editor-collapsed .survey-item-container.active {
        margin-right: 0; } }

.sortableHelper.sortable-signees,
.sortableHelper.sortable-items {
  list-style: none; }
  .sortableHelper.sortable-signees .label-header .label-small,
  .sortableHelper.sortable-items .label-header .label-small {
    font-size: 16px;
    margin-bottom: 16px !important; }
  .sortableHelper.sortable-signees .signature li.signature-steps p,
  .sortableHelper.sortable-items .signature li.signature-steps p {
    margin-bottom: 20px; }
  .sortableHelper.sortable-signees .signature li.signature-steps:not(:last-child),
  .sortableHelper.sortable-items .signature li.signature-steps:not(:last-child) {
    margin-bottom: 24px; }
  .sortableHelper.sortable-signees .signature .add-signature-button,
  .sortableHelper.sortable-items .signature .add-signature-button {
    margin: 12.5px 0 0 45px; }
    .sortableHelper.sortable-signees .signature .add-signature-button i,
    .sortableHelper.sortable-items .signature .add-signature-button i {
      color: #313d98;
      margin-right: 9.5px; }
  .sortableHelper.sortable-signees .signature .signature-steps:not(:last-child),
  .sortableHelper.sortable-items .signature .signature-steps:not(:last-child) {
    margin-bottom: 24px; }
  .sortableHelper.sortable-signees .signee,
  .sortableHelper.sortable-items .signee {
    background: white;
    border: 1px solid #e0e0e0;
    margin-left: 8px;
    padding: 4px 42px 4px 16px;
    width: 550px; }
    .sortableHelper.sortable-signees .signee .signee-grab-icon,
    .sortableHelper.sortable-items .signee .signee-grab-icon {
      visibility: hidden;
      position: absolute;
      top: -7px;
      left: -7px;
      content: '';
      display: block;
      border: 10px solid transparent;
      border-bottom: 10px solid #cacaca;
      transform: rotate(-45deg); }
      .sortableHelper.sortable-signees .signee .signee-grab-icon:hover,
      .sortableHelper.sortable-items .signee .signee-grab-icon:hover {
        cursor: grab; }
      .sortableHelper.sortable-signees .signee .signee-grab-icon:active,
      .sortableHelper.sortable-items .signee .signee-grab-icon:active {
        cursor: grabbing; }
    .sortableHelper.sortable-signees .signee .require-options .custom-button,
    .sortableHelper.sortable-items .signee .require-options .custom-button {
      border: 1.5px solid #313d98;
      padding: 10px 32px;
      color: #313d98; }
      .sortableHelper.sortable-signees .signee .require-options .custom-button.sel,
      .sortableHelper.sortable-items .signee .require-options .custom-button.sel {
        color: white;
        background-color: #313d98; }
      .sortableHelper.sortable-signees .signee .require-options .custom-button:first-child,
      .sortableHelper.sortable-items .signee .require-options .custom-button:first-child {
        border-radius: 8px 0 0 8px;
        margin-left: 16px; }
      .sortableHelper.sortable-signees .signee .require-options .custom-button:last-child,
      .sortableHelper.sortable-items .signee .require-options .custom-button:last-child {
        margin: 0;
        border-radius: 0 8px 8px 0; }
    .sortableHelper.sortable-signees .signee .rm-signee,
    .sortableHelper.sortable-items .signee .rm-signee {
      position: absolute;
      right: 8px;
      top: 8px;
      fill: #525252; }
      .sortableHelper.sortable-signees .signee .rm-signee svg,
      .sortableHelper.sortable-items .signee .rm-signee svg {
        height: 14px;
        width: 14px; }
    .sortableHelper.sortable-signees .signee .d3-dropdown,
    .sortableHelper.sortable-items .signee .d3-dropdown {
      width: 180px;
      min-width: 180px; }

@media only screen and (max-width: 1600px) {
  .e-consent .builder-content .left-section {
    left: 24px; }
    .e-consent .builder-content .left-section .translation-selection {
      padding: 16px;
      min-width: 275px;
      max-width: 275px; }
      .e-consent .builder-content .left-section .translation-selection .custom-button.translation-lang, .e-consent .builder-content .left-section .translation-selection .custom-button.add-lang {
        color: #313d98;
        padding: 11px 24px 11px 44px;
        text-align: left;
        max-width: calc(275px - 2 * 16px); }
  .e-consent .builder-content .main-editor-section {
    margin-left: calc( 275px + 14px + 24px);
    width: auto; }
    .e-consent .builder-content .main-editor-section .item-list {
      width: calc( 100vw - ( 275px + 24px + 300px + 14px )); }
    .e-consent .builder-content .main-editor-section .right-section {
      width: 300px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .editor-toolbar {
        align-items: start;
        height: auto; }
        .e-consent .builder-content .main-editor-section .right-section .item-editor .editor-toolbar .question-num-req {
          align-items: start;
          flex-direction: column; }
          .e-consent .builder-content .main-editor-section .right-section .item-editor .editor-toolbar .question-num-req .collapse-button {
            top: 12px; }
          .e-consent .builder-content .main-editor-section .right-section .item-editor .editor-toolbar .question-num-req .d3-divider {
            display: none; }
          .e-consent .builder-content .main-editor-section .right-section .item-editor .editor-toolbar .question-num-req .validation {
            padding-left: 30px;
            margin: -10px 0 10px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip {
        flex-direction: column; }
        .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip img {
          margin: 16px; }
        .e-consent .builder-content .main-editor-section .right-section .item-editor .camera-tips .camera-tip .tip-labels {
          align-items: center;
          text-align: center;
          margin: 0 12px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .logic.panel .logic-group {
        min-width: 250px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .logic.panel .logic-condition .d3-dropdown .menu {
        width: 230px;
        top: calc(100%); }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .logic.panel .logic-condition .d3-dropdown.comparator-dropdown .menu {
        left: -82px; }
      .e-consent .builder-content .main-editor-section .right-section .item-editor .logic.panel .logic-condition .d3-dropdown.value-dropdown .menu {
        left: -165px; } }

.ellipsify, .select-option .choice-value-input input, .select-option .d3-input.score-val-input input,
.select-option .d3-input.score-val-input input:focus {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .survey-item-styling, .vas-input input, .select-option .choice-value-input input, .select-option .choice-label-input, .survey-builder .media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input, .logic.panel .d3-dropdown,
.logic.panel .logic-drop,
.logic.panel .logic-input,
.logic.panel .date-picker,
.logic.panel .time-picker,
.logic.panel .logic-datetime-picker, .logic.panel .logic-group, .survey-item-container .label-header .d3-editor, .survey-item-container .label-header .d3-editor .DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .logic-preview, .image-container.flexed.column,
.media-container.flexed.column, .image-container.flexed.column .image,
.image-container.flexed.column .media,
.media-container.flexed.column .image,
.media-container.flexed.column .media, .select-option .d3-input.score-val-input {
  border-radius: 3px; }
  .border-radius.two, .two.survey-item-styling, .vas-input input.two, .select-option .choice-value-input input.two, .select-option .two.choice-label-input, .survey-builder .two.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.two, .logic.panel .two.d3-dropdown,
  .logic.panel .two.logic-drop,
  .logic.panel .two.logic-input,
  .logic.panel .two.date-picker,
  .logic.panel .two.time-picker,
  .logic.panel .two.logic-datetime-picker, .logic.panel .two.logic-group, .survey-item-container .label-header .two.d3-editor, .survey-item-container .label-header .d3-editor .two.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .two.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .two.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .two.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .two.custom-button.future, .two.logic-preview, .two.image-container.flexed.column,
  .two.media-container.flexed.column, .image-container.flexed.column .two.image,
  .image-container.flexed.column .two.media,
  .media-container.flexed.column .two.image,
  .media-container.flexed.column .two.media, .select-option .two.d3-input.score-val-input {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .three.survey-item-styling, .vas-input input.three, .select-option .choice-value-input input.three, .select-option .three.choice-label-input, .survey-builder .three.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.three, .logic.panel .three.d3-dropdown,
  .logic.panel .three.logic-drop,
  .logic.panel .three.logic-input,
  .logic.panel .three.date-picker,
  .logic.panel .three.time-picker,
  .logic.panel .three.logic-datetime-picker, .logic.panel .three.logic-group, .survey-item-container .label-header .three.d3-editor, .survey-item-container .label-header .d3-editor .three.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .three.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .three.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .three.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .three.custom-button.future, .three.logic-preview, .three.image-container.flexed.column,
  .three.media-container.flexed.column, .image-container.flexed.column .three.image,
  .image-container.flexed.column .three.media,
  .media-container.flexed.column .three.image,
  .media-container.flexed.column .three.media, .select-option .three.d3-input.score-val-input {
    border-radius: 3px; }
  .border-radius.four, .four.survey-item-styling, .vas-input input.four, .select-option .choice-value-input input.four, .select-option .four.choice-label-input, .survey-builder .four.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.four, .logic.panel .four.d3-dropdown,
  .logic.panel .four.logic-drop,
  .logic.panel .four.logic-input,
  .logic.panel .four.date-picker,
  .logic.panel .four.time-picker,
  .logic.panel .four.logic-datetime-picker, .logic.panel .four.logic-group, .survey-item-container .label-header .four.d3-editor, .survey-item-container .label-header .d3-editor .four.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .four.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .four.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .four.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .four.custom-button.future, .four.logic-preview, .four.image-container.flexed.column,
  .four.media-container.flexed.column, .image-container.flexed.column .four.image,
  .image-container.flexed.column .four.media,
  .media-container.flexed.column .four.image,
  .media-container.flexed.column .four.media, .select-option .four.d3-input.score-val-input {
    border-radius: 4px; }
  .border-radius.five, .five.survey-item-styling, .vas-input input.five, .select-option .choice-value-input input.five, .select-option .five.choice-label-input, .survey-builder .five.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.five, .logic.panel .five.d3-dropdown,
  .logic.panel .five.logic-drop,
  .logic.panel .five.logic-input,
  .logic.panel .five.date-picker,
  .logic.panel .five.time-picker,
  .logic.panel .five.logic-datetime-picker, .logic.panel .five.logic-group, .survey-item-container .label-header .five.d3-editor, .survey-item-container .label-header .d3-editor .five.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .five.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .five.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .five.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .five.custom-button.future, .five.logic-preview, .five.image-container.flexed.column,
  .five.media-container.flexed.column, .image-container.flexed.column .five.image,
  .image-container.flexed.column .five.media,
  .media-container.flexed.column .five.image,
  .media-container.flexed.column .five.media, .select-option .five.d3-input.score-val-input {
    border-radius: 5px; }
  .border-radius.eight, .eight.survey-item-styling, .vas-input input.eight, .select-option .choice-value-input input.eight, .select-option .eight.choice-label-input, .survey-builder .eight.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.eight, .logic.panel .eight.d3-dropdown,
  .logic.panel .eight.logic-drop,
  .logic.panel .eight.logic-input,
  .logic.panel .eight.date-picker,
  .logic.panel .eight.time-picker,
  .logic.panel .eight.logic-datetime-picker, .logic.panel .eight.logic-group, .survey-item-container .label-header .eight.d3-editor, .survey-item-container .label-header .d3-editor .eight.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .eight.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .eight.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .eight.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .eight.custom-button.future, .eight.logic-preview, .eight.image-container.flexed.column,
  .eight.media-container.flexed.column, .image-container.flexed.column .eight.image,
  .image-container.flexed.column .eight.media,
  .media-container.flexed.column .eight.image,
  .media-container.flexed.column .eight.media, .select-option .eight.d3-input.score-val-input {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .select-option .choice-value-input input::-webkit-outer-spin-button, .select-option .d3-input.score-val-input input::-webkit-outer-spin-button,
.select-option .d3-input.score-val-input input:focus::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button, .select-option .choice-value-input input::-webkit-inner-spin-button, .select-option .d3-input.score-val-input input::-webkit-inner-spin-button,
.select-option .d3-input.score-val-input input:focus::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'], .select-option .choice-value-input input[type='number'], .select-option .d3-input.score-val-input input[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .survey-item-styling, .vas-input input, .select-option .choice-value-input input, .select-option .choice-label-input, .survey-builder .media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input, .logic.panel .d3-dropdown,
.logic.panel .logic-drop,
.logic.panel .logic-input,
.logic.panel .date-picker,
.logic.panel .time-picker,
.logic.panel .logic-datetime-picker, .logic.panel .logic-group, .survey-item-container .label-header .d3-editor, .survey-item-container .label-header .d3-editor .DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .logic-preview, .image-container.flexed.column,
.media-container.flexed.column, .image-container.flexed.column .image,
.image-container.flexed.column .media,
.media-container.flexed.column .image,
.media-container.flexed.column .media, .select-option .d3-input.score-val-input {
  border-radius: 3px; }
  .border-radius.larger, .larger.survey-item-styling, .vas-input input.larger, .select-option .choice-value-input input.larger, .select-option .larger.choice-label-input, .survey-builder .larger.media-uploader, .survey-builder .builder-content .right-section .item-editor .panel .section > input.larger, .logic.panel .larger.d3-dropdown,
  .logic.panel .larger.logic-drop,
  .logic.panel .larger.logic-input,
  .logic.panel .larger.date-picker,
  .logic.panel .larger.time-picker,
  .logic.panel .larger.logic-datetime-picker, .logic.panel .larger.logic-group, .survey-item-container .label-header .larger.d3-editor, .survey-item-container .label-header .d3-editor .larger.DraftEditor-editorContainer, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .larger.custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .larger.custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .larger.custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .larger.custom-button.future, .larger.logic-preview, .larger.image-container.flexed.column,
  .larger.media-container.flexed.column, .image-container.flexed.column .larger.image,
  .image-container.flexed.column .larger.media,
  .media-container.flexed.column .larger.image,
  .media-container.flexed.column .larger.media, .select-option .larger.d3-input.score-val-input {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.survey-item-styling, .vas-input input, .select-option .choice-value-input input, .select-option .choice-label-input {
  resize: none;
  outline: none;
  border: 0px;
  height: 30px;
  border: 1px solid transparent;
  width: 300px;
  background: #fafbfb; }

.hoverable-1:hover {
  color: #3db988 !important; }

.hoverable-2:hover {
  color: #89c4f6 !important; }

.hoverable-red:hover {
  color: #cb2d2d !important; }

i.fa-trash:hover,
i.fa-clone:hover {
  cursor: pointer; }

.title-section,
.right-section,
.editor-toolbar,
.survey-toolbar {
  background: white; }

.right-section,
.survey-item-container,
.title-section {
  border: 1px solid #eceff0; }

.title-section,
.survey-item-container {
  min-width: 900px; }
  .title-section.disabled,
  .survey-item-container.disabled {
    pointer-events: none;
    opacity: 0.5; }

.survey-title-input.has-char-limit,
.survey-display-input.has-char-limit {
  position: relative; }
  .survey-title-input.has-char-limit .char-limit,
  .survey-display-input.has-char-limit .char-limit {
    top: 45px;
    right: 0; }

.survey-builder {
  background: #f6f8f9;
  overflow-y: hidden;
  min-height: calc(100vh - 60px);
  min-width: 1200px; }
  .survey-builder .media-uploader {
    position: absolute;
    bottom: 0;
    width: 612px;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    border: 1px solid #737373;
    z-index: 11; }
    .survey-builder .media-uploader .custom-button.fa-times {
      font-size: 16px;
      color: #4a4a4a;
      position: absolute;
      top: 16px;
      right: 24px; }
    .survey-builder .media-uploader > p {
      font-size: 16px;
      width: 100%; }
    .survey-builder .media-uploader > .flexed {
      width: 100%;
      justify-content: flex-end; }
  .survey-builder .survey-toolbar_placeholder,
  .survey-builder .survey-toolbar {
    height: 60px; }
  .survey-builder .survey-toolbar_placeholder,
  .survey-builder .survey-toolbar,
  .survey-builder .survey-toolbar > .button-list {
    border-bottom: 1px solid #cacaca; }
  .survey-builder .survey-toolbar_placeholder {
    width: 100%;
    background: white;
    z-index: 10;
    position: fixed;
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid #cacaca; }
    .survey-builder .survey-toolbar_placeholder .spacer {
      border-bottom: 1px solid #cacaca;
      background: white;
      display: flex;
      align-items: center;
      min-width: 150px;
      height: 60px; }
      .survey-builder .survey-toolbar_placeholder .spacer > div {
        position: fixed;
        right: 60px;
        z-index: 10; }
  .survey-builder .survey-toolbar {
    margin: 0 auto;
    min-width: 600px;
    width: 900px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .survey-builder .survey-toolbar .survey-title-input {
      background: #f8f6f6; }
      .survey-builder .survey-toolbar .survey-title-input input {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.42;
        text-align: left;
        margin-top: 0px;
        width: 500px;
        color: black;
        border: 1px solid transparent;
        z-index: 1; }
        .survey-builder .survey-toolbar .survey-title-input input:focus-within {
          background: #e7f8fe; }
    .survey-builder .survey-toolbar .consent-title-wrapper {
      width: 100%; }
    .survey-builder .survey-toolbar .consent-title {
      cursor: default;
      font-weight: 500;
      letter-spacing: 0.32px;
      font-size: 20px;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .survey-builder .survey-toolbar > div {
      display: inline-flex;
      align-items: center;
      margin-right: 20px;
      cursor: pointer; }
      .survey-builder .survey-toolbar > div:not(first-of-type) {
        margin-right: 0px; }
      .survey-builder .survey-toolbar > div.start-aligned {
        align-items: start; }
        .survey-builder .survey-toolbar > div.start-aligned .label-small {
          margin-top: 4px;
          margin-bottom: 0 !important; }
      .survey-builder .survey-toolbar > div span {
        font-size: 16px; }
    .survey-builder .survey-toolbar .button-list {
      background: white;
      padding-left: 60px;
      position: fixed;
      right: 0px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      border-bottom: 1px solid #cacaca;
      border-radius: 0;
      box-sizing: border-box;
      min-height: 61px; }
      .survey-builder .survey-toolbar .button-list .popup-message {
        margin: 6px;
        width: 180px;
        font-size: 12px; }
      .survey-builder .survey-toolbar .button-list .toolbar-button {
        margin-left: 20px;
        display: inline-flex;
        align-items: center;
        color: #545454;
        width: max-content; }
        .survey-builder .survey-toolbar .button-list .toolbar-button.disabled {
          opacity: 0.5;
          pointer-events: none; }
      .survey-builder .survey-toolbar .button-list > div:last-of-type {
        display: flex;
        font-size: 16px;
        margin-left: 60px;
        padding-right: 60px; }
        .survey-builder .survey-toolbar .button-list > div:last-of-type span {
          font-size: 14px; }
    .survey-builder .survey-toolbar i,
    .survey-builder .survey-toolbar .version-dropdown {
      display: inline-block;
      height: 100%;
      text-align: center;
      color: #545454; }
    .survey-builder .survey-toolbar .clickable-wrapper {
      text-decoration: none;
      outline: none; }
      .survey-builder .survey-toolbar .clickable-wrapper:focus, .survey-builder .survey-toolbar .clickable-wrapper:hover, .survey-builder .survey-toolbar .clickable-wrapper:visited, .survey-builder .survey-toolbar .clickable-wrapper:link, .survey-builder .survey-toolbar .clickable-wrapper:active {
        text-decoration: none; }
    .survey-builder .survey-toolbar i {
      font-size: 14px;
      line-height: 59px;
      margin-right: 10px; }
    .survey-builder .survey-toolbar .toolbar-button:hover,
    .survey-builder .survey-toolbar .version-dropdown p:hover,
    .survey-builder .survey-toolbar .toolbar-button:hover i {
      color: #89c4f6; }
    .survey-builder .survey-toolbar .version-dropdown .popup {
      padding: 0px;
      width: 200px;
      max-height: 400px;
      overflow-y: scroll; }
    .survey-builder .survey-toolbar .version-dropdown p,
    .survey-builder .survey-toolbar .version-dropdown h6 {
      margin: 0px;
      padding: 4px 8px;
      font-size: 20px; }
    .survey-builder .survey-toolbar .d3-dropdown.version-dropdown .dropbar {
      padding: 0px;
      border: none;
      width: 100%;
      height: 100%; }
  .survey-builder .builder-content {
    margin-top: 60px; }
    .survey-builder .builder-content .main-editor-section {
      display: block;
      position: relative;
      height: 100%;
      z-index: 0;
      left: 0px; }
      .survey-builder .builder-content .main-editor-section .item-list {
        padding: 40px 0px 140px 0px; }
        .survey-builder .builder-content .main-editor-section .item-list .sibling:not(.first) {
          margin-top: -1px; }
        .survey-builder .builder-content .main-editor-section .item-list .sibling.piled {
          margin-bottom: 24px; }
          .survey-builder .builder-content .main-editor-section .item-list .sibling.piled.more-piled {
            margin-bottom: 40px; }
        .survey-builder .builder-content .main-editor-section .item-list .survey-error {
          margin: 0px 0px 10px 0px;
          font-size: 16px;
          padding-left: 5px;
          color: #cb2d2d; }
          .survey-builder .builder-content .main-editor-section .item-list .survey-error.nrs-value {
            margin-top: -5px;
            font-size: 14px;
            font-weight: 500; }
            .survey-builder .builder-content .main-editor-section .item-list .survey-error.nrs-value.matrix {
              margin-top: 0px;
              margin-bottom: 0; }
              .survey-builder .builder-content .main-editor-section .item-list .survey-error.nrs-value.matrix.question-list {
                margin-top: 4px; }
          .survey-builder .builder-content .main-editor-section .item-list .survey-error.long-list {
            margin-top: 10px;
            padding-left: 38px; }
        .survey-builder .builder-content .main-editor-section .item-list .title-section {
          padding: 10px 20px;
          margin-right: 120px;
          margin-bottom: 15px; }
          .survey-builder .builder-content .main-editor-section .item-list .title-section > div {
            display: inline-block;
            width: 100%; }
            .survey-builder .builder-content .main-editor-section .item-list .title-section > div p {
              margin: 8px 0px;
              font-size: 12px;
              text-align: right; }
            .survey-builder .builder-content .main-editor-section .item-list .title-section > div b {
              margin-right: 10px; }
            .survey-builder .builder-content .main-editor-section .item-list .title-section > div input {
              font-size: 18px;
              width: 100%;
              border: 1px solid transparent; }
              .survey-builder .builder-content .main-editor-section .item-list .title-section > div input:focus {
                border-color: #107bd5; }
        .survey-builder .builder-content .main-editor-section .item-list > .button-list {
          margin-right: 14px; }
      .survey-builder .builder-content .main-editor-section .survey-buttons {
        min-width: 855px;
        padding: 26px 30px; }
        .survey-builder .builder-content .main-editor-section .survey-buttons .custom-button:first-of-type {
          margin-left: 0; }
        .survey-builder .builder-content .main-editor-section .survey-buttons .custom-button i {
          color: #545454; }
      .survey-builder .builder-content .main-editor-section .popup-container {
        width: unset; }
        .survey-builder .builder-content .main-editor-section .popup-container .popup {
          z-index: 2; }
    .survey-builder .builder-content .right-section {
      height: 200vh;
      position: fixed;
      right: 0px;
      top: 120px;
      transform: translateX(420px);
      width: 420px;
      z-index: 11; }
      .survey-builder .builder-content .right-section.active {
        transition: transform 0.2s ease-out;
        transform: translateX(0px);
        height: calc(100% - 120px); }
      .survey-builder .builder-content .right-section .editor-toolbar {
        font-size: 16px;
        height: 60px;
        position: relative; }
        .survey-builder .builder-content .right-section .editor-toolbar h4 {
          margin-top: 8px;
          margin-bottom: 8px; }
        .survey-builder .builder-content .right-section .editor-toolbar .toolbar-buttons.button-list {
          background: none; }
          .survey-builder .builder-content .right-section .editor-toolbar .toolbar-buttons.button-list .custom-button {
            margin-left: 0;
            margin-right: 12px; }
          .survey-builder .builder-content .right-section .editor-toolbar .toolbar-buttons.button-list i {
            border-radius: 50%;
            width: 30px;
            height: 30px;
            font-size: 20px;
            color: #9b9b9b;
            text-align: center;
            background: #e5e8ea;
            margin-right: 10px;
            position: relative;
            padding-top: 5px; }
            .survey-builder .builder-content .right-section .editor-toolbar .toolbar-buttons.button-list i:hover {
              color: #107bd5; }
            .survey-builder .builder-content .right-section .editor-toolbar .toolbar-buttons.button-list i.disabled {
              pointer-events: none;
              opacity: 0.4; }
        .survey-builder .builder-content .right-section .editor-toolbar .collapse-button {
          position: fixed;
          left: -14px;
          margin: 0;
          padding: 0;
          border-radius: 28px;
          height: 28px;
          width: 28px; }
          .survey-builder .builder-content .right-section .editor-toolbar .collapse-button i {
            margin: auto; }
      .survey-builder .builder-content .right-section .item-editor {
        overflow-y: auto;
        height: 100%; }
        .survey-builder .builder-content .right-section .item-editor > div:last-of-type {
          margin-bottom: 24px; }
        .survey-builder .builder-content .right-section .item-editor img {
          margin: 30px;
          width: 200px; }
        .survey-builder .builder-content .right-section .item-editor .panel-header {
          margin: 0px !important;
          padding: 6px 30px; }
        .survey-builder .builder-content .right-section .item-editor .panel {
          padding: 6px 30px; }
          .survey-builder .builder-content .right-section .item-editor .panel .label {
            font-weight: 500; }
          .survey-builder .builder-content .right-section .item-editor .panel .d3-dropdown {
            color: #4a4a4a; }
            .survey-builder .builder-content .right-section .item-editor .panel .d3-dropdown.input-width {
              width: 136px; }
          .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices p.inline.flexed {
            width: 40px;
            justify-content: center; }
          .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices span {
            font-size: 14px;
            padding: 0px 8px;
            color: black; }
          .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices .custom-button.circle {
            vertical-align: middle;
            font-size: 25px;
            background: #eceff0;
            border: none; }
            .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices .custom-button.circle .fas {
              color: #343334; }
            .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices .custom-button.circle:last-of-type {
              margin-right: 10px; }
            .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices .custom-button.circle:hover {
              color: #1ea896;
              cursor: pointer; }
            .survey-builder .builder-content .right-section .item-editor .panel.max-photo-limit .max-photo-limit-choices .custom-button.circle.disabled {
              pointer-events: none;
              opacity: 0.4; }
          .survey-builder .builder-content .right-section .item-editor .panel .section {
            margin-bottom: 20px;
            color: #879b9c; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup-container {
              position: static; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup-container .fa-info-circle {
                margin-left: 8px;
                font-size: 16px;
                color: #343334; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .label-small {
              margin-top: 6px; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup {
              padding: 20px 40px;
              color: white; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup p {
                margin-bottom: 16px; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup .flexed.column {
                margin-right: 40px; }
                .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup .flexed.column:last-of-type {
                  margin-right: 0; }
                .survey-builder .builder-content .right-section .item-editor .panel .section.input-width .popup .flexed.column img {
                  width: 150px;
                  height: auto;
                  margin: 0 0px 16px 0; }
            .survey-builder .builder-content .right-section .item-editor .panel .section > h6,
            .survey-builder .builder-content .right-section .item-editor .panel .section > i,
            .survey-builder .builder-content .right-section .item-editor .panel .section > span,
            .survey-builder .builder-content .right-section .item-editor .panel .section .logic-condition {
              margin: 10px 0px; }
            .survey-builder .builder-content .right-section .item-editor .panel .section .custom-button {
              display: block;
              margin: 5px 0px; }
            .survey-builder .builder-content .right-section .item-editor .panel .section span,
            .survey-builder .builder-content .right-section .item-editor .panel .section h6 {
              font-size: inherit; }
            .survey-builder .builder-content .right-section .item-editor .panel .section h6 {
              color: #343334; }
            .survey-builder .builder-content .right-section .item-editor .panel .section > p {
              color: #343334; }
            .survey-builder .builder-content .right-section .item-editor .panel .section h6 {
              margin: 5px 0px; }
            .survey-builder .builder-content .right-section .item-editor .panel .section > input {
              width: 100px;
              margin-left: 5px;
              border: 0px;
              outline: none; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.choices p.inline.flexed {
              width: 40px;
              justify-content: center; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.choices .custom-button.circle {
              vertical-align: middle;
              font-size: 25px;
              background: #eceff0;
              border: none; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.choices .custom-button.circle .fas {
                color: #343334; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.choices .custom-button.circle:last-of-type {
                margin-right: 10px; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.choices .custom-button.circle:hover {
                color: #1ea896;
                cursor: pointer; }
              .survey-builder .builder-content .right-section .item-editor .panel .section.choices .custom-button.circle.disabled {
                pointer-events: none;
                opacity: 0.4; }
            .survey-builder .builder-content .right-section .item-editor .panel .section.choices.choices span {
              font-size: 14px;
              padding: 0px 8px;
              color: black; }
          .survey-builder .builder-content .right-section .item-editor .panel.question .matrix-allow-multi-checkbox .label {
            color: #343334;
            font-weight: 400; }
          .survey-builder .builder-content .right-section .item-editor .panel.validation {
            padding-left: 16px;
            padding-right: 16px; }
          .survey-builder .builder-content .right-section .item-editor .panel.siblings .custom-button {
            font-size: 14px;
            margin-left: 8px; }
            .survey-builder .builder-content .right-section .item-editor .panel.siblings .custom-button i {
              margin-right: 14px;
              width: 14px; }
          .survey-builder .builder-content .right-section .item-editor .panel.siblings p {
            font-size: 12px;
            margin: 6px 0 14px 36px; }
        .survey-builder .builder-content .right-section .item-editor .question-number {
          padding: 5px 16px 5px 30px; }
    .survey-builder .builder-content.item-editor-collapsed .main-editor-section,
    .survey-builder .builder-content.item-editor-collapsed .right-section {
      transition: transform 0.15s ease-out; }
    .survey-builder .builder-content.item-editor-collapsed .right-section {
      transform: translateX(calc(100% - 30px)); }
  .survey-builder .article-builder {
    padding-top: 40px; }
    .survey-builder .article-builder .survey-item-container {
      margin: 0 auto 16px;
      min-width: 600px; }
  .survey-builder .popup-container.survey-error-popup:after {
    color: #cb2d2d; }
  .survey-builder .popup-container.survey-error-popup .popup {
    border-color: #cb2d2d; }

.logic.panel .main.section .add-logic-operator .custom-button.link {
  margin-left: 5px; }

.logic.panel .link {
  display: block; }

.logic.panel i.fas.fa-trash {
  font-size: 16px;
  vertical-align: middle; }
  .logic.panel i.fas.fa-trash:hover {
    color: #cb2d2d; }

.logic.panel .d3-dropdown,
.logic.panel .logic-drop,
.logic.panel .logic-input,
.logic.panel .date-picker,
.logic.panel .time-picker,
.logic.panel .logic-datetime-picker {
  height: 40px;
  color: black;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 28%;
  margin-right: 8px;
  background: #f4f4f4; }
  .logic.panel .d3-dropdown[disabled],
  .logic.panel .logic-drop[disabled],
  .logic.panel .logic-input[disabled],
  .logic.panel .date-picker[disabled],
  .logic.panel .time-picker[disabled],
  .logic.panel .logic-datetime-picker[disabled] {
    opacity: 0.4;
    border-bottom: 1px dashed #cacaca; }

.logic.panel .date-picker,
.logic.panel .time-picker {
  width: 110px; }

.logic.panel .d3-dropdown .dropbar,
.logic.panel .d3-dropdown .menu {
  border: none; }

.logic.panel .d3-dropdown .menu {
  width: 302px;
  top: calc(100%); }

.logic.panel .d3-dropdown .dropbar-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.logic.panel .comparator-dropdown .menu {
  left: -102px; }

.logic.panel .value-dropdown .menu {
  left: -202px; }

.logic.panel .operator-dropdown,
.logic.panel .operator-dropdown .menu {
  width: 75px; }

.logic.panel .logic-datetime-picker {
  width: 110px;
  height: auto;
  border-bottom: none; }
  .logic.panel .logic-datetime-picker .stacked {
    display: block;
    width: 100%;
    border-bottom: 1px solid #cacaca; }
    .logic.panel .logic-datetime-picker .stacked .rc-time-picker-input {
      padding-left: 10px; }

.logic.panel .logic-input {
  font-size: 11px;
  padding: 5px; }
  .logic.panel .logic-input::placeholder {
    color: #cacaca; }

.logic.panel input {
  width: 100%;
  border: 0px;
  outline: 0px;
  overflow: hidden;
  text-overflow: ellipsis; }

.logic.panel .date-picker::after,
.logic.panel .time-picker::after,
.logic.panel .logic-input::after {
  font-size: 12px;
  color: #313d98;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  letter-spacing: 0.22px;
  font-style: normal;
  content: '\f0d7';
  position: absolute;
  right: 10px;
  top: 14px; }

.logic.panel .time-picker .rc-time-picker-input {
  background: #e7f8fe;
  font-size: 14px;
  height: 40px; }

.logic.panel .date-picker input {
  color: black;
  font-size: inherit;
  font-family: inherit;
  height: 40px; }

.logic.panel .date-picker .react-datepicker-popper {
  left: unset !important;
  right: 0px; }
  .logic.panel .date-picker .react-datepicker-popper .react-datepicker {
    width: max-content; }
  .logic.panel .date-picker .react-datepicker-popper .react-datepicker__triangle {
    left: unset !important;
    right: 40px !important; }

.logic.panel .logic-group {
  margin: 5px 0px;
  border: 1px solid #1ea896;
  padding: 5px; }
  .logic.panel .logic-group > p {
    color: #1ea896; }
  .logic.panel .logic-group .link.inner-add-logic {
    text-align: right;
    width: 100%; }

.survey-item-container {
  transition: margin 0.15s ease-in; }

.survey-item-container.active {
  transition: margin 0.2s ease-out; }

.survey-item-container .DraftEditor-editorContainer,
.survey-item-container .focus .DraftEditor-editorContainer,
.survey-item-container textarea:focus,
.survey-item-container textarea,
.survey-item-container .dropbar,
.survey-item-container .d3-input input {
  transition-property: border-color, background;
  transition-duration: 0.2s;
  transition-timing-function: linear; }

.survey-item-container {
  direction: ltr;
  min-height: 100px;
  padding: 20px;
  margin-right: 100px;
  position: relative;
  background: #fcfdfd; }
  .survey-item-container .grab-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    display: block;
    border: 10px solid transparent;
    border-bottom: 10px solid #cacaca;
    transform: rotate(-45deg); }
    .survey-item-container .grab-icon:hover {
      cursor: grab; }
    .survey-item-container .grab-icon:active {
      cursor: grabbing; }
  .survey-item-container .DraftEditor-editorContainer {
    background: #fafafa;
    z-index: 0; }
  .survey-item-container.active {
    position: relative;
    min-width: 910px;
    background: white; }
    .survey-item-container.active .image-container.choice-image.flexed.column {
      border: 1px solid #b0cbe2; }
    .survey-item-container.active .image-container.question-image,
    .survey-item-container.active .media-container.question-media {
      background: #e7f8fe;
      margin-top: -2px; }
    .survey-item-container.active .survey-item-styling, .survey-item-container.active .vas-input input, .vas-input .survey-item-container.active input, .survey-item-container.active .select-option .choice-value-input input, .select-option .choice-value-input .survey-item-container.active input, .survey-item-container.active .select-option .choice-label-input, .select-option .survey-item-container.active .choice-label-input,
    .survey-item-container.active .DraftEditor-editorContainer {
      background: #e7f8fe; }
      .survey-item-container.active .survey-item-styling:focus, .survey-item-container.active .vas-input input:focus, .vas-input .survey-item-container.active input:focus, .survey-item-container.active .select-option .choice-value-input input:focus, .select-option .choice-value-input .survey-item-container.active input:focus, .survey-item-container.active .select-option .choice-label-input:focus, .select-option .survey-item-container.active .choice-label-input:focus,
      .survey-item-container.active .survey-item-styling .d3-editor.focus .DraftEditor-editorContainer,
      .survey-item-container.active .vas-input input .d3-editor.focus .DraftEditor-editorContainer,
      .vas-input .survey-item-container.active input .d3-editor.focus .DraftEditor-editorContainer,
      .survey-item-container.active .select-option .choice-value-input input .d3-editor.focus .DraftEditor-editorContainer,
      .select-option .choice-value-input .survey-item-container.active input .d3-editor.focus .DraftEditor-editorContainer,
      .survey-item-container.active .select-option .choice-label-input .d3-editor.focus .DraftEditor-editorContainer,
      .select-option .survey-item-container.active .choice-label-input .d3-editor.focus .DraftEditor-editorContainer,
      .survey-item-container.active .DraftEditor-editorContainer:focus,
      .survey-item-container.active .DraftEditor-editorContainer .d3-editor.focus .DraftEditor-editorContainer {
        background: #e7f8fe; }
    .survey-item-container.active .d3-editor.focus .image-container.question-image,
    .survey-item-container.active .d3-editor.focus .media-container.question-media {
      background: #cff0fd; }
    .survey-item-container.active .d3-editor.choice-label-input {
      position: relative; }
      .survey-item-container.active .d3-editor.choice-label-input .rich-text-toolbar {
        top: 2px;
        right: -4px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
      .survey-item-container.active .d3-editor.choice-label-input .DraftEditor-editorContainer,
      .survey-item-container.active .d3-editor.choice-label-input .public-DraftEditorPlaceholder-root {
        padding: 6px 10px 5px; }
      .survey-item-container.active .d3-editor.choice-label-input.no-icon {
        width: 277px; }
    .survey-item-container.active .d3-editor.focus .DraftEditor-editorContainer {
      background: #e7f8fe; }
    .survey-item-container.active .select-option:hover .choice-grab-icon {
      visibility: visible; }
    .survey-item-container.active .input-validation .d3-input input {
      background: #e7f8fe;
      margin: 0; }
  .survey-item-container:not(.active) .dropbar {
    background: #fafbfb; }
    .survey-item-container:not(.active) .dropbar i {
      visibility: hidden; }
  .survey-item-container:not(.active) .d3-input input {
    background: #fafbfb; }
  .survey-item-container:not(.active) .d3-textarea {
    background: #fafbfb; }
  .survey-item-container .label-header {
    width: 680px; }
    .survey-item-container .label-header .d3-editor {
      position: relative;
      width: 600px; }
      .survey-item-container .label-header .d3-editor.error {
        border: 1px solid #cb2d2d; }
        .survey-item-container .label-header .d3-editor.error .image-container.question-image.flexed.column,
        .survey-item-container .label-header .d3-editor.error .media-container.question-media.flexed.column {
          background: #fdf7f6; }
      .survey-item-container .label-header .d3-editor .rich-text-toolbar i {
        display: inline; }
      .survey-item-container .label-header .d3-editor .DraftEditor-editorContainer {
        border: 1px solid transparent; }
    .survey-item-container .label-header span.has-question {
      line-height: 40px;
      margin: 0px 10px;
      font-size: 16px; }
  .survey-item-container .wrapped .d3-editor .DraftEditor-editorContainer {
    padding-right: 80px; }
  .survey-item-container .datetime-label-header {
    width: 800px; }
    .survey-item-container .datetime-label-header .non-select-preview.datetime-input-range {
      width: 100%; }
  .survey-item-container.introduction {
    padding-top: 50px; }
    .survey-item-container.introduction h6 {
      position: absolute;
      top: 25px;
      color: #545454;
      cursor: default; }
    .survey-item-container.introduction .DraftEditor-editorContainer {
      min-height: 120px; }
  .survey-item-container.clinro > .label-header, .survey-item-container.has-scoring > .label-header {
    width: 100%; }
    .survey-item-container.clinro > .label-header > .flexed.start-aligned, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned {
      width: 100%; }
      .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child {
        margin-left: 12px; }
        .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-small, .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .label-small, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-small, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .label-small {
          position: absolute;
          left: -50px; }
          .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-small.score-value, .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .label-small.score-value, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-small.score-value, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .label-small.score-value {
            bottom: 12px;
            color: #009782; }
        .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .triangle, .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .triangle, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .triangle, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .triangle {
          margin-top: 12px; }
        .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .d3-input.score-val-input input, .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .d3-input.score-val-input input, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .d3-input.score-val-input input, .survey-item-container.has-scoring > .label-header > .flexed.start-aligned > div:first-child .select-option.matrix .d3-input.score-val-input input {
          text-align: center;
          padding-right: 10px; }
  .survey-item-container .sorting-siblings-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 26px;
    left: 20px;
    border: 1px solid #eceff0;
    background: white; }
    .survey-item-container .sorting-siblings-placeholder span {
      position: absolute;
      bottom: 3px;
      left: 8px; }
    .survey-item-container .sorting-siblings-placeholder.two {
      top: 50px;
      left: 40px; }
  .survey-item-container.clinro.introduction .label-header h6 {
    margin-left: 12px; }
  .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-wrapper {
    top: 0; }
  .survey-item-container.clinro > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS:not(.labeled) {
    margin-top: auto;
    margin-bottom: 0; }
  .survey-item-container.has-scoring .select-option {
    width: 670px !important; }
    .survey-item-container.has-scoring .select-option .fa-trash {
      right: 75px; }
  .survey-item-container.has-scoring:not(.clinro) > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-wrapper {
    top: 160px; }
  .survey-item-container.has-scoring:not(.clinro) > .label-header > .flexed.start-aligned > div:first-child .select-option.NRS .label-small.score-value {
    bottom: 0;
    top: 88px; }
  .survey-item-container:not(.active) .select-option {
    width: 600px; }
  .survey-item-container .d3-pdf-viewer canvas {
    border: 1px solid #343334; }

.hover-add-bar {
  position: relative;
  z-index: 100;
  margin: 0px 100px 0px 0px;
  padding: 0px;
  height: 16px;
  left: 0px;
  z-index: 10;
  min-width: 855px; }
  .hover-add-bar.sorting {
    pointer-events: none;
    visibility: hidden; }
  .hover-add-bar .hover-dashed-line,
  .hover-add-bar .hover-add-popup {
    position: absolute;
    opacity: 0;
    top: 0px;
    transform: translateY(calc(-50% + 8px)); }
  .hover-add-bar .hover-dashed-line {
    left: 0px;
    width: 100%;
    border-bottom: 2px dashed #1ea896; }
  .hover-add-bar .hover-add-popup {
    background: #f4f4f4;
    border: 1px solid #cacaca;
    width: max-content; }
    .hover-add-bar .hover-add-popup .custom-button {
      display: block;
      margin: 12.5px; }
    .hover-add-bar .hover-add-popup:after {
      content: '';
      position: absolute;
      transform: rotate(-45deg);
      border-left: 1px solid #cacaca;
      border-top: 1px solid #cacaca;
      background: #f4f4f4;
      height: 10px;
      width: 10px;
      left: -6px;
      top: 44%; }
  .hover-add-bar:hover .hover-add-popup,
  .hover-add-bar:hover .hover-dashed-line {
    opacity: 1;
    transition: opacity 0.25s ease-out;
    transition-delay: 0.25s; }

.non-select-preview {
  margin: 10px 0px 0px 27px; }
  .non-select-preview i {
    color: #525e67;
    margin-right: 10px; }
  .non-select-preview p {
    font-size: 14px; }
  .non-select-preview.audio {
    background: #fafbfb;
    padding: 20px;
    width: inherit;
    height: 238px; }
    .non-select-preview.audio .audio-section div {
      font-size: 16px;
      color: #666666; }
    .non-select-preview.audio .audio-section .recording-time {
      margin-left: 100px; }
      .non-select-preview.audio .audio-section .recording-time button {
        width: 92px;
        height: 34px;
        border: solid 1px #313d98;
        margin: 0px;
        padding: 0px; }
        .non-select-preview.audio .audio-section .recording-time button:first-child {
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px; }
        .non-select-preview.audio .audio-section .recording-time button:last-child {
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px; }
        .non-select-preview.audio .audio-section .recording-time button.noStyling {
          color: #313d98; }
      .non-select-preview.audio .audio-section .recording-time input {
        margin-top: 12px;
        width: 70px;
        height: 39px; }
      .non-select-preview.audio .audio-section .recording-time span {
        margin-top: 7px;
        font-size: 16px;
        color: #666666; }
      .non-select-preview.audio .audio-section .recording-time .min span.pretext {
        margin-right: 13.75px; }
      .non-select-preview.audio .audio-section .recording-time .survey-error {
        margin-top: 5px;
        padding-left: 0px;
        font-size: 14px;
        font-weight: 500; }
    .non-select-preview.audio .audio-section .timer-visibility {
      margin-left: 100px; }
      .non-select-preview.audio .audio-section .timer-visibility .checkbox {
        font-size: 16px; }
        .non-select-preview.audio .audio-section .timer-visibility .checkbox span {
          margin-left: 5px; }
  .non-select-preview.image-capture {
    background: #fafbfb;
    height: 270px;
    padding: 20px 24px;
    width: 600px;
    color: #9b9b9b; }
    .non-select-preview.image-capture.placeholder {
      height: 119px;
      padding: 0px; }
    .non-select-preview.image-capture i {
      margin-right: 0px; }
    .non-select-preview.image-capture p {
      margin-top: 10px;
      margin-bottom: 0px; }
    .non-select-preview.image-capture .label span {
      font-size: 12px; }
      .non-select-preview.image-capture .label span:first-child {
        text-transform: uppercase;
        font-weight: 500; }
    .non-select-preview.image-capture .textarea-container {
      position: relative;
      width: 100%; }
      .non-select-preview.image-capture .textarea-container .d3-textarea {
        padding: 12px;
        min-height: 191px;
        max-height: 199px;
        width: 100%;
        line-height: 1.5;
        resize: none; }
      .non-select-preview.image-capture .textarea-container .char-limit {
        right: 0px;
        top: 165px; }
    .non-select-preview.image-capture.example-images {
      height: 216px; }
      .non-select-preview.image-capture.example-images .custom-button:not(.trash-icon),
      .non-select-preview.image-capture.example-images .rendered-preview {
        width: 136px;
        height: 136px;
        margin: 0px 15px 0px 0px; }
      .non-select-preview.image-capture.example-images .custom-button {
        border: dashed 1px #b0cbe2;
        color: #313d98; }
        .non-select-preview.image-capture.example-images .custom-button i {
          color: #9e9e9e;
          font-size: 22px;
          margin-bottom: 14px; }
      .non-select-preview.image-capture.example-images .rendered-preview {
        position: relative; }
        .non-select-preview.image-capture.example-images .rendered-preview:hover img {
          cursor: pointer;
          filter: brightness(0.5); }
        .non-select-preview.image-capture.example-images .rendered-preview .custom-button.trash-icon {
          position: absolute;
          right: 24px;
          top: 8px; }
          .non-select-preview.image-capture.example-images .rendered-preview .custom-button.trash-icon i {
            position: absolute;
            color: white;
            font-size: 18px;
            z-index: 1; }
        .non-select-preview.image-capture.example-images .rendered-preview img {
          width: inherit;
          height: inherit; }
    .non-select-preview.image-capture.camera-tip .char-limit {
      right: 0px; }
    .non-select-preview.image-capture.camera-tip img.tablet {
      margin-left: 40px;
      margin-right: 0; }
    .non-select-preview.image-capture.camera-tip img.phone {
      margin-left: 40px;
      margin-right: 20px; }
      .non-select-preview.image-capture.camera-tip img.phone.signature-sample {
        margin-right: 0; }
  .non-select-preview.vas .flexed.row-reverse {
    width: 600px; }
    .non-select-preview.vas .flexed.row-reverse .description-labels {
      background: #fafbfb;
      width: 160px; }
      .non-select-preview.vas .flexed.row-reverse .description-labels.mid {
        width: 150px;
        margin-bottom: 35px; }
  .non-select-preview.vas .vas-line {
    margin: 0px 10px 10px 10px;
    width: 580px;
    height: 10px;
    border: 2px solid black;
    border-bottom: none; }
  .non-select-preview.vas .choice-label-input.mid input {
    text-align: center;
    margin-bottom: 5px; }
  .non-select-preview.vas .choice-label-input.unit input {
    width: 70px; }
  .non-select-preview.vas .choice-label-input.value input {
    width: 55px;
    margin-right: 5px; }
  .non-select-preview.vas .choice-label-input.vas-label input {
    width: 130px;
    margin-bottom: 5px; }
  .non-select-preview.vas .mid-placeholder {
    height: 35px; }
  .non-select-preview.scribble {
    background-color: #f4f4f4;
    height: 107px;
    width: 600px; }
    .non-select-preview.scribble i {
      color: #9b9b9b; }
    .non-select-preview.scribble p {
      color: #9b9b9b;
      margin-top: 10px;
      margin-bottom: 0px; }
  .non-select-preview.date-input-range, .non-select-preview.datetime-input-range, .non-select-preview.numeric-input-range, .non-select-preview.time-input-range {
    width: 600px; }
    .non-select-preview.date-input-range .d3-radio, .non-select-preview.datetime-input-range .d3-radio, .non-select-preview.numeric-input-range .d3-radio, .non-select-preview.time-input-range .d3-radio {
      width: fit-content; }
    .non-select-preview.date-input-range .custom-button, .non-select-preview.datetime-input-range .custom-button, .non-select-preview.numeric-input-range .custom-button, .non-select-preview.time-input-range .custom-button {
      color: #313d98;
      font-size: 16px;
      padding: 2px; }
    .non-select-preview.date-input-range .select-range, .non-select-preview.datetime-input-range .select-range, .non-select-preview.numeric-input-range .select-range, .non-select-preview.time-input-range .select-range {
      background-color: #fafbfb;
      padding: 16px; }
      .non-select-preview.date-input-range .select-range:not(.decimal), .non-select-preview.datetime-input-range .select-range:not(.decimal), .non-select-preview.numeric-input-range .select-range:not(.decimal), .non-select-preview.time-input-range .select-range:not(.decimal) {
        margin: 12px 0; }
      .non-select-preview.date-input-range .select-range .with-error, .non-select-preview.datetime-input-range .select-range .with-error, .non-select-preview.numeric-input-range .select-range .with-error, .non-select-preview.time-input-range .select-range .with-error {
        margin-top: -28px; }
      .non-select-preview.date-input-range .select-range .error, .non-select-preview.datetime-input-range .select-range .error, .non-select-preview.numeric-input-range .select-range .error, .non-select-preview.time-input-range .select-range .error {
        color: #cb2d2d;
        margin: 8px 12px 0 0; }
    .non-select-preview.date-input-range .example, .non-select-preview.datetime-input-range .example, .non-select-preview.numeric-input-range .example, .non-select-preview.time-input-range .example {
      font-family: 'AmericanTypeWriter';
      width: 36px; }
    .non-select-preview.date-input-range .limit-label, .non-select-preview.datetime-input-range .limit-label, .non-select-preview.numeric-input-range .limit-label, .non-select-preview.time-input-range .limit-label {
      margin-top: 8px; }
    .non-select-preview.date-input-range .input-area, .non-select-preview.datetime-input-range .input-area, .non-select-preview.numeric-input-range .input-area, .non-select-preview.time-input-range .input-area {
      width: 320px; }
      .non-select-preview.date-input-range .input-area .rc-time-picker-clear, .non-select-preview.datetime-input-range .input-area .rc-time-picker-clear, .non-select-preview.numeric-input-range .input-area .rc-time-picker-clear, .non-select-preview.time-input-range .input-area .rc-time-picker-clear {
        top: 8px;
        right: 16px; }
      .non-select-preview.date-input-range .input-area span, .non-select-preview.datetime-input-range .input-area span, .non-select-preview.numeric-input-range .input-area span, .non-select-preview.time-input-range .input-area span {
        margin-right: 12px; }
      .non-select-preview.date-input-range .input-area .d3-input, .non-select-preview.datetime-input-range .input-area .d3-input, .non-select-preview.numeric-input-range .input-area .d3-input, .non-select-preview.time-input-range .input-area .d3-input {
        margin: 0 12px 0 0;
        width: 120px; }
        .non-select-preview.date-input-range .input-area .d3-input input, .non-select-preview.datetime-input-range .input-area .d3-input input, .non-select-preview.numeric-input-range .input-area .d3-input input, .non-select-preview.time-input-range .input-area .d3-input input {
          margin: 0; }
      .non-select-preview.date-input-range .input-area .d3-dropdown, .non-select-preview.datetime-input-range .input-area .d3-dropdown, .non-select-preview.numeric-input-range .input-area .d3-dropdown, .non-select-preview.time-input-range .input-area .d3-dropdown {
        height: 40px;
        width: 160px; }
        .non-select-preview.date-input-range .input-area .d3-dropdown i, .non-select-preview.datetime-input-range .input-area .d3-dropdown i, .non-select-preview.numeric-input-range .input-area .d3-dropdown i, .non-select-preview.time-input-range .input-area .d3-dropdown i {
          margin-right: 0; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .plus-minus {
        width: 4px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row span, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row span, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row span, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row span {
        color: #666666; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row.none, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row.none, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row.none, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row.none {
        display: none;
        margin-top: 0;
        margin-bottom: 0; }
        .non-select-preview.date-input-range .input-area.relative-date .relative-range-row.none.preceding, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row.none.preceding, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row.none.preceding, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row.none.preceding {
          margin-bottom: -14px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row > *:not(.custom-button), .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row > *:not(.custom-button), .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row > *:not(.custom-button), .non-select-preview.time-input-range .input-area.relative-date .relative-range-row > *:not(.custom-button) {
        margin-right: 6px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .plus-minus, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .plus-minus {
        margin-right: 8px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row:first-child, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row:first-child, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row:first-child, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row:first-child {
        margin-bottom: 14px; }
        .non-select-preview.date-input-range .input-area.relative-date .relative-range-row:first-child:last-child, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row:first-child:last-child, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row:first-child:last-child, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row:first-child:last-child {
          margin-bottom: 0; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .d3-input, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .d3-input, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .d3-input, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .d3-input {
        width: 60px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .d3-dropdown, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .d3-dropdown, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .d3-dropdown, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .d3-dropdown {
        width: 100px; }
      .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .custom-button, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .custom-button, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .custom-button, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .custom-button {
        margin-left: 0; }
        .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .custom-button svg, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .custom-button svg, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .custom-button svg, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .custom-button svg {
          fill: #313d98;
          height: 12px; }
        .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.one, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.one, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.one, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.one {
          margin-top: 4px; }
        .non-select-preview.date-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.two, .non-select-preview.datetime-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.two, .non-select-preview.numeric-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.two, .non-select-preview.time-input-range .input-area.relative-date .relative-range-row .custom-button.expand-link.two {
          margin-bottom: 4px; }
    .non-select-preview.date-input-range .tab, .non-select-preview.datetime-input-range .tab, .non-select-preview.numeric-input-range .tab, .non-select-preview.time-input-range .tab {
      border: 1px solid #313d98;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      color: #313d98;
      font-weight: 500;
      margin: 0 0 -4px 0;
      padding: 8px;
      text-align: center;
      width: 220px; }
      .non-select-preview.date-input-range .tab i, .non-select-preview.datetime-input-range .tab i, .non-select-preview.numeric-input-range .tab i, .non-select-preview.time-input-range .tab i {
        color: #545454;
        margin: 0 0 0 6px; }
      .non-select-preview.date-input-range .tab.right, .non-select-preview.datetime-input-range .tab.right, .non-select-preview.numeric-input-range .tab.right, .non-select-preview.time-input-range .tab.right {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      .non-select-preview.date-input-range .tab.focused, .non-select-preview.datetime-input-range .tab.focused, .non-select-preview.numeric-input-range .tab.focused, .non-select-preview.time-input-range .tab.focused {
        background-color: #313d98;
        color: white; }
        .non-select-preview.date-input-range .tab.focused i, .non-select-preview.datetime-input-range .tab.focused i, .non-select-preview.numeric-input-range .tab.focused i, .non-select-preview.time-input-range .tab.focused i {
          color: white; }
      .non-select-preview.date-input-range .tab .popup-container p, .non-select-preview.datetime-input-range .tab .popup-container p, .non-select-preview.numeric-input-range .tab .popup-container p, .non-select-preview.time-input-range .tab .popup-container p {
        background-color: white;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        color: #4a4a4a;
        font-size: 14px;
        font-weight: normal;
        padding: 32px;
        text-align: left;
        display: none;
        position: absolute;
        top: 18px;
        left: 18px;
        width: 304px;
        z-index: 2; }
      .non-select-preview.date-input-range .tab .popup-container:hover p, .non-select-preview.datetime-input-range .tab .popup-container:hover p, .non-select-preview.numeric-input-range .tab .popup-container:hover p, .non-select-preview.time-input-range .tab .popup-container:hover p {
        display: flex; }
  .non-select-preview.time-input-range .select-range .error, .non-select-preview.datetime-input-range .select-range .error {
    margin-right: 29px; }
  .non-select-preview.date-input-range .date-picker.disabled, .non-select-preview.datetime-input-range .date-picker.disabled {
    pointer-events: none; }
  .non-select-preview.date-input-range .date-picker.last-question .DayPickerInput-Overlay, .non-select-preview.datetime-input-range .date-picker.last-question .DayPickerInput-Overlay {
    margin-top: -390px; }
  .non-select-preview.date-input-range .date-picker.last-question.with-button .DayPickerInput-Overlay, .non-select-preview.datetime-input-range .date-picker.last-question.with-button .DayPickerInput-Overlay {
    margin-top: -422px; }
  .non-select-preview.date-input-range .date-picker .DayPickerInput, .non-select-preview.datetime-input-range .date-picker .DayPickerInput {
    margin-right: 10px; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput input, .non-select-preview.datetime-input-range .date-picker .DayPickerInput input {
      width: 146px; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-OverlayWrapper, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-OverlayWrapper {
      z-index: 11; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside), .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
      background-color: #eceff0 !important;
      color: #8b9090; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day {
      border-radius: 0% !important; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day--start:not(.DayPicker-Day--outside),
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day--end:not(.DayPicker-Day--outside), .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day--start:not(.DayPicker-Day--outside),
    .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day--end:not(.DayPicker-Day--outside) {
      color: white;
      background-color: #313d98;
      border-radius: 4px !important; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day--isPastDate:not(.DayPicker-Day--outside),
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-Day--isFutureDate:not(.DayPicker-Day--outside), .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day--isPastDate:not(.DayPicker-Day--outside),
    .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-Day--isFutureDate:not(.DayPicker-Day--outside) {
      background-color: #eceff0; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay {
      background-color: #fafbfb;
      margin-left: -270px;
      padding: 16px;
      width: 590px; }
      .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay.past-overlay, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay.past-overlay {
        margin-left: -114px; }
      .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.past, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future {
        align-self: flex-start;
        background-color: white;
        color: #8b9090;
        font-size: 14px;
        margin-right: 23px;
        padding: 7px;
        width: 114px; }
      .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.future {
        align-self: flex-end; }
      .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.all-dates, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPickerInput-Overlay .custom-button.all-dates {
        margin-top: 14px; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--prev, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--prev {
      margin-right: 30px; }
    .non-select-preview.date-input-range .date-picker .DayPickerInput .DayPicker-NavBar span, .non-select-preview.datetime-input-range .date-picker .DayPickerInput .DayPicker-NavBar span {
      margin: 0; }
  .non-select-preview.date-input-range .date-picker .date-picker-to, .non-select-preview.datetime-input-range .date-picker .date-picker-to {
    margin-left: 10px; }

.non-select-preview.date-input-range.date-period-range {
  width: 760px; }

.non-select-preview.timer .timer-subtitle {
  color: #7b7a7b;
  font-size: 14px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 10px; }

.non-select-preview.timer .timer-details {
  border-radius: 3px;
  background: #eff3f4;
  padding: 18px 20px; }
  .non-select-preview.timer .timer-details .time-settings {
    display: flex;
    align-items: center;
    gap: 10px; }
    .non-select-preview.timer .timer-details .time-settings .time-settings-label {
      margin: 0;
      color: #666;
      font-size: 16px;
      font-weight: 400; }
  .non-select-preview.timer .timer-details .toggles-settings {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px; }
    .non-select-preview.timer .timer-details .toggles-settings .toggle-box .toggle-label-wrapper {
      display: flex;
      align-items: center;
      gap: 8px; }
      .non-select-preview.timer .timer-details .toggles-settings .toggle-box .toggle-label-wrapper .toggle-label {
        color: #343334;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin: 0; }
        .non-select-preview.timer .timer-details .toggles-settings .toggle-box .toggle-label-wrapper .toggle-label .fa-info-circle {
          color: #7b7a7b; }
      .non-select-preview.timer .timer-details .toggles-settings .toggle-box .toggle-label-wrapper .popup-container .popup {
        width: 180px;
        padding: 10px; }
        .non-select-preview.timer .timer-details .toggles-settings .toggle-box .toggle-label-wrapper .popup-container .popup .tooltip-text {
          color: white;
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          letter-spacing: 0.28px; }

.date-period-range .heading {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #666666;
  margin-bottom: 48px; }

.date-period-range .subheading {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #666666;
  margin-bottom: 24px; }

.date-period-range .radio-group .d3-radio.selected.has-future-toggle.selected {
  margin-bottom: 48px; }
  .date-period-range .radio-group .d3-radio.selected.has-future-toggle.selected .future-dates-toggle {
    bottom: -32px; }

.date-period-range .radio-group.expanded.no-margin .radio-group-item:first-child .radio-circle {
  align-self: center; }

.date-period-range .radio-group.expanded.no-margin .radio-group-item:last-child .radio-circle {
  align-self: flex-start; }

.date-period-range .radio-group .option-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  gap: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #343334; }
  .date-period-range .radio-group .option-wrapper span.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .date-period-range .radio-group .option-wrapper.column {
    flex-direction: column;
    align-items: flex-start; }
  .date-period-range .radio-group .option-wrapper .option-inner {
    display: flex;
    align-items: center;
    gap: 16px; }
    .date-period-range .radio-group .option-wrapper .option-inner input {
      max-width: 140px;
      margin: 0; }
    .date-period-range .radio-group .option-wrapper .option-inner .long input {
      width: 170px;
      min-width: 170px; }
  .date-period-range .radio-group .option-wrapper .day-picker-wrapper .DayPickerInput input {
    width: 140px;
    height: 38px; }
  .date-period-range .radio-group .option-wrapper .day-picker-wrapper .DayPickerInput input.long {
    width: 210px;
    min-width: 210px; }
  .date-period-range .radio-group .option-wrapper .future-dates-toggle {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content; }
    .date-period-range .radio-group .option-wrapper .future-dates-toggle .future-dates-popup .popup {
      width: 200px;
      padding: 10px; }

.date-period-range .radio-group .radio-group-item:first-child {
  margin-bottom: 24px; }

.date-period-range .radio-group:first-of-type {
  margin-bottom: 72px; }

.date-period-range .radio-group:first-of-type.no-margin {
  margin-bottom: 0; }

.food-entry .food-entry-subtitle {
  color: #7b7a7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 30px; }

.food-entry .food-entry-options {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 30px 60px 0;
  max-height: 120px; }
  .food-entry .food-entry-options .food-entry-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px; }
    .food-entry .food-entry-options .food-entry-option.disabled {
      opacity: 0.5; }
    .food-entry .food-entry-options .food-entry-option span {
      color: #343334;
      font-size: 16px;
      font-weight: 400; }
    .food-entry .food-entry-options .food-entry-option.error div.checkbox div.check {
      border-color: #cb2d2d;
      background: #fdf7f6; }

.food-entry .nutritional-value {
  margin: 15px 0px 15px 27px; }
  .food-entry .nutritional-value .nutritional-value-toggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content; }
    .food-entry .nutritional-value .nutritional-value-toggle .nutritional-value-popup .popup {
      width: 329px;
      padding: 10px;
      font-size: 12px; }

.integrated-device {
  padding: 16px 32px; }
  .integrated-device .collection-type-subtitle,
  .integrated-device .device-type-subtitle {
    color: #7b7a7b;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px; }
  .integrated-device .device-type {
    width: 50%;
    margin-bottom: 16px; }
    .integrated-device .device-type.error div.d3-dropdown div.dropbar {
      border-color: #cb2d2d; }

.likert-five .fa-circle-thin,
.likert-five .fa-square-o,
.likert-seven .fa-circle-thin,
.likert-seven .fa-square-o {
  margin: 8px 0 8px 0 !important; }

.likert-seven,
.NRS {
  overflow: visible !important; }

.clinro .label-wrapper {
  top: 0; }

.clinro.multi-choice-container {
  margin: 15px 0px 15px 27px; }
  .clinro.multi-choice-container .flexed {
    width: 740px; }
    .clinro.multi-choice-container .flexed .select-option.NRS:not(.labeled) {
      margin-top: 67px; }
  .clinro.multi-choice-container .matrix-questions-wrapper {
    margin-top: 18px; }
    .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions {
      position: relative; }
      .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .flexed.matrix-questions-list {
        width: 100%;
        margin-right: 58px; }
        .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .flexed.matrix-questions-list .d3-editor-wrapper {
          width: 100%; }
          .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .flexed.matrix-questions-list .d3-editor-wrapper .d3-editor {
            width: 100%; }
          .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .flexed.matrix-questions-list .d3-editor-wrapper:not(:first-of-type) {
            margin-top: 8px; }
      .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .questions-placeholder {
        position: absolute;
        right: 0;
        background: #fafbfb;
        display: flex;
        width: 50px;
        height: 100%;
        justify-content: center;
        align-items: center; }
        .clinro.multi-choice-container .matrix-questions-wrapper .matrix-questions .questions-placeholder i {
          height: fit-content;
          transform: rotate(45deg); }

.label-wrapper {
  margin: 0 !important;
  padding: 5px;
  background: #fafbfb; }
  .label-wrapper.six, .label-wrapper.seven, .label-wrapper.eight, .label-wrapper.nine, .label-wrapper.ten, .label-wrapper.eleven {
    margin-bottom: -8px !important; }
  .label-wrapper.six {
    width: 180px !important; }
    .label-wrapper.six.left, .label-wrapper.six.right-mid {
      margin-left: -4px !important;
      margin-right: -64px !important; }
    .label-wrapper.six.left-mid, .label-wrapper.six.right {
      margin-left: -64px !important;
      margin-right: -4px !important; }
  .label-wrapper.seven {
    width: calc(100% + 141px) !important; }
    .label-wrapper.seven.right {
      margin-left: -132px !important;
      margin-right: 1px !important; }
    .label-wrapper.seven.left {
      margin-left: 1px !important;
      align-self: start !important; }
  .label-wrapper.eight {
    width: 180px !important; }
    .label-wrapper.eight.left, .label-wrapper.eight.left-mid {
      margin-left: -20px !important;
      margin-right: -98px !important; }
    .label-wrapper.eight.right-mid, .label-wrapper.eight.right {
      margin-left: -98px !important;
      margin-right: -20px !important; }
  .label-wrapper.nine {
    width: 140px !important; }
    .label-wrapper.nine.left {
      margin-left: -25px !important;
      margin-right: -67px !important; }
    .label-wrapper.nine.left-mid {
      margin-left: -21px !important;
      margin-right: -51px !important; }
    .label-wrapper.nine.mid {
      margin-left: -36px !important;
      margin-right: -36px !important; }
    .label-wrapper.nine.right-mid {
      margin-left: -51px !important;
      margin-right: -21px !important; }
    .label-wrapper.nine.right {
      margin-left: -67px !important;
      margin-right: -25px !important; }
  .label-wrapper.ten {
    width: 180px !important; }
    .label-wrapper.ten.left {
      margin-left: -34px !important;
      margin-right: -114px !important; }
    .label-wrapper.ten.left-mid {
      margin-left: -42px !important;
      margin-right: -80px !important; }
    .label-wrapper.ten.right-mid {
      margin-left: -80px !important;
      margin-right: -42px !important; }
    .label-wrapper.ten.right {
      margin-left: -114px !important;
      margin-right: -34px !important; }
  .label-wrapper.eleven {
    width: 140px !important; }
    .label-wrapper.eleven.left {
      margin-left: -44px !important;
      margin-right: -81px !important; }
    .label-wrapper.eleven.left-mid {
      margin-left: -57px !important;
      margin-right: -27px !important; }
    .label-wrapper.eleven.mid {
      margin-left: -42px !important;
      margin-right: -42px !important; }
    .label-wrapper.eleven.right-mid {
      margin-left: -27px !important;
      margin-right: -57px !important; }
    .label-wrapper.eleven.right {
      margin-left: -81px !important;
      margin-right: -44px !important; }
  .label-wrapper.left .d3-textarea.choice-label-input, .label-wrapper.left-mid .d3-textarea.choice-label-input {
    text-align: left !important; }
  .label-wrapper.right .d3-textarea.choice-label-input, .label-wrapper.right-mid .d3-textarea.choice-label-input {
    text-align: right !important; }
  .label-wrapper .d3-textarea.choice-label-input {
    margin: 0; }

.label-divider {
  background: #e0e0e0;
  width: 23px;
  height: 6px;
  border-radius: 2px;
  margin: 16px 0 6px 0 !important; }

.label-placeholder {
  width: 10px;
  height: 36px; }

.multi-choice-container {
  margin: 15px 0px 15px 27px; }
  .multi-choice-container .flexed {
    width: 740px; }
    .multi-choice-container .flexed .select-option {
      align-self: start;
      margin-right: 4px;
      margin-bottom: auto; }
      .multi-choice-container .flexed .select-option:last-of-type {
        margin-right: 0; }
    .multi-choice-container .flexed.scoring-header {
      width: 645px; }
      .multi-choice-container .flexed.scoring-header .label-small {
        margin-top: 0;
        margin-bottom: 0 !important; }
        .multi-choice-container .flexed.scoring-header .label-small:last-child {
          color: #009782; }
  .multi-choice-container .long-list .choices-container {
    display: flex; }
    .multi-choice-container .long-list .choices-container .choice-numbers {
      width: 28px;
      padding: 17px 0px;
      margin-right: 10px; }
      .multi-choice-container .long-list .choices-container .choice-numbers div:first-child {
        height: 19px; }
      .multi-choice-container .long-list .choices-container .choice-numbers div:not(:first-child) {
        padding-top: 15px;
        height: 32px; }
      .multi-choice-container .long-list .choices-container .choice-numbers .logic-applied {
        color: #ff8330; }
    .multi-choice-container .long-list .choices-container .d3-textarea {
      width: 500px;
      padding: 10px;
      line-height: 2;
      white-space: pre;
      overflow-y: hidden;
      word-wrap: normal; }
  .multi-choice-container .long-list .warning-box {
    margin-left: 38px;
    max-width: 500px; }
  .multi-choice-container .long-list .import-export-choices {
    align-self: flex-start; }
    .multi-choice-container .long-list .import-export-choices .extra-margin-top {
      margin-top: 10px; }

.logic-preview {
  padding: 0px 10px 10px 10px;
  margin-top: 15px; }
  .logic-preview .group-header {
    margin: 0px;
    padding: 10px 0px 10px 15px; }
  .logic-preview h4 {
    font-weight: normal;
    font-size: 14px;
    margin: 0px !important; }
    .logic-preview h4 i {
      margin-right: 3px; }
  .logic-preview ul {
    list-style: none;
    padding: 5px 0px 5px 15px;
    margin: 0px; }
    .logic-preview ul:first-of-type {
      padding-top: 0px; }
    .logic-preview ul li {
      font-size: 11px; }

.image-container.flexed.column,
.media-container.flexed.column {
  height: 125px;
  width: 250px;
  border: 3px solid #dddddd;
  justify-content: center; }
  .image-container.flexed.column.NRS,
  .media-container.flexed.column.NRS {
    width: max-content;
    height: auto;
    margin-top: 8px; }
  .image-container.flexed.column.question-image, .image-container.flexed.column.question-media,
  .media-container.flexed.column.question-image,
  .media-container.flexed.column.question-media {
    width: 100%;
    height: 250px;
    align-items: flex-start;
    padding: 10px;
    border: none;
    border-radius: 0px 0px 3px 3px;
    transition-property: border-color, background;
    transition-duration: 0.2s;
    transition-timing-function: linear; }
    .image-container.flexed.column.question-image .image,
    .image-container.flexed.column.question-image .media, .image-container.flexed.column.question-media .image,
    .image-container.flexed.column.question-media .media,
    .media-container.flexed.column.question-image .image,
    .media-container.flexed.column.question-image .media,
    .media-container.flexed.column.question-media .image,
    .media-container.flexed.column.question-media .media {
      width: 100%; }
      .image-container.flexed.column.question-image .image img,
      .image-container.flexed.column.question-image .media img, .image-container.flexed.column.question-media .image img,
      .image-container.flexed.column.question-media .media img,
      .media-container.flexed.column.question-image .image img,
      .media-container.flexed.column.question-image .media img,
      .media-container.flexed.column.question-media .image img,
      .media-container.flexed.column.question-media .media img {
        max-height: 212px;
        max-width: 100%; }
  .image-container.flexed.column.question-media,
  .media-container.flexed.column.question-media {
    height: 100%; }
  .image-container.flexed.column .image,
  .image-container.flexed.column .media,
  .media-container.flexed.column .image,
  .media-container.flexed.column .media {
    position: relative;
    background: #c1c1c1;
    padding: 0 6px 6px;
    width: 240px; }
    .image-container.flexed.column .image.NRS,
    .image-container.flexed.column .media.NRS,
    .media-container.flexed.column .image.NRS,
    .media-container.flexed.column .media.NRS {
      width: auto;
      padding: 6px 6px; }
      .image-container.flexed.column .image.NRS img,
      .image-container.flexed.column .media.NRS img,
      .media-container.flexed.column .image.NRS img,
      .media-container.flexed.column .media.NRS img {
        margin-top: 8px; }
      .image-container.flexed.column .image.NRS .custom-button,
      .image-container.flexed.column .media.NRS .custom-button,
      .media-container.flexed.column .image.NRS .custom-button,
      .media-container.flexed.column .media.NRS .custom-button {
        color: white;
        top: -4px;
        right: 1px; }
    .image-container.flexed.column .image p,
    .image-container.flexed.column .media p,
    .media-container.flexed.column .image p,
    .media-container.flexed.column .media p {
      color: white;
      font-weight: 500;
      margin-bottom: 2px; }
    .image-container.flexed.column .image img,
    .image-container.flexed.column .media img,
    .media-container.flexed.column .image img,
    .media-container.flexed.column .media img {
      max-width: 100%;
      max-height: 88px;
      margin: 0; }
    .image-container.flexed.column .image audio,
    .image-container.flexed.column .media audio,
    .media-container.flexed.column .image audio,
    .media-container.flexed.column .media audio {
      width: 100%;
      z-index: 1; }
    .image-container.flexed.column .image video,
    .image-container.flexed.column .media video,
    .media-container.flexed.column .image video,
    .media-container.flexed.column .media video {
      max-width: 100%;
      z-index: 1;
      max-height: 400px; }
    .image-container.flexed.column .image .remove-image,
    .image-container.flexed.column .image .remove-media,
    .image-container.flexed.column .media .remove-image,
    .image-container.flexed.column .media .remove-media,
    .media-container.flexed.column .image .remove-image,
    .media-container.flexed.column .image .remove-media,
    .media-container.flexed.column .media .remove-image,
    .media-container.flexed.column .media .remove-media {
      background: none;
      box-shadow: none;
      width: fit-content;
      padding: 0;
      position: absolute;
      top: 3px;
      right: 5px;
      border: none;
      color: white; }

.vas-input {
  position: relative; }
  .vas-input span.pretext {
    display: inline-block;
    width: 120px;
    font-weight: 500; }
  .vas-input.scale-label-input {
    margin-bottom: 25px; }
    .vas-input.scale-label-input input {
      width: 190px; }
  .vas-input .char-limit {
    top: 50%;
    transform: translateY(-50%); }

.vas-2021-input.d3-input {
  position: relative;
  margin-bottom: 20px; }
  .vas-2021-input.d3-input:first-child {
    margin-top: 20px; }
  .vas-2021-input.d3-input span.char-limit {
    right: -48px;
    top: 32px;
    margin: 0;
    font-weight: 600; }
  .vas-2021-input.d3-input .label-small {
    display: flex;
    align-items: center;
    gap: 16px; }
  .vas-2021-input.d3-input .tooltip-text {
    width: 188px;
    padding: 8px;
    text-transform: initial; }

.opt-out-label-input {
  position: relative;
  margin-bottom: 20px;
  margin: 24px 0; }
  .opt-out-label-input:first-child {
    margin-top: 20px; }
  .opt-out-label-input span.char-limit {
    right: -48px;
    top: 32px;
    margin: 0;
    font-weight: 600; }
  .opt-out-label-input .label-small {
    display: flex;
    align-items: center;
    gap: 16px; }
  .opt-out-label-input.input {
    width: 190px; }

.multi-field-header {
  display: flex;
  flex-direction: row;
  margin-bottom: -4px; }
  .multi-field-header .label-small {
    margin: 0 !important; }
    .multi-field-header .label-small:first-of-type {
      width: 152px; }
    .multi-field-header .label-small:nth-of-type(2) {
      width: 104px; }
    .multi-field-header .label-small:nth-of-type(3) {
      width: 122px; }
    .multi-field-header .label-small:nth-of-type(4) {
      color: #000000; }

.select-option {
  padding: 8px 4px;
  width: 600px;
  margin: 8px 0px;
  position: relative;
  display: flex;
  align-items: center;
  background: #fafbfb; }
  .select-option > * {
    vertical-align: middle;
    margin: 0px 8px; }
  .select-option .dropbar,
  .select-option .dropbar-content,
  .select-option .menu,
  .select-option .dropdown-item,
  .select-option .input-validation > div,
  .select-option .error {
    margin: 0; }
  .select-option .dropbar {
    width: 105px;
    height: 34px; }
  .select-option .error {
    width: 200px;
    color: #cb2d2d; }
  .select-option .input-validation > div {
    display: flex; }
  .select-option .input-validation .d3-input,
  .select-option .input-validation input {
    background: #fafbfb;
    margin: 0; }
  .select-option .input-validation .d3-input.char-limit input {
    width: 200px; }
  .select-option .input-validation .d3-input:first-of-type input {
    margin-right: 8px; }
  .select-option .input-validation input {
    height: 34px;
    width: 100px; }
  .select-option .num-value {
    margin: 5px 0 5px; }
  .select-option .ptp-input-placeholder input {
    width: 123px;
    height: 34px;
    margin: 0;
    background: #eff3f4; }
  .select-option .choice-value-input {
    width: 100%;
    margin-bottom: 11px; }
    .select-option .choice-value-input.error input {
      color: #cb2d2d;
      border: 1px solid #cb2d2d;
      background: #fdf7f6 !important; }
      .select-option .choice-value-input.error input::placeholder {
        color: #cb2d2d; }
    .select-option .choice-value-input input {
      height: 34px;
      width: 100%;
      margin: 0;
      text-align: center; }
  .select-option .fa-circle-thin,
  .select-option .fa-square-o {
    display: flex;
    justify-content: space-around;
    margin: 8px 1px 8px 6px;
    font-size: 20px;
    width: 20px; }
  .select-option.flexed.column .triangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #d8d8d8;
    margin-bottom: 11px; }
  .select-option.flexed.column .fa-circle-thin,
  .select-option.flexed.column .fa-square-o {
    margin: 8px 0;
    color: #b3b7d9; }
  .select-option .fas-trash {
    width: 10px; }
  .select-option .fa-trash {
    color: #879b9c;
    display: none; }
  .select-option .choice-label-input {
    display: inline-block;
    width: 250px; }
    .select-option .choice-label-input.multi-field {
      width: 88px; }
    .select-option .choice-label-input.no-image {
      max-width: 515px; }
      .select-option .choice-label-input.no-image.likert, .select-option .choice-label-input.no-image.NRS, .select-option .choice-label-input.no-image.matrix {
        width: 100%;
        text-align: center;
        border: 1px solid #fafbfb; }
      .select-option .choice-label-input.no-image.likert, .select-option .choice-label-input.no-image.matrix {
        margin-top: 4px; }
    .select-option .choice-label-input.d3-editor {
      height: auto;
      min-height: 34px;
      width: 250px; }
      .select-option .choice-label-input.d3-editor .DraftEditor-editorContainer {
        min-height: 34px; }
      .select-option .choice-label-input.d3-editor.error {
        margin: 0 8px;
        border: 1px solid #cb2d2d; }
  .select-option:hover .fa-trash {
    display: inline;
    position: absolute;
    right: 8px; }
  .select-option .choice-grab-icon {
    display: block;
    top: -10px;
    left: -17px;
    content: '';
    position: absolute;
    visibility: hidden;
    transform: rotate(-45deg);
    border: 10px solid transparent;
    border-bottom: 10px solid #cacaca; }
    .select-option .choice-grab-icon:hover {
      cursor: grab; }
    .select-option .choice-grab-icon:active {
      cursor: grabbing; }
  .select-option .custom-button {
    color: #313d98;
    box-shadow: none;
    border: 1px dashed #b0cbe2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    background: none;
    width: 250px; }
    .select-option .custom-button i {
      color: #545454;
      margin-left: 0; }
  .select-option > i {
    color: black; }
  .select-option.other span {
    color: #cacaca; }
  .select-option .d3-input.score-val-input input,
  .select-option .d3-input.score-val-input input:focus {
    font-weight: 500;
    color: #009782;
    background: white !important; }
    .select-option .d3-input.score-val-input input:disabled,
    .select-option .d3-input.score-val-input input:focus:disabled {
      background: #dedede !important;
      opacity: 0.5; }
  .select-option .d3-input.score-val-input.has-error {
    border: 1px solid #cb2d2d;
    background: #fdf7f6; }
    .select-option .d3-input.score-val-input.has-error input,
    .select-option .d3-input.score-val-input.has-error input:focus {
      background: #fdf7f6 !important;
      border: none; }
  .select-option.is-select .d3-input.score-val-input {
    position: absolute;
    display: flex;
    height: calc(100% - 9px);
    align-items: center;
    background: white;
    left: 594px;
    width: 65px; }
    .select-option.is-select .d3-input.score-val-input input,
    .select-option.is-select .d3-input.score-val-input input:focus {
      margin-top: 0;
      max-width: 70px;
      padding-right: 6px; }
  .select-option.NRS .d3-input.score-val-input, .select-option.matrix .d3-input.score-val-input {
    width: 100%; }
    .select-option.NRS .d3-input.score-val-input input, .select-option.matrix .d3-input.score-val-input input {
      margin-top: 0;
      text-align: center; }
  .select-option.matrix .d3-input.score-val-input {
    margin-top: 11px; }
  .select-option .custom-button.nrs-img {
    margin: 8px 0;
    width: auto; }

.sortableHelper {
  opacity: 0.9;
  pointer-events: auto !important;
  cursor: grabbing;
  z-index: 102; }
  .sortableHelper .survey-item-container {
    background: white; }

@media only screen and (max-width: 1300px) {
  .survey-builder .article-builder {
    margin-left: 120px; } }

@media only screen and (max-width: 1940px) {
  .survey-toolbar {
    position: fixed;
    left: 120px;
    top: 60px;
    z-index: 10; }
  .builder-content {
    width: 100%; }
    .builder-content .main-editor-section {
      margin-left: 120px;
      width: calc(100% - 540px); }
  .survey-toolbar .survey-title-input {
    background: #f8f6f6; }
  .survey-item-container.active {
    margin-right: -1px; }
  .article-builder {
    margin: 0 120px; } }

@media only screen and (min-width: 1940px) {
  .builder-content {
    max-width: 900px;
    margin: 0 auto; }
    .builder-content .main-editor-section .item-list > .button-list {
      margin-right: 0 !important; }
  .survey-item-container.active {
    margin-right: calc(-1 * ((100vw - 1138px) / 2 - 300px)); }
  .article-builder {
    margin: 0 auto; } }

.preview .label-wrapper.six, .preview .label-wrapper.eight, .preview .label-wrapper.ten {
  max-width: 148px; }

.preview .label-wrapper.seven {
  max-width: 200px; }

.preview .label-wrapper.nine {
  max-width: 126px; }

.preview .label-wrapper.eleven {
  max-width: 120px; }

.preview .vas-input .char-limit {
  display: none; }

.audio-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .audio-modal-content .caption {
    color: #000000; }

@media print {
  .d3-navbar,
  .instrument-nav,
  .create-study-nav,
  button.custom-button.preview-close-btn {
    display: none !important; }
  .metadata-preview,
  .avoid-break {
    page-break-inside: avoid; }
  .preview.page {
    padding: 0px; }
  body,
  html {
    background: white !important; } }

button.custom-button.preview-close-btn {
  position: fixed;
  top: 20px;
  right: 20px; }

.preview.page {
  width: 768px;
  margin: 0 auto;
  background: white;
  padding: 40px;
  font-size: 12px;
  min-height: 100vh; }
  .preview.page .d3-loader-container {
    background-color: white; }
  .preview.page .tag {
    width: max-content;
    font-size: 10px;
    background: white;
    border: 1px solid #cacaca;
    border-radius: 3px;
    padding: 2px 3px;
    font-weight: 500;
    margin-right: 5px;
    align-self: flex-start; }
  .preview.page .heading-text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px; }
  .preview.page .instrument-trigger {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px; }
  .preview.page .trigger-description {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 16px; }
  .preview.page .DraftEditor-root {
    margin-left: 10px;
    display: inline-block; }
  .preview.page .survey-question {
    margin-bottom: 15px; }
    .preview.page .survey-question .non-select-preview {
      display: inline-block; }
      .preview.page .survey-question .non-select-preview.audio, .preview.page .survey-question .non-select-preview.scribble, .preview.page .survey-question .non-select-preview.image-capture {
        display: flex; }
      .preview.page .survey-question .non-select-preview.image-capture .rendered-preview:hover img {
        cursor: default;
        filter: brightness(1); }
      .preview.page .survey-question .non-select-preview.date-input-range, .preview.page .survey-question .non-select-preview.numeric-input-range, .preview.page .survey-question .non-select-preview.time-input-range {
        display: block; }
      .preview.page .survey-question .non-select-preview input {
        background: #fafbfb; }
    .preview.page .survey-question .d3-froala-wrapper {
      width: 100%; }
      .preview.page .survey-question .d3-froala-wrapper.read-only {
        background: none !important;
        opacity: 1;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 8px; }
        .preview.page .survey-question .d3-froala-wrapper.read-only p {
          margin-bottom: 0; }
    .preview.page .survey-question .d3-editor-wrapper {
      width: 100%; }
      .preview.page .survey-question .d3-editor-wrapper .DraftEditor-root {
        width: 100%; }
      .preview.page .survey-question .d3-editor-wrapper .d3-editor.read-only .DraftEditor-editorContainer {
        background: none !important;
        opacity: 1;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .preview.page .survey-question .d3-textarea {
      background: #fafbfb; }
    .preview.page .survey-question .select-option .choice-value-input input,
    .preview.page .survey-question .select-option .score-val-input input {
      opacity: 1;
      background: none !important; }
    .preview.page .survey-question .clinro.multi-choice-container .matrix-questions .flexed.matrix-questions-list .d3-editor {
      color: #343334;
      background: #fafbfb; }
    .preview.page .survey-question .long-list .choice-numbers {
      padding: 21px 0px; }
      .preview.page .survey-question .long-list .choice-numbers div:first-child {
        height: 20px; }
      .preview.page .survey-question .long-list .choice-numbers div:not(:first-child) {
        padding-top: 9px;
        height: 30px; }
    .preview.page .survey-question .long-list .d3-textarea {
      line-height: 2.5;
      background: #fafbfb; }
    .preview.page .survey-question span {
      word-break: break-word; }
      .preview.page .survey-question span.question-number {
        min-width: fit-content; }
    .preview.page .survey-question .survey-question-inner {
      display: flex; }
  .preview.page img.question-image-preview {
    max-width: 200px;
    max-height: 200px;
    display: block;
    margin: 12px 24px; }
  .preview.page .question-media-preview {
    display: block;
    margin: 12px 20px;
    min-width: 400px;
    width: 400px; }
  .preview.page table {
    border-spacing: 0px;
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-top: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b; }
    .preview.page table td {
      padding: 5px 5px;
      border-bottom: 1px solid #9b9b9b;
      border-right: 1px solid #9b9b9b; }
      .preview.page table td p {
        display: flex;
        align-items: center;
        margin-bottom: 0px; }
        .preview.page table td p i {
          margin-right: 10px; }
    .preview.page table img {
      width: 100px; }
    .preview.page table .first-column {
      width: 200px; }
    .preview.page table tr:nth-child(2n + 1) {
      background: #f4f4f4; }
  .preview.page .cohor-wrap-item {
    margin-bottom: 10px; }
    .preview.page .cohor-wrap-item:last-child {
      margin-bottom: 0; }
  .preview.page .sent-to-list {
    word-break: break-all; }

.d3-drawer .preview.page {
  padding: 0px 45px 20px;
  margin-top: -21px; }
  .d3-drawer .preview.page .page-break {
    padding: 24px 0;
    border-bottom: 1px solid #f2f2f2; }
    .d3-drawer .preview.page .page-break.instrument-status-chart h5 {
      border-top: none; }
    .d3-drawer .preview.page .page-break .multi-choice-container .flexed {
      max-width: 100%; }
  .d3-drawer .preview.page .preview-header {
    z-index: 2;
    background: white;
    position: sticky;
    padding-top: 20px;
    top: 0px;
    border-bottom: 1px solid #f2f2f2; }
    .d3-drawer .preview.page .preview-header .article-link {
      margin-bottom: 30px; }
      .d3-drawer .preview.page .preview-header .article-link h5 {
        border-top: none; }
      .d3-drawer .preview.page .preview-header .article-link a {
        font-size: 16px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none; }
  .d3-drawer .preview.page .avoid-break > div:first-of-type h5 {
    border-top: none; }
  .d3-drawer .preview.page table {
    border-spacing: 0px 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    font-size: 16px; }
    .d3-drawer .preview.page table .first-column {
      text-transform: uppercase;
      color: #9b9b9b;
      font-weight: 500;
      padding-left: 0px;
      font-size: 12px; }
  .d3-drawer .preview.page table,
  .d3-drawer .preview.page td {
    border: none;
    background: white;
    max-width: 630px;
    overflow-wrap: break-word; }
  .d3-drawer .preview.page .flexed-header {
    padding: 15px 4px; }
    .d3-drawer .preview.page .flexed-header.response {
      margin: 0px;
      padding: 0px 4px;
      justify-content: flex-end; }
      .d3-drawer .preview.page .flexed-header.response span.response-rate {
        color: #f27b21;
        font-size: 14px;
        font-weight: 500; }
  .d3-drawer .preview.page h5 {
    color: #1b1c1d;
    font-size: 16px;
    font-weight: 500;
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
    margin-bottom: 20px; }
  .d3-drawer .preview.page .flexed-header .title {
    display: flex;
    align-items: center; }
  .d3-drawer .preview.page .flexed-header h2 {
    color: #1b1c1d;
    font-size: 24px;
    margin: 0px 12px 0px 0px;
    font-weight: 500;
    max-width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .d3-drawer .preview.page .flexed-header .tag.deployed {
    font-weight: 500;
    color: white;
    background: #009782;
    border: 1px solid #009782; }
  .d3-drawer .preview.page .flexed-header .tag.conditional-deployment {
    margin: auto;
    background: #f4f4f4;
    color: #000000;
    border: none;
    padding: 4px; }
    .d3-drawer .preview.page .flexed-header .tag.conditional-deployment i {
      color: #313d98;
      margin-right: 2px; }

.d3-drawer .instrument-status-chart table {
  max-width: 100% !important;
  border-spacing: 0 !important; }
  .d3-drawer .instrument-status-chart table tr:first-of-type td:first-of-type {
    border-radius: 4px 0 0 0; }
  .d3-drawer .instrument-status-chart table tr:first-of-type td:last-of-type {
    border-radius: 0 4px 0 0; }
  .d3-drawer .instrument-status-chart table tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 4px; }
  .d3-drawer .instrument-status-chart table tr:last-of-type td:last-of-type {
    border-radius: 0 0 4px 0; }
  .d3-drawer .instrument-status-chart table .net-stats {
    font-weight: 500;
    color: #9b9b9b;
    position: relative; }
    .d3-drawer .instrument-status-chart table .net-stats span {
      position: absolute; }
      .d3-drawer .instrument-status-chart table .net-stats span:first-of-type {
        right: 24px; }
      .d3-drawer .instrument-status-chart table .net-stats span:last-of-type {
        left: 24px; }
    .d3-drawer .instrument-status-chart table .net-stats > *:last-child {
      color: #cb2d2d;
      text-shadow: 0.5px 0 0 currentColor; }
      .d3-drawer .instrument-status-chart table .net-stats > *:last-child.no-decrease {
        color: #009782; }
  .d3-drawer .instrument-status-chart table .bar-header {
    width: 350px; }
  .d3-drawer .instrument-status-chart table .event-type {
    color: #313d98; }
  .d3-drawer .instrument-status-chart table .text-align.right.label {
    font-size: 14px;
    color: #9b9b9b; }
  .d3-drawer .instrument-status-chart table .percentage,
  .d3-drawer .instrument-status-chart table .retained {
    font-size: 18px; }
  .d3-drawer .instrument-status-chart table .percentage {
    font-weight: 500;
    color: #000000; }
  .d3-drawer .instrument-status-chart table .bar {
    align-items: center; }
    .d3-drawer .instrument-status-chart table .bar .percentage-bar {
      height: 24px;
      border-radius: 3px;
      background: #cff0fd; }

.consent-view.page {
  padding: 0; }
  .consent-view.page .consent-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px; }
    .consent-view.page .consent-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .consent-view.page .consent-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .consent-view.page .consent-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .consent-view.page .consent-nav .custom-button.link.selected:disabled, .consent-view.page .consent-nav .custom-button.link.selected {
        color: #545454;
        opacity: 1; }
        .consent-view.page .consent-nav .custom-button.link.selected:disabled .fas.fa-arrow-right, .consent-view.page .consent-nav .custom-button.link.selected .fas.fa-arrow-right {
          color: #313d98; }
      .consent-view.page .consent-nav .custom-button.link:hover,
      .consent-view.page .consent-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .consent-view.page .consent-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }

@media only screen and (min-width: 1940px) {
  .consent-view.page .consent-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - 520px); } }

.consent-scheduler.page {
  width: 1150px; }
  .consent-scheduler.page h3 {
    margin-bottom: 48px; }
  .consent-scheduler.page li:not(:last-child) {
    margin-bottom: 24px; }
  .consent-scheduler.page .autocomplete-search li {
    margin-bottom: 0; }
  .consent-scheduler.page .d3-container .d3-radio {
    align-items: flex-start; }
    .consent-scheduler.page .d3-container .d3-radio .recipient-label {
      margin: 0; }
      .consent-scheduler.page .d3-container .d3-radio .recipient-label:not(:last-child) {
        margin-bottom: 12px; }
    .consent-scheduler.page .d3-container .d3-radio .autocomplete-search {
      width: 600px; }
    .consent-scheduler.page .d3-container .d3-radio .d3-container {
      padding: 0; }
  .consent-scheduler.page .popup-container {
    margin-left: 8px; }
    .consent-scheduler.page .popup-container div.pop-content {
      color: white;
      padding: 12px;
      width: 380px; }
  .consent-scheduler.page .consent-deployment-time {
    margin-left: 40px; }
    .consent-scheduler.page .consent-deployment-time > *:not(:last-child) {
      margin-bottom: 12px; }
    .consent-scheduler.page .consent-deployment-time .d3-dropdown {
      width: 400px;
      margin-bottom: 36px; }

.consent-deploy.page {
  padding-top: 60px;
  width: 1150px; }
  .consent-deploy.page h3 {
    margin-bottom: 48px; }
  .consent-deploy.page .d3-container {
    position: relative; }
    .consent-deploy.page .d3-container .custom-button.edit-schedule {
      margin: 0;
      position: absolute;
      right: 30px; }
      .consent-deploy.page .d3-container .custom-button.edit-schedule svg {
        margin-right: 3px; }
    .consent-deploy.page .d3-container .label-small {
      margin-top: 0 !important;
      margin-bottom: 24px !important; }
    .consent-deploy.page .d3-container p {
      margin-left: 12px;
      margin-bottom: 32px; }
      .consent-deploy.page .d3-container p.no-margin {
        margin: 0; }
    .consent-deploy.page .d3-container .popup > p {
      margin-left: 0;
      margin-bottom: 0; }
  .consent-deploy.page .review-recipients .review-recipients-list {
    padding-left: 12px; }
  .consent-deploy.page .review-recipients .underlined-cta {
    margin-top: -4px; }
  .consent-deploy.page .recipients {
    margin-bottom: 10px; }
    .consent-deploy.page .recipients:last-child {
      margin: 0; }

.consent-formatting.page {
  width: 1208px; }
  .consent-formatting.page .body {
    display: flex;
    margin-top: 48px; }
    .consent-formatting.page .body .header-footer-fields {
      flex: 1;
      min-width: 0;
      margin-right: 64px; }
      .consent-formatting.page .body .header-footer-fields h5:not(:first-child) {
        margin-top: 28px; }
      .consent-formatting.page .body .header-footer-fields .d3-editor {
        position: relative; }
        .consent-formatting.page .body .header-footer-fields .d3-editor .rich-text-toolbar {
          position: absolute;
          right: 90px;
          top: -35px; }
        .consent-formatting.page .body .header-footer-fields .d3-editor .char-limit {
          margin-bottom: 8px; }
    .consent-formatting.page .body .consent-pdf-preview {
      flex: 1; }
      .consent-formatting.page .body .consent-pdf-preview p {
        max-width: 146px;
        word-break: break-word; }
  .consent-formatting.page .button-list {
    margin-top: 130px; }

.consent-pdf-preview .consent-sample {
  background: white;
  border-radius: 4px;
  border: 1px solid #cacaca;
  color: #9e9e9e;
  flex-direction: column;
  font-weight: 400;
  height: 644px;
  padding: 16px;
  position: relative;
  width: 478px; }
  .consent-pdf-preview .consent-sample .consent-content-placeholder {
    position: absolute;
    top: 233px; }
    .consent-pdf-preview .consent-sample .consent-content-placeholder .circle-wrapper {
      border: 4px solid #9e9e9e;
      border-radius: 100px;
      height: 100px;
      width: 100px;
      margin-bottom: 16px; }
      .consent-pdf-preview .consent-sample .consent-content-placeholder .circle-wrapper .fa-edit {
        font-size: 40px;
        font-weight: 400; }
    .consent-pdf-preview .consent-sample .consent-content-placeholder p.consent-content-text {
      font-size: 14px;
      max-width: none; }
  .consent-pdf-preview .consent-sample header,
  .consent-pdf-preview .consent-sample footer {
    font-size: 10px;
    width: 100%; }
    .consent-pdf-preview .consent-sample header > *,
    .consent-pdf-preview .consent-sample footer > * {
      width: 33.33%;
      text-align: center; }
      .consent-pdf-preview .consent-sample header > *:first-child,
      .consent-pdf-preview .consent-sample footer > *:first-child {
        text-align: start; }
      .consent-pdf-preview .consent-sample header > *:last-child,
      .consent-pdf-preview .consent-sample footer > *:last-child {
        text-align: end; }
    .consent-pdf-preview .consent-sample header p.header-footer-p,
    .consent-pdf-preview .consent-sample footer p.header-footer-p {
      margin: 0;
      position: absolute; }
      .consent-pdf-preview .consent-sample header p.header-footer-p:nth-of-type(1),
      .consent-pdf-preview .consent-sample footer p.header-footer-p:nth-of-type(1) {
        left: 16px; }
      .consent-pdf-preview .consent-sample header p.header-footer-p:nth-of-type(2),
      .consent-pdf-preview .consent-sample footer p.header-footer-p:nth-of-type(2) {
        left: 50%;
        transform: translateX(-50%); }
      .consent-pdf-preview .consent-sample header p.header-footer-p:nth-of-type(3),
      .consent-pdf-preview .consent-sample footer p.header-footer-p:nth-of-type(3) {
        right: 16px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.instruments.page {
  max-width: 1600px;
  min-width: fit-content;
  min-width: -moz-fit-content;
  width: 1200px; }
  .instruments.page .no-sites img {
    height: 220px;
    margin: 60px;
    width: 300px; }
  .instruments.page .search-input {
    float: right;
    margin-bottom: 10px; }
  .instruments.page .flexed-header {
    align-items: center; }
    .instruments.page .flexed-header.sticky .popup-container {
      display: inline-block;
      height: 38px; }
      .instruments.page .flexed-header.sticky .popup-container .popup {
        margin: 0;
        padding: 0;
        border: 0;
        background: #343334;
        transform: translateX(0);
        left: inherit;
        right: 0;
        padding-bottom: 9px; }
        .instruments.page .flexed-header.sticky .popup-container .popup .label-small {
          margin-left: 20px; }
        .instruments.page .flexed-header.sticky .popup-container .popup .custom-button {
          color: white;
          padding: 8px 20px;
          margin: 0;
          min-width: 320px;
          display: flex;
          align-items: baseline;
          width: 100%; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button .d3-loader-container {
            width: 18px;
            height: 15px;
            margin-right: 12px; }
            .instruments.page .flexed-header.sticky .popup-container .popup .custom-button .d3-loader-container .loader {
              width: 15px;
              position: relative; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button svg {
            margin-right: 12px; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button i {
            color: white; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:hover {
            background: #666666; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:active {
            text-shadow: 0 0 0.24px white;
            filter: contrast(150%); }
            .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:active i {
              text-shadow: none; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:last-child {
            border-radius: 0; }
        .instruments.page .flexed-header.sticky .popup-container .popup .popup-section:last-child .d3-divider {
          display: none; }
    .instruments.page .flexed-header.sticky.contains-popup {
      height: 72px;
      z-index: 3; }
      .instruments.page .flexed-header.sticky.contains-popup .header-button-list {
        min-width: max-content;
        min-width: -moz-max-content;
        white-space: nowrap; }
        .instruments.page .flexed-header.sticky.contains-popup .header-button-list .custom-button.article {
          margin-left: 0px; }
        .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup {
          right: 0;
          left: inherit;
          transform: translateX(0);
          width: fit-content;
          padding-bottom: 0; }
          .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button {
            min-width: 215px;
            padding: 12px 20px;
            margin: 0;
            border: none; }
            .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button:first-child {
              margin-left: 0; }
            .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button:last-child {
              border-radius: 0 0 4px 4px; }
    .instruments.page .flexed-header.sticky.search {
      padding-bottom: 0px; }
      .instruments.page .flexed-header.sticky.search > .popup-container {
        min-width: fit-content;
        min-width: -moz-fit-content; }
        .instruments.page .flexed-header.sticky.search > .popup-container .popup-trigger {
          height: 100%; }
        .instruments.page .flexed-header.sticky.search > .popup-container .custom-button {
          margin-left: 0px; }
      .instruments.page .flexed-header.sticky.search svg.custom-icon {
        width: 18px;
        margin-right: 8px; }
        .instruments.page .flexed-header.sticky.search svg.custom-icon path:first-child {
          fill: none; }
      .instruments.page .flexed-header.sticky.search .popup-container .popup .custom-button.link {
        width: 310px; }
        .instruments.page .flexed-header.sticky.search .popup-container .popup .custom-button.link i {
          width: 18px;
          margin-right: 8px; }
  .instruments.page .instruments-list .clickable:hover div.name {
    font-weight: 500;
    letter-spacing: 0.26px; }
  .instruments.page .instruments-list .highlighted {
    background: #fdf7f6; }
    .instruments.page .instruments-list .highlighted.site-edition {
      background: #fff1e6; }
  .instruments.page .instruments-list td.name-col {
    max-width: 390px;
    width: 248px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #313d98; }
    .instruments.page .instruments-list td.name-col .trigger-name {
      color: #343334;
      margin: 0 0 4px -8px; }
    .instruments.page .instruments-list td.name-col .triggered-icon {
      border-bottom: 2px solid #b3b7d9;
      border-left: 2px solid #b3b7d9;
      height: 18px;
      min-width: 10px;
      margin: -6px 12px 0 0; }
    .instruments.page .instruments-list td.name-col .instrument-names {
      width: 100%; }
      .instruments.page .instruments-list td.name-col .instrument-names div.name,
      .instruments.page .instruments-list td.name-col .instrument-names p {
        overflow: hidden;
        text-overflow: ellipsis; }
      .instruments.page .instruments-list td.name-col .instrument-names div.name {
        font-size: 16px;
        margin-bottom: 0;
        white-space: break-spaces; }
      .instruments.page .instruments-list td.name-col .instrument-names p.display-name {
        color: #4a4a4a; }
  .instruments.page .instruments-list .receipt-cell p {
    text-align: center;
    margin: 4px;
    font-size: 12px;
    letter-spacing: 0.22px; }
  .instruments.page .instruments-list .type-cell p {
    margin: 0px;
    text-transform: capitalize; }
  .instruments.page .instruments-list .schedule-cell {
    width: 320px;
    text-align: left; }
    .instruments.page .instruments-list .schedule-cell p {
      margin: 0px;
      display: flex;
      align-items: center; }
    .instruments.page .instruments-list .schedule-cell span {
      display: flex;
      align-items: center;
      height: 20px; }
      .instruments.page .instruments-list .schedule-cell span.date {
        height: auto;
        max-height: 150px;
        overflow-y: auto;
        align-items: baseline; }
      .instruments.page .instruments-list .schedule-cell span.draft, .instruments.page .instruments-list .schedule-cell span.deployed {
        background: #9b9b9b;
        border-radius: 3px;
        font-size: 10px;
        font-weight: 500;
        margin-right: 5px;
        min-width: fit-content;
        padding: 2px 4px; }
      .instruments.page .instruments-list .schedule-cell span.draft {
        color: white; }
      .instruments.page .instruments-list .schedule-cell span.deployed {
        display: flex;
        align-items: center;
        background: #e5e8ea; }
        .instruments.page .instruments-list .schedule-cell span.deployed i {
          color: #1f5d44;
          margin-right: 2px; }
      .instruments.page .instruments-list .schedule-cell span.conditional-deployment {
        height: fit-content;
        min-height: 21px;
        min-width: 132px; }
        .instruments.page .instruments-list .schedule-cell span.conditional-deployment i {
          color: #313d98;
          margin-right: 2px; }
  .instruments.page .instruments-list .action-cell {
    width: 120px; }
    .instruments.page .instruments-list .action-cell .custom-button,
    .instruments.page .instruments-list .action-cell i {
      margin: 0px; }
    .instruments.page .instruments-list .action-cell .popup-container.download .popup {
      min-height: 42px; }
    .instruments.page .instruments-list .action-cell .popup-container.download.locked .popup {
      min-height: 84px;
      width: max-content; }
      .instruments.page .instruments-list .action-cell .popup-container.download.locked .popup .custom-button.link {
        width: auto; }
    .instruments.page .instruments-list .action-cell .popup-container .popup {
      border: none;
      padding: 0; }
      .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link {
        text-align: left;
        color: white;
        padding: 10px;
        width: 200px; }
        .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link:hover {
          background: #666666; }
        .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link:active {
          text-shadow: 0 0 0.24px white;
          filter: contrast(150%); }
    .instruments.page .instruments-list .action-cell .popup-container.edit .popup .custom-button.link {
      width: 100%; }
    .instruments.page .instruments-list .action-cell .flexed > * {
      width: 16px; }
      .instruments.page .instruments-list .action-cell .flexed > *:not(:last-child) {
        margin-right: 16px; }
    .instruments.page .instruments-list .action-cell .fit-content-width-button {
      width: fit-content; }
    .instruments.page .instruments-list .action-cell .custom-button i {
      color: #cacaca;
      font-size: 16px; }
    .instruments.page .instruments-list .action-cell:hover .custom-button i {
      color: #313d98; }
    .instruments.page .instruments-list .action-cell .custom-button i:hover {
      color: #8bd5b8; }
    .instruments.page .instruments-list .action-cell .custom-button i.fa-trash:hover {
      color: #cb2d2d; }
    .instruments.page .instruments-list .action-cell .hidden {
      visibility: hidden; }

.instrument-wizard.page .wizard {
  padding: 0px; }

.instrument-wizard.page .wizard {
  height: fit-content; }
  .instrument-wizard.page .wizard h2 {
    color: #cacaca;
    font-size: 18px;
    margin: 30px 0px;
    text-align: center; }
  .instrument-wizard.page .wizard .upload-container {
    width: 100%;
    height: 100%;
    margin-bottom: 15px; }
    .instrument-wizard.page .wizard .upload-container .upload-input {
      margin-bottom: 0; }
    .instrument-wizard.page .wizard .upload-container label {
      line-height: 120px; }
  .instrument-wizard.page .wizard .section {
    padding: 20px; }
    .instrument-wizard.page .wizard .section.task, .instrument-wizard.page .wizard .section.diary, .instrument-wizard.page .wizard .section.article {
      border-top: 1px solid #cacaca; }

.instrument-wizard.page .wizard .box-section {
  width: 150px; }
  .instrument-wizard.page .wizard .box-section .circle {
    font-size: 24px;
    margin: auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    border: 1px solid black; }

.upload-translation-box {
  padding: 15px 20px; }
  .upload-translation-box h2 {
    font-size: 20px;
    font-weight: 400; }
  .upload-translation-box .warning-box {
    margin-top: 20px; }
    .upload-translation-box .warning-box p {
      margin: 0px; }

.consent-dashboard.page {
  width: 1300px;
  padding: 30px 35px; }
  .consent-dashboard.page .top-buttons {
    width: 100%; }
    .consent-dashboard.page .top-buttons .selected-button-list {
      position: relative;
      z-index: 0; }
      .consent-dashboard.page .top-buttons .selected-button-list .custom-button {
        background: transparent; }
    .consent-dashboard.page .top-buttons .create-button {
      width: 150px; }
  .consent-dashboard.page .consent-table .d3-loader-container {
    height: 160px; }
  .consent-dashboard.page .consent-list table {
    margin-bottom: 0px; }
  .consent-dashboard.page .consent-list .name-cell {
    width: 240px; }
  .consent-dashboard.page .consent-list .type-cell {
    min-width: 120px; }
  .consent-dashboard.page .consent-list .consent-status-cell {
    min-width: 150px; }
    .consent-dashboard.page .consent-list .consent-status-cell .dividend-one {
      background: #f27b21; }
    .consent-dashboard.page .consent-list .consent-status-cell .dividend-two {
      background: #00b9cf; }
  .consent-dashboard.page .consent-list .action-cell {
    min-width: 150px; }
    .consent-dashboard.page .consent-list .action-cell .flexed {
      justify-content: flex-start; }
    .consent-dashboard.page .consent-list .action-cell i.fa-pencil-alt {
      margin-right: 0; }
    .consent-dashboard.page .consent-list .action-cell .scheduled i {
      color: #cacaca; }
    .consent-dashboard.page .consent-list .action-cell .drafts i {
      color: #313d98; }
    .consent-dashboard.page .consent-list .action-cell .custom-button {
      margin-left: 0px; }
    .consent-dashboard.page .consent-list .action-cell .popup-container > button {
      margin: 0 16px 0 0; }
    .consent-dashboard.page .consent-list .action-cell .popup-container .popup {
      width: max-content;
      min-height: max-content; }
    .consent-dashboard.page .consent-list .action-cell .popup-container.studyLock .popup {
      min-height: 76px; }
    .consent-dashboard.page .consent-list .action-cell:hover .custom-button i {
      color: #313d98; }
  .consent-dashboard.page .consent-list .last-sent-cell p {
    margin: 0px;
    display: flex;
    align-items: center; }
  .consent-dashboard.page .consent-list .last-sent-cell span {
    display: flex;
    align-items: center; }
    .consent-dashboard.page .consent-list .last-sent-cell span.draft, .consent-dashboard.page .consent-list .last-sent-cell span.deployed {
      background: #9b9b9b;
      font-size: 10px;
      font-weight: 500;
      border-radius: 3px;
      padding: 2px 4px;
      margin-right: 5px;
      height: 20px; }
    .consent-dashboard.page .consent-list .last-sent-cell span.draft {
      color: white; }
    .consent-dashboard.page .consent-list .last-sent-cell span.deployed {
      display: flex;
      align-items: center;
      background: #e5e8ea; }
      .consent-dashboard.page .consent-list .last-sent-cell span.deployed i {
        color: #1f5d44;
        margin-right: 2px; }

.d3-drawer .consent-drawer.page {
  width: 768px;
  margin: 0 auto;
  background: white;
  font-size: 12px;
  min-height: 100vh;
  padding: 0px 45px 20px;
  margin-top: -21px; }
  .d3-drawer .consent-drawer.page .page-break {
    padding: 24px 0;
    border-bottom: 1px solid #f2f2f2; }
    .d3-drawer .consent-drawer.page .page-break.status-container h5 {
      border-top: none; }
    .d3-drawer .consent-drawer.page .page-break.status-container .status-container-header {
      position: relative; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-container-header .custom-button {
        position: absolute;
        left: 165px; }
    .d3-drawer .consent-drawer.page .page-break.status-container .status-table {
      padding: 8px;
      background: #fafafa; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table.loading {
        background: none; }
        .d3-drawer .consent-drawer.page .page-break.status-container .status-table.loading .d3-loader-container {
          height: 100px; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr.expanded td {
        border-bottom: none; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr.expanded:hover + .expanded-row {
        background: #fafafa; }
        .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr.expanded:hover + .expanded-row td {
          border-color: #fafafa; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr.expanded-row:hover {
        background: none; }
        .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr.expanded-row:hover td {
          border-color: #fafafa; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr:hover {
        background: #fafafa; }
        .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table tr:hover td {
          border-color: #fafafa; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table .completion-cell.orange {
        color: #ff8b3d; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table .completion-cell .fa-check {
        color: #009782; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table .completion-cell .fa-times {
        color: #9e9e9e; }
        .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table .completion-cell .fa-times.orange {
          color: #ff8b3d; }
      .d3-drawer .consent-drawer.page .page-break.status-container .status-table .d3-sortable-table .view-more-with-table-pages {
        background: #fafafa; }
    .d3-drawer .consent-drawer.page .page-break.details-container table {
      border-spacing: 0px 20px;
      font-size: 16px; }
      .d3-drawer .consent-drawer.page .page-break.details-container table .first-column {
        padding: 0 20px 0 0; }
    .d3-drawer .consent-drawer.page .page-break.details-container table,
    .d3-drawer .consent-drawer.page .page-break.details-container td {
      border: none;
      overflow-wrap: break-word; }
    .d3-drawer .consent-drawer.page .page-break.version-container .consent-column {
      min-width: 300px;
      max-width: 500px;
      word-break: break-all;
      color: #313d98; }
      .d3-drawer .consent-drawer.page .page-break.version-container .consent-column .name {
        text-align: left;
        max-width: 300px;
        min-width: 0;
        margin-left: 0;
        margin-bottom: 4px; }
    .d3-drawer .consent-drawer.page .page-break:last-child {
      border-bottom: 0; }
  .d3-drawer .consent-drawer.page .preview-header {
    z-index: 2;
    background: white;
    position: sticky;
    padding-top: 20px;
    top: 0px;
    border-bottom: 1px solid #f2f2f2; }
  .d3-drawer .consent-drawer.page .flexed-header {
    padding: 15px 4px; }
    .d3-drawer .consent-drawer.page .flexed-header.response {
      margin: 0px;
      padding: 0px 4px;
      justify-content: flex-end; }
      .d3-drawer .consent-drawer.page .flexed-header.response span.response-rate {
        color: #f27b21;
        font-size: 14px;
        font-weight: 500; }
  .d3-drawer .consent-drawer.page h5 {
    color: #1b1c1d;
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
    margin-bottom: 20px; }
  .d3-drawer .consent-drawer.page .flexed-header .title {
    display: flex;
    align-items: center; }
  .d3-drawer .consent-drawer.page .flexed-header h2 {
    color: #1b1c1d;
    font-size: 24px;
    margin: 0px 12px 0px 0px;
    font-weight: 500;
    max-width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.d3-drawer .recipients {
  margin-bottom: 10px; }
  .d3-drawer .recipients:last-child {
    margin: 0; }

.d3-modal {
  z-index: 201; }

.data-correction.page {
  width: 724px; }
  .data-correction.page .d3-container p {
    font-size: 16px;
    letter-spacing: 0.3;
    line-height: 1.5; }
  .data-correction.page .d3-container .custom-button {
    font-size: 16px;
    margin: 0; }
    .data-correction.page .d3-container .custom-button.expand {
      margin-right: 14px; }
    .data-correction.page .d3-container .custom-button.redirect i {
      color: #313d98;
      margin-right: 6px; }
  .data-correction.page .d3-container .bullet {
    margin-top: 15px; }
    .data-correction.page .d3-container .bullet .counter {
      background: #f6f8f9;
      border-radius: 50%;
      height: 23px;
      margin-right: 4px;
      position: absolute;
      text-align: center;
      width: 23px;
      color: #313d98;
      font-size: 12px; }
    .data-correction.page .d3-container .bullet p {
      margin-bottom: 0;
      margin-left: 32px; }
  .data-correction.page .d3-container h5 {
    margin-top: 10px; }
  .data-correction.page .d3-container .fa-check-circle {
    color: #009782;
    font-size: 30px;
    margin-right: 10px; }
  .data-correction.page .webviewer {
    height: 80vh; }
  .data-correction.page .button-list {
    margin-top: 25px; }
    .data-correction.page .button-list .dcf-loader {
      height: 25px;
      width: 25px; }

.d3-container.create-geofence {
  position: relative;
  height: 687px;
  padding: 40px 100px;
  margin: 0 auto; }
  .d3-container.create-geofence.edit-mode {
    width: 900px; }
    .d3-container.create-geofence.edit-mode .map-wrapper {
      width: auto !important; }
  .d3-container.create-geofence > *:last-child {
    margin: 0; }
  .d3-container.create-geofence .map-wrapper {
    top: 82px;
    left: 100px;
    right: 100px;
    width: inherit !important;
    height: 400px !important;
    position: absolute; }
  .d3-container.create-geofence .places-search {
    width: 66%;
    right: 10px;
    top: 10px;
    height: 40px;
    padding-left: 16px;
    position: absolute; }
  .d3-container.create-geofence .fields-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0; }
    .d3-container.create-geofence .fields-button .fields {
      padding: 0 100px;
      margin-bottom: 50px;
      align-items: end; }
      .d3-container.create-geofence .fields-button .fields .flexed {
        align-items: end; }
      .d3-container.create-geofence .fields-button .fields .left {
        margin-right: 20px;
        width: 100%; }
        .d3-container.create-geofence .fields-button .fields .left .d3-input {
          width: 100%;
          min-width: 170px; }
      .d3-container.create-geofence .fields-button .fields .right .latitude-input,
      .d3-container.create-geofence .fields-button .fields .right .longitude-input {
        min-width: 111px; }
        .d3-container.create-geofence .fields-button .fields .right .latitude-input input::-webkit-outer-spin-button,
        .d3-container.create-geofence .fields-button .fields .right .latitude-input input::-webkit-inner-spin-button,
        .d3-container.create-geofence .fields-button .fields .right .longitude-input input::-webkit-outer-spin-button,
        .d3-container.create-geofence .fields-button .fields .right .longitude-input input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
      .d3-container.create-geofence .fields-button .fields .right .d3-input:not(:last-of-type) {
        margin-right: 15px; }
      .d3-container.create-geofence .fields-button .fields .right .d3-input.latitude-input .error-text {
        position: absolute;
        white-space: normal;
        width: 230px; }
      .d3-container.create-geofence .fields-button .fields .right .d3-input.radius {
        width: 205px;
        position: relative; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius .error-text {
          position: absolute; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius input {
          display: block !important;
          padding-right: 23px;
          align-items: center; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius input::-webkit-outer-spin-button,
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius input[type='number'] {
          -moz-appearance: textfield; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius .posttext {
          position: absolute;
          top: 41px;
          right: 50px; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius .custom-button.circle:first-of-type {
          margin: 0 10px 0 0; }
        .d3-container.create-geofence .fields-button .fields .right .d3-input.radius .custom-button.circle:last-of-type {
          margin: 0 0 0 10px; }

.geofences.page {
  max-width: 1400px;
  min-width: 1085px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.instruments.page {
  max-width: 1600px;
  min-width: fit-content;
  min-width: -moz-fit-content;
  width: 1200px; }
  .instruments.page .no-sites img {
    height: 220px;
    margin: 60px;
    width: 300px; }
  .instruments.page .search-input {
    float: right;
    margin-bottom: 10px; }
  .instruments.page .flexed-header {
    align-items: center; }
    .instruments.page .flexed-header.sticky .popup-container {
      display: inline-block;
      height: 38px; }
      .instruments.page .flexed-header.sticky .popup-container .popup {
        margin: 0;
        padding: 0;
        border: 0;
        background: #343334;
        transform: translateX(0);
        left: inherit;
        right: 0;
        padding-bottom: 9px; }
        .instruments.page .flexed-header.sticky .popup-container .popup .label-small {
          margin-left: 20px; }
        .instruments.page .flexed-header.sticky .popup-container .popup .custom-button {
          color: white;
          padding: 8px 20px;
          margin: 0;
          min-width: 320px;
          display: flex;
          align-items: baseline;
          width: 100%; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button .d3-loader-container {
            width: 18px;
            height: 15px;
            margin-right: 12px; }
            .instruments.page .flexed-header.sticky .popup-container .popup .custom-button .d3-loader-container .loader {
              width: 15px;
              position: relative; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button svg {
            margin-right: 12px; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button i {
            color: white; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:hover {
            background: #666666; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:active {
            text-shadow: 0 0 0.24px white;
            filter: contrast(150%); }
            .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:active i {
              text-shadow: none; }
          .instruments.page .flexed-header.sticky .popup-container .popup .custom-button:last-child {
            border-radius: 0; }
        .instruments.page .flexed-header.sticky .popup-container .popup .popup-section:last-child .d3-divider {
          display: none; }
    .instruments.page .flexed-header.sticky.contains-popup {
      height: 72px;
      z-index: 3; }
      .instruments.page .flexed-header.sticky.contains-popup .header-button-list {
        min-width: max-content;
        min-width: -moz-max-content;
        white-space: nowrap; }
        .instruments.page .flexed-header.sticky.contains-popup .header-button-list .custom-button.article {
          margin-left: 0px; }
        .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup {
          right: 0;
          left: inherit;
          transform: translateX(0);
          width: fit-content;
          padding-bottom: 0; }
          .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button {
            min-width: 215px;
            padding: 12px 20px;
            margin: 0;
            border: none; }
            .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button:first-child {
              margin-left: 0; }
            .instruments.page .flexed-header.sticky.contains-popup .header-button-list .popup .custom-button:last-child {
              border-radius: 0 0 4px 4px; }
    .instruments.page .flexed-header.sticky.search {
      padding-bottom: 0px; }
      .instruments.page .flexed-header.sticky.search > .popup-container {
        min-width: fit-content;
        min-width: -moz-fit-content; }
        .instruments.page .flexed-header.sticky.search > .popup-container .popup-trigger {
          height: 100%; }
        .instruments.page .flexed-header.sticky.search > .popup-container .custom-button {
          margin-left: 0px; }
      .instruments.page .flexed-header.sticky.search svg.custom-icon {
        width: 18px;
        margin-right: 8px; }
        .instruments.page .flexed-header.sticky.search svg.custom-icon path:first-child {
          fill: none; }
      .instruments.page .flexed-header.sticky.search .popup-container .popup .custom-button.link {
        width: 310px; }
        .instruments.page .flexed-header.sticky.search .popup-container .popup .custom-button.link i {
          width: 18px;
          margin-right: 8px; }
  .instruments.page .instruments-list .clickable:hover div.name {
    font-weight: 500;
    letter-spacing: 0.26px; }
  .instruments.page .instruments-list .highlighted {
    background: #fdf7f6; }
    .instruments.page .instruments-list .highlighted.site-edition {
      background: #fff1e6; }
  .instruments.page .instruments-list td.name-col {
    max-width: 390px;
    width: 248px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #313d98; }
    .instruments.page .instruments-list td.name-col .trigger-name {
      color: #343334;
      margin: 0 0 4px -8px; }
    .instruments.page .instruments-list td.name-col .triggered-icon {
      border-bottom: 2px solid #b3b7d9;
      border-left: 2px solid #b3b7d9;
      height: 18px;
      min-width: 10px;
      margin: -6px 12px 0 0; }
    .instruments.page .instruments-list td.name-col .instrument-names {
      width: 100%; }
      .instruments.page .instruments-list td.name-col .instrument-names div.name,
      .instruments.page .instruments-list td.name-col .instrument-names p {
        overflow: hidden;
        text-overflow: ellipsis; }
      .instruments.page .instruments-list td.name-col .instrument-names div.name {
        font-size: 16px;
        margin-bottom: 0;
        white-space: break-spaces; }
      .instruments.page .instruments-list td.name-col .instrument-names p.display-name {
        color: #4a4a4a; }
  .instruments.page .instruments-list .receipt-cell p {
    text-align: center;
    margin: 4px;
    font-size: 12px;
    letter-spacing: 0.22px; }
  .instruments.page .instruments-list .type-cell p {
    margin: 0px;
    text-transform: capitalize; }
  .instruments.page .instruments-list .schedule-cell {
    width: 320px;
    text-align: left; }
    .instruments.page .instruments-list .schedule-cell p {
      margin: 0px;
      display: flex;
      align-items: center; }
    .instruments.page .instruments-list .schedule-cell span {
      display: flex;
      align-items: center;
      height: 20px; }
      .instruments.page .instruments-list .schedule-cell span.date {
        height: auto;
        max-height: 150px;
        overflow-y: auto;
        align-items: baseline; }
      .instruments.page .instruments-list .schedule-cell span.draft, .instruments.page .instruments-list .schedule-cell span.deployed {
        background: #9b9b9b;
        border-radius: 3px;
        font-size: 10px;
        font-weight: 500;
        margin-right: 5px;
        min-width: fit-content;
        padding: 2px 4px; }
      .instruments.page .instruments-list .schedule-cell span.draft {
        color: white; }
      .instruments.page .instruments-list .schedule-cell span.deployed {
        display: flex;
        align-items: center;
        background: #e5e8ea; }
        .instruments.page .instruments-list .schedule-cell span.deployed i {
          color: #1f5d44;
          margin-right: 2px; }
      .instruments.page .instruments-list .schedule-cell span.conditional-deployment {
        height: fit-content;
        min-height: 21px;
        min-width: 132px; }
        .instruments.page .instruments-list .schedule-cell span.conditional-deployment i {
          color: #313d98;
          margin-right: 2px; }
  .instruments.page .instruments-list .action-cell {
    width: 120px; }
    .instruments.page .instruments-list .action-cell .custom-button,
    .instruments.page .instruments-list .action-cell i {
      margin: 0px; }
    .instruments.page .instruments-list .action-cell .popup-container.download .popup {
      min-height: 42px; }
    .instruments.page .instruments-list .action-cell .popup-container.download.locked .popup {
      min-height: 84px;
      width: max-content; }
      .instruments.page .instruments-list .action-cell .popup-container.download.locked .popup .custom-button.link {
        width: auto; }
    .instruments.page .instruments-list .action-cell .popup-container .popup {
      border: none;
      padding: 0; }
      .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link {
        text-align: left;
        color: white;
        padding: 10px;
        width: 200px; }
        .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link:hover {
          background: #666666; }
        .instruments.page .instruments-list .action-cell .popup-container .popup .custom-button.link:active {
          text-shadow: 0 0 0.24px white;
          filter: contrast(150%); }
    .instruments.page .instruments-list .action-cell .popup-container.edit .popup .custom-button.link {
      width: 100%; }
    .instruments.page .instruments-list .action-cell .flexed > * {
      width: 16px; }
      .instruments.page .instruments-list .action-cell .flexed > *:not(:last-child) {
        margin-right: 16px; }
    .instruments.page .instruments-list .action-cell .fit-content-width-button {
      width: fit-content; }
    .instruments.page .instruments-list .action-cell .custom-button i {
      color: #cacaca;
      font-size: 16px; }
    .instruments.page .instruments-list .action-cell:hover .custom-button i {
      color: #313d98; }
    .instruments.page .instruments-list .action-cell .custom-button i:hover {
      color: #8bd5b8; }
    .instruments.page .instruments-list .action-cell .custom-button i.fa-trash:hover {
      color: #cb2d2d; }
    .instruments.page .instruments-list .action-cell .hidden {
      visibility: hidden; }

.instrument-wizard.page .wizard {
  padding: 0px; }

.instrument-wizard.page .wizard {
  height: fit-content; }
  .instrument-wizard.page .wizard h2 {
    color: #cacaca;
    font-size: 18px;
    margin: 30px 0px;
    text-align: center; }
  .instrument-wizard.page .wizard .upload-container {
    width: 100%;
    height: 100%;
    margin-bottom: 15px; }
    .instrument-wizard.page .wizard .upload-container .upload-input {
      margin-bottom: 0; }
    .instrument-wizard.page .wizard .upload-container label {
      line-height: 120px; }
  .instrument-wizard.page .wizard .section {
    padding: 20px; }
    .instrument-wizard.page .wizard .section.task, .instrument-wizard.page .wizard .section.diary, .instrument-wizard.page .wizard .section.article {
      border-top: 1px solid #cacaca; }

.instrument-wizard.page .wizard .box-section {
  width: 150px; }
  .instrument-wizard.page .wizard .box-section .circle {
    font-size: 24px;
    margin: auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    border: 1px solid black; }

.upload-translation-box {
  padding: 15px 20px; }
  .upload-translation-box h2 {
    font-size: 20px;
    font-weight: 400; }
  .upload-translation-box .warning-box {
    margin-top: 20px; }
    .upload-translation-box .warning-box p {
      margin: 0px; }

.fev-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem; }
  .fev-form h3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.5rem; }
  .fev-form .subtitle {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 1.5rem; }
  .fev-form .input-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.5rem; }
    .fev-form .input-group label {
      flex: 0 0 60%;
      font-weight: 500;
      font-size: 0.95rem;
      margin-bottom: 0; }
    .fev-form .input-group input[type="text"] {
      flex: 0 0 40%;
      padding: 0.6rem;
      font-size: 1rem;
      border: none;
      border-bottom: 1px solid #00bcd4;
      background-color: transparent; }
      .fev-form .input-group input[type="text"]:focus {
        border: 1px solid #00bcd4;
        outline: none;
        box-shadow: none; }
  .fev-form .scoring-instruction {
    margin-top: 2rem;
    font-weight: bold; }
  .fev-form .score-options {
    margin-top: 1rem; }
    .fev-form .score-options .score-option {
      padding: 0.75rem 1rem;
      border: 1px solid #ccc;
      margin-bottom: 0.6rem;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.2s ease; }
      .fev-form .score-options .score-option:hover {
        border-color: #00bcd4;
        background-color: #f0fafa; }
      .fev-form .score-options .score-option.selected {
        border: 2px solid #00bcd4;
        background-color: #e0f7fa; }
      .fev-form .score-options .score-option span {
        margin-right: 0.5rem; }
  @media (max-width: 600px) {
    .fev-form .input-group {
      flex-direction: column; }
      .fev-form .input-group label,
      .fev-form .input-group input[type="text"] {
        flex: 1 1 100%; } }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.diary-download h3.headline {
  margin-bottom: 40px; }

.diary-download .buttons {
  text-align: end;
  margin-top: 60px; }

.diary-download .diary-param-selection {
  border-right: 2px solid #e8eaed;
  padding-bottom: 32px; }
  .diary-download .diary-param-selection .diary-filter-sec {
    padding-right: 60px;
    margin-bottom: 40px; }
    .diary-download .diary-param-selection .diary-filter-sec .autocomplete-search {
      width: 300px; }
    .diary-download .diary-param-selection .diary-filter-sec .microcopy {
      margin-top: 7px; }
  .diary-download .diary-param-selection section:not(:last-of-type) {
    margin-bottom: 40px; }

.diary-download.audio-download .diary-param-selection {
  border-right: none; }
  .diary-download.audio-download .diary-param-selection .diary-filter-sec .autocomplete-search {
    width: 450px; }

.diary-download.audio-download .instrument-id-selection {
  max-width: 450px;
  margin-bottom: 16px; }

.diary-download .diary-format-selection {
  margin-left: 42px; }
  .diary-download .diary-format-selection .diary-format-sec {
    font-size: 16px;
    font-weight: 500; }
    .diary-download .diary-format-selection .diary-format-sec p {
      margin: 0 0 0 30px;
      color: #767676; }
  .diary-download .diary-format-selection .diary-type-sec {
    margin-top: 24px; }

.diary-download .diary-format-sec section:not(:last-of-type) {
  margin-bottom: 24px; }

.diary-download .diary-date-sec .date-picker {
  margin-top: 5px;
  margin-right: 55px; }
  .diary-download .diary-date-sec .date-picker .DayPickerInput input {
    width: 146px;
    height: 50px; }
    .diary-download .diary-date-sec .date-picker .DayPickerInput input:disabled {
      background-color: #dedede;
      opacity: 0.5; }
  .diary-download .diary-date-sec .date-picker .DayPicker-Months {
    flex-wrap: nowrap; }
  .diary-download .diary-date-sec .date-picker .DayPicker-Day {
    border-radius: 0; }
  .diary-download .diary-date-sec .date-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
    background-color: #ededed !important;
    color: #343334; }
  .diary-download .diary-date-sec .date-picker .DayPicker-Day--start:not(.DayPicker-Day--outside),
  .diary-download .diary-date-sec .date-picker .DayPicker-Day--end:not(.DayPicker-Day--outside) {
    color: #313d98;
    background-color: rgba(223, 225, 241, 0.45);
    border-radius: 4px !important; }
  .diary-download .diary-date-sec .date-picker .DayPickerInput-Overlay {
    padding: 10px 10px 12px 10px; }
    .diary-download .diary-date-sec .date-picker .DayPickerInput-Overlay.future-overlay {
      margin-left: -147px; }
    .diary-download .diary-date-sec .date-picker .DayPickerInput-Overlay .buttons-container .past-button {
      font-size: 14px;
      padding: 2px 20px;
      align-self: flex-start; }
    .diary-download .diary-date-sec .date-picker .DayPickerInput-Overlay .buttons-container .all-dates {
      font-weight: normal; }

.DayPickerInputError input {
  color: #cb2d2d;
  border-color: #cb2d2d;
  background: #fdf7f6; }

.upload-survey.page .button-list {
  width: 600px; }
  .upload-survey.page .button-list .custom-button {
    margin-top: 12.5px;
    margin-bottom: 12.5px; }

.upload-container {
  width: 600px;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 10px; }
  .upload-container .upload-input .input-container {
    width: 100%; }
    .upload-container .upload-input .input-container .custom-button {
      margin: 0; }
  .upload-container .file-input {
    position: relative;
    height: 100%;
    color: #313d98;
    text-decoration: underline; }
    .upload-container .file-input:hover {
      cursor: pointer;
      font-weight: 500; }
    .upload-container .file-input input {
      position: absolute;
      height: 0px;
      width: 0px;
      opacity: 0; }

.instrument-view.page {
  padding: 0; }
  .instrument-view.page .instrument-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px; }
    .instrument-view.page .instrument-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .instrument-view.page .instrument-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .instrument-view.page .instrument-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .instrument-view.page .instrument-nav .custom-button.link.selected:disabled {
        color: #545454;
        opacity: 1; }
        .instrument-view.page .instrument-nav .custom-button.link.selected:disabled .fas.fa-arrow-right {
          color: #313d98; }
      .instrument-view.page .instrument-nav .custom-button.link:hover,
      .instrument-view.page .instrument-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .instrument-view.page .instrument-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }

@media only screen and (min-width: 1940px) {
  .instrument-view.page .instrument-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - 520px); } }

.item-domains {
  margin: -20px -20px -20px 0;
  width: 200px;
  padding: 22px 26px;
  padding-right: 48px;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: linear; }
  .item-domains .flexed .domain-label {
    color: white;
    background: #009782;
    border-radius: 3px;
    padding: 6px;
    margin-bottom: 6px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .item-domains:not(.active) .flexed {
    align-items: flex-end; }
  .item-domains.active {
    background: #eefaf9; }
  .item-domains strong {
    display: block;
    color: #009782;
    margin-bottom: 6px; }

.attribute.panel .toggle .check {
  min-width: 40px; }

.attribute.panel .toggle span.label {
  font-weight: 400 !important; }

.survey-builder .builder-content .right-section .item-editor .panel.scoring {
  margin: 12px 30px;
  padding: 24px 10px;
  border: 1px solid #eefaf9;
  border-radius: 8px; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring.on {
    background: #eefaf9; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring.on .toggle strong {
      color: #009782; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring .toggle .check.checked .round-slider {
    background: #009782; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring .toggle strong {
    color: #000000; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring .toggle div {
    font-weight: normal; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search {
    margin-top: 8px;
    background: white; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search .d3-input input {
      background: white; }
      .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search .d3-input input:focus-within {
        background: white !important; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul,
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search li .checkbox {
      border-radius: 3px; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul {
      position: absolute;
      top: calc(100% + 4px);
      width: 100%;
      border: none;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
      display: flex;
      flex-wrap: wrap; }
      .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li {
        margin: 4px; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li .checkbox {
          padding: 6px 8px;
          background: #e5e8ea;
          display: flex; }
          .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li .checkbox .label {
            display: block;
            font-size: 14px;
            max-width: 300px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: normal; }
          .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li .checkbox .check {
            display: none; }
          .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li .checkbox:hover, .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li .checkbox:focus-within {
            background: #009782;
            color: white; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li:hover {
          background: none; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul li.domain-placeholder {
          pointer-events: none;
          background: #fafafa;
          color: #9b9b9b;
          font-weight: 600;
          width: 100%;
          margin: 0;
          padding: 14px 8px 12px;
          font-size: 12px; }
      .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item {
        box-shadow: none;
        width: 340px;
        padding: 6px 13px;
        margin: 0; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item strong {
          margin-right: 6px; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item div {
          display: inline-block;
          padding: 6px 8px;
          border-radius: 3px;
          font-weight: 500;
          color: #343334;
          background: #e5e8ea;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis; }
        .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item:focus-within, .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item:hover {
          outline: none; }
          .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item:focus-within div, .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search ul .custom-button.bottom-item:hover div {
            background: #009782;
            color: white; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search:not(:focus-within) .autocomplete-list .domain-placeholder,
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search:not(:focus-within) .autocomplete-list .custom-button {
      display: none; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search:not(:focus-within) .d3-input {
      height: 0; }
      .survey-builder .builder-content .right-section .item-editor .panel.scoring .autocomplete-search:not(:focus-within) .d3-input input {
        height: 0;
        min-height: 0;
        border: none; }
  .survey-builder .builder-content .right-section .item-editor .panel.scoring .d3-dropdown .dropbar {
    min-height: 40px;
    background: white; }
    .survey-builder .builder-content .right-section .item-editor .panel.scoring .d3-dropdown .dropbar i {
      font-size: 18px; }

.comments.panel p {
  color: black; }

.comments.panel .d3-textarea {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  min-height: 160px; }

.select-task-page .flexed-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .select-task-page .flexed-header.sticky {
    background: white;
    border-bottom: solid 1px #cacaca; }
    .select-task-page .flexed-header.sticky h3 {
      font-weight: 500;
      margin-bottom: 0px; }
  .select-task-page .flexed-header.task-header {
    width: 100vw;
    padding: 0px 120px; }

.select-task-page .select-task.page {
  padding: 0px 120px;
  position: relative; }
  .select-task-page .select-task.page .task-pane {
    border-left: 1px solid #cacaca;
    position: fixed;
    top: 60px;
    right: 0px;
    width: 350px;
    background: #f4f4f4;
    height: calc(100vh - 60px); }
    .select-task-page .select-task.page .task-pane .header {
      padding: 1px 15px;
      border-bottom: 1px solid #cacaca; }
  .select-task-page .select-task.page .sortable-table.top-padding {
    padding-top: 20px; }
  .select-task-page .select-task.page .sortable-table table {
    border-collapse: separate;
    border-spacing: 0 10px; }
  .select-task-page .select-task.page .sortable-table td {
    border: solid 1px #cacaca;
    border-style: solid none; }
  .select-task-page .select-task.page .sortable-table td:first-child {
    border-left-style: solid;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  .select-task-page .select-task.page .sortable-table td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }
  .select-task-page .select-task.page .sortable-table tr.selected {
    background: rgba(223, 225, 241, 0.45); }
    .select-task-page .select-task.page .sortable-table tr.selected td {
      vertical-align: top;
      padding-top: 50px; }
  .select-task-page .select-task.page .sortable-table tr:hover {
    background: rgba(223, 225, 241, 0.45); }
    .select-task-page .select-task.page .sortable-table tr:hover td {
      border-top: 1px solid #2a3481;
      border-bottom: 1px solid #2a3481; }
      .select-task-page .select-task.page .sortable-table tr:hover td:first-of-type {
        border-left: 1px solid #2a3481; }
      .select-task-page .select-task.page .sortable-table tr:hover td:last-of-type {
        border-right: 1px solid #2a3481; }
  .select-task-page .select-task.page .sortable-table .name-col {
    width: 270px;
    align-items: center;
    display: flex;
    min-height: 130px;
    padding: 20px 25px;
    height: auto; }
    .select-task-page .select-task.page .sortable-table .name-col.selected {
      align-items: flex-start;
      flex-direction: column-reverse;
      padding: 20px 0px 20px 25px; }
    .select-task-page .select-task.page .sortable-table .name-col .name {
      color: #313d98;
      font-size: 18px; }
  .select-task-page .select-task.page .sortable-table .screenshot {
    margin-right: 30px; }
    .select-task-page .select-task.page .sortable-table .screenshot.selected {
      margin: 10px 52px auto 0px; }
  .select-task-page .select-task.page .sortable-table .description-col {
    max-height: 99px;
    overflow-y: auto; }
    .select-task-page .select-task.page .sortable-table .description-col.selected {
      max-height: 471px; }
    .select-task-page .select-task.page .sortable-table .description-col p:last-of-type {
      margin-bottom: 0px; }
  .select-task-page .select-task.page .sortable-table .type-col {
    width: 120px; }
  .select-task-page .select-task.page .sortable-table .duration-col {
    width: 120px; }
    .select-task-page .select-task.page .sortable-table .duration-col .length-meter {
      background: #313d98; }
    .select-task-page .select-task.page .sortable-table .duration-col .length {
      margin-left: 9px; }
  .select-task-page .select-task.page .sortable-table .button-cell {
    width: 220px;
    text-align: center;
    position: relative; }
    .select-task-page .select-task.page .sortable-table .button-cell .custom-button:first-child {
      margin: 0; }
    .select-task-page .select-task.page .sortable-table .button-cell .offset-button-row {
      position: absolute;
      right: 34px;
      bottom: 20px; }

@media only screen and (min-width: 1940px) {
  .task-list,
  .task-header {
    max-width: 900px;
    margin: 0 auto; }
  .flexed-header.task-header {
    padding: 0 !important; } }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before, .collapse-menu .title {
  position: relative; }
  .fa-icon-before:before, .collapse-menu .title:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.scheduler.page {
  width: 1200px; }
  .scheduler.page .format-list {
    width: 730px; }
    .scheduler.page .format-list button {
      font-size: 14px;
      padding: 11px 12px;
      min-width: 24%; }
  .scheduler.page h3 {
    font-weight: 500; }
  .scheduler.page h4 {
    font-weight: 500; }
  .scheduler.page .instrument-title {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    overflow-wrap: break-word; }
  .scheduler.page .d3-radio .radio-circle.selected:after {
    background: #313d98; }
  .scheduler.page .permission-selector {
    margin-bottom: 50px; }
    .scheduler.page .permission-selector > .flexed:first-child {
      margin-bottom: 15px; }
    .scheduler.page .permission-selector .d3-radio .radio-label {
      min-width: 150px; }
  .scheduler.page .no-instrument-trigger-warning {
    background: #fdf7f6;
    padding: 14px 16px;
    font-weight: 500; }
    .scheduler.page .no-instrument-trigger-warning svg {
      margin-right: 14px; }
    .scheduler.page .no-instrument-trigger-warning.start-justified.flexed {
      margin: 0 0 32px 0; }
  .scheduler.page .format-selection-wrapper p {
    font-size: 16px;
    margin: 0 10px 0 0; }
  .scheduler.page .ptp-management .d3-container.has-error .autocomplete-search input,
  .scheduler.page .ptp-management .d3-container.has-error .autocomplete-search ul {
    border-color: #cb2d2d; }
  .scheduler.page .ptp-management .autocomplete-search input {
    text-align: left; }
  .scheduler.page .ptp-management .d3-radio {
    margin: 8px 0px; }
  .scheduler.page .ptp-management .d3-input.age-input {
    width: 100px;
    text-align: center;
    margin: 0px 10px; }
    .scheduler.page .ptp-management .d3-input.age-input input {
      margin: 0px; }
  .scheduler.page .ptp-management .d3-input {
    display: inline-block; }
  .scheduler.page .ptp-management .d3-radio.cohort-radio-content, .scheduler.page .ptp-management .d3-radio.site-radio-content {
    align-items: flex-start;
    margin-top: 13px;
    height: auto !important; }
    .scheduler.page .ptp-management .d3-radio.cohort-radio-content > div:not(.radio-circle), .scheduler.page .ptp-management .d3-radio.site-radio-content > div:not(.radio-circle) {
      width: 100%; }
    .scheduler.page .ptp-management .d3-radio.cohort-radio-content .autocomplete-search, .scheduler.page .ptp-management .d3-radio.site-radio-content .autocomplete-search {
      width: 75%;
      margin: 0px; }
      .scheduler.page .ptp-management .d3-radio.cohort-radio-content .autocomplete-search input, .scheduler.page .ptp-management .d3-radio.site-radio-content .autocomplete-search input {
        margin: 0px; }
      .scheduler.page .ptp-management .d3-radio.cohort-radio-content .autocomplete-search .fa, .scheduler.page .ptp-management .d3-radio.site-radio-content .autocomplete-search .fa {
        top: 7px; }
    .scheduler.page .ptp-management .d3-radio.cohort-radio-content .d3-container, .scheduler.page .ptp-management .d3-radio.site-radio-content .d3-container {
      padding: 0px;
      width: 100%;
      box-shadow: none; }
  .scheduler.page .flexed.start-justified {
    margin: 0; }
    .scheduler.page .flexed.start-justified .popup-container .fa-info-circle {
      margin-left: 6px; }
      .scheduler.page .flexed.start-justified .popup-container .fa-info-circle:hover {
        cursor: pointer; }
    .scheduler.page .flexed.start-justified .popup-container .popup {
      color: white;
      padding: 14px 20px;
      width: 400px; }
  .scheduler.page .prompt-bar {
    margin-bottom: 16px; }
    .scheduler.page .prompt-bar .popup {
      color: white;
      padding: 14px 20px;
      width: 422px; }
  .scheduler.page .date-menu,
  .scheduler.page .expire-menu,
  .scheduler.page .save-review-menu,
  .scheduler.page .triggered-by-menu {
    margin-bottom: 50px; }
    .scheduler.page .date-menu.disabled,
    .scheduler.page .expire-menu.disabled,
    .scheduler.page .save-review-menu.disabled,
    .scheduler.page .triggered-by-menu.disabled {
      pointer-events: none;
      opacity: 0.5; }
    .scheduler.page .date-menu .day-picker-wrapper,
    .scheduler.page .expire-menu .day-picker-wrapper,
    .scheduler.page .save-review-menu .day-picker-wrapper,
    .scheduler.page .triggered-by-menu .day-picker-wrapper {
      display: inline-block; }
    .scheduler.page .date-menu .d3-radio,
    .scheduler.page .expire-menu .d3-radio,
    .scheduler.page .save-review-menu .d3-radio,
    .scheduler.page .triggered-by-menu .d3-radio {
      width: fit-content;
      height: 35px;
      margin: 14px 0; }
      .scheduler.page .date-menu .d3-radio:first-child,
      .scheduler.page .expire-menu .d3-radio:first-child,
      .scheduler.page .save-review-menu .d3-radio:first-child,
      .scheduler.page .triggered-by-menu .d3-radio:first-child {
        margin-top: 0; }
      .scheduler.page .date-menu .d3-radio:last-child,
      .scheduler.page .expire-menu .d3-radio:last-child,
      .scheduler.page .save-review-menu .d3-radio:last-child,
      .scheduler.page .triggered-by-menu .d3-radio:last-child {
        margin-bottom: 0 !important; }
      .scheduler.page .date-menu .d3-radio strong,
      .scheduler.page .expire-menu .d3-radio strong,
      .scheduler.page .save-review-menu .d3-radio strong,
      .scheduler.page .triggered-by-menu .d3-radio strong {
        margin-right: 4px; }
      .scheduler.page .date-menu .d3-radio .d3-dropdown,
      .scheduler.page .expire-menu .d3-radio .d3-dropdown,
      .scheduler.page .save-review-menu .d3-radio .d3-dropdown,
      .scheduler.page .triggered-by-menu .d3-radio .d3-dropdown {
        margin: 0 10px; }
        .scheduler.page .date-menu .d3-radio .d3-dropdown#time-unit-options-dropdown,
        .scheduler.page .expire-menu .d3-radio .d3-dropdown#time-unit-options-dropdown,
        .scheduler.page .save-review-menu .d3-radio .d3-dropdown#time-unit-options-dropdown,
        .scheduler.page .triggered-by-menu .d3-radio .d3-dropdown#time-unit-options-dropdown {
          min-width: 92px; }
        .scheduler.page .date-menu .d3-radio .d3-dropdown:first-child,
        .scheduler.page .expire-menu .d3-radio .d3-dropdown:first-child,
        .scheduler.page .save-review-menu .d3-radio .d3-dropdown:first-child,
        .scheduler.page .triggered-by-menu .d3-radio .d3-dropdown:first-child {
          margin-left: 0; }
    .scheduler.page .date-menu .subtitle,
    .scheduler.page .expire-menu .subtitle,
    .scheduler.page .save-review-menu .subtitle,
    .scheduler.page .triggered-by-menu .subtitle {
      margin-bottom: 22px;
      letter-spacing: 0.1px;
      line-height: 1.2; }
    .scheduler.page .date-menu .duration-input,
    .scheduler.page .expire-menu .duration-input,
    .scheduler.page .save-review-menu .duration-input,
    .scheduler.page .triggered-by-menu .duration-input {
      width: 120px;
      margin-right: 12px; }
    .scheduler.page .date-menu input,
    .scheduler.page .expire-menu input,
    .scheduler.page .save-review-menu input,
    .scheduler.page .triggered-by-menu input {
      border-radius: 3px;
      margin: 0 10px;
      text-align: center;
      font-weight: 400;
      height: 40px; }
    .scheduler.page .date-menu .DayPickerInput input:disabled,
    .scheduler.page .expire-menu .DayPickerInput input:disabled,
    .scheduler.page .save-review-menu .DayPickerInput input:disabled,
    .scheduler.page .triggered-by-menu .DayPickerInput input:disabled {
      background: #dedede; }
    .scheduler.page .date-menu .d3-dropdown,
    .scheduler.page .expire-menu .d3-dropdown,
    .scheduler.page .save-review-menu .d3-dropdown,
    .scheduler.page .triggered-by-menu .d3-dropdown {
      height: 40px; }
      .scheduler.page .date-menu .d3-dropdown.number-input-dropdown input,
      .scheduler.page .expire-menu .d3-dropdown.number-input-dropdown input,
      .scheduler.page .save-review-menu .d3-dropdown.number-input-dropdown input,
      .scheduler.page .triggered-by-menu .d3-dropdown.number-input-dropdown input {
        text-align: left;
        margin: 0; }
    .scheduler.page .date-menu .instrument-note-section,
    .scheduler.page .expire-menu .instrument-note-section,
    .scheduler.page .save-review-menu .instrument-note-section,
    .scheduler.page .triggered-by-menu .instrument-note-section {
      max-width: 556px;
      margin-top: 20px;
      margin-bottom: 0; }
  .scheduler.page .article-type .article-type-desc {
    margin-left: 32px;
    font-size: 14px; }
  .scheduler.page .article-type .visit-instrument-deployment-time {
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding-left: 30px; }
    .scheduler.page .article-type .visit-instrument-deployment-time p {
      margin: 0; }
  .scheduler.page .triggered-by-menu .trigger-inst-box {
    border: solid 1.8px #e8eaed;
    margin-bottom: 50px;
    padding: 28px; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .d3-dropdown.inst-list-dropdown {
      width: 340px;
      margin-bottom: 20px; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .checkbox {
      width: fit-content; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .checkbox .check {
        margin-right: 10px; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box {
      margin: 15px 0px 0px 0px; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box .d3-dropdown.condition {
        width: 200px;
        margin-right: 10px; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box .d3-dropdown.score-name-list {
        width: 225px;
        margin: 0 10px; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box .d3-dropdown.logical-options {
        width: 200px;
        margin-left: 10px; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box .d3-input.score {
        width: 80px;
        margin-left: 10px; }
        .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box .d3-input.score input {
          text-align: start; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .add-conditions-box span {
        margin-top: 10px; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .trigger-list-item {
      padding-bottom: 32px;
      border-bottom: 1px solid #eceff0;
      margin-bottom: 30px;
      position: relative; }
      .scheduler.page .triggered-by-menu .trigger-inst-box .trigger-list-item .delete-trigger-btn {
        position: absolute;
        top: 0;
        right: 0;
        color: #313d98;
        border: none; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .add-new-trigger-box .add-new-trigger-btn {
      color: #313d98;
      font-size: 16px;
      line-height: 24px;
      border: none;
      outline: none; }
    .scheduler.page .triggered-by-menu .trigger-inst-box .trigger-options-box {
      margin-top: 32px; }
  .scheduler.page .triggered-by-menu .autocomplete-group-search {
    width: 80%; }
    .scheduler.page .triggered-by-menu .autocomplete-group-search .d3-input {
      margin: 0;
      width: 100%; }
      .scheduler.page .triggered-by-menu .autocomplete-group-search .d3-input input {
        text-align: inherit; }
    .scheduler.page .triggered-by-menu .autocomplete-group-search .d3-radio {
      margin: 0; }
  .scheduler.page .triggered-by-menu .article-type {
    margin-bottom: 48px; }
    .scheduler.page .triggered-by-menu .article-type .subheader p {
      margin: 0; }
    .scheduler.page .triggered-by-menu .article-type .subheader i {
      margin-left: 8px; }
    .scheduler.page .triggered-by-menu .article-type .subheader .hover-body p {
      margin-bottom: 4px; }
  .scheduler.page .triggered-by-menu .arms-visits-selection .arms-visits-dropdown.with-margin {
    margin-top: 20px;
    margin-bottom: 30px; }
  .scheduler.page .triggered-by-menu .arms-visits-selection .arms-visits-dropdown .autocomplete-search {
    width: 80%; }
    .scheduler.page .triggered-by-menu .arms-visits-selection .arms-visits-dropdown .autocomplete-search i {
      font-size: 22px;
      top: 9px; }
    .scheduler.page .triggered-by-menu .arms-visits-selection .arms-visits-dropdown .autocomplete-search .d3-input {
      margin: 0;
      width: 100%; }
      .scheduler.page .triggered-by-menu .arms-visits-selection .arms-visits-dropdown .autocomplete-search .d3-input input {
        text-align: initial; }
  .scheduler.page .triggered-by-menu .d3-input,
  .scheduler.page .expire-menu .d3-input {
    margin: 0 10px;
    width: 80px; }
    .scheduler.page .triggered-by-menu .d3-input input,
    .scheduler.page .expire-menu .d3-input input {
      margin: 0; }
  .scheduler.page .triggered-by-menu .d3-radio .d3-dropdown.number-input-dropdown,
  .scheduler.page .expire-menu .d3-radio .d3-dropdown.number-input-dropdown {
    height: inherit;
    margin: 0 10px; }
  .scheduler.page .expire-menu input.occurence-input {
    width: 60px; }
  .scheduler.page .expire-menu .prompt-bar {
    max-width: 515px; }
  .scheduler.page .expire-menu .trigger-inst-box {
    border: solid 1.8px #e8eaed;
    margin-bottom: 50px;
    padding: 28px; }
    .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown.with-margin {
      margin-top: 20px;
      margin-bottom: 30px; }
    .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-name-label-container {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px; }
    .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-tags-container {
      display: flex;
      flex-wrap: wrap;
      gap: 4px; }
    .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-tag {
      background-color: #dfe1e2;
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      gap: 4px; }
      .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-tag .visit-tag-text {
        display: inline-block; }
      .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-tag .visit-tag-remove {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        margin-left: 4px;
        font-size: 14px;
        color: #666;
        line-height: 1; }
        .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .visit-tag .visit-tag-remove:hover {
          color: #333; }
    .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .autocomplete-search {
      width: 80%; }
      .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .autocomplete-search i {
        font-size: 22px;
        top: 9px; }
      .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .autocomplete-search .d3-input {
        margin: 0;
        width: 100%; }
        .scheduler.page .expire-menu .trigger-inst-box .arms-visits-selection .arms-visits-dropdown .autocomplete-search .d3-input input {
          text-align: initial; }
    .scheduler.page .expire-menu .trigger-inst-box .offset-dinamic-expirity {
      margin-top: 2em; }
      .scheduler.page .expire-menu .trigger-inst-box .offset-dinamic-expirity .offset-item {
        display: flex;
        align-items: center; }
        .scheduler.page .expire-menu .trigger-inst-box .offset-dinamic-expirity .offset-item .d3-dropdown {
          margin: 0 8px;
          min-width: 92px; }
  .scheduler.page .expire-menu .autocomplete-group-search {
    width: 80%; }
    .scheduler.page .expire-menu .autocomplete-group-search .d3-input {
      margin: 0;
      width: 100%; }
      .scheduler.page .expire-menu .autocomplete-group-search .d3-input input {
        text-align: inherit; }
    .scheduler.page .expire-menu .autocomplete-group-search .d3-radio {
      margin: 0; }
  .scheduler.page .disabled {
    pointer-events: none;
    opacity: 0.5; }
  .scheduler.page .button-list .deploy-button {
    width: 160px; }
  .scheduler.page .trigger-inst-box .score-name-list .error-text {
    white-space: nowrap; }

.collapse-menu {
  margin-bottom: 10px; }
  .collapse-menu.with-error .sub-title {
    color: #cb2d2d; }
  .collapse-menu input {
    text-align: center; }
  .collapse-menu input,
  .collapse-menu .d3-dropdown.number-input-dropdown {
    margin: 0px 10px; }
  .collapse-menu .d3-radio {
    height: 35px;
    margin: 5px 0px; }
    .collapse-menu .d3-radio:first-child {
      margin-top: 0; }
    .collapse-menu .d3-radio:last-child {
      margin-bottom: 0; }
  .collapse-menu .title-bar {
    border-radius: 4px;
    background: #e5e8ea;
    position: relative; }
  .collapse-menu .title,
  .collapse-menu .sub-title {
    padding: 15px 40px;
    margin: 0px; }
  .collapse-menu .title {
    padding-bottom: 0px; }
    .collapse-menu .title:before {
      content: '\f0da';
      left: 15px;
      top: 15px;
      color: #313d98; }
  .collapse-menu.has-error .title-bar .icon-wrapper, .collapse-menu.open.has-error .title-bar .icon-wrapper {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px; }
    .collapse-menu.has-error .title-bar .icon-wrapper .fa-stack-1x.fa-circle, .collapse-menu.open.has-error .title-bar .icon-wrapper .fa-stack-1x.fa-circle {
      color: white;
      font-size: 20px;
      top: 2px; }
    .collapse-menu.has-error .title-bar .icon-wrapper .fa-stack-1x.fa-exclamation-circle, .collapse-menu.open.has-error .title-bar .icon-wrapper .fa-stack-1x.fa-exclamation-circle {
      font-size: 24px;
      color: #cb2d2d; }
  .collapse-menu .sub-title {
    color: #313d98;
    padding-top: 0px; }
  .collapse-menu .main-menu {
    padding: 20px 40px;
    margin: 0;
    display: none; }
  .collapse-menu.open .main-menu {
    display: block;
    border: 1px solid #cacaca;
    border-top: 0px; }
    .collapse-menu.open .main-menu > *:last-child {
      margin-bottom: 0; }
  .collapse-menu.open .title {
    font-weight: normal;
    color: white;
    padding: 15px 40px; }
    .collapse-menu.open .title:before {
      content: '\f0d7';
      color: white; }
  .collapse-menu.open .sub-title {
    display: none; }
  .collapse-menu.open .title-bar {
    background: #686a7c;
    border-radius: 4px 4px 0 0; }
  .collapse-menu .loading-title {
    padding: 15px;
    padding-bottom: 0px;
    display: flex;
    flex: 1; }
  .collapse-menu .loader {
    width: 15px;
    height: 15px; }
  .collapse-menu .simple-title {
    margin-left: 10px; }
  .collapse-menu .visibility-menu .visible-days {
    margin-bottom: 15px; }
    .collapse-menu .visibility-menu .visible-days .repeat-cycle-length {
      margin-top: 10px; }
  .collapse-menu .visibility-menu .visibility > .flexed.start-justified p {
    margin-bottom: 0; }
  .collapse-menu .visibility-menu .visibility > .flexed.start-justified .popup-container .popup {
    width: 412px; }
  .collapse-menu .visibility-menu .range-item {
    display: flex;
    align-items: center;
    height: 50px; }
    .collapse-menu .visibility-menu .range-item > .range-hyphen {
      margin-left: 10px;
      height: 24px; }
    .collapse-menu .visibility-menu .range-item .custom-button {
      width: 190px;
      margin: 0px 14px;
      padding: 5px 10px; }
    .collapse-menu .visibility-menu .range-item .fas.fa-times {
      margin-left: 14px;
      color: #9b9b9b; }
      .collapse-menu .visibility-menu .range-item .fas.fa-times:hover {
        color: #545454; }
    .collapse-menu .visibility-menu .range-item .rc-time-picker {
      width: 90px;
      margin-right: 20px; }
      .collapse-menu .visibility-menu .range-item .rc-time-picker .rc-time-picker-clear {
        top: 8px;
        right: -16px; }
  .collapse-menu .trigger-menu.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .collapse-menu .trigger-menu span {
    margin: 0 6px; }
    .collapse-menu .trigger-menu span.score {
      margin: 0; }
  .collapse-menu .trigger-menu .custom-button.add-trigger {
    color: #313d98;
    padding: 4px; }
    .collapse-menu .trigger-menu .custom-button.add-trigger:not(:first-child) {
      margin-top: -16px; }
  .collapse-menu .trigger-menu .custom-button.delete:hover .fa-trash-alt {
    color: #cb2d2d;
    margin-right: 0; }
  .collapse-menu .trigger-menu .custom-button.delete .fa-trash-alt {
    margin-right: 0; }
  .collapse-menu .trigger-menu .condition-dropdown {
    width: 225px; }
  .collapse-menu .trigger-menu .instrument-score-dropdown {
    width: 240px; }
  .collapse-menu .trigger-menu .comparator-dropdown {
    width: 200px; }
  .collapse-menu .trigger-menu .number-trigger-input {
    width: 115px;
    margin-left: 10px; }
    .collapse-menu .trigger-menu .number-trigger-input input {
      margin: 0;
      text-align: start; }
  .collapse-menu .trigger-menu .score-menu-row.start-aligned > span,
  .collapse-menu .trigger-menu .compliance-menu-row.start-aligned > span {
    margin-top: 10px; }
  .collapse-menu .trigger-menu .score-menu-row.start-aligned .error-text,
  .collapse-menu .trigger-menu .compliance-menu-row.start-aligned .error-text {
    margin: 0; }
  .collapse-menu .trigger-menu .compliance-menu-row .number-trigger-input {
    width: 70px;
    position: relative;
    margin-left: 8px; }
    .collapse-menu .trigger-menu .compliance-menu-row .number-trigger-input input {
      margin: 0; }
  .collapse-menu .trigger-menu .compliance-menu-row .autocomplete-search {
    width: 300px; }
    .collapse-menu .trigger-menu .compliance-menu-row .autocomplete-search input {
      margin: 0;
      text-align: start; }
    .collapse-menu .trigger-menu .compliance-menu-row .autocomplete-search .fas {
      top: 11px; }
    .collapse-menu .trigger-menu .compliance-menu-row .autocomplete-search .autocomplete-list {
      position: absolute;
      width: 100%; }
      .collapse-menu .trigger-menu .compliance-menu-row .autocomplete-search .autocomplete-list .label {
        margin: 0; }
  .collapse-menu .trigger-menu .compliance-menu-row.start-aligned .error-text {
    margin: 0;
    position: inherit; }
    .collapse-menu .trigger-menu .compliance-menu-row.start-aligned .error-text.nowrap {
      white-space: inherit; }
  .collapse-menu .trigger-menu .action-dropdown {
    width: 265px; }
  .collapse-menu .trigger-menu .warning-text {
    margin-left: 15px; }
  .collapse-menu .trigger-menu .position-relative:last-of-type .d3-divider {
    margin: 24px 0 !important; }
  .collapse-menu .trigger-menu .role-dropdown {
    width: 255px; }
  .collapse-menu .timed-entry-menu .d3-dropdown {
    margin-right: 10px;
    width: 100px; }
  .collapse-menu .timeout-window-menu {
    margin-top: 24px; }
    .collapse-menu .timeout-window-menu .timeout {
      margin-bottom: 10px !important; }
      .collapse-menu .timeout-window-menu .timeout:last-child {
        margin-bottom: 0; }
      .collapse-menu .timeout-window-menu .timeout input {
        margin-right: 10px;
        width: 100px; }
  .collapse-menu .repeat-menu .d3-dropdown {
    margin-right: 10px;
    width: 100px; }

.tick-bar,
.tick-text {
  position: absolute; }

.tick-bar {
  content: '';
  height: 65px;
  width: 3px;
  background: #9b9b9b; }
  .tick-bar.left {
    left: 0px; }
  .tick-bar.right {
    right: 0px; }
  .tick-bar.top {
    bottom: 0px; }
  .tick-bar.bottom {
    top: 0px; }
  .tick-bar .tick-text {
    white-space: nowrap;
    color: black;
    height: 12px;
    line-height: 12px;
    padding: 0px 10px; }
    .tick-bar .tick-text.bottom {
      bottom: 0px; }
    .tick-bar .tick-text.left {
      right: 0px; }

.vis-box {
  position: relative;
  display: inline-block;
  border: 1px solid white;
  background: #e5e8ea;
  color: #9b9b9b;
  box-sizing: border-box; }
  .vis-box.filled {
    background: #0d60a6;
    color: white; }

.visible-days-display {
  margin: 50px 0px;
  width: 600px; }
  .visible-days-display .vis-box {
    height: 40px;
    width: 60px;
    line-height: 40px;
    text-align: center; }

.vis-ranges-display {
  width: 600px;
  margin: 50px 0px; }
  .vis-ranges-display .vis-box {
    width: 25px;
    height: 40px;
    border-width: 3px; }

.timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .timeline-header .collapse-button {
    font-size: 14px;
    color: #313d98;
    cursor: pointer; }
    .timeline-header .collapse-button i {
      margin-right: 5px; }

.timeline-display {
  padding: 40px 40px 50px;
  overflow-x: auto;
  white-space: nowrap; }
  .timeline-display .occurence-bubble,
  .timeline-display .interval-line,
  .timeline-display .error-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 15px; }
  .timeline-display .error-box {
    height: 100px;
    width: 350px;
    padding: 0px 15px;
    border: 2px solid #cb2d2d;
    display: inline-flex;
    align-items: center;
    justify-content: space-around; }
    .timeline-display .error-box p,
    .timeline-display .error-box i {
      color: #cb2d2d; }
    .timeline-display .error-box p {
      margin-left: 10px;
      white-space: normal; }
    .timeline-display .error-box i {
      font-size: 35px; }
  .timeline-display .interval-line .timeline-interval {
    height: 100%;
    background: #e5e8ea; }
    .timeline-display .interval-line .timeline-interval .timeline-box,
    .timeline-display .interval-line .timeline-interval .variable-fill {
      display: inline-block;
      height: 15px; }
    .timeline-display .interval-line .timeline-interval .timeline-box.filled,
    .timeline-display .interval-line .timeline-interval .variable-fill {
      background: #313d98; }
    .timeline-display .interval-line .timeline-interval .timeline-box {
      border-left: 1px solid #e5e8ea;
      border-right: 1px solid #e5e8ea; }
  .timeline-display .sub-text,
  .timeline-display .sup-text {
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0px;
    right: 0px; }
  .timeline-display .occurence-bubble {
    box-sizing: border-box;
    z-index: 10;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 3px solid #313d98;
    background: white;
    margin: 0px -5px; }
    .timeline-display .occurence-bubble > div {
      white-space: nowrap;
      width: fit-content;
      min-width: 100%;
      text-align: center;
      margin: auto;
      left: 0px;
      right: 0px; }
    .timeline-display .occurence-bubble .sup-text,
    .timeline-display .occurence-bubble .sub-text {
      width: 100px;
      left: -35px; }
    .timeline-display .occurence-bubble .sub-text {
      left: -38px; }
    .timeline-display .occurence-bubble .sup-text {
      top: -105%; }
    .timeline-display .occurence-bubble .sub-text {
      bottom: -105%; }
    .timeline-display .occurence-bubble .content {
      height: 30px;
      line-height: 30px; }
  .timeline-display .occurence-bubble.start-bubble .sub-text,
  .timeline-display .occurence-bubble.start-bubble .sup-text {
    left: 0;
    width: inherit; }
  .timeline-display .occurence-bubble.start-bubble .sub-text {
    text-align: left;
    transform: translateY(20px);
    white-space: normal;
    width: 190px; }
  .timeline-display .occurence-bubble.expire {
    border: 1px solid #313d98;
    background: white;
    color: #313d98;
    border-radius: 4px;
    width: auto;
    padding: 0px 7.5px; }
    .timeline-display .occurence-bubble.expire .sup-text,
    .timeline-display .occurence-bubble.expire .sub-text {
      left: -25px; }

.box-section.invalid-expire .timeline-display .interval-line .timeline-interval .timeline-box.filled {
  background: #cb2d2d; }

.box-section.invalid-expire .timeline-display .occurence-bubble:not(.expire) {
  border-color: #cb2d2d; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.metadata.page {
  width: 960px; }
  .metadata.page h3 {
    color: #1b1c1d;
    font-weight: 400; }
  .metadata.page .icon-select {
    align-items: center;
    justify-content: flex-start; }
    .metadata.page .icon-select .d3-radio {
      position: relative;
      width: 148px;
      height: 135px;
      justify-content: space-around;
      padding: 20px 10px;
      margin: 10px 10px 10px 0px;
      border: 1px solid #e0e0e0; }
      .metadata.page .icon-select .d3-radio.selected {
        background: #fafbfb;
        border: 1px solid transparent; }
      .metadata.page .icon-select .d3-radio .radio-circle {
        position: absolute;
        top: 6px;
        left: 6px; }
      .metadata.page .icon-select .d3-radio div:not(.radio-circle) {
        display: flex; }
      .metadata.page .icon-select .d3-radio img {
        height: 84px;
        width: 100px; }
  .metadata.page i.fas.fa-info-circle {
    color: #545454; }
  .metadata.page .property-field:not(.display-icons) {
    margin-bottom: 15px; }
    .metadata.page .property-field:not(.display-icons) .d3-input {
      max-width: 700px; }
      .metadata.page .property-field:not(.display-icons) .d3-input input {
        margin-top: 0; }
      .metadata.page .property-field:not(.display-icons) .d3-input.num-input {
        width: 430px; }
    .metadata.page .property-field:not(.display-icons) .flexed-header {
      max-width: 700px;
      padding-bottom: 0; }
      .metadata.page .property-field:not(.display-icons) .flexed-header.num {
        width: 430px; }
    .metadata.page .property-field:not(.display-icons) .d3-radio {
      align-items: start; }
      .metadata.page .property-field:not(.display-icons) .d3-radio .radio-circle {
        min-width: 20px; }
      .metadata.page .property-field:not(.display-icons) .d3-radio .radio-label p:last-child {
        font-weight: 300;
        letter-spacing: 0.3px;
        font-size: 16px;
        line-height: 1.5; }
    .metadata.page .property-field:not(.display-icons) .checkbox-wrapper .checkbox {
      margin-bottom: 6px; }
      .metadata.page .property-field:not(.display-icons) .checkbox-wrapper .checkbox .check {
        margin-right: 10px; }
    .metadata.page .property-field:not(.display-icons) .checkbox-wrapper p {
      margin: 0 24px 10px 26px; }
  .metadata.page .property-field .radio-inline {
    display: flex;
    align-items: center;
    gap: 16px; }
  .metadata.page .property-field .radio-question {
    color: #1b1c1d;
    margin-bottom: 6px; }
  .metadata.page .display-mode-section .section-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 32px; }
  .metadata.page .display-mode-section .section-content {
    display: flex;
    align-items: center;
    gap: 70px; }
    .metadata.page .display-mode-section .section-content .content-description .description-item {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px; }
      .metadata.page .display-mode-section .section-content .content-description .description-item:first-child {
        margin-bottom: 32px; }
    .metadata.page .display-mode-section .section-content .content-options {
      display: flex;
      align-items: center;
      gap: 48px; }
      .metadata.page .display-mode-section .section-content .content-options .mode-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 32px;
        cursor: pointer;
        width: 168px;
        height: 224px;
        border-radius: 4px;
        border: 2px solid #cacaca;
        background: white; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option.disabled {
          pointer-events: none;
          opacity: 0.5; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option .mode-option-icon {
          width: 60px;
          height: 60px; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option .mode-option-title {
          font-size: 16px; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option .mode-option-checkbox {
          cursor: pointer; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option.active {
          border: 2px solid #b3b7d9;
          background: #f9f9ff; }
          .metadata.page .display-mode-section .section-content .content-options .mode-option.active .mode-option-icon circle,
          .metadata.page .display-mode-section .section-content .content-options .mode-option.active .mode-option-icon rect {
            stroke: #313d98; }
          .metadata.page .display-mode-section .section-content .content-options .mode-option.active .mode-option-icon path {
            fill: #313d98; }
          .metadata.page .display-mode-section .section-content .content-options .mode-option.active .mode-option-title {
            color: #313d98; }
        .metadata.page .display-mode-section .section-content .content-options .mode-option.error {
          border-color: #cb2d2d;
          background: #fdf7f6; }
          .metadata.page .display-mode-section .section-content .content-options .mode-option.error .mode-option-icon circle {
            fill: #fdf7f6; }
  .metadata.page .review-screen-properties .d3-radio {
    width: fit-content;
    height: 35px;
    margin: 14px 0; }
    .metadata.page .review-screen-properties .d3-radio:first-child {
      margin-top: 0; }
    .metadata.page .review-screen-properties .d3-radio:last-child {
      margin-bottom: 0 !important; }
    .metadata.page .review-screen-properties .d3-radio strong {
      margin-right: 4px; }
    .metadata.page .review-screen-properties .d3-radio .d3-dropdown {
      margin: 8px 10px; }
      .metadata.page .review-screen-properties .d3-radio .d3-dropdown .dropbar-content {
        margin-right: 6px; }
  .metadata.page .review-screen-properties .review-entries p {
    margin-top: 28px; }
  .metadata.page .review-screen-properties .review-entries input {
    width: 80px;
    border-radius: 3px;
    margin: 0 10px;
    text-align: center;
    font-weight: 400;
    height: 40px; }
  .metadata.page .review-screen-properties .review-entries .d3-dropdown {
    height: 40px; }
    .metadata.page .review-screen-properties .review-entries .d3-dropdown.number-input-dropdown input {
      text-align: left;
      margin: 0;
      width: 80px; }
  .metadata.page .d3-textarea {
    width: 700px;
    min-height: 100px; }
  .metadata.page .popup-container .popup {
    min-width: 150px; }
  .metadata.page .label-small {
    margin-bottom: 8px !important; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.scoring.page {
  min-width: 1320px; }
  .scoring.page h3 {
    font-weight: 600; }
  .scoring.page h4 {
    font-weight: normal; }
  .scoring.page .half-page {
    align-items: flex-start;
    flex: 0.5;
    flex-direction: column;
    padding-left: 88px; }
    .scoring.page .half-page.disabled {
      opacity: 0.5;
      pointer-events: none; }
    .scoring.page .half-page .d3-divider {
      width: 100% !important; }
    .scoring.page .half-page:last-of-type {
      padding-left: 88px;
      padding-right: 88px; }
    .scoring.page .half-page > p.green-text {
      color: #009782;
      font-size: 12px; }
      .scoring.page .half-page > p.green-text .fas {
        margin-right: 4px; }
    .scoring.page .half-page .domain-title {
      background-color: #009782;
      border-radius: 3px;
      color: white;
      cursor: default;
      font-size: 14px;
      padding: 6px 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 175px; }
    .scoring.page .half-page .domain-row {
      font-size: 16px;
      margin-bottom: 18px; }
      .scoring.page .half-page .domain-row:first-of-type {
        margin-top: 14px; }
      .scoring.page .half-page .domain-row > span {
        margin: 0px 13px; }
      .scoring.page .half-page .domain-row .domain-title:hover ~ .questions-container {
        visibility: visible; }
      .scoring.page .half-page .domain-row .questions-container {
        visibility: hidden; }
        .scoring.page .half-page .domain-row .questions-container .questions {
          background: white;
          box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.17);
          padding: 18px;
          position: absolute;
          width: 400px;
          z-index: 2; }
          .scoring.page .half-page .domain-row .questions-container .questions .question-header {
            font-size: 14px;
            font-weight: 500; }
          .scoring.page .half-page .domain-row .questions-container .questions .question-row {
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 370px; }
            .scoring.page .half-page .domain-row .questions-container .questions .question-row span {
              color: #009782;
              margin-right: 5px; }
          .scoring.page .half-page .domain-row .questions-container .questions .d3-divider {
            margin: 0px 10px 10px 0px !important;
            width: 98%; }
      .scoring.page .half-page .domain-row .d3-dropdown {
        background-color: #cff0fd;
        border-radius: 3px;
        height: 40px;
        margin-right: 9px;
        min-width: 126px;
        width: 126px !important; }
      .scoring.page .half-page .domain-row span.with-min-width {
        min-width: 85px; }
    .scoring.page .half-page.overall-scores .flexed {
      width: 100%; }
      .scoring.page .half-page.overall-scores .flexed > .d3-input {
        margin-bottom: 14px; }
    .scoring.page .half-page.overall-scores .d3-input {
      width: 100%; }
    .scoring.page .half-page.overall-scores .d3-textarea {
      height: 124px !important;
      width: 100%;
      margin-bottom: 14px; }
    .scoring.page .half-page.overall-scores .custom-button.link {
      font-size: 22px;
      height: 30px;
      margin-left: 64px;
      width: 30px; }
    .scoring.page .half-page.overall-scores .far.fa-trash-alt {
      color: #343334;
      margin: 4px; }
      .scoring.page .half-page.overall-scores .far.fa-trash-alt:hover {
        color: #cb2d2d;
        filter: contrast(150%); }
    .scoring.page .half-page.overall-scores > .custom-button {
      margin: 0px 0px 20px 0px; }
      .scoring.page .half-page.overall-scores > .custom-button .fas.fa-plus {
        font-size: 12px; }
    .scoring.page .half-page.overall-scores span.with-min-width {
      min-width: 62px;
      font-size: 16px; }
    .scoring.page .half-page.overall-scores .examples {
      font-size: 12px;
      margin-left: 62px; }
      .scoring.page .half-page.overall-scores .examples p {
        margin-top: 12px;
        padding-top: 12px; }
        .scoring.page .half-page.overall-scores .examples p .domain-title {
          margin: 5px; }
    .scoring.page .half-page.overall-scores .formula-errors {
      color: #cb2d2d;
      font-size: 14px;
      margin: 4px 0 0 65px;
      min-width: 365px; }
      .scoring.page .half-page.overall-scores .formula-errors p {
        font-weight: 500;
        margin-bottom: 4px; }
        .scoring.page .half-page.overall-scores .formula-errors p:last-child {
          margin-bottom: 0; }

.notifications.page .custom-button {
  font-size: 16px; }

.notifications.page .notifications-section:first-child {
  margin-bottom: 80px; }

.notifications.page .d3-sortable-table.automated, .notifications.page .d3-sortable-table.conditional {
  width: 700px; }
  .notifications.page .d3-sortable-table.automated .custom-button, .notifications.page .d3-sortable-table.conditional .custom-button {
    margin: 0px;
    color: #107bd5; }
  .notifications.page .d3-sortable-table.automated td,
  .notifications.page .d3-sortable-table.automated th, .notifications.page .d3-sortable-table.conditional td,
  .notifications.page .d3-sortable-table.conditional th {
    padding: 10px 15px;
    height: auto; }
    .notifications.page .d3-sortable-table.automated td:first-child,
    .notifications.page .d3-sortable-table.automated th:first-child, .notifications.page .d3-sortable-table.conditional td:first-child,
    .notifications.page .d3-sortable-table.conditional th:first-child {
      width: 225px; }
    .notifications.page .d3-sortable-table.automated td:nth-child(2),
    .notifications.page .d3-sortable-table.automated th:nth-child(2), .notifications.page .d3-sortable-table.conditional td:nth-child(2),
    .notifications.page .d3-sortable-table.conditional th:nth-child(2) {
      width: 375px; }
  .notifications.page .d3-sortable-table.automated table,
  .notifications.page .d3-sortable-table.automated td,
  .notifications.page .d3-sortable-table.automated th, .notifications.page .d3-sortable-table.conditional table,
  .notifications.page .d3-sortable-table.conditional td,
  .notifications.page .d3-sortable-table.conditional th {
    border: none; }
  .notifications.page .d3-sortable-table.automated th, .notifications.page .d3-sortable-table.conditional th {
    border-bottom: 1px solid #cacaca; }
  .notifications.page .d3-sortable-table.automated td.fixed-notification, .notifications.page .d3-sortable-table.conditional td.fixed-notification {
    pointer-events: none;
    background: #e5e8ea;
    color: #9b9b9b; }
    .notifications.page .d3-sortable-table.automated td.fixed-notification .custom-button, .notifications.page .d3-sortable-table.conditional td.fixed-notification .custom-button {
      color: inherit; }

.edit-auto-notification.page .grey-box-text,
.edit-auto-notification.page .text-bubble,
.edit-auto-notification.page .type-input-container {
  border-radius: 3px;
  background: #f4f4f4; }

.edit-auto-notification.page > h3,
.edit-auto-notification.page > .d3-container,
.edit-auto-notification.page > .button-list {
  max-width: 900px;
  margin: auto;
  margin-bottom: 20px; }

.edit-auto-notification.page .grey-box-text {
  padding: 15px 20px;
  min-height: 100px; }
  .edit-auto-notification.page .grey-box-text > p,
  .edit-auto-notification.page .grey-box-text > span {
    display: inline-block;
    margin: 0px; }
  .edit-auto-notification.page .grey-box-text > span {
    margin: 0px 4px;
    background: #f4f4f4;
    padding: 2px 4px;
    border: 1px solid #cacaca;
    font-family: AmericanTypewriter; }

.edit-auto-notification.page .d3-container > div > * {
  margin-bottom: 20px; }

.edit-auto-notification.page .d3-container .disabled {
  color: #9b9b9b; }
  .edit-auto-notification.page .d3-container .disabled i {
    color: #9b9b9b; }
  .edit-auto-notification.page .d3-container .disabled .type-input-container input {
    background: #f4f4f4;
    transition: none;
    pointer-events: none; }

.edit-auto-notification.page .trigger-section {
  align-items: flex-end; }
  .edit-auto-notification.page .trigger-section i {
    color: #545454;
    margin-right: 15px; }
    .edit-auto-notification.page .trigger-section i:hover ~ .text-bubble {
      visibility: visible; }
  .edit-auto-notification.page .trigger-section > div {
    margin-right: 10px; }
  .edit-auto-notification.page .trigger-section .text-bubble {
    position: relative;
    width: 250px;
    padding: 5px 10px;
    visibility: hidden; }
    .edit-auto-notification.page .trigger-section .text-bubble:before {
      content: '';
      display: block;
      position: absolute;
      left: -11px;
      bottom: 4px;
      border: 3px solid transparent;
      border-right: 10px solid #f4f4f4;
      height: 0px;
      width: 0px; }

.edit-auto-notification.page .type-input-container {
  padding: 15px 25px;
  max-width: 400px;
  width: fit-content; }
  .edit-auto-notification.page .type-input-container .d3-input,
  .edit-auto-notification.page .type-input-container .d3-time-picker,
  .edit-auto-notification.page .type-input-container > span {
    display: inline-block; }
  .edit-auto-notification.page .type-input-container .d3-input,
  .edit-auto-notification.page .type-input-container .d3-time-picker {
    width: 60px;
    height: 30px; }
    .edit-auto-notification.page .type-input-container .d3-input input,
    .edit-auto-notification.page .type-input-container .d3-time-picker input {
      width: 100%;
      height: 100%;
      border: 1px solid #9b9b9b;
      color: #545454;
      background: white; }
  .edit-auto-notification.page .type-input-container > span {
    margin: 0px 10px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item .title-header {
  margin-bottom: 10px;
  height: 24px; }
  .edit-conditional-notification.page .d3-container.section.conditions .condition-item .title-header .condition-title {
    font-size: 16px;
    color: #000000;
    margin: 0; }
  .edit-conditional-notification.page .d3-container.section.conditions .condition-item .title-header .fa-trash-alt {
    display: none; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item .d3-dropdown.condition-to-meet {
  width: 100%; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item span {
  width: 110px;
  margin: 0 8px; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item .d3-dropdown:last-child {
  min-width: 210px; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item .d3-textarea {
  width: 100%;
  min-height: 135px; }

.edit-conditional-notification.page .d3-container.section.conditions .condition-item:hover .fa-trash-alt {
  display: inherit; }
  .edit-conditional-notification.page .d3-container.section.conditions .condition-item:hover .fa-trash-alt:hover {
    color: #cb2d2d; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .noti-schedule-button {
  border-radius: 3px; }
  .border-radius.two, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .two.noti-schedule-button {
    border-radius: 2px; }
  .border-radius.three, .alert-note, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .three.noti-schedule-button {
    border-radius: 3px; }
  .border-radius.four, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .four.noti-schedule-button {
    border-radius: 4px; }
  .border-radius.five, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .five.noti-schedule-button {
    border-radius: 5px; }
  .border-radius.eight, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .eight.noti-schedule-button {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .noti-schedule-button {
  border-radius: 3px; }
  .border-radius.larger, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .larger.noti-schedule-button {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.edit-conditional-notification.page > *.disabled {
  pointer-events: none;
  opacity: 0.6; }

.edit-conditional-notification.page .grey-box-text,
.edit-conditional-notification.page .text-bubble,
.edit-conditional-notification.page .type-input-container {
  border-radius: 3px;
  background: #f4f4f4; }

.edit-conditional-notification.page > h3,
.edit-conditional-notification.page > .d3-container,
.edit-conditional-notification.page > div > .d3-container,
.edit-conditional-notification.page > .button-list {
  max-width: 900px;
  margin: auto;
  margin-bottom: 20px; }

.edit-conditional-notification.page .grey-box-text {
  padding: 15px 20px;
  min-height: 100px; }
  .edit-conditional-notification.page .grey-box-text > p,
  .edit-conditional-notification.page .grey-box-text > span {
    display: inline-block;
    margin: 0px; }
  .edit-conditional-notification.page .grey-box-text > span {
    margin: 0px 4px;
    background: #f4f4f4;
    padding: 2px 4px;
    border: 1px solid #cacaca;
    font-family: AmericanTypewriter; }

.edit-conditional-notification.page .d3-container.flexed > * {
  margin-bottom: 0px; }

.edit-conditional-notification.page .d3-container .disabled {
  color: #9b9b9b; }
  .edit-conditional-notification.page .d3-container .disabled i {
    color: #9b9b9b; }
  .edit-conditional-notification.page .d3-container .disabled .type-input-container input {
    background: #f4f4f4;
    transition: none;
    pointer-events: none; }
  .edit-conditional-notification.page .d3-container .disabled .fas,
  .edit-conditional-notification.page .d3-container .disabled .fa,
  .edit-conditional-notification.page .d3-container .disabled .far {
    opacity: 0.6; }

.edit-conditional-notification.page .d3-container.section .label-small {
  margin-top: 24px !important;
  margin-bottom: 8px !important; }

.edit-conditional-notification.page .d3-container.section .d3-dropdown .dropbar {
  height: 50px; }

.edit-conditional-notification.page .d3-container.section.conditions .d3-dropdown {
  width: 210px;
  min-width: 210px; }

.edit-conditional-notification.page .d3-container.schedule .disabled-everyday {
  position: relative; }
  .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .fa-check {
    color: #313d98;
    position: absolute;
    font-size: 16px;
    top: 32px;
    left: 54px; }
  .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .noti-schedule-button {
    font-weight: 600;
    height: 50px;
    width: 125px;
    margin-left: 0; }

.edit-conditional-notification.page .d3-container.schedule .schedule-options > div:first-child {
  width: 66%; }

.edit-conditional-notification.page .d3-container.schedule .schedule-options > div:last-child {
  width: 33%; }

.edit-conditional-notification.page .trigger-section {
  align-items: flex-end; }
  .edit-conditional-notification.page .trigger-section i {
    color: #545454;
    margin-right: 15px; }
    .edit-conditional-notification.page .trigger-section i:hover ~ .text-bubble {
      visibility: visible; }
  .edit-conditional-notification.page .trigger-section > div {
    margin-right: 10px; }
  .edit-conditional-notification.page .trigger-section .text-bubble {
    position: relative;
    width: 250px;
    padding: 5px 10px;
    visibility: hidden; }
    .edit-conditional-notification.page .trigger-section .text-bubble:before {
      content: '';
      display: block;
      position: absolute;
      left: -11px;
      bottom: 4px;
      border: 3px solid transparent;
      border-right: 10px solid #f4f4f4;
      height: 0px;
      width: 0px; }

.edit-conditional-notification.page .type-input-container {
  padding: 15px 25px;
  max-width: 400px;
  width: fit-content; }
  .edit-conditional-notification.page .type-input-container .d3-input,
  .edit-conditional-notification.page .type-input-container .d3-time-picker,
  .edit-conditional-notification.page .type-input-container > span {
    display: inline-block; }
  .edit-conditional-notification.page .type-input-container .d3-input,
  .edit-conditional-notification.page .type-input-container .d3-time-picker {
    width: 60px;
    height: 30px; }
    .edit-conditional-notification.page .type-input-container .d3-input input,
    .edit-conditional-notification.page .type-input-container .d3-time-picker input {
      width: 100%;
      height: 100%;
      border: 1px solid #9b9b9b;
      color: #545454;
      background: white; }
  .edit-conditional-notification.page .type-input-container > span {
    margin: 0px 10px; }

.edit-conditional-notification.page .add-condition-button {
  margin: 0; }
  .edit-conditional-notification.page .add-condition-button i {
    margin-right: 8px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.delete-participant {
  text-align: center; }
  .delete-participant .content {
    width: 550px; }
  .delete-participant .fa-circle {
    color: white; }
  .delete-participant .fa-exclamation-circle {
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.14);
    color: #cb2d2d; }
  .delete-participant .flexed.centered {
    justify-content: center; }
    .delete-participant .flexed.centered h4 {
      margin-top: 15px;
      max-width: 60%; }
    .delete-participant .flexed.centered p {
      max-width: 70%;
      margin: 15px 0px; }

.participant-list .table-container {
  overflow-y: auto;
  height: calc(100vh - 320px); }
  .participant-list .table-container table .highlighted {
    background: #fdf7f6; }
    .participant-list .table-container table .highlighted.account-deletion td {
      border-bottom: 1px solid #cb2d2d; }
      .participant-list .table-container table .highlighted.account-deletion td:first-child {
        border-left: 1px solid #cb2d2d; }
        .participant-list .table-container table .highlighted.account-deletion td:first-child::before {
          content: none; }
      .participant-list .table-container table .highlighted.account-deletion td:last-child {
        border-right: 1px solid #cb2d2d; }
    .participant-list .table-container table .highlighted.account-deletion:first-child td {
      border-top: 1px solid #cb2d2d; }
    .participant-list .table-container table .highlighted.complete-account-setup {
      background: #fff1e6; }
    .participant-list .table-container table .highlighted.account-recovery {
      background: #ffebeb; }
  .participant-list .table-container table .highlighted.border-top td {
    border-top: 1px solid #cb2d2d; }

.participant-list.overflow {
  overflow-x: auto; }

.participant-list thead {
  position: relative;
  z-index: 10; }

.participant-list .clickable .checkbox-cell {
  position: relative; }

.participant-list .clickable .checkbox-cell:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 2px;
  height: calc(100% + 2px); }

.participant-list .clickable .checkbox-cell.no-passive-data:before {
  background: #f9d021; }

.participant-list .clickable .checkbox-cell.started:not(.account-recovery):before {
  background: #7ac9be; }

.participant-list .clickable .checkbox-cell.no-active-data:before {
  background: #f27b21; }

.participant-list .clickable .checkbox-cell.active-deletion-request:before {
  background: #f27b21; }

.participant-list .clickable .checkbox-cell.complete-account-setup:before {
  background: #eeb98c; }

.participant-list .clickable .checkbox-cell.account-recovery:before {
  background: #e88d89; }

.participant-list .clickable.checked td:first-child:before, .participant-list .clickable:hover td:first-child:before {
  display: none; }

.participant-list .clickable.checked.is-non-leaf td, .participant-list .clickable.is-non-leaf:hover td {
  border-color: #cb2d2d; }

.participant-list .clickable td.id-row {
  color: #313d98;
  font-weight: 500; }

.participant-list .clickable td.account-deletion-status-row {
  display: none; }

.participant-list table th .sort-arrows {
  padding-right: 16px; }

.participant-list table th.cohorts {
  min-width: 130px; }

.participant-list table th.econsent {
  min-width: 135px; }

.participant-list table th.compliance {
  min-width: 150px; }

.participant-list table th.instruments-completed {
  min-width: 230px; }

.participant-list .checkbox-row {
  width: 15px;
  position: relative;
  color: #0f2e22;
  height: 100%; }
  .participant-list .checkbox-row:before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 5px;
    top: 0px;
    left: -1px; }
  .participant-list .checkbox-row.no-passive-data:before {
    background: #f8b685; }
  .participant-list .checkbox-row.started:before {
    background: #d6eeeb; }
  .participant-list .checkbox-row.no-active-data:before {
    background: #e88d89; }
  .participant-list .checkbox-row.account-deletion-request:before {
    background: #e88d89; }

.participant-list tr:hover .checkbox-column {
  color: black; }

.participant-list .cohort-row {
  width: 111px; }

.participant-list .first-login-row p:first-of-type {
  margin-bottom: 0px; }

.participant-list .first-login-row button {
  margin: 4px 0px;
  font-size: 14px;
  text-align: left; }

.participant-list .consent-row {
  width: 120px;
  justify-content: center; }
  .participant-list .consent-row .fa-times {
    color: #cb2d2d; }
  .participant-list .consent-row .fa-check {
    color: #1f5d44;
    margin-right: 4px; }

.participant-list .id-row .flexed {
  position: relative; }

.participant-list .id-row .fa-lock {
  position: absolute;
  left: -22px;
  color: #f26c29; }
  .participant-list .id-row .fa-lock:hover + div {
    display: block; }

.participant-list .id-row .account-disabled-tooltip {
  background: #525252;
  color: white;
  display: none;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  border-radius: 3px;
  width: 230px;
  top: auto;
  z-index: 1; }

.participant-list .view-more-with-table-pages {
  background: none;
  margin: 24px 0 0; }
  .participant-list .view-more-with-table-pages .page-numbers {
    margin: 0; }
    .participant-list .view-more-with-table-pages .page-numbers .rc-pagination {
      padding: 0; }

.cohort-list .sticky {
  position: sticky; }

.participant-list .table-container {
  overflow-y: auto;
  height: calc(100vh - 320px); }
  .participant-list .table-container table .highlighted {
    background: #fdf7f6; }
    .participant-list .table-container table .highlighted.account-deletion td {
      border-bottom: 1px solid #cb2d2d; }
      .participant-list .table-container table .highlighted.account-deletion td:first-child {
        border-left: 1px solid #cb2d2d; }
        .participant-list .table-container table .highlighted.account-deletion td:first-child::before {
          content: none; }
      .participant-list .table-container table .highlighted.account-deletion td:last-child {
        border-right: 1px solid #cb2d2d; }
    .participant-list .table-container table .highlighted.account-deletion:first-child td {
      border-top: 1px solid #cb2d2d; }
    .participant-list .table-container table .highlighted.complete-account-setup {
      background: #fff1e6; }
    .participant-list .table-container table .highlighted.account-recovery {
      background: #ffebeb; }
  .participant-list .table-container table .highlighted.border-top td {
    border-top: 1px solid #cb2d2d; }

.participant-list.overflow {
  overflow-x: auto; }

.participant-list thead {
  position: relative;
  z-index: 10; }

.participant-list .clickable .checkbox-cell {
  position: relative; }

.participant-list .clickable .checkbox-cell:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 2px;
  height: calc(100% + 2px); }

.participant-list .clickable .checkbox-cell.no-passive-data:before {
  background: #f9d021; }

.participant-list .clickable .checkbox-cell.started:not(.account-recovery):before {
  background: #7ac9be; }

.participant-list .clickable .checkbox-cell.no-active-data:before {
  background: #f27b21; }

.participant-list .clickable .checkbox-cell.active-deletion-request:before {
  background: #f27b21; }

.participant-list .clickable .checkbox-cell.complete-account-setup:before {
  background: #eeb98c; }

.participant-list .clickable .checkbox-cell.account-recovery:before {
  background: #e88d89; }

.participant-list .clickable.checked td:first-child:before, .participant-list .clickable:hover td:first-child:before {
  display: none; }

.participant-list .clickable.checked.is-non-leaf td, .participant-list .clickable.is-non-leaf:hover td {
  border-color: #cb2d2d; }

.participant-list .clickable td.id-row {
  color: #313d98;
  font-weight: 500; }

.participant-list .clickable td.account-deletion-status-row {
  display: none; }

.participant-list table th .sort-arrows {
  padding-right: 16px; }

.participant-list table th.cohorts {
  min-width: 130px; }

.participant-list table th.econsent {
  min-width: 135px; }

.participant-list table th.compliance {
  min-width: 150px; }

.participant-list table th.instruments-completed {
  min-width: 230px; }

.participant-list .checkbox-row {
  width: 15px;
  position: relative;
  color: #0f2e22;
  height: 100%; }
  .participant-list .checkbox-row:before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 5px;
    top: 0px;
    left: -1px; }
  .participant-list .checkbox-row.no-passive-data:before {
    background: #f8b685; }
  .participant-list .checkbox-row.started:before {
    background: #d6eeeb; }
  .participant-list .checkbox-row.no-active-data:before {
    background: #e88d89; }
  .participant-list .checkbox-row.account-deletion-request:before {
    background: #e88d89; }

.participant-list tr:hover .checkbox-column {
  color: black; }

.participant-list .cohort-row {
  width: 111px; }

.participant-list .first-login-row p:first-of-type {
  margin-bottom: 0px; }

.participant-list .first-login-row button {
  margin: 4px 0px;
  font-size: 14px;
  text-align: left; }

.participant-list .consent-row {
  width: 120px;
  justify-content: center; }
  .participant-list .consent-row .fa-times {
    color: #cb2d2d; }
  .participant-list .consent-row .fa-check {
    color: #1f5d44;
    margin-right: 4px; }

.participant-list .id-row .flexed {
  position: relative; }

.participant-list .id-row .fa-lock {
  position: absolute;
  left: -22px;
  color: #f26c29; }
  .participant-list .id-row .fa-lock:hover + div {
    display: block; }

.participant-list .id-row .account-disabled-tooltip {
  background: #525252;
  color: white;
  display: none;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  border-radius: 3px;
  width: 230px;
  top: auto;
  z-index: 1; }

.participant-list .view-more-with-table-pages {
  background: none;
  margin: 24px 0 0; }
  .participant-list .view-more-with-table-pages .page-numbers {
    margin: 0; }
    .participant-list .view-more-with-table-pages .page-numbers .rc-pagination {
      padding: 0; }

.participant.page .title-overflow {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 0.22px; }

.participant.page .ptp-site-location {
  background: #dddff0;
  border-radius: 3px;
  padding: 6px 8px;
  margin-left: 20px; }

.participant.page .d3-container {
  position: relative; }

.participant.page .d3-container > *:last-child {
  margin-bottom: 0; }

.participant.page .d3-container .title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500; }

.participant.page .d3-container {
  border-radius: 8px;
  background: white;
  border: 1px solid #eceff0; }
  .participant.page .d3-container .account-title {
    color: #000000;
    margin: 0 10px 0 0; }

.participant.page .d3-container .account-title,
.participant.page .account-title {
  color: #000000;
  margin: 0 10px 0 0; }

.participant.page .box-popup.account-setup-info .popup {
  width: 690px;
  padding: 20px;
  color: white; }
  .participant.page .box-popup.account-setup-info .popup .tooltip-content .heading {
    margin: 0 0 16px;
    color: white; }
  .participant.page .box-popup.account-setup-info .popup .tooltip-content .description {
    font-size: 16px;
    color: white; }
  .participant.page .box-popup.account-setup-info .popup .tooltip-content .bottom-text {
    color: white; }
  .participant.page .box-popup.account-setup-info .popup .tooltip-content div:last-of-type {
    color: white; }

.participant.page .d3-container.container-sticky {
  margin: 0 auto; }
  .participant.page .d3-container.container-sticky.drawer-container-sticky {
    height: calc(75px + 20px * 2);
    padding: 20px 40px;
    background: #f9f9ff;
    border: none;
    border-radius: 0; }

.participant.page .participant-info {
  display: grid;
  grid-template-columns: minmax(150px, auto) 180px 1fr;
  align-items: center;
  gap: 14px 10px; }

.participant.page .caregiver-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  background: #f9f9ff;
  padding: 20px 40px; }
  .participant.page .caregiver-info h4 {
    font-size: larger;
    font-weight: 500; }

.participant.page .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px; }

.participant.page .text-blue {
  color: #313d98; }

.participant.page .text-gray {
  color: #545454; }

.participant.page h2,
.participant.page h4 {
  font-weight: 500;
  color: #1b1c1d; }

.participant.page h4 {
  margin-top: 30px; }

.participant.page > *,
.participant.page .ptp-container-wrapper > * {
  max-width: 970px;
  margin: 10px auto; }

.participant.page .ptp-container-wrapper.drawer-container-wrapper {
  margin-top: 24px;
  padding: 0;
  background: white; }
  .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-info-section {
    padding: 0 40px; }
    .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-info-section > * {
      margin-bottom: 24px; }
  .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper {
    position: sticky;
    top: calc(100px + calc(75px + 20px * 2));
    z-index: 2;
    width: 100%;
    max-width: 850px; }
    .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs {
      width: 100%;
      display: flex;
      align-items: center;
      background: #f9f9ff;
      overflow-x: scroll;
      scroll-behavior: smooth; }
      .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs .drawer-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-bottom: 2px solid white;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.09px;
        height: 100%;
        flex: 1;
        color: #313d98;
        padding: 12px 20px;
        white-space: nowrap;
        cursor: pointer; }
        .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs .drawer-tab.selected {
          border-bottom-color: #313d98; }
    .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs-arrow {
      position: absolute;
      top: 0;
      background: #313d98;
      width: 32px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 24px;
      cursor: pointer; }
      .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs-arrow.left {
        left: 0; }
      .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs-arrow.right {
        right: 0; }
      .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tabs-wrapper .drawer-tabs-arrow i {
        color: white;
        fill: white; }
  .participant.page .ptp-container-wrapper.drawer-container-wrapper .drawer-tab-content {
    padding: 20px 40px; }

.participant.page .ptp-container-wrapper .participant-visit-cycle {
  margin-top: 24px;
  display: flex;
  flex-direction: column; }
  .participant.page .ptp-container-wrapper .participant-visit-cycle .submit-button-box {
    display: flex;
    justify-content: flex-end; }
  .participant.page .ptp-container-wrapper .participant-visit-cycle .visit-cycle-option-content {
    max-width: 400px; }
    .participant.page .ptp-container-wrapper .participant-visit-cycle .visit-cycle-option-content .next-visit-day-box {
      margin-top: 32px; }

.participant.page .flexed-header h2,
.participant.page .flexed-header p {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .participant.page .flexed-header h2.ptp-name,
  .participant.page .flexed-header p.ptp-name {
    max-width: 350px;
    font-weight: 700; }
  .participant.page .flexed-header h2.ptp-username,
  .participant.page .flexed-header p.ptp-username {
    color: black;
    font-weight: 700;
    max-width: 200px; }

.participant.page .flexed-header > div {
  cursor: default;
  display: flex;
  align-items: center; }
  .participant.page .flexed-header > div p {
    font-size: 18px;
    margin-left: 24px;
    color: #767676; }

.participant.page .flexed-header .baseline-aligned {
  align-items: baseline; }

.participant.page .participant-stats {
  justify-content: flex-start;
  padding: 20px 0; }
  .participant.page .participant-stats .compliance-meter .meter-outer {
    width: 100%; }
  .participant.page .participant-stats .stat-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
    width: calc(33%);
    padding: 20px;
    border-radius: 8px;
    background: white;
    border: 1px solid #eceff0; }
    .participant.page .participant-stats .stat-box > * {
      margin: 0px; }
    .participant.page .participant-stats .stat-box h5 {
      font-weight: normal;
      color: #545454; }
    .participant.page .participant-stats .stat-box:not(:last-of-type) {
      margin-right: 15px; }
    .participant.page .participant-stats .stat-box button {
      font-size: 14px; }
    .participant.page .participant-stats .stat-box .invite-wrapper {
      margin-left: 8px; }
      .participant.page .participant-stats .stat-box .invite-wrapper span,
      .participant.page .participant-stats .stat-box .invite-wrapper button {
        margin: 0; }
  .participant.page .participant-stats span,
  .participant.page .participant-stats b {
    margin-right: 5px; }
  .participant.page .participant-stats b {
    font-size: 28px;
    color: #4a4a4a; }
  .participant.page .participant-stats .first-login p,
  .participant.page .participant-stats .days-remaining p {
    color: #4a4a4a; }
    .participant.page .participant-stats .first-login p span,
    .participant.page .participant-stats .days-remaining p span {
      color: #4a4a4a;
      margin-left: 8px;
      font-size: 14px; }
  .participant.page .participant-stats .compliance b {
    font-size: 28px; }

.participant.page .ptp-pw-reset-section {
  display: flex;
  justify-content: space-between; }
  .participant.page .ptp-pw-reset-section button {
    margin: 0;
    align-self: flex-start; }

.participant.page .participant-form {
  border: none;
  position: relative; }
  .participant.page .participant-form .label-small.sites span {
    text-transform: initial;
    color: #000000; }
  .participant.page .participant-form .label-small.sites i.fa-exclamation-circle {
    color: #cb2d2d;
    margin: 0 5px;
    font-size: 15px; }
  .participant.page .participant-form h5 {
    color: black; }
  .participant.page .participant-form .autocomplete-search .d3-input {
    width: 100%; }
  .participant.page .participant-form .d3-input {
    width: 80%; }
    .participant.page .participant-form .d3-input #participant-form-date_of_birth {
      width: 50%; }
  .participant.page .participant-form .input-and-dropdown .ptp-form-input {
    width: 20%;
    margin-right: 16px; }
    .participant.page .participant-form .input-and-dropdown .ptp-form-input .error-text {
      position: absolute; }
  .participant.page .participant-form .input-and-dropdown .ptp-form-dropdown {
    width: 45%; }
  .participant.page .participant-form .d3-dropdown,
  .participant.page .participant-form .DayPickerInput input,
  .participant.page .participant-form .phone-number-input {
    width: 40%; }
  .participant.page .participant-form .d3-dropdown .dropbar {
    height: 40px;
    border-radius: 3px;
    margin-top: 5px; }
  .participant.page .participant-form .DayPickerInput {
    width: 100%; }
    .participant.page .participant-form .DayPickerInput input {
      height: 40px; }
  .participant.page .participant-form .reset-password {
    color: #9b9b9b; }
    .participant.page .participant-form .reset-password a {
      color: #313d98; }
      .participant.page .participant-form .reset-password a:hover {
        filter: contrast(150%); }
  .participant.page .participant-form .custom-button.edit-form-button {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px; }
  .participant.page .participant-form .DayPickerInput input:disabled,
  .participant.page .participant-form .d3-dropdown.select-dropdown.disabled .dropbar {
    border-color: #e5e8ea;
    color: inherit; }
  .participant.page .participant-form .phone .disclaimer {
    width: 49%;
    margin: 6px 0 0 0; }
  .participant.page .participant-form .hint {
    font-size: 12px;
    margin-top: 5px;
    color: #9b9b9b; }
  .participant.page .participant-form .site-locale-wrapper .d3-dropdown,
  .participant.page .participant-form .site-locale-wrapper .autocomplete-search {
    width: 400px; }
  .participant.page .participant-form .subject_id-input-wrapper .d3-input {
    max-width: 290px; }
  .participant.page .participant-form .subject_id-input-wrapper .subject_id-status {
    margin-left: 10px;
    margin-bottom: 10px; }
    .participant.page .participant-form .subject_id-input-wrapper .subject_id-status.no-margin-bottom {
      margin-bottom: 0; }
    .participant.page .participant-form .subject_id-input-wrapper .subject_id-status .status-info-box {
      display: flex;
      align-items: center;
      gap: 8px; }
      .participant.page .participant-form .subject_id-input-wrapper .subject_id-status .status-info-box .fa-check {
        color: #009782; }
      .participant.page .participant-form .subject_id-input-wrapper .subject_id-status .status-info-box .fa-exclamation-circle {
        color: #cb2d2d; }
      .participant.page .participant-form .subject_id-input-wrapper .subject_id-status .status-info-box .status-info-text {
        color: #343334;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0.3px;
        display: flex;
        flex-direction: column; }

.participant.page .account-settings .account-content {
  display: flex; }
  .participant.page .account-settings .account-content .account-body {
    display: flex; }
    .participant.page .account-settings .account-content .account-body .fa-lock {
      color: #cb2d2d; }
    .participant.page .account-settings .account-content .account-body .account-text {
      margin-left: 7px; }
      .participant.page .account-settings .account-content .account-body .account-text p {
        font-size: 12px; }
      .participant.page .account-settings .account-content .account-body .account-text .account-text-description {
        max-width: 400px; }
  .participant.page .account-settings .account-content .cta {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
    margin: 0 14px 0 80px; }
    .participant.page .account-settings .account-content .cta .custom-button {
      width: 100%;
      min-width: 201px; }
      .participant.page .account-settings .account-content .cta .custom-button.reject {
        margin-top: 10px; }

.participant.page .ptp-study-settings p.study-name {
  color: #1b1c1d;
  font-size: 18px;
  margin: 0; }

.participant.page .new-consent-management .consent-status-cell {
  min-width: 150px; }
  .participant.page .new-consent-management .consent-status-cell .fas {
    margin-right: 12px; }
    .participant.page .new-consent-management .consent-status-cell .fas.fa-times {
      color: #9e9e9e; }
    .participant.page .new-consent-management .consent-status-cell .fas.fa-check {
      color: #3db988; }
  .participant.page .new-consent-management .consent-status-cell span.orange {
    background: #fff9f5;
    border-radius: 3px;
    border: 1.75px solid #ff8b3d;
    color: #ff8b3d;
    font-weight: 500;
    padding: 6px; }
  .participant.page .new-consent-management .consent-status-cell .popup-container .popup .consent-status-cell-tooltip {
    padding: 8px;
    width: 280px; }

.participant.page .new-consent-management .consent-version-cell {
  text-align: center; }

.participant.page .new-consent-management .consent-name-cell {
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .participant.page .new-consent-management .consent-name-cell .custom-button.link {
    margin: 0;
    max-width: 220px;
    min-width: 0; }
    .participant.page .new-consent-management .consent-name-cell .custom-button.link div {
      max-width: inherit;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.participant.page .payments-table {
  display: table;
  width: 100%; }

.participant.page .consents-table .status-cell {
  width: 72px;
  height: 100%;
  font-size: 20px; }
  .participant.page .consents-table .status-cell div {
    display: flex;
    justify-content: center; }
    .participant.page .consents-table .status-cell div .fa-check {
      color: #3db988; }
    .participant.page .consents-table .status-cell div .fa-times {
      color: #cb2d2d; }

.participant.page .consents-table .action-cell {
  font-size: 20px; }
  .participant.page .consents-table .action-cell .fa-cloud-download-alt {
    color: #cacaca; }
    .participant.page .consents-table .action-cell .fa-cloud-download-alt:hover {
      cursor: pointer;
      color: #8bd5b8; }

.participant.page .consents-table .flexed-header {
  flex-direction: row-reverse; }

.participant.page .consents-table .filter-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .participant.page .consents-table .filter-tag-list .filter-tag,
  .participant.page .consents-table .filter-tag-list .custom-button {
    margin: 0px 10px 15px 0px; }
  .participant.page .consents-table .filter-tag-list .filter-tag {
    padding: 5px 10px;
    background: #f4f4f4; }
    .participant.page .consents-table .filter-tag-list .filter-tag i {
      margin-left: 10px; }
  .participant.page .consents-table .filter-tag-list .custom-button {
    padding: 0px;
    background: transparent; }
  .participant.page .consents-table .filter-tag-list.hidden {
    display: none; }

.participant.page .files-management .flexed {
  margin-bottom: 10px; }

.participant.page .files-management .file-type {
  width: 60px;
  font-size: 20px;
  color: #343334; }
  .participant.page .files-management .file-type i {
    margin-left: 6px; }

.participant.page .files-management .ptp-file-name,
.participant.page .files-management .file-download {
  word-break: break-all;
  color: #313d98; }

.participant.page .files-management .file-download {
  width: 60px; }
  .participant.page .files-management .file-download a {
    margin-left: 12px; }
    .participant.page .files-management .file-download a.disabled {
      pointer-events: none;
      filter: opacity(40%); }

.participant.page .instrument-name {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis; }

.participant.page .ptp-instruments {
  max-height: fit-content;
  overflow: auto;
  padding-top: 0px; }
  .participant.page .ptp-instruments.fixed-min-height {
    min-height: 300px; }
  .participant.page .ptp-instruments .title {
    margin-top: 30px; }
  .participant.page .ptp-instruments .cycle-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 30px 0 21px;
    margin: 0;
    position: sticky;
    width: 100%;
    top: 0px;
    background: white;
    z-index: 2; }
    .participant.page .ptp-instruments .cycle-tabs span {
      background: #cff0fd;
      border-radius: 4px;
      color: #313d98;
      margin-bottom: 10px;
      margin-right: 10px;
      padding: 5px 10px 8px 10px;
      position: relative;
      text-align: center; }
      .participant.page .ptp-instruments .cycle-tabs span.selected {
        background: white;
        color: #313d98; }
        .participant.page .ptp-instruments .cycle-tabs span.selected:after {
          display: block;
          content: '';
          position: absolute;
          width: 100%;
          height: 3px;
          background: #313d98;
          left: 0px;
          bottom: 0px; }
  .participant.page .ptp-instruments .table-container {
    overflow-y: initial;
    max-height: 55vh; }
    .participant.page .ptp-instruments .table-container thead th {
      position: sticky;
      top: 0;
      background: #fafbfb; }
      .participant.page .ptp-instruments .table-container thead th:hover {
        background: #e5e8ea; }
  .participant.page .ptp-instruments .custom-button.mark-complete {
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    margin: 0 0 -32px 99%;
    padding: 6px 12px;
    position: sticky;
    top: 77px;
    transform: translateX(-140px);
    white-space: nowrap;
    z-index: 2; }
    .participant.page .ptp-instruments .custom-button.mark-complete.loading {
      pointer-events: none; }
    .participant.page .ptp-instruments .custom-button.mark-complete .fa-check {
      position: relative;
      color: inherit;
      font-size: 16px; }
    .participant.page .ptp-instruments .custom-button.mark-complete .d3-loader-container {
      background-color: transparent; }
  .participant.page .ptp-instruments .d3-sortable-table .completion-cell .fa-check {
    color: #009782; }
  .participant.page .ptp-instruments .d3-sortable-table .completion-cell .fa-times {
    color: #9e9e9e; }
  .participant.page .ptp-instruments .d3-sortable-table .complete-cell {
    width: 140px; }
    .participant.page .ptp-instruments .d3-sortable-table .complete-cell .checkbox .check {
      margin-right: 8px; }

.participant.page .diaries-table .d3-sortable-table td:first-child {
  color: #313d98;
  font-weight: 500; }

.participant.page .diaries-table .d3-sortable-table .completion-cell .fa-check {
  color: #009782; }

.participant.page .diaries-table .d3-sortable-table .completion-cell .fa-times {
  color: #9e9e9e; }

.participant.page .diaries-table .d3-sortable-table .download-cell .custom-button {
  width: 24px;
  min-width: 24px;
  margin: 0; }
  .participant.page .diaries-table .d3-sortable-table .download-cell .custom-button i {
    color: #cacaca; }
  .participant.page .diaries-table .d3-sortable-table .download-cell .custom-button:hover i {
    color: #313d98; }

.participant.page .diaries-table .d3-sortable-table .complete-cell {
  width: 140px; }
  .participant.page .diaries-table .d3-sortable-table .complete-cell .checkbox .check {
    margin-right: 8px; }

.participant.page .diaries-table .page-numbers .page-button {
  min-width: 15px;
  outline: none;
  border-bottom: 2px solid transparent; }

.participant.page .diaries-table .page-numbers .current-page-number {
  color: #313d98;
  border-radius: 0px;
  border-bottom: 2px solid #313d98; }

.participant.page .diaries-table .expand-button {
  color: #313d98; }

.participant.page .status-history-section {
  width: 100%;
  padding: 24px;
  font-weight: 400; }
  .participant.page .status-history-section .heading-row {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
    align-items: center;
    padding: 0 28px 6px;
    border-bottom: 1px solid #343334; }
    .participant.page .status-history-section .heading-row .heading-text {
      color: #313d98;
      font-size: 12px;
      font-weight: 500;
      line-height: 18px;
      text-transform: uppercase; }
    .participant.page .status-history-section .heading-row .heading-text:nth-child(3) {
      text-align: right;
      justify-self: end; }
  .participant.page .status-history-section .table-content {
    width: 100%; }
    .participant.page .status-history-section .table-content .table-row {
      display: grid;
      grid-template-columns: 2fr 2fr 2fr;
      align-items: center;
      height: 40px;
      padding: 8px 28px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
      .participant.page .status-history-section .table-content .table-row .table-row-text {
        color: #4a4a4a;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden; }
      .participant.page .status-history-section .table-content .table-row .table-row-text:nth-child(2) {
        padding-left: 2px; }
      .participant.page .status-history-section .table-content .table-row .table-row-text:nth-child(3) {
        text-align: right;
        justify-self: end; }
  .participant.page .status-history-section .close-button-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px; }
  .participant.page .status-history-section .no-status-message {
    color: #545454;
    font-size: 14px; }

.participant.page .status-timestamp-cell .popup,
.participant.page .status-timestamp-head-cell .popup {
  width: 232px;
  min-height: 124px;
  z-index: 99999; }

.participant.page .status-timestamp-cell .status-timestamp-tooltip,
.participant.page .status-timestamp-head-cell .status-timestamp-tooltip {
  width: 100%; }
  .participant.page .status-timestamp-cell .status-timestamp-tooltip p,
  .participant.page .status-timestamp-head-cell .status-timestamp-tooltip p {
    color: white;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.28px; }
  .participant.page .status-timestamp-cell .status-timestamp-tooltip .site-text,
  .participant.page .status-timestamp-head-cell .status-timestamp-tooltip .site-text {
    margin-top: 8px; }
  .participant.page .status-timestamp-cell .status-timestamp-tooltip .main-site-text,
  .participant.page .status-timestamp-head-cell .status-timestamp-tooltip .main-site-text {
    font-weight: 600; }

.participant.page .status-timestamp-head-cell {
  display: flex;
  align-items: center;
  gap: 8px; }
  .participant.page .status-timestamp-head-cell i {
    color: #525252;
    fill: #525252; }
  .participant.page .status-timestamp-head-cell .popup {
    padding: 8px;
    text-transform: initial; }

.participant.page .participant-visits-table .participant-visits-actions .popup {
  min-width: 140px; }

.participant.page .participant-visits-table .participant-visits-actions .custom-button {
  margin: 0;
  padding: 6px; }

.participant.page .participant-visits-table .popup-container.edit .popup {
  width: 120px; }
  .participant.page .participant-visits-table .popup-container.edit .popup .custom-button {
    margin: 0; }

.participant.page .participant-visits-table .ptp-visit-name {
  width: 50%; }

.participant.page .participant-visits-table .ptp-visit-status {
  min-width: 120px; }

.participant.page .participant-visits-table .visit-status-cell {
  background: #f4f4f4;
  border-radius: 3px;
  width: auto;
  padding: 4px 8px;
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: #000000; }
  .participant.page .participant-visits-table .visit-status-cell.Confirmed {
    background: #daf5f0; }
  .participant.page .participant-visits-table .visit-status-cell.Scheduled {
    background: #dddff0; }

.participant.page .participant-visits-table .ptp-visit-cell-highlight {
  background: #fcf8f7; }

.participant.page .participant-visits-table .ptp-visit-cell-highlight.ptp-visit-name,
.participant.page .participant-visits-table .ptp-visit-cell-highlight.ptp-visit-day {
  font-weight: 600;
  color: #cb2d2d; }

.d3-drawer .participant.page {
  margin-top: -22px;
  min-width: 900px;
  padding: 20px 20px; }
  .d3-drawer .participant.page.drawer-container {
    background: white;
    padding: 20px 0;
    max-width: 850px;
    min-width: 850px; }
  .d3-drawer .participant.page h2 {
    font-weight: 500; }
  .d3-drawer .participant.page h6 {
    color: #000000; }
  .d3-drawer .participant.page .age-contact {
    font-size: 16px; }
    .d3-drawer .participant.page .age-contact a {
      text-decoration: none;
      color: #313d98;
      display: inline-block;
      max-width: 500px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 500;
      margin-left: 15px; }
  .d3-drawer .participant.page .flexed-header.compliance {
    padding: 0;
    justify-content: flex-end; }
    .d3-drawer .participant.page .flexed-header.compliance span.compliance-rate {
      color: #00b9cf;
      font-size: 14px;
      font-weight: 500; }
      .d3-drawer .participant.page .flexed-header.compliance span.compliance-rate b {
        font-weight: 700; }
  .d3-drawer .participant.page .participant-profile {
    background: none;
    box-shadow: none;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 35px;
    border: none; }
    .d3-drawer .participant.page .participant-profile .account-disabled {
      margin-right: 16px; }
      .d3-drawer .participant.page .participant-profile .account-disabled .fa-lock {
        color: #cb2d2d;
        margin-right: 5px; }
    .d3-drawer .participant.page .participant-profile .account-deletion {
      border: 1px solid #eeb98c;
      border-radius: 4px;
      margin-top: 20px;
      padding: 16px; }
      .d3-drawer .participant.page .participant-profile .account-deletion h6 {
        margin-bottom: 8px;
        color: #a92b2b; }
      .d3-drawer .participant.page .participant-profile .account-deletion p {
        font-size: 14px;
        margin: 0; }
    .d3-drawer .participant.page .participant-profile div:last-of-type {
      color: #545454; }
    .d3-drawer .participant.page .participant-profile .ptp-pw-reset-section div.title {
      color: #000000; }
  .d3-drawer .participant.page .study-info .study-name {
    font-size: 16px;
    margin-right: 20px;
    font-weight: 500; }
  .d3-drawer .participant.page .duration {
    display: flex;
    justify-content: space-between; }
    .d3-drawer .participant.page .duration .duration-labels {
      color: #9b9b9b; }
      .d3-drawer .participant.page .duration .duration-labels .days {
        color: black; }
      .d3-drawer .participant.page .duration .duration-labels p:last-of-type {
        color: #545454; }
      .d3-drawer .participant.page .duration .duration-labels.study-end > p, .d3-drawer .participant.page .duration .duration-labels.first-login > p {
        margin-bottom: 0px; }
        .d3-drawer .participant.page .duration .duration-labels.study-end > p b, .d3-drawer .participant.page .duration .duration-labels.first-login > p b {
          color: #00b9cf;
          font-weight: 700; }
          .d3-drawer .participant.page .duration .duration-labels.study-end > p b.negative, .d3-drawer .participant.page .duration .duration-labels.first-login > p b.negative {
            color: #f27b21; }
        .d3-drawer .participant.page .duration .duration-labels.study-end > p span:not(.ptp-moved-label):first-of-type, .d3-drawer .participant.page .duration .duration-labels.first-login > p span:not(.ptp-moved-label):first-of-type {
          font-weight: 700;
          margin-right: 16px; }
        .d3-drawer .participant.page .duration .duration-labels.study-end > p span.ptp-moved-label, .d3-drawer .participant.page .duration .duration-labels.first-login > p span.ptp-moved-label {
          color: #545454; }
      .d3-drawer .participant.page .duration .duration-labels.study-end {
        text-align: right; }
  .d3-drawer .participant.page .age-contact {
    font-size: 16px; }
    .d3-drawer .participant.page .age-contact > * {
      margin-right: 25px; }
    .d3-drawer .participant.page .age-contact a {
      text-decoration: none;
      color: #313d98;
      display: inline-block;
      max-width: 500px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .d3-drawer .participant.page .current-cycle {
    color: #767676; }
  .d3-drawer .participant.page .percent-meter {
    margin-bottom: 6px; }
    .d3-drawer .participant.page .percent-meter .meter-outer {
      background: #fafafa; }
      .d3-drawer .participant.page .percent-meter .meter-outer > * {
        background: #cff0fd;
        border-radius: 15px; }
  .d3-drawer .participant.page .duration-stats {
    display: flex;
    justify-content: space-between; }
  .d3-drawer .participant.page .participant-stats {
    justify-content: flex-start; }
    .d3-drawer .participant.page .participant-stats .compliance-meter .meter-outer {
      width: 100%; }
    .d3-drawer .participant.page .participant-stats .stat-box {
      height: 100px;
      width: auto;
      min-width: 200px;
      padding: 20px 40px;
      justify-content: space-around;
      align-items: center;
      text-align: center;
      border-radius: 8px;
      background: #fafafa;
      border: none; }
      .d3-drawer .participant.page .participant-stats .stat-box h5 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        color: #9b9b9b; }
      .d3-drawer .participant.page .participant-stats .stat-box:not(:last-of-type) {
        margin-right: 15px; }
    .d3-drawer .participant.page .participant-stats .compliance h5 {
      font-weight: 700; }
    .d3-drawer .participant.page .participant-stats .compliance p {
      color: #4a4a4a; }
      .d3-drawer .participant.page .participant-stats .compliance p b {
        font-weight: 700;
        font-size: 20px;
        color: #737373; }
        .d3-drawer .participant.page .participant-stats .compliance p b:first-of-type {
          font-size: 20px;
          color: #313d98; }
    .d3-drawer .participant.page .participant-stats .first-login p,
    .d3-drawer .participant.page .participant-stats .days-remaining p {
      color: #4a4a4a; }
      .d3-drawer .participant.page .participant-stats .first-login p b,
      .d3-drawer .participant.page .participant-stats .days-remaining p b {
        color: #313d98; }
      .d3-drawer .participant.page .participant-stats .first-login p span,
      .d3-drawer .participant.page .participant-stats .days-remaining p span {
        color: #4a4a4a;
        margin-left: 8px;
        font-size: 14px; }

.d3-drawer .ptp-drawer-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  position: absolute;
  right: 24px;
  top: 20px;
  z-index: 1002; }

.d3-drawer .ptp-sticky-info {
  position: sticky;
  top: 0;
  z-index: 1001;
  background: #f6f8f9;
  padding: 100px 0 0;
  margin: 0;
  background: white; }

.participant.send-state *:hover {
  cursor: wait; }

.d3-modal.account-deletion .content {
  width: 544px; }
  .d3-modal.account-deletion .content .top {
    margin: 16px 0 10px;
    padding: 10px 0 0px 10px; }
  .d3-modal.account-deletion .content .bottom.flexed {
    justify-content: flex-end; }

.d3-modal.modal-open.account-settings .disable-ptp-modal .radio-selection {
  width: 100%; }

.d3-modal.modal-open.account-settings .account-settings-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 15px; }

.participant.page .participant-customization .label-small {
  margin-top: 20px; }

.participant.page .participant-customization .fa-info-circle {
  margin-left: 5px; }

.participant.page .participant-customization .popup-content {
  width: 200px;
  padding: 8px; }

.participant.page .participant-customization .d3-dropdown,
.participant.page .participant-customization .DayPickerInput input {
  width: 200px;
  height: 40px;
  margin: 0; }

.participant.page .participant-customization .day-picker-wrapper {
  display: inline-block; }
  .participant.page .participant-customization .day-picker-wrapper .fa-calendar-alt {
    color: #313d98;
    display: block;
    pointer-events: none;
    top: 8px; }
    .participant.page .participant-customization .day-picker-wrapper .fa-calendar-alt::before {
      content: '\f073'; }

.participant.page .participant-customization .autocomplete-group-search {
  width: 500px; }

.participant.page .participant-customization .prompt-bar {
  margin-top: 24px;
  max-width: 600px; }
  .participant.page .participant-customization .prompt-bar strong {
    margin-right: 4px; }

.expanded-row .day-picker-wrapper .DayPickerInput .DayPickerInput-OverlayWrapper .DayPickerInput-Overlay {
  width: 290px; }

.expanded-row .bottom.flexed {
  justify-content: flex-end; }

.expanded-row .heading {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  color: #4a4a4a; }

.expanded-row .caption {
  font-weight: 400;
  font-size: 16px;
  color: #4a4a4a; }

.actions-submenu-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.actions-popup {
  min-width: 150%; }

.popup-container.actions-popup .popup {
  min-width: 100% !important; }

.actions-popup .view-instruments-btn.custom-button.grey {
  background: #737373;
  border: 1px solid #cacaca;
  color: #000000; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.d3-sortable-table.visits-table table th.visits-template-actions {
  text-align: center; }

.d3-sortable-table.visits-table table th.visit-name {
  width: 40%; }

.d3-sortable-table.visits-table table tr td {
  font-weight: 500; }
  .d3-sortable-table.visits-table table tr td .row-group-name {
    position: relative; }
    .d3-sortable-table.visits-table table tr td .row-group-name .edit-visit-schedule-btn {
      margin-right: 42px; }
      .d3-sortable-table.visits-table table tr td .row-group-name .edit-visit-schedule-btn .custom-button {
        width: 100%; }
  .d3-sortable-table.visits-table table tr td .template-status {
    font-size: 10px;
    font-weight: 400;
    margin-top: 10px;
    border-radius: 3px;
    padding: 3px;
    background: #f4f4f4; }
  .d3-sortable-table.visits-table table tr td .custom-button.grey {
    margin: 0;
    padding: 7px; }
  .d3-sortable-table.visits-table table tr td .custom-button.link {
    margin: 0;
    padding: 0; }
    .d3-sortable-table.visits-table table tr td .custom-button.link i {
      margin: 0; }
  .d3-sortable-table.visits-table table tr td .popup {
    width: max-content; }
    .d3-sortable-table.visits-table table tr td .popup .custom-button {
      margin: 0; }
  .d3-sortable-table.visits-table table tr td.visit-template-name-cell {
    padding-left: 65px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.visits.page {
  min-width: 1130px; }
  .visits.page .flexed-header.sticky.history {
    z-index: 3;
    flex-direction: column;
    padding-bottom: 24px; }
    .visits.page .flexed-header.sticky.history h3 {
      margin-bottom: 36px; }
    .visits.page .flexed-header.sticky.history > * {
      width: 100%; }
  .visits.page .sticky {
    padding-bottom: 30px; }
    .visits.page .sticky h3 {
      margin: 0 24px 0 0; }
    .visits.page .sticky .d3-dropdown {
      height: 50px;
      width: 250px; }
  .visits.page .visits-history-loader {
    height: 400px; }
  .visits.page .no-visits {
    margin-top: 90px; }
    .visits.page .no-visits h5 {
      color: #000000; }
  .visits.page .participant-name-data,
  .visits.page .clinician-name-data {
    font-weight: 500; }
  .visits.page td.confirm-occurence {
    position: relative;
    background: #fcf8f7; }
  .visits.page td.confirm-occurence:first-child::before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background: #f26c29; }
  .visits.page .visit-status-cell {
    background: #f4f4f4;
    border-radius: 3px;
    width: auto;
    padding: 4px 8px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #000000; }
    .visits.page .visit-status-cell.confirmed {
      background: #daf5f0; }
  .visits.page .justified-end {
    justify-content: flex-end; }
  .visits.page .column {
    flex-direction: column;
    padding-bottom: 0;
    row-gap: 16px;
    height: 130px;
    padding-top: 12px; }
    .visits.page .column .full-width-flex {
      display: flex;
      width: 100%; }
      .visits.page .column .full-width-flex .flex {
        flex: 1; }
        .visits.page .column .full-width-flex .flex .periods-filter {
          display: inline-flex;
          align-items: center;
          gap: 14px;
          margin-right: 24px; }
          .visits.page .column .full-width-flex .flex .periods-filter .periods-dropdown {
            width: 130px; }
    .visits.page .column .flex-end {
      justify-content: flex-end; }
    .visits.page .column .space-between {
      justify-content: space-between; }
    .visits.page .column .align-center {
      align-items: center; }
      .visits.page .column .align-center button {
        height: fit-content; }
  .visits.page .onSchedule-request {
    border-left: #d6eeeb 4px solid; }
  .visits.page .reschedule-request {
    border-left: #f26c29 4px solid; }
  .visits.page .d3-sortable-table th.status,
  .visits.page .d3-sortable-table th.date {
    min-width: 130px; }
  .visits.page .d3-sortable-table .visit-status-data {
    margin: 0; }
    .visits.page .d3-sortable-table .visit-status-data span {
      margin: 0; }
    .visits.page .d3-sortable-table .visit-status-data i,
    .visits.page .d3-sortable-table .visit-status-data svg {
      margin-right: 4px; }
  .visits.page .selected-button-list .custom-button {
    margin: 12px 12px 0 0; }
  .visits.page .selected-button-list .previous-visits-tab {
    position: relative; }
    .visits.page .selected-button-list .previous-visits-tab .previous-visits-tab-count {
      margin-left: 16px;
      position: relative; }

.checkbox-wrapper {
  margin: 8px 0; }

.actual-visit-date-time {
  display: flex; }
  .actual-visit-date-time .actual-visit-date-wrapper {
    margin: 10px 24px; }
    .actual-visit-date-time .actual-visit-date-wrapper .day-picker-wrapper input {
      width: 196px;
      height: 44px; }
  .actual-visit-date-time .actual-visit-time-wrapper {
    margin: 10px 24px; }

.payments-table .payment-totals {
  background: #f6f8f9;
  bottom: 0;
  clear: right;
  display: table;
  float: right;
  height: 40px;
  margin-bottom: 10px;
  width: 100%; }
  .payments-table .payment-totals:last-child {
    padding: 10px 0 10px;
    position: sticky; }
  .payments-table .payment-totals span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding: 15px;
    text-align: right; }
  .payments-table .payment-totals span:last-child {
    background: #eceff0;
    width: 125px;
    font-weight: 500; }

.payments-table .treasure-chest,
.payments-table .payment-totals {
  font-size: 16px; }

.payments-table .super-gem-history-footer {
  position: sticky;
  bottom: 0;
  padding: 10px 0 10px;
  background: #f6f8f9; }
  .payments-table .super-gem-history-footer .treasure-chest .space-between {
    width: 545px; }
  .payments-table .super-gem-history-footer .treasure-chest .payment-type-label {
    font-weight: 500; }
  .payments-table .super-gem-history-footer .treasure-chest .payment-totals {
    margin-bottom: 0;
    width: inherit;
    margin-left: 18px; }
    .payments-table .super-gem-history-footer .treasure-chest .payment-totals:last-child {
      position: inherit;
      padding: 0; }
    .payments-table .super-gem-history-footer .treasure-chest .payment-totals .subtotal-label {
      width: inherit; }
    .payments-table .super-gem-history-footer .treasure-chest .payment-totals .subtotal-num {
      width: 125px; }
  .payments-table .super-gem-history-footer .treasure-chest:not(:last-child) {
    margin-bottom: 6px; }

.payments-table thead th:last-child {
  text-align: right; }

.payments-table td.amount {
  text-align: right;
  width: 150px;
  font-size: 16px;
  font-weight: 500; }

.payments-table a {
  color: #0d60a6; }

.payments-table .status-cell {
  min-width: 160px; }
  .payments-table .status-cell .tag {
    font-size: 12px;
    background: #e5e8ea;
    font-weight: 500;
    padding: 3px 5px;
    margin-right: 5px;
    color: black;
    border-radius: 2px; }
  .payments-table .status-cell .tag.error {
    background: #cb2d2d;
    color: white; }
  .payments-table .status-cell span.error {
    color: #cb2d2d; }
  .payments-table .status-cell .status-cell-popup {
    display: inline-block; }
    .payments-table .status-cell .status-cell-popup .popup {
      min-width: 180px;
      padding: 10px; }

.payments-table i.fas.fa-exclamation-circle {
  margin-left: 5px;
  color: #cb2d2d;
  display: inline; }

.payments-table .error-details {
  margin-top: 10px; }

.payments-table .action-cell .custom-button {
  width: 85px;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 500; }
  .payments-table .action-cell .custom-button.reload-button {
    padding-left: 8px;
    padding-right: 12px; }
  .payments-table .action-cell .custom-button:first-of-type {
    margin-left: 0; }
  .payments-table .action-cell .custom-button.donation-button {
    width: 135px; }

.d3-drawer .payments-table .payment-totals,
.participant.page .payments-table .payment-totals {
  background: none; }
  .d3-drawer .payments-table .payment-totals:last-child,
  .participant.page .payments-table .payment-totals:last-child {
    position: inherit; }

.d3-drawer .treasure-chest,
.participant.page .treasure-chest {
  background: none;
  position: inherit; }

.page {
  padding: 0; }
  .page .create-participant-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px;
    max-width: 100%; }
    .page .create-participant-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .page .create-participant-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .page .create-participant-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .page .create-participant-nav .custom-button.link.selected {
        color: #545454;
        opacity: 1; }
        .page .create-participant-nav .custom-button.link.selected .fas.fa-arrow-right {
          color: #313d98; }
      .page .create-participant-nav .custom-button.link:hover,
      .page .create-participant-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .page .create-participant-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }

@media only screen and (min-width: 1940px) {
  .page .create-participant-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - 520px); } }

.temporary-password .temporary-password-header {
  margin-bottom: 20px; }

.temporary-password .temporary-password-info {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #eceff0;
  padding: 18px; }
  .temporary-password .temporary-password-info:last-child {
    border-bottom-width: 1px; }
  .temporary-password .temporary-password-info .custom-button.grey.temporary-password-value.temporary-password-generated {
    border-color: #7b7a7b;
    background: #e0e0e0;
    opacity: 1;
    color: #545454; }

.temporary-password .temporary-password-promt {
  width: 100%;
  max-width: 650px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.participants.page {
  padding: 30px 35px;
  min-width: 1200px; }
  .participants.page h5 {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #737373;
    letter-spacing: 0.15px;
    margin-bottom: 12px; }
  .participants.page .search-input {
    margin-left: 5px; }
  .participants.page .cohort-list.empty {
    font-size: 20px;
    background: #e5e8ea;
    padding: 10px;
    text-align: center; }
  .participants.page .ptp-filters {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 0; }
    .participants.page .ptp-filters .custom-button {
      margin: 0 0 0 5px; }
      .participants.page .ptp-filters .custom-button:first-child {
        margin-left: 0; }
  .participants.page .custom-button.data-download {
    margin: 0;
    outline: none;
    margin-right: 5px; }
    .participants.page .custom-button.data-download i {
      color: #313d98;
      margin-right: 5px; }
  .participants.page .ptp-action-buttons {
    display: flex; }
  .participants.page .ptp-action-buttons > div {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .participants.page .ptp-action-buttons .action-buttons-list {
    display: flex;
    justify-content: flex-end; }
  .participants.page .ptp-action-buttons-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 11; }
  .participants.page .ptp-action-buttons-tracks-container {
    justify-content: flex-end; }
  .participants.page .filters-container {
    display: flex;
    align-items: center;
    margin-top: 15px; }
  .participants.page .participant-list .id-row,
  .participants.page .participant-list .sex-row,
  .participants.page .participant-list .age-row {
    width: 100px; }
  .participants.page .participant-list .name-row {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .participants.page .participant-list .email-row {
    min-width: 130px;
    word-break: break-all; }
  .participants.page .box-button {
    vertical-align: middle;
    display: inline-block; }
  .participants.page .custom-button.box-button {
    width: 160px;
    height: 50px;
    margin: auto 0px; }
  .participants.page .filter-box {
    width: 200px; }
    .participants.page .filter-box.age .d3-input {
      width: 45%;
      margin-right: 10px; }
  .participants.page .filter-tag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .participants.page .filter-tag-list .filter-tag,
    .participants.page .filter-tag-list .custom-button {
      margin: 0px 10px 15px 0px; }
    .participants.page .filter-tag-list .filter-tag {
      padding: 5px 10px;
      background: white; }
      .participants.page .filter-tag-list .filter-tag i {
        margin-left: 10px; }
    .participants.page .filter-tag-list .custom-button {
      padding: 0px;
      background: transparent; }
    .participants.page .filter-tag-list.hidden {
      display: none; }
  .participants.page .d3-sortable-table tr.is-non-leaf {
    background: #fdf7f6; }
  .participants.page .filters-tags-container {
    z-index: 20; }
    .participants.page .filters-tags-container .filters-tags-button {
      font-size: 14px;
      padding: 10px 8px;
      margin-left: 5px;
      border-radius: 3px;
      background: #ededed;
      outline: none; }
      .participants.page .filters-tags-container .filters-tags-button > i {
        color: #313d98; }
    .participants.page .filters-tags-container .filter-tag {
      height: 100%;
      font-size: 14px;
      font-weight: 100;
      background: #343334;
      font-weight: 400;
      font-size: 14;
      padding: 5px 8px;
      margin: 5px;
      background: #ededed;
      border-radius: 3px; }
      .participants.page .filters-tags-container .filter-tag i {
        margin-left: 5px;
        color: #525252; }
    .participants.page .filters-tags-container .filters-tags-popup {
      width: 330px; }
      .participants.page .filters-tags-container .filters-tags-popup .label-small {
        margin-left: 5px; }
      .participants.page .filters-tags-container .filters-tags-popup .filters-tags-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px; }
      .participants.page .filters-tags-container .filters-tags-popup .filters-tags-footer {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        align-items: center;
        margin-top: 40px; }
  .participants.page .selected-button-list {
    background: white; }

.participant-wizard .page .wizard .participant-box {
  border: 1px solid #cacaca;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  margin-bottom: 15px; }
  .participant-wizard .page .wizard .participant-box input {
    font-size: 14px; }

@media only screen and (max-width: 1465px) {
  .participants.page .ptp-action-buttons {
    flex-flow: column wrap; }
    .participants.page .ptp-action-buttons .move-ptp-btn {
      margin-bottom: 8px; } }

.page {
  padding: 0; }
  .page .create-caregiver-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px;
    max-width: 100%; }
    .page .create-caregiver-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .page .create-caregiver-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .page .create-caregiver-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .page .create-caregiver-nav .custom-button.link.selected {
        color: #545454;
        opacity: 1; }
        .page .create-caregiver-nav .custom-button.link.selected .fas.fa-arrow-right {
          color: #313d98; }
      .page .create-caregiver-nav .custom-button.link:hover,
      .page .create-caregiver-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .page .create-caregiver-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }

@media only screen and (min-width: 1940px) {
  .page .create-caregiver-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - 520px); } }

.caregiver-assignment p {
  font-size: larger; }

.participant-caregiver-selection {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 20px; }

.caregiver-assignment-section .assignment-info {
  font-size: large; }

.caregiver-assignment-section h4 {
  font-weight: 500; }

.account-setup {
  width: 100%;
  color: white;
  padding: 20px;
  width: 660px; }
  .account-setup-title {
    font-size: 18px;
    font-weight: 500; }
  .account-setup-text {
    color: white;
    font-size: 16px;
    line-height: 24.8px; }
  .account-setup .account-setup-illustrations {
    margin: 20px 0;
    gap: 10px; }
  .account-setup-illustration {
    width: 25%;
    height: 240px;
    border-radius: 8px;
    padding: 10px 14px 18px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fafafa; }
    .account-setup-illustration-number {
      align-self: flex-start;
      font-weight: 700;
      font-size: 15px;
      line-height: 15px;
      color: #4a4a4a;
      margin-bottom: 8px;
      background: white;
      border-radius: 50%;
      min-width: 28px;
      min-height: 28px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .account-setup-illustration img {
      width: 105px;
      margin-bottom: 8px; }
    .account-setup-illustration-text {
      font-weight: 300;
      font-size: 13px;
      line-height: 13px;
      color: #343334; }
  .account-setup-black a {
    color: #89c4f6; }
  .account-setup-u {
    margin-left: 5px !important;
    color: #313d98; }
    .account-setup-u:hover {
      color: #202865; }

.participant-account-settings.page {
  max-width: 775px; }
  .participant-account-settings.page .account-setup {
    width: 100%; }

.create-cohort.page h2,
.create-cohort.page h4 {
  font-weight: 400; }

.create-cohort.page > * {
  width: 970px;
  margin: 10px auto; }

.create-cohort.page > h4:not(:first-of-type) {
  margin-top: 30px; }

.create-cohort.page .cohort-form {
  width: 970px; }
  .create-cohort.page .cohort-form .d3-input {
    width: 800px;
    margin-bottom: 10px; }

.create-cohort.page .heading {
  padding: 4px 0;
  word-break: break-word; }

.create-cohort.page .flexed-header {
  padding: 0; }
  .create-cohort.page .flexed-header i {
    margin-right: 10px; }
  .create-cohort.page .flexed-header a {
    color: #1f5d44; }
    .create-cohort.page .flexed-header a:hover {
      color: #3db988; }
  .create-cohort.page .flexed-header.sticky {
    background: none; }

.create-cohort.page th {
  position: relative; }

.create-cohort.page .no-ptp-added {
  max-width: 50px; }

.create-cohort.page .d3-container > p {
  margin: 10px 0px; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.move-participants.page {
  max-width: 900px; }
  .move-participants.page h4 {
    color: #000000;
    font-weight: normal;
    font-size: 22px; }
  .move-participants.page .remove-cell .custom-button.fa-times {
    color: #9e9e9e; }
  .move-participants.page .remove-cell .fa-times.failed {
    color: #cb2d2d; }
  .move-participants.page .remove-cell .fa-check {
    color: #3db988; }
  .move-participants.page .remove-cell .d3-loader-container {
    width: 20px;
    height: 20px;
    margin-right: -5px; }
  .move-participants.page .study-selection {
    display: grid;
    grid-template-columns: 75px auto;
    margin-bottom: 8px; }
    .move-participants.page .study-selection .autocomplete-search {
      width: 350px; }
      .move-participants.page .study-selection .autocomplete-search.w-100 {
        width: 100%; }
      .move-participants.page .study-selection .autocomplete-search .autocomplete-list {
        z-index: 99;
        max-height: 172px; }
    .move-participants.page .study-selection .current-study-name {
      margin: 25px 0;
      color: #1b1c1d;
      font-size: 16px; }
    .move-participants.page .study-selection .label-small {
      margin-top: auto;
      margin-bottom: auto !important; }
      .move-participants.page .study-selection .label-small.to {
        margin-top: 6px;
        margin-bottom: 0; }
      .move-participants.page .study-selection .label-small.site {
        margin-top: 12px; }
      .move-participants.page .study-selection .label-small.track-notes {
        margin-top: 12px; }
    .move-participants.page .study-selection .d3-dropdown {
      margin-bottom: 15px; }
      .move-participants.page .study-selection .d3-dropdown.no-super-gems {
        margin-bottom: 32px; }
      .move-participants.page .study-selection .d3-dropdown.site-notes {
        margin-bottom: 32px; }
    .move-participants.page .study-selection .fas {
      top: 11px; }
  .move-participants.page .autocomplete-search {
    width: 350px; }
    .move-participants.page .autocomplete-search.w-100 {
      width: 100%; }
    .move-participants.page .autocomplete-search .autocomplete-list {
      z-index: 99; }
  .move-participants.page .d3-sortable-table {
    max-height: 650px;
    overflow: auto; }
    .move-participants.page .d3-sortable-table th {
      position: sticky;
      top: 0; }
    .move-participants.page .d3-sortable-table tbody tr td:first-child {
      max-width: 300px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .move-participants.page .ptp-properties h6 {
    color: #9e9e9e;
    font-size: 12px; }
  .move-participants.page .ptp-properties .properties {
    display: flex;
    margin-top: 16px; }
    .move-participants.page .ptp-properties .properties .popup-container {
      margin-left: 8px; }
      .move-participants.page .ptp-properties .properties .popup-container .hover-text {
        width: 244px;
        padding: 12px; }
  .move-participants.page .bottom.flexed {
    padding-left: 0;
    padding-right: 0; }
    .move-participants.page .bottom.flexed .move-ptp-loader .d3-loader-container {
      width: 25px;
      margin-right: 12px; }
    .move-participants.page .bottom.flexed .error-text {
      margin: 0;
      max-width: 375px;
      font-weight: normal; }
    .move-participants.page .bottom.flexed .custom-button.cancel {
      background: none;
      border-color: #eceff0;
      color: #1b1c1d; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.study-payments.page {
  padding: 30px 120px;
  min-width: fit-content;
  min-width: -moz-fit-content;
  margin: 0 auto; }
  .study-payments.page h2 {
    margin-bottom: 30px; }
  .study-payments.page .payment-heading p {
    margin: 15px 0px !important;
    font-size: 16px; }
  .study-payments.page .custom-button.data-download {
    position: fixed;
    right: 72px;
    top: 0px;
    z-index: 103;
    margin: 8px; }
    .study-payments.page .custom-button.data-download .fas {
      color: #525252; }
  .study-payments.page .pending .donation-bar {
    margin-bottom: 24px; }
  .study-payments.page .pending .count-box,
  .study-payments.page .pending .auto-approve,
  .study-payments.page .pending .charity-info,
  .study-payments.page .pending .approve-pending {
    background: #e8eaed;
    border-radius: 6px; }
  .study-payments.page .pending .count-box,
  .study-payments.page .pending .auto-approve {
    padding: 20px;
    height: 60px; }
  .study-payments.page .pending .count-box {
    color: #343334;
    width: 215px; }
    .study-payments.page .pending .count-box h4,
    .study-payments.page .pending .count-box p {
      margin-bottom: 0;
      font-weight: 500;
      font-size: 20px; }
    .study-payments.page .pending .count-box p {
      font-weight: 500;
      letter-spacing: 0.22px;
      font-size: 12px;
      opacity: 0.8; }
    .study-payments.page .pending .count-box:not(:last-of-type) {
      margin-right: 16px; }
  .study-payments.page .pending .auto-approve {
    width: 190px; }
    .study-payments.page .pending .auto-approve .toggle {
      color: #343334;
      min-width: fit-content;
      min-width: -moz-fit-content;
      font-size: 16px; }
  .study-payments.page .pending .flexed-header.sticky {
    flex-direction: column; }
    .study-payments.page .pending .flexed-header.sticky .bar {
      width: 100%;
      font-size: 16px; }
      .study-payments.page .pending .flexed-header.sticky .bar p {
        margin: 15px 15px 15px 0; }
      .study-payments.page .pending .flexed-header.sticky .bar .payment-approval {
        margin-bottom: 36px;
        min-width: 290px;
        padding-top: 25px; }
      .study-payments.page .pending .flexed-header.sticky .bar .count-search {
        width: 50%; }
  .study-payments.page .pending .no-pending-payments {
    width: 100%;
    text-align: center;
    background: white;
    margin-top: -20px;
    padding: 24px 0; }
  .study-payments.page .pending .pending-payments-table-loader {
    height: 248px; }
  .study-payments.page .pending .search-input.focused, .study-payments.page .pending .search-input.has-search-val {
    position: absolute; }
  .study-payments.page .pending .search-input:not(.focused).has-search-val {
    background: #f6f8f9; }
  .study-payments.page .pending .charity-info,
  .study-payments.page .pending .approve-pending {
    height: 110px; }
    .study-payments.page .pending .charity-info p,
    .study-payments.page .pending .approve-pending p {
      margin-bottom: 0; }
  .study-payments.page .pending .charity-info {
    margin: 0;
    min-width: 580px;
    outline-offset: -1px;
    overflow: hidden;
    text-align: start;
    width: 100%; }
    .study-payments.page .pending .charity-info img {
      max-height: 100%;
      max-width: 40%; }
    .study-payments.page .pending .charity-info .preview-image-placeholder {
      background: #eeeff1;
      color: #7b7a7b;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: center;
      width: 40%; }
    .study-payments.page .pending .charity-info .charity-desc {
      min-width: 60%; }
    .study-payments.page .pending .charity-info h5,
    .study-payments.page .pending .charity-info p {
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical; }
    .study-payments.page .pending .charity-info h5 {
      font-weight: normal;
      -webkit-line-clamp: 1; }
    .study-payments.page .pending .charity-info p {
      -webkit-line-clamp: 2; }
    .study-payments.page .pending .charity-info div {
      padding: 20px; }
    .study-payments.page .pending .charity-info .d3-loader-container {
      height: 100%;
      width: 100%;
      display: flex; }
  .study-payments.page .pending .approve-pending {
    margin-left: 18px;
    min-width: 420px;
    padding: 28px; }
    .study-payments.page .pending .approve-pending > div {
      text-align: right; }
      .study-payments.page .pending .approve-pending > div h4 {
        margin-bottom: 6px; }
      .study-payments.page .pending .approve-pending > div p {
        font-size: 12px;
        font-weight: 500; }
    .study-payments.page .pending .approve-pending .custom-button {
      margin: 0; }
  .study-payments.page .flexed-header {
    padding-bottom: 0px;
    color: #000000; }
  .study-payments.page .empty-payments-section {
    background: #e8eaed;
    padding: 20px; }
    .study-payments.page .empty-payments-section p {
      line-height: 2; }
    .study-payments.page .empty-payments-section a {
      color: #313d98; }

.disabled-payments-page {
  padding: 48px 120px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.38px; }

.site-consent-config .label-small {
  margin: 0 !important; }

.site-consent-config .popup-container {
  margin-left: 8px; }
  .site-consent-config .popup-container .hover-text {
    width: 300px;
    padding: 8px 12px; }

.site-consent-config ol {
  padding-inline-start: 24px; }
  .site-consent-config ol li:not(:last-child) {
    margin-bottom: 18px; }

.site-consent-config .alert-note {
  width: 450px; }

.site-consent-config .signature-options {
  margin-right: 24px; }

.site-consent-config .rich-button-container {
  margin-right: 10px; }
  .site-consent-config .rich-button-container .rich-button {
    width: 74px;
    height: 104px;
    border-width: 1.5px; }
    .site-consent-config .rich-button-container .rich-button .label {
      width: 50px;
      word-break: break-word; }
    .site-consent-config .rich-button-container .rich-button svg {
      margin-top: 34px; }
      .site-consent-config .rich-button-container .rich-button svg path {
        fill: #313d98; }

.sites.page {
  min-width: fit-content; }

.create-site-page {
  width: 811px;
  display: flex;
  flex-direction: column;
  margin: 100px auto; }
  .create-site-page .site-details {
    width: 100%;
    margin: 0 auto;
    box-shadow: none;
    padding: 40px 62px; }
    .create-site-page .site-details .dropdowns-row {
      gap: 24px; }
    .create-site-page .site-details.send-state *:hover {
      cursor: wait; }
    .create-site-page .site-details .site-details-error {
      color: #cb2d2d; }
    .create-site-page .site-details .site-form {
      display: flex;
      flex-direction: column;
      margin: 16px auto 0; }
      .create-site-page .site-details .site-form > * {
        margin-bottom: 20px; }
      .create-site-page .site-details .site-form h4 {
        margin-bottom: 15px; }
      .create-site-page .site-details .site-form .checkbox .label {
        color: black;
        font-weight: 500; }
    .create-site-page .site-details h4 {
      margin-bottom: 0; }
    .create-site-page .site-details .heading-wrapper {
      display: flex;
      align-items: center;
      gap: 4px;
      margin-bottom: 16px; }
      .create-site-page .site-details .heading-wrapper .box-popup .popup {
        width: 620px;
        padding: 24px 24px 32px;
        color: white; }
        .create-site-page .site-details .heading-wrapper .box-popup .popup .tooltip-content .heading {
          margin: 0 0 16px;
          color: white; }
        .create-site-page .site-details .heading-wrapper .box-popup .popup .tooltip-content .description {
          font-size: 16px;
          color: white; }
  .create-site-page .participant-support {
    margin-top: 24px; }
    .create-site-page .participant-support h6 {
      font-weight: normal;
      line-height: 21px; }
  .create-site-page .button-list {
    margin-top: 80px; }

.enforced-site-languages-config .custom-button {
  font-size: 14px;
  margin: 0; }

.enforced-site-languages-config .d3-dropdown {
  margin: 0 0 0 16px;
  min-width: 220px; }

.enforced-site-languages-config .autocomplete-search {
  align-items: baseline;
  margin-bottom: 0px;
  width: 70%; }
  .enforced-site-languages-config .autocomplete-search .autocomplete-list .label {
    font-weight: normal; }
  .enforced-site-languages-config .autocomplete-search .fa-search {
    top: 12px; }
  .enforced-site-languages-config .autocomplete-search .d3-input {
    margin-bottom: 0px;
    width: 100%; }
    .enforced-site-languages-config .autocomplete-search .d3-input input {
      width: 100%; }
  .enforced-site-languages-config .autocomplete-search .check {
    display: none; }

.enforced-site-languages-config .default-language-section {
  background-color: #f4f4f4;
  margin-top: 10px;
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 22px;
  position: relative; }
  .enforced-site-languages-config .default-language-section .no-bottom-margin {
    margin-bottom: 0px; }
  .enforced-site-languages-config .default-language-section .clear-languages-btn {
    position: absolute;
    top: 22px;
    right: 22px; }
  .enforced-site-languages-config .default-language-section .language-tags {
    margin-bottom: 5px; }
    .enforced-site-languages-config .default-language-section .language-tags span {
      margin-bottom: 10px;
      display: inline-block;
      padding: 5px 10px;
      margin-right: 10px;
      border-radius: 4px;
      background: #e5e8ea; }
      .enforced-site-languages-config .default-language-section .language-tags span i {
        cursor: pointer;
        margin-left: 10px; }
  .enforced-site-languages-config .default-language-section.has-error {
    border-color: #cb2d2d; }

.enforced-site-languages-config .error-text {
  margin-top: 11px;
  color: #cb2d2d; }

.d3-input .label {
  font-size: 12px;
  font-weight: 500;
  color: #9b9b9b;
  margin-bottom: 5px; }

.d3-input.site-name, .d3-input.support-email {
  width: 350px; }
  .d3-input.site-name .char-limit, .d3-input.support-email .char-limit {
    right: -60px;
    bottom: 9px; }

.d3-input.site-contact {
  width: 300px; }

.d3-input.description input {
  width: 350px; }

.dropdown-label {
  font-size: 12px;
  font-weight: 500;
  color: #9b9b9b;
  flex: 1;
  flex-direction: column; }

.dropdown {
  font-size: 14px;
  height: 40px;
  width: 100%;
  background: #e7f8fe;
  border: none; }

table {
  margin-bottom: 0; }

.sites-list .blue-dot {
  background-color: #00b9cf;
  border-radius: 11px;
  height: 10px;
  margin-left: 28px;
  margin-top: -12px;
  position: absolute;
  width: 10px; }

.sites-list .site-name div {
  display: inline-flex;
  font-size: 13px;
  color: #fff;
  background: #00b9cf;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  justify-content: space-around;
  border-radius: 3px;
  align-items: center;
  font-weight: 500; }

.sites-list.send-state table tr:hover {
  cursor: wait;
  background: white; }
  .sites-list.send-state table tr:hover:last-child td {
    border-bottom: 1px solid transparent; }
  .sites-list.send-state table tr:hover td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e8ea; }
    .sites-list.send-state table tr:hover td:first-of-type {
      border-left: 1px solid transparent; }
    .sites-list.send-state table tr:hover td:last-of-type {
      border-right: 1px solid transparent; }

.sites-list.send-state table .sticky .clickable:hover {
  cursor: wait;
  background: #f6f8f9; }

.custom-button.data-download {
  margin: 0;
  outline: none;
  margin-right: 5px; }
  .custom-button.data-download i {
    color: #313d98;
    margin-right: 5px; }

.preview .spacer {
  background-color: #fff;
  height: 16px; }

.preview .field-label {
  color: #9b9b9b; }

.preview .enforced-site-languages-config .default-language-section > p {
  margin-bottom: 12px;
  white-space: pre; }

.preview .enforced-site-languages-config .default-language-section > div {
  align-items: center; }

@media only screen and (min-width: 1200px) {
  .sites.page {
    max-width: 1400px; } }

@media only screen and (max-width: 1200px) {
  .sites.page {
    max-width: 1200px; } }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.study-dashboard.page {
  width: 1300px;
  min-width: 1070px;
  margin: 0px auto;
  padding-top: 30px; }
  .study-dashboard.page .flexed-header {
    margin-bottom: 48px; }
  .study-dashboard.page .study-db-header,
  .study-dashboard.page .d3-chart-container {
    margin-bottom: 25px; }
  .study-dashboard.page .data-box {
    box-sizing: border-box;
    padding: 15px 20px;
    padding-bottom: 11px;
    border-top: 4px solid;
    background: white;
    margin-right: 10px;
    width: 175px;
    height: 150px; }
    .study-dashboard.page .data-box > h4,
    .study-dashboard.page .data-box > div,
    .study-dashboard.page .data-box > p {
      margin: 0px;
      white-space: pre;
      overflow: hidden;
      text-overflow: ellipsis; }
    .study-dashboard.page .data-box > h4 {
      font-weight: 400;
      color: #107bd5;
      font-size: 14px;
      height: 40px; }
    .study-dashboard.page .data-box > div > b {
      font-size: 38px; }
    .study-dashboard.page .data-box > div > span {
      margin-left: 5px;
      line-height: 10px;
      font-size: 15px; }
  .study-dashboard.page .insights-container {
    background-color: white;
    padding: 30px 20px;
    margin: 24px 0 24px;
    position: relative;
    margin-bottom: 48px; }
    .study-dashboard.page .insights-container .d3-loader-container.insights-frame-loader {
      min-height: 360px; }
  .study-dashboard.page .insights-unavailable {
    padding: 20px;
    background: white; }
  .study-dashboard.page .insights-dashboard .overview-text {
    width: 100%; }
    .study-dashboard.page .insights-dashboard .overview-text .custom-button {
      text-align: end;
      width: 100%;
      padding-right: 18px; }
  .study-dashboard.page .insights-frame-wrapper {
    position: relative;
    margin-bottom: 48px;
    width: 100%;
    height: fit-content;
    min-height: 480px; }
    .study-dashboard.page .insights-frame-wrapper.med-height iframe {
      width: 100%;
      height: 380px;
      border: none; }
      .study-dashboard.page .insights-frame-wrapper.med-height iframe.loading {
        height: 0; }
    .study-dashboard.page .insights-frame-wrapper:not(:last-child) {
      margin-right: 12px; }
  .study-dashboard.page .insights-container .custom-button.linkt-button,
  .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button {
    position: absolute;
    right: 0;
    top: -4px;
    margin: 0;
    transform: translateY(-100%); }
    .study-dashboard.page .insights-container .custom-button.linkt-button i,
    .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button i {
      color: #313d98; }
    .study-dashboard.page .insights-container .custom-button.linkt-button i,
    .study-dashboard.page .insights-container .custom-button.linkt-button .d3-loader-container,
    .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button i,
    .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button .d3-loader-container {
      margin-right: 4px; }
    .study-dashboard.page .insights-container .custom-button.linkt-button:hover i, .study-dashboard.page .insights-container .custom-button.linkt-button:active i,
    .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button:hover i,
    .study-dashboard.page .insights-frame-wrapper .custom-button.linkt-button:active i {
      color: inherit; }
  .study-dashboard.page .d3-chart-container.ptp-compliance {
    margin-right: 10px; }
    .study-dashboard.page .d3-chart-container.ptp-compliance .chart-section {
      align-items: inherit;
      border-top: 4px solid #909d41;
      background: #f7f9ef; }
  .study-dashboard.page .d3-chart-container.instrument-performance .chart-section {
    align-items: inherit;
    border-top: 4px solid #a88bbe;
    background: #fcf8ff; }
    .study-dashboard.page .d3-chart-container.instrument-performance .chart-section .custom-button.linkt-button {
      align-self: end;
      margin-top: 20px; }
    .study-dashboard.page .d3-chart-container.instrument-performance .chart-section .recharts-bar-rectangle path {
      transition: d 0.3s ease; }
    .study-dashboard.page .d3-chart-container.instrument-performance .chart-section .recharts-line-dots rect {
      transition: y 0.3s ease; }
  .study-dashboard.page .d3-chart-container {
    width: 50%; }
    .study-dashboard.page .d3-chart-container .chart-section {
      min-height: 660px;
      padding: 10px 20px; }
      .study-dashboard.page .d3-chart-container .chart-section > h5 {
        margin: 15px 0px;
        margin-top: 0;
        font-weight: 400;
        text-align: center;
        color: #9b9b9b; }
      .study-dashboard.page .d3-chart-container .chart-section.empty {
        min-height: 0px; }
      .study-dashboard.page .d3-chart-container .chart-section > p {
        color: #9b9b9b; }
    .study-dashboard.page .d3-chart-container .chart-header {
      align-items: center; }
      .study-dashboard.page .d3-chart-container .chart-header > h4,
      .study-dashboard.page .d3-chart-container .chart-header > div {
        margin: 0px; }
      .study-dashboard.page .d3-chart-container .chart-header > h4 {
        color: #545454; }
      .study-dashboard.page .d3-chart-container .chart-header .custom-button {
        border-radius: 0px;
        padding: 5px 15px;
        box-shadow: none;
        margin: 0px 5px; }
        .study-dashboard.page .d3-chart-container .chart-header .custom-button.selected {
          background: #107bd5;
          color: white; }
    .study-dashboard.page .d3-chart-container .bottom-section {
      background: white;
      border: 1px solid #e5e8ea;
      padding: 15px;
      text-align: center;
      color: #107bd5; }
    .study-dashboard.page .d3-chart-container .compliance-tooltip {
      background: white;
      padding: 10px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
      .study-dashboard.page .d3-chart-container .compliance-tooltip p {
        font-weight: 500; }
      .study-dashboard.page .d3-chart-container .compliance-tooltip td:first-child {
        font-weight: 500; }
      .study-dashboard.page .d3-chart-container .compliance-tooltip td:not(:first-child),
      .study-dashboard.page .d3-chart-container .compliance-tooltip p {
        color: #545454; }
    .study-dashboard.page .d3-chart-container .percentile-boxes {
      height: 115px;
      margin-top: 24px;
      display: flex;
      justify-content: space-between; }
      .study-dashboard.page .d3-chart-container .percentile-boxes .box {
        background: white;
        width: calc(50% - 10px);
        height: 100%;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .study-dashboard.page .d3-chart-container .percentile-boxes .box b {
          font-size: 28px;
          font-weight: 500;
          margin-right: 10px; }
    .study-dashboard.page .d3-chart-container .legend {
      background: white;
      width: 100%;
      margin-top: 24px;
      height: 115px;
      padding: 18px 28px;
      display: flex;
      flex-wrap: wrap; }
      .study-dashboard.page .d3-chart-container .legend .item {
        display: flex;
        align-items: center;
        width: 50%;
        padding-right: 15px; }
        .study-dashboard.page .d3-chart-container .legend .item:last-child {
          margin-right: 0; }
        .study-dashboard.page .d3-chart-container .legend .item .icon {
          margin-right: 8px; }
      .study-dashboard.page .d3-chart-container .legend #grey-square,
      .study-dashboard.page .d3-chart-container .legend #worst-performed,
      .study-dashboard.page .d3-chart-container .legend #best-performed {
        display: inline-block;
        width: 20px; }
      .study-dashboard.page .d3-chart-container .legend #grey-square {
        background: #e2d8ea;
        height: 20px; }
      .study-dashboard.page .d3-chart-container .legend #worst-performed {
        background: #f27b21;
        height: 4px; }
      .study-dashboard.page .d3-chart-container .legend #best-performed {
        background: #3db988;
        height: 4px; }
  .study-dashboard.page .data-gap-chart {
    align-items: inherit;
    padding: 25px;
    border-top: 4px solid #99e3ec;
    background: #eef6f7; }
    .study-dashboard.page .data-gap-chart .custom-button:last-child {
      align-self: end;
      margin-top: 20px; }
    .study-dashboard.page .data-gap-chart > .flexed-header {
      margin: 0px; }
    .study-dashboard.page .data-gap-chart .ptp-row > svg {
      transition: x 0.4s ease-in; }
    .study-dashboard.page .data-gap-chart > table {
      width: 100%; }
      .study-dashboard.page .data-gap-chart > table td:first-child {
        width: 40px;
        color: #107bd5; }
      .study-dashboard.page .data-gap-chart > table td:last-child {
        padding: 0px 40px;
        width: calc(100% - 40px); }
      .study-dashboard.page .data-gap-chart > table td {
        text-align: center;
        background: white; }
      .study-dashboard.page .data-gap-chart > table td.grey {
        background: #f4f4f4; }
      .study-dashboard.page .data-gap-chart > table tr.time-axis td {
        padding: 0px 20px;
        background: transparent; }
      .study-dashboard.page .data-gap-chart > table .icon {
        z-index: 1000;
        transform: scale(1.5); }
    .study-dashboard.page .data-gap-chart .data-gap-popup .popup {
      min-width: 400px;
      padding: 30px; }
      .study-dashboard.page .data-gap-chart .data-gap-popup .popup .sort-type-button {
        display: flex;
        align-items: center;
        border: 1px solid #107bd5;
        padding: 10px 20px;
        border-radius: 24px;
        margin-bottom: 10px; }
        .study-dashboard.page .data-gap-chart .data-gap-popup .popup .sort-type-button.selected {
          border-color: black;
          border-width: 2px;
          font-weight: 500; }
    .study-dashboard.page .data-gap-chart .legend-box .item > svg,
    .study-dashboard.page .data-gap-chart .sort-type-button > svg {
      margin-right: 10px;
      width: 20px;
      height: 20px; }
      .study-dashboard.page .data-gap-chart .legend-box .item > svg.opened-app,
      .study-dashboard.page .data-gap-chart .sort-type-button > svg.opened-app {
        width: 13px;
        height: 13px; }
    .study-dashboard.page .data-gap-chart .legend-box {
      margin-top: 40px;
      background: white;
      padding: 15px 50px;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .study-dashboard.page .data-gap-chart .legend-box .item {
        margin-bottom: 10px;
        width: 33%; }
        .study-dashboard.page .data-gap-chart .legend-box .item > svg,
        .study-dashboard.page .data-gap-chart .legend-box .item > div {
          display: inline-block;
          white-space: pre;
          vertical-align: middle; }
    .study-dashboard.page .data-gap-chart .ptp-row {
      height: 60px;
      box-sizing: content-box; }
    .study-dashboard.page .data-gap-chart .date-range-selector {
      padding: 20px;
      width: 450px; }
      .study-dashboard.page .data-gap-chart .date-range-selector .relative-range,
      .study-dashboard.page .data-gap-chart .date-range-selector .exact-range {
        padding: 10px;
        height: 70px;
        display: flex;
        align-items: center;
        background: #e5e8ea;
        border-radius: 3px; }
        .study-dashboard.page .data-gap-chart .date-range-selector .relative-range > span,
        .study-dashboard.page .data-gap-chart .date-range-selector .exact-range > span {
          margin-right: 10px; }
        .study-dashboard.page .data-gap-chart .date-range-selector .relative-range .day-picker-wrapper input,
        .study-dashboard.page .data-gap-chart .date-range-selector .exact-range .day-picker-wrapper input {
          padding-right: 10px; }
      .study-dashboard.page .data-gap-chart .date-range-selector .button-list:not(:last-of-type),
      .study-dashboard.page .data-gap-chart .date-range-selector .format-list:not(:last-of-type),
      .study-dashboard.page .data-gap-chart .date-range-selector .relative-range:not(:last-of-type),
      .study-dashboard.page .data-gap-chart .date-range-selector .exact-range:not(:last-of-type) {
        margin-bottom: 20px; }
      .study-dashboard.page .data-gap-chart .date-range-selector .DayPickerInput input {
        width: 100px; }
      .study-dashboard.page .data-gap-chart .date-range-selector .d3-input input {
        width: 70px; }
      .study-dashboard.page .data-gap-chart .date-range-selector .DayPickerInput input,
      .study-dashboard.page .data-gap-chart .date-range-selector .d3-input input {
        margin: 0px 10px 0px 0px;
        height: 40px;
        border-radius: 3px;
        background: white; }
    .study-dashboard.page .data-gap-chart .data-gap-popup-button {
      margin-left: 20px;
      background: white;
      padding: 8px 15px;
      color: #107bd5; }
      .study-dashboard.page .data-gap-chart .data-gap-popup-button i {
        color: black;
        margin-left: 10px; }
    .study-dashboard.page .data-gap-chart .data-gap-icon.COMPLETED .hovered {
      fill: #3db988; }
    .study-dashboard.page .data-gap-chart .data-gap-icon.EXPIRED .hovered {
      fill: #595959; }
    .study-dashboard.page .data-gap-chart .data-gap-icon.SENT .hovered {
      fill: #f27b21; }
    .study-dashboard.page .data-gap-chart .data-gap-icon.APP_OPENED .hovered {
      fill: #5b91be;
      stroke: #5b91be; }
    .study-dashboard.page .data-gap-chart .data-gap-icon.NOTIFICATION .hovered {
      fill: #efb331; }
  .study-dashboard.page .line td {
    border-top: 1px solid #545454; }

.fixed-tooltip .tooltip-content table {
  width: 100%;
  border-spacing: 0px; }

.fixed-tooltip .tooltip-content tr.divider td:after {
  content: '';
  width: 100%;
  display: block;
  height: 1px;
  background: #cacaca;
  margin: 10px 0px; }

.fixed-tooltip .tooltip-content td {
  white-space: nowrap;
  padding: 2.5px 0px; }

.fixed-tooltip .tooltip-content td:first-child {
  color: #545454;
  text-align: left; }

.fixed-tooltip .tooltip-content td:last-child {
  text-align: right; }

.fixed-tooltip .tooltip-content p {
  color: #545454;
  font-weight: 500; }

.fixed-tooltip .tooltip-content p,
.fixed-tooltip .tooltip-content .custom-button {
  margin: 0px 0px 5px 0px; }

.fixed-tooltip .tooltip-content .custom-button {
  color: #107bd5; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.edit-insights.page {
  width: 884px;
  max-width: 884px;
  min-width: 884px;
  margin: 80px auto 0;
  padding: 0; }
  .edit-insights.page .edit-insights-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 18px;
    font-size: 14px; }
  .edit-insights.page .d3-container.edit-insights-container {
    margin: 28px 0 0 0;
    padding: 25px 40px 4px; }
    .edit-insights.page .d3-container.edit-insights-container .title {
      font-size: 18px;
      margin-bottom: 20px; }
    .edit-insights.page .d3-container.edit-insights-container .title-bar .title {
      margin-bottom: 0; }
    .edit-insights.page .d3-container.edit-insights-container .description {
      margin-bottom: 12px; }
    .edit-insights.page .d3-container.edit-insights-container .remove-button,
    .edit-insights.page .d3-container.edit-insights-container .add-button,
    .edit-insights.page .d3-container.edit-insights-container .detect-button {
      color: #313d98; }
    .edit-insights.page .d3-container.edit-insights-container .detect-button {
      margin-bottom: 20px; }
      .edit-insights.page .d3-container.edit-insights-container .detect-button:focus {
        outline: none; }
    .edit-insights.page .d3-container.edit-insights-container .add-button {
      margin-bottom: 60px; }
    .edit-insights.page .d3-container.edit-insights-container .edit-insights-pemissions {
      margin-top: 58px;
      margin-bottom: 25px; }
    .edit-insights.page .d3-container.edit-insights-container .edit-insights-pemission {
      display: flex;
      align-items: center;
      margin-bottom: 16px; }
      .edit-insights.page .d3-container.edit-insights-container .edit-insights-pemission:last-child {
        margin-bottom: 20px; }
    .edit-insights.page .d3-container.edit-insights-container .role-checkboxes {
      margin: 10px 0 20px;
      display: grid;
      grid-auto-flow: column;
      grid-gap: 10px;
      padding-left: 75px; }
      .edit-insights.page .d3-container.edit-insights-container .role-checkboxes .checkbox {
        outline: none;
        margin-bottom: 11px; }
        .edit-insights.page .d3-container.edit-insights-container .role-checkboxes .checkbox .check {
          width: 20px;
          height: 20px;
          margin-right: 10px; }
          .edit-insights.page .d3-container.edit-insights-container .role-checkboxes .checkbox .check:after {
            top: 0px;
            font-size: 18px; }
        .edit-insights.page .d3-container.edit-insights-container .role-checkboxes .checkbox .label {
          cursor: pointer;
          font-size: inherit; }
      .edit-insights.page .d3-container.edit-insights-container .role-checkboxes .role {
        width: 100%; }
    .edit-insights.page .d3-container.edit-insights-container .autocomplete-group-search {
      width: 300px;
      margin: 0 24px; }
  .edit-insights.page .button-list {
    margin: 28px 0 46px; }
    .edit-insights.page .button-list .deploy-button {
      width: 160px; }
  .edit-insights.page .dashboard-show-options {
    margin-top: 20px; }
    .edit-insights.page .dashboard-show-options .d3-radio {
      margin-bottom: 15px; }
  .edit-insights.page .dashboard-list {
    margin-top: 28px; }
    .edit-insights.page .dashboard-list .main-menu {
      padding: 20px 35px 40px; }
    .edit-insights.page .dashboard-list .collapse-menu {
      margin-bottom: 28px; }
      .edit-insights.page .dashboard-list .collapse-menu:last-child {
        margin-bottom: 50px; }
  .edit-insights.page .dashboard-permissions {
    margin-top: 40px;
    display: grid;
    grid-template-columns: auto 200px;
    margin: 0 auto;
    width: 600px;
    gap: 0;
    background: #fafbfb; }
    .edit-insights.page .dashboard-permissions-col-title {
      font-size: 14px;
      line-height: 1.21;
      letter-spacing: 0.33px;
      text-transform: uppercase;
      font-weight: 500;
      background: white;
      padding: 18px 20px;
      color: #9b9b9b; }
    .edit-insights.page .dashboard-permissions-item {
      display: flex;
      align-items: center;
      padding: 9px 20px; }
  .edit-insights.page .no-roles {
    background: #fafbfb;
    padding: 9px 20px;
    grid-column: 1/-1; }
  .edit-insights.page .d3-drawer .permissions-table {
    padding: 114px 70px 42px 55px; }
  .edit-insights.page .d3-drawer .dropdown-label {
    margin-top: 33px; }
  .edit-insights.page .d3-drawer .permissions-title {
    font-weight: 400;
    color: #4a4a4a; }
  .edit-insights.page .d3-drawer .permissions-type {
    color: #000000; }
  .edit-insights.page .d3-drawer .permissions-note {
    font-size: 16px;
    margin-top: 18px;
    color: #343334; }
  .edit-insights.page .d3-drawer .permissions-text {
    font-size: 14px; }
  .edit-insights.page .d3-drawer .d3-dropdown {
    margin-bottom: 44px;
    margin-top: 18px;
    font-size: 16px; }
  .edit-insights.page .d3-drawer .label-small {
    font-size: 14px;
    color: #9b9b9b; }

.embedded-insights.page {
  width: 100%;
  padding: 30px 35px; }
  .embedded-insights.page .selected-button-list h4 {
    background: transparent;
    margin-top: 20px; }
  .embedded-insights.page .embedded-iframe {
    width: 100%;
    height: 100vh;
    border: none; }
  .embedded-insights.page .superset-container {
    height: 800px; }

.upload-training.page {
  max-width: 768px; }
  .upload-training.page .d3-container > * {
    margin-bottom: 24px; }
    .upload-training.page .d3-container > *:last-child {
      margin-bottom: 0; }
  .upload-training.page .d3-input.has-char-limit {
    position: relative; }
    .upload-training.page .d3-input.has-char-limit input {
      width: 660px; }
    .upload-training.page .d3-input.has-char-limit .char-limit {
      right: 0;
      bottom: 12px; }
  .upload-training.page .thumbnail-upload-container .upload-input {
    width: 275px;
    min-height: 175px;
    height: 175px;
    margin-bottom: 0; }
    .upload-training.page .thumbnail-upload-container .upload-input .input-container {
      height: 100%; }
      .upload-training.page .thumbnail-upload-container .upload-input .input-container .file {
        max-height: 100%; }
        .upload-training.page .thumbnail-upload-container .upload-input .input-container .file img {
          max-width: 100%;
          height: auto;
          max-height: calc(100% - 30px); }

.data-inbox .date-picker {
  gap: 16px;
  margin: 0 16px; }

.data-inbox .document-name {
  text-align: left;
  text-transform: capitalize; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius, table tr .visit-status-data .tag {
  border-radius: 3px; }
  .border-radius.two, table tr .visit-status-data .two.tag {
    border-radius: 2px; }
  .border-radius.three, .alert-note, table tr .visit-status-data .three.tag {
    border-radius: 3px; }
  .border-radius.four, table tr .visit-status-data .four.tag {
    border-radius: 4px; }
  .border-radius.five, table tr .visit-status-data .five.tag {
    border-radius: 5px; }
  .border-radius.eight, table tr .visit-status-data .eight.tag {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius, table tr .visit-status-data .tag {
  border-radius: 3px; }
  .border-radius.larger, table tr .visit-status-data .larger.tag {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

table tr td.chevron {
  padding-right: 26px;
  position: relative; }

table tr i.fa-chevron-right {
  position: absolute;
  top: calc(50% - 7px);
  transition: transform 0.15s ease-in, top 0.1s ease-in 0.15s; }

table tr .additional-info *:not(strong):not(.visible) {
  display: none; }

table tr .additional-info .ptp-name-row {
  margin-left: -17px; }
  table tr .additional-info .ptp-name-row strong {
    max-width: 248px; }
  table tr .additional-info .ptp-name-row .recording-icon {
    border-radius: 10px;
    border: solid 1px #545454;
    height: 10px;
    margin-right: 8px;
    min-height: 10px;
    min-width: 10px;
    width: 10px; }
    table tr .additional-info .ptp-name-row .recording-icon .center {
      background-color: red;
      border-radius: 6px;
      height: 6px;
      margin: 1px 0 0 1px;
      width: 6px; }

table tr .visit-status-data {
  margin-right: 26px; }
  table tr .visit-status-data .tag {
    font-size: 10px;
    width: fit-content;
    width: -moz-fit-content;
    padding: 3px 5px;
    background: #f4f4f4; }
    table tr .visit-status-data .tag .fa-times {
      color: #313d98; }
    table tr .visit-status-data .tag .fa-check {
      color: #009782; }
    table tr .visit-status-data .tag span {
      color: #000000;
      margin-left: 5px; }

table tr td.information-data {
  transition: height 0.05s ease-in; }
  table tr td.information-data .summary-wrapper {
    display: none;
    height: 0;
    transition: height 0.05s ease-in; }

table tr td.site-data .site-name,
table tr td.site-data .site-id-label {
  display: none; }

table tr td.site-data .site-info {
  margin-bottom: 0; }

table tr:not(.expanded) .information-data {
  height: 0 !important; }

table tr.expanded i.fa-chevron-right,
table tr.expanded .additional-info,
table tr.expanded .clinician-info,
table tr.expanded .site-name,
table tr.expanded .site-info {
  position: absolute;
  top: 18px;
  width: fit-content;
  width: -moz-fit-content; }

table tr.expanded .information-data:not(.ptp-data),
table tr.expanded .site-data {
  pointer-events: none; }

table tr.expanded i.fa-chevron-right {
  transition: transform 0.15s ease-out;
  transform: rotate(90deg);
  margin-top: 0; }

table tr.expanded td.information-data, table tr.expanded td.site-data {
  position: relative; }

table tr.expanded td.site-data .site-name {
  font-weight: 600;
  max-width: 275px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  width: max-content;
  white-space: nowrap; }

table tr.expanded td.site-data .site-info {
  top: 50px; }

table tr.expanded td.site-data .site-id-label {
  display: inline-block;
  margin-right: 4px; }

table tr.expanded td.site-data .site-name {
  display: inline-block; }

table tr.expanded td.information-data {
  transition: height 0.1s ease-out; }
  table tr.expanded td.information-data .summary-wrapper {
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    padding-top: 120px;
    height: max-content;
    height: -moz-max-content;
    height: -webkit-max-content;
    display: block;
    /**
            * This is the styling for all the expanded content insside the summary
            * */ }
    table tr.expanded td.information-data .summary-wrapper .summary {
      padding: 24px 0 24px 16px;
      border-top: 1px dashed rgba(41, 61, 152, 0.2);
      height: inherit; }
      table tr.expanded td.information-data .summary-wrapper .summary.loader {
        height: 200px;
        border-top: none;
        padding: 0;
        margin-left: 0;
        margin-bottom: 30px; }
      table tr.expanded td.information-data .summary-wrapper .summary .summary-header {
        margin-bottom: 10px; }
        table tr.expanded td.information-data .summary-wrapper .summary .summary-header .label-small {
          font-size: 13px;
          margin: 0 12px 0 0 !important; }
        table tr.expanded td.information-data .summary-wrapper .summary .summary-header a {
          font-weight: 600;
          margin: -4px 0;
          padding: 4px;
          text-decoration: none; }
          table tr.expanded td.information-data .summary-wrapper .summary .summary-header a i {
            font-size: 20px;
            margin-right: 10px; }
      table tr.expanded td.information-data .summary-wrapper .summary.success .status-styled {
        color: #009782; }
      table tr.expanded td.information-data .summary-wrapper .summary.cancelled .status-styled, table tr.expanded td.information-data .summary-wrapper .summary.did_not_meet .status-styled, table tr.expanded td.information-data .summary-wrapper .summary.missed_call .status-styled, table tr.expanded td.information-data .summary-wrapper .summary.no_show .status-styled {
        color: #f27b21; }
      table tr.expanded td.information-data .summary-wrapper .summary.error .status-styled {
        color: #cb2d2d; }
      table tr.expanded td.information-data .summary-wrapper .summary .visit-info {
        width: 100%; }
        table tr.expanded td.information-data .summary-wrapper .summary .visit-info > * {
          width: 48%; }
        table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline {
          font-size: 12px; }
          table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline > *:nth-child(2n) {
            background: #f9f9ff; }
          table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline .flexed.start-justified {
            padding: 12px;
            font-size: 14px;
            font-weight: 500; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline .flexed.start-justified p {
              font-weight: normal; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline .flexed.start-justified .time {
              width: 90px;
              min-width: 90px;
              font-size: 12px;
              font-weight: normal; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline .flexed.start-justified .event-info {
              font-weight: 500; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-timeline .flexed.start-justified p {
              margin: 4px 0 0 0; }
        table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info {
          margin: 32px 16px 24px 0; }
          table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info > ul {
            font-weight: 600;
            padding: 0 36px;
            margin-bottom: 24px; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info > ul li {
              font-size: 18px; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info > ul li span {
                font-size: 14px; }
          table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu {
            border: none;
            margin-bottom: 12px; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar {
              border: none;
              background: none; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar .title {
                color: #343334;
                padding: 12px 36px;
                font-weight: 500; }
                table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar .title:before {
                  color: #343334;
                  content: '\F054';
                  font-weight: 900;
                  top: 12px;
                  transition: transform 0.2s ease-in; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar:hover .title,
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar:hover .title:before {
                color: #313d98 !important; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .title-bar .sub-title {
                display: none; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu .main-menu {
              height: 0;
              visibility: hidden;
              display: block;
              padding: 0;
              border: none; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .title-bar .title {
              color: #343334; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .title-bar .title:before {
              color: #343334;
              content: '\F054';
              transform: rotate(90deg);
              transition: transform 0.15s ease-out; }
            table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu {
              height: inherit;
              visibility: visible;
              padding: 0 36px; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu > div.info-content ul {
                margin: 0 0 12px 20px; }
                table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu > div.info-content ul li {
                  margin-bottom: 4px; }
                  table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu > div.info-content ul li span {
                    position: relative;
                    left: -4px; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu > div.info-content p.info-content-text {
                font-weight: 500;
                margin-bottom: 4px; }
              table tr.expanded td.information-data .summary-wrapper .summary .visit-info .visit-additional-info .collapse-menu.open .main-menu > div:last-child p {
                margin-bottom: 0; }
  table tr.expanded td.information-data .additional-info *:not(strong):not(.visible) {
    display: block;
    font-weight: normal;
    margin-bottom: 4px; }
    table tr.expanded td.information-data .additional-info *:not(strong):not(.visible):first-of-type {
      margin-top: 12px; }
    table tr.expanded td.information-data .additional-info *:not(strong):not(.visible):last-child {
      margin-bottom: 0; }
  table tr.expanded td.information-data .additional-info .ptp-name-row strong {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

table tr:hover td.information-data .summary-wrapper {
  background: #fafafa; }
  table tr:hover td.information-data .summary-wrapper .summary {
    background: white; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.border-radius {
  border-radius: 3px; }
  .border-radius.two {
    border-radius: 2px; }
  .border-radius.three, .alert-note {
    border-radius: 3px; }
  .border-radius.four {
    border-radius: 4px; }
  .border-radius.five {
    border-radius: 5px; }
  .border-radius.eight {
    border-radius: 8px; }

.word-clamp {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.no-num-step-buttons::-webkit-outer-spin-button, .no-num-step-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-num-step-buttons[type='number'] {
  -moz-appearance: textfield; }

.full-width {
  width: 100%; }

.border-radius {
  border-radius: 3px; }
  .border-radius.larger {
    border-radius: 8px; }

.far,
.fas,
.fa-solid {
  font-weight: 900; }

.fas.fa-trash-alt {
  font-weight: 300; }

.far.fa-clone, .far.fa-times-circle, .far.fa-check-circle, .far.fa-calendar-alt, .far.fa-file-alt {
  font-weight: 300; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: 500; }

.black {
  color: #000000; }

.display-none {
  display: none; }

body {
  font-size: 16px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px;
    letter-spacing: 0.22px; }
  body .h3-text,
  body h3 {
    font-size: 26px;
    letter-spacing: 0.4px; }
  body .h4-text,
  body h4 {
    font-size: 22px;
    letter-spacing: 0.34px; }
    body .h4-text.bold,
    body h4.bold {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 18px;
    letter-spacing: 0.3px; }
  body .h6-text,
  body h6 {
    font-size: 16px;
    letter-spacing: 0.28px; }
  body strong.semi-bold {
    font-weight: 600; }
  body label {
    font-size: 14px; }
  body p.std-p {
    line-height: 24px; }

.ft-lg, .confirmation-statement {
  font-size: 20px; }

.fw-normal {
  font-weight: normal; }

.fw-medium {
  font-weight: 500; }

.confirmation-statement {
  margin-bottom: 24px; }

.text-common, .info-popup {
  font-size: 16px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.pos.rel {
  position: relative; }

.pos.abs {
  position: absolute; }

.width.full {
  width: 100%; }

.underlined-cta {
  color: #313d98 !important;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 500; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.inline,
  .flexed.inline {
    display: inline-flex !important; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.space-between-justified,
  .flexed.space-between-justified {
    justify-content: space-between; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.stretch-aligned,
  .flexed.stretch-aligned {
    align-items: stretch; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }
  .flexed-header.center-aligned,
  .flexed.center-aligned {
    align-items: center; }
  .flexed-header.baseline-aligned,
  .flexed.baseline-aligned {
    align-items: baseline; }
  .flexed-header.row-reverse,
  .flexed.row-reverse {
    flex-direction: row-reverse; }

.flexed-header {
  padding: 4px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f6f8f9; }

.position-relative {
  position: relative; }

.page {
  background: #f6f8f9;
  min-height: calc(100vh - 60px);
  padding: 30px 120px;
  margin: 0 auto;
  min-width: 1024px;
  width: 100%; }
  .page .d3-container {
    margin: 16px auto 40px; }
    .page .d3-container > * {
      margin-bottom: 15px; }

.d3-container > *.button-bar {
  background: #e8eaed;
  padding: 10px;
  margin-bottom: 0; }

.button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e8eaed; }
  .button-list.selector {
    background: none; }
  .button-list .custom-button:not(:last-of-type) {
    margin-right: 0; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.warning-box {
  margin-top: 10px;
  padding: 15px 20px 15px 45px;
  background: #e8eaed;
  border-radius: 3px;
  width: fit-content; }
  .warning-box .fas.fa-exclamation-triangle {
    color: #cb2d2d;
    margin-right: 10px; }
  .warning-box p {
    margin: 0px;
    text-indent: -14px; }

.corner-frame-top,
.corner-frame-bottom {
  display: flex;
  justify-content: space-between;
  width: 50px; }
  .corner-frame-top .path,
  .corner-frame-bottom .path {
    width: 9px;
    height: 9px;
    border: solid 1.5px #9b9b9b;
    border-bottom: none;
    border-right: none; }
    .corner-frame-top .path.right-top,
    .corner-frame-bottom .path.right-top {
      transform: rotate(-270deg); }
    .corner-frame-top .path.right-bottom,
    .corner-frame-bottom .path.right-bottom {
      transform: rotate(-180deg); }
    .corner-frame-top .path.left-bottom,
    .corner-frame-bottom .path.left-bottom {
      transform: rotate(-90deg); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.error-text {
  color: #cb2d2d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px; }

.alert-note {
  color: #000000;
  font-weight: 500;
  padding: 12px;
  border: 1.5px solid #cacaca; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.text-uppercase {
  text-transform: uppercase; }

.text-align-center {
  text-align: center; }

.visits.page {
  min-width: 1130px; }
  .visits.page .flexed-header.sticky.history {
    z-index: 3;
    flex-direction: column;
    padding-bottom: 24px; }
    .visits.page .flexed-header.sticky.history h3 {
      margin-bottom: 36px; }
    .visits.page .flexed-header.sticky.history > * {
      width: 100%; }
  .visits.page .sticky {
    padding-bottom: 30px; }
    .visits.page .sticky h3 {
      margin: 0 24px 0 0; }
    .visits.page .sticky .d3-dropdown {
      height: 50px;
      width: 250px; }
  .visits.page .visits-history-loader {
    height: 400px; }
  .visits.page .no-visits {
    margin-top: 90px; }
    .visits.page .no-visits h5 {
      color: #000000; }
  .visits.page .participant-name-data,
  .visits.page .clinician-name-data {
    font-weight: 500; }

.user-participant-selection {
  margin-bottom: 50px !important; }
  .user-participant-selection .autocomplete-search {
    width: 350px; }
    .user-participant-selection .autocomplete-search .list-item .checkbox .check {
      display: none; }
    .user-participant-selection .autocomplete-search .d3-input {
      position: relative; }
      .user-participant-selection .autocomplete-search .d3-input .error-text {
        position: absolute; }
    .user-participant-selection .autocomplete-search .autocomplete-list {
      position: absolute;
      width: 350px; }
  .user-participant-selection > .flexed h5 {
    margin: auto 15px 12px; }

.create-visits.page {
  min-width: 1090px;
  max-width: 1200px; }
  .create-visits.page h3,
  .create-visits.page h5 {
    color: #000000; }
  .create-visits.page .d3-container {
    padding: 32px 50px; }
  .create-visits.page p {
    font-size: 16px; }
    .create-visits.page p.visit-desc {
      margin-bottom: 32px; }
  .create-visits.page .label-small {
    font-size: 12px;
    margin-bottom: 12px !important; }
  .create-visits.page .d3-dropdown {
    height: 50px;
    width: 350px; }
  .create-visits.page .visit-time-selection {
    margin-left: -24px;
    /*
      The follow selector allows us to only display the first error of each error type that appears in meeting times.
    */ }
    .create-visits.page .visit-time-selection .day-picker-wrapper .fa-calendar-alt {
      display: block;
      pointer-events: none; }
    .create-visits.page .visit-time-selection .meeting-header > * {
      margin-right: 8px; }
    .create-visits.page .visit-time-selection .meeting-header .date {
      margin-left: 24px;
      width: 147px; }
    .create-visits.page .visit-time-selection .meeting-header .time {
      width: 100px; }
    .create-visits.page .visit-time-selection .meeting-header .duration {
      width: 75px; }
    .create-visits.page .visit-time-selection .meeting-container.current-error ~ .meeting-container.current-error .visit-error {
      display: none; }
    .create-visits.page .visit-time-selection .meeting-container.existing-error ~ .meeting-container.existing-error .visit-error {
      display: none; }
    .create-visits.page .visit-time-selection .meeting-section {
      margin-right: 30px;
      min-width: 409px; }
      .create-visits.page .visit-time-selection .meeting-section .meeting-description {
        margin-left: 24px; }
    .create-visits.page .visit-time-selection .meeting-container .visit-error {
      display: none;
      max-width: 325px;
      margin: 16px 0px 8px 24px;
      color: #cb2d2d; }
      .create-visits.page .visit-time-selection .meeting-container .visit-error svg {
        margin-right: 8px; }
    .create-visits.page .visit-time-selection .meeting-container.has-error .visit-error {
      display: flex; }
    .create-visits.page .visit-time-selection .meeting-container .meeting-row {
      position: relative;
      margin-bottom: 12px;
      border-left: 24px solid transparent; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row > *:not(:last-child) {
        margin-right: 8px; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row .DayPickerInput input {
        width: 146px; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row .duration-input {
        margin-right: 0; }
        .create-visits.page .visit-time-selection .meeting-container .meeting-row .duration-input input {
          width: 75px; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row input {
        height: 50px;
        margin: 0; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row .fas.fa-trash {
        position: absolute;
        left: -20px;
        display: none;
        color: #cb2d2d; }
        .create-visits.page .visit-time-selection .meeting-container .meeting-row .fas.fa-trash:hover {
          filter: contrast(150%); }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row:hover .fas.fa-trash {
        display: inline-block; }
      .create-visits.page .visit-time-selection .meeting-container .meeting-row .checkbox {
        font-size: 16px;
        left: 420px;
        position: absolute;
        width: 130px; }
        .create-visits.page .visit-time-selection .meeting-container .meeting-row .checkbox .check {
          margin-right: 12px; }
    .create-visits.page .visit-time-selection .custom-button {
      margin: 0 0 0 24px; }

.visits-template.page {
  padding: 0; }
  .visits-template.page .visits-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 100%;
    background: white;
    margin: 0;
    height: 79px;
    align-items: center;
    border-bottom: 1px solid #cacaca;
    padding: 0px 40px;
    font-size: 14px; }
    .visits-template.page .visits-nav .flexed-header .d3-logo-container img {
      height: 46px;
      margin-right: 55px; }
    .visits-template.page .visits-nav .flexed-header .custom-button {
      white-space: nowrap; }
    .visits-template.page .visits-nav .custom-button.link {
      font-weight: 500;
      color: #9b9b9b;
      position: relative;
      margin: 0px; }
      .visits-template.page .visits-nav .custom-button.link.selected:disabled {
        color: #545454;
        opacity: 1; }
        .visits-template.page .visits-nav .custom-button.link.selected:disabled .fas.fa-arrow-right {
          color: #313d98; }
      .visits-template.page .visits-nav .custom-button.link:hover,
      .visits-template.page .visits-nav .custom-button.link:hover .fas- {
        color: #313d98;
        text-shadow: none;
        filter: none; }
      .visits-template.page .visits-nav .custom-button.link .fas.fa-arrow-right {
        margin: 0px 8px;
        color: #e5e8ea; }

@media only screen and (min-width: 1940px) {
  .visits-template.page .visits-nav .flexed-header .d3-logo-container img {
    margin-right: calc(50vw - 520px); } }

.participant-visit-page.page {
  width: 1275px;
  padding: 60px 120px 40px 120px; }
  .participant-visit-page.page h4 {
    font-size: 24px;
    margin-bottom: 0; }
  .participant-visit-page.page .visit-fields .d3-loader-container {
    margin-bottom: 46px; }
  .participant-visit-page.page .visit-fields .names {
    margin: -16px 50px 38px 16px; }
    .participant-visit-page.page .visit-fields .names .visit-name-input {
      margin: 24px 0;
      width: 75%;
      position: relative; }
      .participant-visit-page.page .visit-fields .names .visit-name-input .char-limit {
        right: -70px;
        bottom: 14px; }
  .participant-visit-page.page .visit-fields span {
    display: inline-flex; }
  .participant-visit-page.page .visit-fields .popup-container {
    margin-left: 8px; }
    .participant-visit-page.page .visit-fields .popup-container .hover-text {
      width: max-content;
      max-width: 300px;
      border-radius: 3px;
      color: white;
      padding: 8px 12px; }
  .participant-visit-page.page .visit-fields .recipient-panel {
    width: 80%;
    margin-left: 24px; }
    .participant-visit-page.page .visit-fields .recipient-panel .d3-container {
      margin: 5px 24px;
      padding: 0; }
      .participant-visit-page.page .visit-fields .recipient-panel .d3-container .tags,
      .participant-visit-page.page .visit-fields .recipient-panel .d3-container p {
        margin-left: 24px; }
    .participant-visit-page.page .visit-fields .recipient-panel .autocomplete-search {
      margin-left: 24px; }
      .participant-visit-page.page .visit-fields .recipient-panel .autocomplete-search .fas {
        top: 18px;
        pointer-events: none; }
    .participant-visit-page.page .visit-fields .recipient-panel .ptp-visit-table {
      margin-top: 52px; }
    .participant-visit-page.page .visit-fields .recipient-panel td.ptp-visit-status {
      min-width: 110px; }
  .participant-visit-page.page .adhoc-visit-date .specific-date .DayPickerInput input {
    width: 200px;
    height: 40px;
    margin: 0;
    margin-left: 8px; }
  .participant-visit-page.page .adhoc-visit-date .specific-date .day-picker-wrapper {
    display: inline-block; }
    .participant-visit-page.page .adhoc-visit-date .specific-date .day-picker-wrapper .fa-calendar-alt {
      color: #313d98;
      display: block;
      pointer-events: none;
      top: 8px; }
      .participant-visit-page.page .adhoc-visit-date .specific-date .day-picker-wrapper .fa-calendar-alt::before {
        content: '\f073'; }
  .participant-visit-page.page .adhoc-visit-date .days-before-visit .d3-dropdown {
    width: 200px; }
  .participant-visit-page.page .adhoc-visit-date .days-before-visit .days-input {
    width: 60px; }
  .participant-visit-page.page .adhoc-visit-date .days-before-visit span:not(.error-text) {
    margin: 0 4px; }
  .participant-visit-page.page .adhoc-visit-date .days-before-visit .error-text {
    position: absolute; }
  .participant-visit-page.page .adhoc-visit-date .days-before-visit .menu {
    max-height: 200px; }
  .participant-visit-page.page .adhoc-visit-date .ptp-visit-table {
    margin-top: 40px; }
  .participant-visit-page.page .flexed.visit-date-settings {
    position: relative;
    z-index: 2;
    margin-bottom: 12px; }
    .participant-visit-page.page .flexed.visit-date-settings .flex-child {
      height: 90px; }
      .participant-visit-page.page .flexed.visit-date-settings .flex-child:not(:last-child) {
        margin-right: 60px; }
      .participant-visit-page.page .flexed.visit-date-settings .flex-child input {
        height: 58px; }
      .participant-visit-page.page .flexed.visit-date-settings .flex-child .new-date .day-picker-wrapper {
        display: inline-block; }
        .participant-visit-page.page .flexed.visit-date-settings .flex-child .new-date .day-picker-wrapper .fa-calendar-alt {
          color: #313d98;
          display: block;
          pointer-events: none;
          top: 18px; }
          .participant-visit-page.page .flexed.visit-date-settings .flex-child .new-date .day-picker-wrapper .fa-calendar-alt::before {
            content: '\f073'; }
      .participant-visit-page.page .flexed.visit-date-settings .flex-child .current-visit {
        font-weight: 500;
        background: #e4edf4; }
      .participant-visit-page.page .flexed.visit-date-settings .flex-child.visit-push-out {
        width: 40%; }
        .participant-visit-page.page .flexed.visit-date-settings .flex-child.visit-push-out .subsequent-choices {
          margin-top: 16px; }
          .participant-visit-page.page .flexed.visit-date-settings .flex-child.visit-push-out .subsequent-choices .d3-radio {
            margin-right: 40px; }
  .participant-visit-page.page .prompt-bar {
    max-width: 650px; }
  .participant-visit-page.page .button-list {
    margin-top: 80px; }
  .participant-visit-page.page .visit-reminders strong {
    font-weight: 500; }
  .participant-visit-page.page #participant-visit-table .current-visit {
    background: #e0e0e0; }
    .participant-visit-page.page #participant-visit-table .current-visit.ptp-visit-name, .participant-visit-page.page #participant-visit-table .current-visit.ptp-visit-highlight {
      font-weight: 600; }
  .participant-visit-page.page #participant-visit-table .bold,
  .participant-visit-page.page #participant-visit-table .warn {
    font-weight: 600; }
  .participant-visit-page.page #participant-visit-table .warn {
    color: #cb2d2d; }

.visits-template-page.page {
  width: 1200px;
  padding: 60px 120px 40px 120px; }
  .visits-template-page.page h4 {
    font-size: 24px;
    margin-bottom: 0; }
  .visits-template-page.page .visit-fields .names {
    margin: -16px 50px 38px 16px; }
    .visits-template-page.page .visit-fields .names .visit-name-input {
      margin: 24px 0;
      width: 75%;
      position: relative; }
      .visits-template-page.page .visit-fields .names .visit-name-input .char-limit {
        right: -70px;
        bottom: 14px; }
  .visits-template-page.page .visit-fields span {
    display: inline-flex; }
  .visits-template-page.page .visit-fields .popup-container {
    margin-left: 8px; }
    .visits-template-page.page .visit-fields .popup-container .hover-text {
      width: max-content;
      max-width: 300px;
      border-radius: 3px;
      color: white;
      padding: 8px 12px; }
  .visits-template-page.page .visit-schedule-configuration .flexed .visit-schedule-and-day-selector,
  .visits-template-page.page .visit-schedule-configuration .flexed .visit-schedule-table-preview {
    flex: 1; }
  .visits-template-page.page .visit-schedule-configuration .visit-schedule-table-preview .visit-day-col {
    width: 150px; }
  .visits-template-page.page .visit-schedule-configuration .visit-schedule-table-preview .current-visit {
    font-weight: 500;
    background: #e4edf4; }
  .visits-template-page.page .visit-schedule-and-day-selector {
    width: calc(50% - 40px); }
    .visits-template-page.page .visit-schedule-and-day-selector > div:not(:last-child) {
      margin-bottom: 24px; }
    .visits-template-page.page .visit-schedule-and-day-selector .autocomplete-search {
      width: 390px;
      max-width: 390px; }
    .visits-template-page.page .visit-schedule-and-day-selector .visit-cycle-autocomplete {
      display: flex; }
      .visits-template-page.page .visit-schedule-and-day-selector .visit-cycle-autocomplete .edit-cycle-button.custom-button.link {
        width: 24px;
        height: 20px;
        outline: none;
        margin-top: 10px; }
        .visits-template-page.page .visit-schedule-and-day-selector .visit-cycle-autocomplete .edit-cycle-button.custom-button.link i {
          font-size: 20px;
          margin: 0;
          color: #0d60a6; }
      .visits-template-page.page .visit-schedule-and-day-selector .visit-cycle-autocomplete.disabled {
        opacity: 0.5;
        pointer-events: none; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection > *:not(:last-child) {
      margin-bottom: 24px; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection .d3-input {
      min-width: max-content;
      position: relative; }
      .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection .d3-input .error-text {
        position: absolute;
        bottom: -18px;
        left: 0; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection #visit-relativity-selector {
      width: 175px; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection #relative-visit-selector {
      flex: 1;
      max-width: 250px; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection #relative-cycle-selector {
      flex: 1;
      max-width: 250px; }
    .visits-template-page.page .visit-schedule-and-day-selector #visit-day-selection input[type='number'] {
      width: 70px;
      margin-top: 0; }
    .visits-template-page.page .visit-schedule-and-day-selector .visit-window .visit-window-popup {
      margin-left: 12px; }
    .visits-template-page.page .visit-schedule-and-day-selector .visit-window .popup-container .popup {
      width: 412px;
      padding: 12px; }

.d3-modal.spacious.visits-overlapping-modal .content {
  max-height: 600px;
  overflow: hidden; }
  .d3-modal.spacious.visits-overlapping-modal .content .visit-schedule-table-preview {
    overflow: auto;
    max-height: 250px; }

.d3-modal.spacious .content {
  width: 520px; }
  .d3-modal.spacious .content .visit-cycle-modal .cycle-duration {
    justify-content: start;
    align-items: flex-start; }
    .d3-modal.spacious .content .visit-cycle-modal .cycle-duration .d3-input {
      width: 90px; }
    .d3-modal.spacious .content .visit-cycle-modal .cycle-duration .d3-dropdown {
      width: 100px;
      margin-left: 10px;
      top: 2px;
      margin-top: 4px; }
      .d3-modal.spacious .content .visit-cycle-modal .cycle-duration .d3-dropdown.visit-cycle-after-selector {
        width: 170px; }
    .d3-modal.spacious .content .visit-cycle-modal .cycle-duration span {
      margin-left: 10px;
      align-self: center; }
  .d3-modal.spacious .content .visit-cycle-modal .visit-cycle-selector {
    margin-top: 12px; }
  .d3-modal.spacious .content .visit-cycle-modal .confirmation {
    margin-top: 16px; }
    .d3-modal.spacious .content .visit-cycle-modal .confirmation .confirm {
      margin-right: 0; }

.visit-reminders .inner {
  display: flex;
  flex-direction: column;
  row-gap: 24px; }
  .visit-reminders .inner .reminder-rows {
    width: 396px;
    display: flex;
    flex-direction: column;
    row-gap: 12px; }
    .visit-reminders .inner .reminder-rows .reminder-row {
      display: flex;
      align-items: center;
      gap: 8px; }
      .visit-reminders .inner .reminder-rows .reminder-row .inputs {
        display: flex;
        align-items: center;
        gap: 2px; }
        .visit-reminders .inner .reminder-rows .reminder-row .inputs .d3-dropdown.number-input-dropdown {
          height: 40px; }
        .visit-reminders .inner .reminder-rows .reminder-row .inputs.disabled .d3-dropdown {
          pointer-events: none;
          opacity: 0.6; }
    .visit-reminders .inner .reminder-rows .add-reminder {
      display: flex;
      justify-content: flex-end;
      color: #313d98; }
      .visit-reminders .inner .reminder-rows .add-reminder.disabled {
        cursor: initial; }


/*# sourceMappingURL=main.80bad941c340538ad5d0.styles.css.map*/