.noty_layout_mixin, #noty_layout__centerRight, #noty_layout__centerLeft, #noty_layout__center, #noty_layout__bottomRight, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottom, #noty_layout__topRight, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__top {
  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 0.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: 0.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: 0.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: 0.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: 0.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: 0.25rem;
}
.noty_theme__bootstrap-v4.noty_bar .noty_body {
  padding: 0.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: 0.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: 0.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: 0.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: 0.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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;
}
.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 {
  max-height: 300px;
  overflow-y: auto;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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;
}
.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 {
  max-height: 300px;
  overflow-y: auto;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.custom-button.light, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .three.custom-button.light, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.custom-button.light, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.custom-button.light, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.custom-button.light, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.custom-button.light, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 .fa,
.custom-button.light .fas,
.custom-button.light .far {
  color: #9e9e9e;
}
.custom-button.light {
  background: white;
  border: 1.8px solid #e8eaed;
  color: #343334;
  outline: none;
}
.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, .custom-button.light:hover, .custom-button.light:focus {
  background-color: #f9f9ff;
}
.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.grey.selected .custom-button.circle.active, .custom-button.circle.selected .custom-button.grey.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, div.checkbox div.two.check, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, div.checkbox div.three.check, .alert-note {
  border-radius: 3px;
}
.border-radius.four, div.checkbox div.four.check, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, div.checkbox div.five.check, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, div.checkbox div.eight.check, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, div.checkbox div.larger.check, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 {
  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 .DayPickerInput-OverlayWrapper {
  position: absolute;
  z-index: 2000;
}
.day-picker-wrapper .DayPickerInput-Overlay {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp {
  --rdp-cell-size: 28px;
  --rdp-accent-color: #2f6fed;
  --rdp-background-color: #e9f2ff;
  font-size: 12px;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-caption {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 10px 4px;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-nav {
  gap: 8px;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-nav_button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-head_cell {
  font-size: 11px;
  color: #7b7a7b;
  font-weight: 600;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-day_selected,
.day-picker-wrapper .DayPickerInput-Overlay .rdp-day_selected:focus-visible,
.day-picker-wrapper .DayPickerInput-Overlay .rdp-day_selected:hover {
  background-color: var(--rdp-accent-color);
  color: #fff;
}
.day-picker-wrapper .DayPickerInput-Overlay .rdp-day_today:not(.rdp-day_selected) {
  color: var(--rdp-accent-color);
  font-weight: 600;
}
.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 .page {
  min-width: 0;
}
.d3-drawer .content {
  border: 1px solid #cacaca;
  background: white;
  position: absolute;
  right: 0;
}
.d3-drawer .content-scroll {
  overflow-y: scroll;
  width: max-content;
  height: 100vh;
}
.d3-drawer .content .custom-button {
  min-width: 110px;
}
.d3-drawer .content {
  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;
}
@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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.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 .upload-input:not(.zoom-range) {
  /* img {
    max-height: 185px;
  } */
}
.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:hover, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .d3-modal.donation-form .content .top .donation-fields .two.donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .two.donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .two.donation-img-wrapper, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .d3-modal.donation-form .content .top .donation-fields .three.donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .three.donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .three.donation-img-wrapper, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .d3-modal.donation-form .content .top .donation-fields .four.donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .four.donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .four.donation-img-wrapper, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .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, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .five.donation-img-wrapper, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .d3-modal.donation-form .content .top .donation-fields .eight.donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .eight.donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .eight.donation-img-wrapper, .eight.alert-note {
  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:hover, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .donation-img-wrapper, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .d3-modal.donation-form .content .top .donation-fields .larger.donation-img-upload-toggler:hover, .d3-modal.donation-form .content .top .donation-fields .larger.donation-img-upload-toggler:focus-within, .d3-modal.donation-form .content .top .donation-fields .donation-img-upload-toggler .larger.donation-img-wrapper, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 .modal-close-x {
  top: 40px;
  right: 60px;
}
.d3-modal.create-instrument-modal .content {
  padding: 40px 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 h6 {
  margin: 14px 36px 14px 14px;
}
.d3-modal.spacious .content .modal-close-x {
  top: 40px;
  right: 40px;
}
.d3-modal.spacious .content {
  padding: 26px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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: 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;
}
.popup-container .popup.dark .custom-button svg path {
  fill: white;
}
.popup-container .popup.dark .custom-button svg {
  margin-right: 8px;
}
.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:not(.override), .popup-container .popup.top:not(.override) {
  left: 50%;
  transform: translateX(-50%);
}
.popup-container .popup.bottom, .popup-container .popup.top {
  margin: 0px auto;
}
.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: -50%;
}
.popup-container .popup.align.left-align {
  left: -50%;
}
.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 strong, .prompt-bar.strong {
  font-weight: 500;
}
.prompt-bar {
  line-height: 24px;
}
.prompt-bar.disabled {
  opacity: 0.5;
}
.prompt-bar {
  padding: 10px 18px;
  border-radius: 3px;
  margin-bottom: 30px;
  background: #fae196;
  color: #1b1c1d;
  width: max-content;
}
.prompt-bar > p {
  margin: 0 6px 0 0;
}
.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

.border-radius, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .rich-button, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.rich-button, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .three.rich-button, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .rich-button, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.rich-button, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.rich-button, .eight.alert-note {
  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, .rich-button, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.rich-button, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.rich-button .d3-radio .radio-circle {
  margin-right: 0;
}
.rich-button .d3-radio {
  margin: 0 !important;
  bottom: 14px;
}
.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 .ProseMirror {
  padding: 10px;
  border-radius: 3px;
  background: #e7f8fe;
  min-height: 1.5em;
  outline: none;
}
.d3-editor .ProseMirror:focus {
  background: #cff0fd !important;
}
.d3-editor .ProseMirror.ProseMirror-focused {
  background: #cff0fd !important;
}
.d3-editor .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: #737373;
  float: left;
  pointer-events: none;
  height: 0;
}
.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.none {
  opacity: 0;
  pointer-events: none;
}
.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 .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 .ProseMirror {
  background: #fdf7f6 !important;
}
.d3-editor.read-only .ProseMirror {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .search-input input.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .search-input input.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .search-input input.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .search-input input.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .search-input input.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .search-input input.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.d3-dropdown.d3-selector .dropdown-item > div {
  display: flex;
}
.d3-dropdown.d3-selector .dropdown-item {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin-bottom: 10px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .tag-dropdown, .d3-tags .tagify .tagify__input, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.tag-dropdown, .d3-tags .tagify .two.tagify__input, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .three.tag-dropdown, .d3-tags .tagify .three.tagify__input, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.tag-dropdown, .d3-tags .tagify .four.tagify__input, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.tag-dropdown, .d3-tags .tagify .five.tagify__input, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.tag-dropdown, .d3-tags .tagify .eight.tagify__input, .eight.alert-note {
  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, .tag-dropdown, .d3-tags .tagify .tagify__input, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.tag-dropdown, .d3-tags .tagify .larger.tagify__input, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.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 {
  box-shadow: none;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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;
}
.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;
}
.search-bar {
  border-bottom: 1px solid #77c4fe;
}

.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__topCenter, #noty_layout__bottomRight {
  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 .main .dropbar .dropbar-content, .navbar-wrapper .navbar .d3-dropdown.navbar-dropdown .dropbar-content > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

.border-radius, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.sidebar h5:first-of-type {
  margin-top: 28px;
}
.sidebar h5 {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.65px;
  margin: 24px 23px 2px 15px;
}
.sidebar h6 {
  color: #545454;
}
.sidebar h6:first-of-type {
  margin-top: 24px;
}
.sidebar h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.65px;
  margin: 24px 23px 10px 15px;
}
.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;
}
.sidebar .popup-container .custom-button.sidebar-user-trigger:hover {
  background: #acadb1;
  color: #343334;
}
.sidebar .popup-container .custom-button.sidebar-user-trigger {
  box-shadow: none;
  margin: 0px;
  width: 238px;
  background: #fdfdfd;
  color: #9b9b9b;
  padding: 16px 6px;
}
.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 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 {
  width: 100%;
}
.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: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 ul li {
  list-style-type: none;
}
.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;
}
@charset "UTF-8";
.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 li,
.permissions-table table td li {
  list-style: none;
}
.permissions-table table th li::before,
.permissions-table table td li::before {
  color: #9b9b9b;
  content: "•";
  font-size: 16px;
  margin-right: 7px;
}
.permissions-table table th,
.permissions-table table td {
  padding: 10px;
}
.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;
}
.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

.border-radius, .studies.page .study-box .participant-box, .studies.page .study-box .sticker-container .test, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .studies.page .study-box .two.participant-box, .studies.page .study-box .sticker-container .two.test, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .studies.page .study-box .three.participant-box, .studies.page .study-box .sticker-container .test, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .studies.page .study-box .four.participant-box, .studies.page .study-box .sticker-container .four.test, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .studies.page .study-box .five.participant-box, .studies.page .study-box .sticker-container .five.test, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .studies.page .study-box .border-radius.participant-box, .studies.page .study-box .eight.participant-box, .studies.page .study-box .participant-box, .studies.page .study-box .sticker-container .eight.test, .studies.page .study-box .sticker-container .test.participant-box, .eight.alert-note, .studies.page .study-box .alert-note.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, .studies.page .study-box .participant-box, .studies.page .study-box .sticker-container .test, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .studies.page .study-box .larger.participant-box, .studies.page .study-box .sticker-container .larger.test, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 .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 .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div, .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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .create-study.page .d3-container .two.popup.bottom.xd, .create-study.page .d3-container .popup .two.cycle-popup, .create-study.page .d3-container .two.custom-button, .create-study.page .d3-container .two.selected-payout, .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.two,
.create-study.page .d3-container .reward-field .data-sync-icon div.two, .create-study.page .reward-eligibility .reward-field .two.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .two.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .two.custom-button.expand-collapse, .create-study.page .d3-container .binary-config .data-sync-icon div.border-radius, .create-study.page .d3-container .binary-config .data-sync-icon div.popup.bottom.xd, .create-study.page .d3-container .popup .binary-config .data-sync-icon div.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon .popup div.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon div.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon div.selected-payout, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .binary-config .data-sync-icon div.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon .gift-cards-config .row.gem-buttons div.custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .binary-config .data-sync-icon div.light,
.create-study.page .d3-container .binary-config .data-sync-icon .gift-cards-config .row.gem-buttons div.light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .binary-config .data-sync-icon div,
.create-study.page .d3-container .binary-config .reward-field .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div.border-radius,
.create-study.page .d3-container .reward-field .data-sync-icon div.popup.bottom.xd,
.create-study.page .d3-container .popup .reward-field .data-sync-icon div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon .popup div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon div.selected-payout,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-field .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon .gift-cards-config .row.gem-buttons div.custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-field .data-sync-icon div.light,
.create-study.page .d3-container .reward-field .data-sync-icon .gift-cards-config .row.gem-buttons div.light,
.create-study.page .d3-container .reward-field .data-sync-icon div, .two.alert-note, .create-study.page .d3-container .binary-config .data-sync-icon div.alert-note,
.create-study.page .d3-container .reward-field .data-sync-icon div.alert-note {
  border-radius: 2px;
}
.border-radius.three, .create-study.page .d3-container .three.popup.bottom.xd, .create-study.page .d3-container .popup .three.cycle-popup, .create-study.page .d3-container .three.custom-button, .create-study.page .d3-container .three.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.three,
.create-study.page .d3-container .reward-field .data-sync-icon div.three, .create-study.page .reward-eligibility .reward-field .three.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .three.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .three.custom-button.expand-collapse, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .create-study.page .d3-container .four.popup.bottom.xd, .create-study.page .d3-container .popup .four.cycle-popup, .create-study.page .d3-container .four.custom-button, .create-study.page .d3-container .four.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.four,
.create-study.page .d3-container .reward-field .data-sync-icon div.four, .create-study.page .reward-eligibility .reward-field .four.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .four.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .four.custom-button.expand-collapse, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .create-study.page .d3-container .five.popup.bottom.xd, .create-study.page .d3-container .popup .five.cycle-popup, .create-study.page .d3-container .five.custom-button, .create-study.page .d3-container .five.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 .d3-container .binary-config .data-sync-icon div.five,
.create-study.page .d3-container .reward-field .data-sync-icon div.five, .create-study.page .reward-eligibility .reward-field .five.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .five.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .five.custom-button.expand-collapse, .create-study.page .d3-container .border-radius.popup.bottom.xd, .create-study.page .d3-container .popup.bottom.xd, .create-study.page .d3-container .popup .cycle-popup.popup.bottom.xd, .create-study.page .d3-container .custom-button.popup.bottom.xd, .create-study.page .d3-container .selected-payout.popup.bottom.xd, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button.popup.bottom.xd,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light.popup.bottom.xd, .create-study.page .d3-container .binary-config .data-sync-icon div.popup.bottom.xd,
.create-study.page .d3-container .reward-field .data-sync-icon div.popup.bottom.xd, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation.popup.bottom.xd, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation.popup.bottom.xd, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse.popup.bottom.xd, .create-study.page .d3-container .popup .border-radius.cycle-popup, .create-study.page .d3-container .popup .popup.bottom.xd.cycle-popup, .create-study.page .d3-container .popup .cycle-popup, .create-study.page .d3-container .popup .custom-button.cycle-popup, .create-study.page .d3-container .popup .selected-payout.cycle-popup, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .popup .custom-button.cycle-popup, .create-study.page .d3-container .popup .gift-cards-config .row.gem-buttons .custom-button.cycle-popup,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .popup .light.cycle-popup,
.create-study.page .d3-container .popup .gift-cards-config .row.gem-buttons .light.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon .popup div.cycle-popup, .create-study.page .d3-container .popup .binary-config .data-sync-icon div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon .popup div.cycle-popup,
.create-study.page .d3-container .popup .reward-field .data-sync-icon div.cycle-popup, .create-study.page .reward-eligibility .reward-field .d3-container .popup .custom-button.payment-donation.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-field .custom-button.payment-donation.cycle-popup, .create-study.page .reward-eligibility .reward-field .d3-container .popup .custom-button.selected-donation.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-field .custom-button.selected-donation.cycle-popup, .create-study.page .reward-eligibility .reward-selection .d3-container .popup .custom-button.expand-collapse.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-selection .custom-button.expand-collapse.cycle-popup, .create-study.page .d3-container .border-radius.custom-button, .create-study.page .d3-container .popup.bottom.xd.custom-button, .create-study.page .d3-container .popup .cycle-popup.custom-button, .create-study.page .d3-container .custom-button, .create-study.page .d3-container .selected-payout.custom-button, .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.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon div.custom-button, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .d3-container .border-radius.selected-payout, .create-study.page .d3-container .popup.bottom.xd.selected-payout, .create-study.page .d3-container .popup .cycle-popup.selected-payout, .create-study.page .d3-container .custom-button.selected-payout, .create-study.page .d3-container .selected-payout, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button.selected-payout,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light.selected-payout, .create-study.page .d3-container .binary-config .data-sync-icon div.selected-payout,
.create-study.page .d3-container .reward-field .data-sync-icon div.selected-payout, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation.selected-payout, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation.selected-payout, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse.selected-payout, .create-study.page .reward-eligibility .reward-field .border-radius.custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .popup.bottom.xd.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup.bottom.xd.custom-button.payment-donation, .create-study.page .d3-container .popup .reward-eligibility .reward-field .cycle-popup.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup .cycle-popup.custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .selected-payout.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .selected-payout.custom-button.payment-donation, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .custom-button.payment-donation,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .light.custom-button.payment-donation,
.create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.payment-donation, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-field div.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .binary-config .data-sync-icon div.custom-button.payment-donation,
.create-study.page .d3-container .reward-eligibility .reward-field .data-sync-icon div.custom-button.payment-donation,
.create-study.page .reward-eligibility .d3-container .reward-field .data-sync-icon div.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation.payment-donation, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.expand-collapse.payment-donation, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.expand-collapse.payment-donation, .create-study.page .reward-eligibility .reward-field .border-radius.custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .popup.bottom.xd.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup.bottom.xd.custom-button.selected-donation, .create-study.page .d3-container .popup .reward-eligibility .reward-field .cycle-popup.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup .cycle-popup.custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .selected-payout.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .selected-payout.custom-button.selected-donation, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .custom-button.selected-donation,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .light.custom-button.selected-donation,
.create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.selected-donation, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-field div.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .binary-config .data-sync-icon div.custom-button.selected-donation,
.create-study.page .d3-container .reward-eligibility .reward-field .data-sync-icon div.custom-button.selected-donation,
.create-study.page .reward-eligibility .d3-container .reward-field .data-sync-icon div.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation.selected-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.expand-collapse.selected-donation, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.expand-collapse.selected-donation, .create-study.page .reward-eligibility .reward-selection .border-radius.custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .popup.bottom.xd.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .popup.bottom.xd.custom-button.expand-collapse, .create-study.page .d3-container .popup .reward-eligibility .reward-selection .cycle-popup.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .popup .cycle-popup.custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .selected-payout.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .selected-payout.custom-button.expand-collapse, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .gift-cards-config .row.gem-buttons .custom-button.expand-collapse,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-selection .light.custom-button.expand-collapse,
.create-study.page .reward-eligibility .reward-selection .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.expand-collapse, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-selection div.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .binary-config .data-sync-icon div.custom-button.expand-collapse,
.create-study.page .d3-container .reward-field .data-sync-icon .reward-eligibility .reward-selection div.custom-button.expand-collapse,
.create-study.page .reward-eligibility .reward-selection .d3-container .reward-field .data-sync-icon div.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.payment-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.payment-donation.expand-collapse, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.selected-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.selected-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse, .five.alert-note, .create-study.page .d3-container .alert-note.popup.bottom.xd, .create-study.page .d3-container .popup .alert-note.cycle-popup, .create-study.page .d3-container .alert-note.custom-button, .create-study.page .d3-container .alert-note.selected-payout, .create-study.page .reward-eligibility .reward-field .alert-note.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .alert-note.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .alert-note.custom-button.expand-collapse {
  border-radius: 5px;
}
.border-radius.eight, .create-study.page .d3-container .eight.popup.bottom.xd, .create-study.page .d3-container .popup .eight.cycle-popup, .create-study.page .d3-container .eight.custom-button, .create-study.page .d3-container .eight.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.eight,
.create-study.page .d3-container .reward-field .data-sync-icon div.eight, .create-study.page .reward-eligibility .reward-field .eight.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .eight.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .eight.custom-button.expand-collapse, .eight.alert-note {
  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 .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 .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div, .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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .create-study.page .d3-container .larger.popup.bottom.xd, .create-study.page .d3-container .popup .larger.cycle-popup, .create-study.page .d3-container .larger.custom-button, .create-study.page .d3-container .larger.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.larger,
.create-study.page .d3-container .reward-field .data-sync-icon div.larger, .create-study.page .reward-eligibility .reward-field .larger.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .larger.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .larger.custom-button.expand-collapse, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}

/*
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, .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 .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div, .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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .create-study.page .d3-container .two.popup.bottom.xd, .create-study.page .d3-container .popup .two.cycle-popup, .create-study.page .d3-container .two.custom-button, .create-study.page .d3-container .two.selected-payout, .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.two,
.create-study.page .d3-container .reward-field .data-sync-icon div.two, .create-study.page .reward-eligibility .reward-field .two.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .two.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .two.custom-button.expand-collapse, .create-study.page .d3-container .binary-config .data-sync-icon div.border-radius, .create-study.page .d3-container .binary-config .data-sync-icon div.popup.bottom.xd, .create-study.page .d3-container .popup .binary-config .data-sync-icon div.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon .popup div.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon div.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon div.selected-payout, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .binary-config .data-sync-icon div.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon .gift-cards-config .row.gem-buttons div.custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .binary-config .data-sync-icon div.light,
.create-study.page .d3-container .binary-config .data-sync-icon .gift-cards-config .row.gem-buttons div.light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .binary-config .data-sync-icon div,
.create-study.page .d3-container .binary-config .reward-field .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div.border-radius,
.create-study.page .d3-container .reward-field .data-sync-icon div.popup.bottom.xd,
.create-study.page .d3-container .popup .reward-field .data-sync-icon div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon .popup div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon div.selected-payout,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-field .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon .gift-cards-config .row.gem-buttons div.custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-field .data-sync-icon div.light,
.create-study.page .d3-container .reward-field .data-sync-icon .gift-cards-config .row.gem-buttons div.light,
.create-study.page .d3-container .reward-field .data-sync-icon div, .two.alert-note, .create-study.page .d3-container .binary-config .data-sync-icon div.alert-note,
.create-study.page .d3-container .reward-field .data-sync-icon div.alert-note {
  border-radius: 2px;
}
.border-radius.three, .create-study.page .d3-container .three.popup.bottom.xd, .create-study.page .d3-container .popup .three.cycle-popup, .create-study.page .d3-container .three.custom-button, .create-study.page .d3-container .three.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.three,
.create-study.page .d3-container .reward-field .data-sync-icon div.three, .create-study.page .reward-eligibility .reward-field .three.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .three.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .three.custom-button.expand-collapse, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .create-study.page .d3-container .four.popup.bottom.xd, .create-study.page .d3-container .popup .four.cycle-popup, .create-study.page .d3-container .four.custom-button, .create-study.page .d3-container .four.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.four,
.create-study.page .d3-container .reward-field .data-sync-icon div.four, .create-study.page .reward-eligibility .reward-field .four.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .four.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .four.custom-button.expand-collapse, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .create-study.page .d3-container .five.popup.bottom.xd, .create-study.page .d3-container .popup .five.cycle-popup, .create-study.page .d3-container .five.custom-button, .create-study.page .d3-container .five.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 .d3-container .binary-config .data-sync-icon div.five,
.create-study.page .d3-container .reward-field .data-sync-icon div.five, .create-study.page .reward-eligibility .reward-field .five.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .five.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .five.custom-button.expand-collapse, .create-study.page .d3-container .border-radius.popup.bottom.xd, .create-study.page .d3-container .popup.bottom.xd, .create-study.page .d3-container .popup .cycle-popup.popup.bottom.xd, .create-study.page .d3-container .custom-button.popup.bottom.xd, .create-study.page .d3-container .selected-payout.popup.bottom.xd, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button.popup.bottom.xd,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light.popup.bottom.xd, .create-study.page .d3-container .binary-config .data-sync-icon div.popup.bottom.xd,
.create-study.page .d3-container .reward-field .data-sync-icon div.popup.bottom.xd, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation.popup.bottom.xd, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation.popup.bottom.xd, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse.popup.bottom.xd, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse.popup.bottom.xd, .create-study.page .d3-container .popup .border-radius.cycle-popup, .create-study.page .d3-container .popup .popup.bottom.xd.cycle-popup, .create-study.page .d3-container .popup .cycle-popup, .create-study.page .d3-container .popup .custom-button.cycle-popup, .create-study.page .d3-container .popup .selected-payout.cycle-popup, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .popup .custom-button.cycle-popup, .create-study.page .d3-container .popup .gift-cards-config .row.gem-buttons .custom-button.cycle-popup,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .popup .light.cycle-popup,
.create-study.page .d3-container .popup .gift-cards-config .row.gem-buttons .light.cycle-popup, .create-study.page .d3-container .binary-config .data-sync-icon .popup div.cycle-popup, .create-study.page .d3-container .popup .binary-config .data-sync-icon div.cycle-popup,
.create-study.page .d3-container .reward-field .data-sync-icon .popup div.cycle-popup,
.create-study.page .d3-container .popup .reward-field .data-sync-icon div.cycle-popup, .create-study.page .reward-eligibility .reward-field .d3-container .popup .custom-button.payment-donation.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-field .custom-button.payment-donation.cycle-popup, .create-study.page .reward-eligibility .reward-field .d3-container .popup .custom-button.selected-donation.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-field .custom-button.selected-donation.cycle-popup, .create-study.page .reward-eligibility .reward-selection .d3-container .popup .custom-button.expand-collapse.cycle-popup, .create-study.page .d3-container .popup .reward-eligibility .reward-selection .custom-button.expand-collapse.cycle-popup, .create-study.page .d3-container .border-radius.custom-button, .create-study.page .d3-container .popup.bottom.xd.custom-button, .create-study.page .d3-container .popup .cycle-popup.custom-button, .create-study.page .d3-container .custom-button, .create-study.page .d3-container .selected-payout.custom-button, .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.custom-button, .create-study.page .d3-container .binary-config .data-sync-icon div.custom-button,
.create-study.page .d3-container .reward-field .data-sync-icon div.custom-button, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .d3-container .border-radius.selected-payout, .create-study.page .d3-container .popup.bottom.xd.selected-payout, .create-study.page .d3-container .popup .cycle-popup.selected-payout, .create-study.page .d3-container .custom-button.selected-payout, .create-study.page .d3-container .selected-payout, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .custom-button.selected-payout,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light.selected-payout, .create-study.page .d3-container .binary-config .data-sync-icon div.selected-payout,
.create-study.page .d3-container .reward-field .data-sync-icon div.selected-payout, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation.selected-payout, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation.selected-payout, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse.selected-payout, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse.selected-payout, .create-study.page .reward-eligibility .reward-field .border-radius.custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .popup.bottom.xd.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup.bottom.xd.custom-button.payment-donation, .create-study.page .d3-container .popup .reward-eligibility .reward-field .cycle-popup.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup .cycle-popup.custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.payment-donation, .create-study.page .d3-container .reward-eligibility .reward-field .selected-payout.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .selected-payout.custom-button.payment-donation, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .custom-button.payment-donation,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .light.custom-button.payment-donation,
.create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.payment-donation, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-field div.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .d3-container .binary-config .data-sync-icon div.custom-button.payment-donation,
.create-study.page .d3-container .reward-eligibility .reward-field .data-sync-icon div.custom-button.payment-donation,
.create-study.page .reward-eligibility .d3-container .reward-field .data-sync-icon div.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation.payment-donation, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.expand-collapse.payment-donation, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.expand-collapse.payment-donation, .create-study.page .reward-eligibility .reward-field .border-radius.custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .popup.bottom.xd.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup.bottom.xd.custom-button.selected-donation, .create-study.page .d3-container .popup .reward-eligibility .reward-field .cycle-popup.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .popup .cycle-popup.custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .custom-button.selected-donation, .create-study.page .d3-container .reward-eligibility .reward-field .selected-payout.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .selected-payout.custom-button.selected-donation, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .custom-button.selected-donation,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-field .light.custom-button.selected-donation,
.create-study.page .reward-eligibility .reward-field .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.selected-donation, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-field div.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .d3-container .binary-config .data-sync-icon div.custom-button.selected-donation,
.create-study.page .d3-container .reward-eligibility .reward-field .data-sync-icon div.custom-button.selected-donation,
.create-study.page .reward-eligibility .d3-container .reward-field .data-sync-icon div.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-field .custom-button.payment-donation.selected-donation, .create-study.page .reward-eligibility .reward-field .custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.expand-collapse.selected-donation, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.expand-collapse.selected-donation, .create-study.page .reward-eligibility .reward-selection .border-radius.custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .popup.bottom.xd.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .popup.bottom.xd.custom-button.expand-collapse, .create-study.page .d3-container .popup .reward-eligibility .reward-selection .cycle-popup.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .popup .cycle-popup.custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .custom-button.expand-collapse, .create-study.page .d3-container .reward-eligibility .reward-selection .selected-payout.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .selected-payout.custom-button.expand-collapse, .create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-selection .custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .gift-cards-config .row.gem-buttons .custom-button.expand-collapse,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .reward-eligibility .reward-selection .light.custom-button.expand-collapse,
.create-study.page .reward-eligibility .reward-selection .d3-container .gift-cards-config .row.gem-buttons .light.custom-button.expand-collapse, .create-study.page .d3-container .binary-config .data-sync-icon .reward-eligibility .reward-selection div.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-selection .d3-container .binary-config .data-sync-icon div.custom-button.expand-collapse,
.create-study.page .d3-container .reward-field .data-sync-icon .reward-eligibility .reward-selection div.custom-button.expand-collapse,
.create-study.page .reward-eligibility .reward-selection .d3-container .reward-field .data-sync-icon div.custom-button.expand-collapse, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.payment-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.payment-donation.expand-collapse, .create-study.page .reward-eligibility .reward-field .reward-selection .custom-button.selected-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .reward-field .custom-button.selected-donation.expand-collapse, .create-study.page .reward-eligibility .reward-selection .custom-button.expand-collapse, .five.alert-note, .create-study.page .d3-container .alert-note.popup.bottom.xd, .create-study.page .d3-container .popup .alert-note.cycle-popup, .create-study.page .d3-container .alert-note.custom-button, .create-study.page .d3-container .alert-note.selected-payout, .create-study.page .reward-eligibility .reward-field .alert-note.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .alert-note.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .alert-note.custom-button.expand-collapse {
  border-radius: 5px;
}
.border-radius.eight, .create-study.page .d3-container .eight.popup.bottom.xd, .create-study.page .d3-container .popup .eight.cycle-popup, .create-study.page .d3-container .eight.custom-button, .create-study.page .d3-container .eight.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.eight,
.create-study.page .d3-container .reward-field .data-sync-icon div.eight, .create-study.page .reward-eligibility .reward-field .eight.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .eight.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .eight.custom-button.expand-collapse, .eight.alert-note {
  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 .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 .custom-button,
.create-study.page .d3-container .gift-cards-config .row.gem-buttons .light, .create-study.page .d3-container .binary-config .data-sync-icon div,
.create-study.page .d3-container .reward-field .data-sync-icon div, .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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .create-study.page .d3-container .larger.popup.bottom.xd, .create-study.page .d3-container .popup .larger.cycle-popup, .create-study.page .d3-container .larger.custom-button, .create-study.page .d3-container .larger.selected-payout, .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, .create-study.page .d3-container .binary-config .data-sync-icon div.larger,
.create-study.page .d3-container .reward-field .data-sync-icon div.larger, .create-study.page .reward-eligibility .reward-field .larger.custom-button.payment-donation, .create-study.page .reward-eligibility .reward-field .larger.custom-button.selected-donation, .create-study.page .reward-eligibility .reward-selection .larger.custom-button.expand-collapse, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}

.id-selection-section {
  margin: 24px 0;
  font-family: "canada-type-gibson", sans-serif;
}
.id-selection-section h5 {
  font-size: 17px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 16px;
}
.id-selection-section .id-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.id-configuration-section {
  margin: 24px 0;
  font-family: "canada-type-gibson", sans-serif;
  transition: all 0.3s ease;
}
.id-configuration-section > h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2c3e50;
  margin-bottom: 16px;
}
.id-configuration-section .section-toggle-bar {
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd8e3;
  background: #e7f8fe;
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  height: 34px;
  cursor: pointer;
}
.id-configuration-section .section-toggle-bar .title {
  color: #2c3e50;
  font-size: 17px;
  font-weight: 500;
}
.id-configuration-section .section-toggle-bar .chevron {
  position: absolute;
  right: 12px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #5b7ab3;
  border-bottom: 2px solid #5b7ab3;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  margin-top: -2px;
}
.id-configuration-section .section-toggle-bar.open .chevron {
  transform: rotate(45deg);
  margin-top: 2px;
}
.id-configuration-section .id-format-builder {
  margin-top: 16px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.id-format-builder {
  margin: 20px 0;
  font-family: "canada-type-gibson", sans-serif;
}
.id-format-builder .format-config-section {
  margin-bottom: 24px;
}
.id-format-builder .format-config-section h5 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 12px;
}
.id-format-builder .format-config-section .radio-group {
  display: flex;
  gap: 32px;
  margin-top: 12px;
}
.id-format-builder .format-config-section .radio-group .radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.2s;
}
.id-format-builder .format-config-section .radio-group .radio-option input[type=radio] {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #031933;
}
.id-format-builder .format-config-section .radio-group .radio-option span {
  font-size: 14px;
  color: #2d3748;
  font-weight: 400;
}
.id-format-builder .format-config-section .radio-group .radio-option:hover {
  background: rgba(74, 144, 226, 0.08);
}
.id-format-builder .format-config-section .radio-group .radio-option input[type=radio]:checked + span {
  color: #031933;
  font-weight: 500;
}
.id-format-builder .pattern-config-section {
  margin-top: 24px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}
.id-format-builder .pattern-config-section h5 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
}
.id-format-builder .pattern-config-section h6 {
  font-size: 13px;
  font-weight: 500;
  color: #34495e;
  margin-bottom: 10px;
  margin-top: 20px;
}
.id-format-builder .pattern-config-section .instruction-text {
  font-size: 13px;
  color: #5a6c7d;
  margin-bottom: 16px;
  font-style: italic;
}
.id-format-builder .pattern-config-section .warning-text {
  font-size: 13px;
  color: #e74c3c;
  margin-top: 8px;
  font-weight: 500;
}
.id-format-builder .pattern-builder-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 80px;
  padding: 16px;
  background: white;
  border: 2px dashed #cbd5e0;
  border-radius: 6px;
  align-items: flex-start;
  align-content: flex-start;
  transition: border-color 0.2s;
}
.id-format-builder .pattern-builder-container:hover {
  border-color: #d4e6fa;
}
.id-format-builder .pattern-builder-container .cursor-grab-disabled {
  cursor: not-allowed !important;
}
.id-format-builder .pattern-builder-container .empty-placeholder {
  width: 100%;
  text-align: center;
  color: #a0aec0;
  font-size: 14px;
  padding: 20px 0;
}
.id-format-builder .id-format-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  background: #e7f8fe;
  color: black;
  border-radius: 6px;
  font-size: 11.5px;
  cursor: move;
  user-select: none;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.id-format-builder .id-format-tag:hover {
  background: #c8d6e4;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.id-format-builder .id-format-tag:active {
  cursor: grabbing;
}
.id-format-builder .id-format-tag.disabled {
  cursor: not-allowed !important;
  opacity: 0.7;
}
.id-format-builder .id-format-tag.disabled:hover {
  background: #e7f8fe;
  transform: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.id-format-builder .id-format-tag .tag-label {
  white-space: nowrap;
  font-weight: 500;
  font-size: 11.5px;
  text-transform: none;
  letter-spacing: 0.3px;
}
.id-format-builder .id-format-tag .tag-input-wrapper {
  display: inline-flex;
  align-items: center;
  cursor: text;
}
.id-format-builder .id-format-tag .tag-input {
  margin: 0 !important;
}
.id-format-builder .id-format-tag .tag-input input {
  padding: 1px 6px !important;
  font-size: 12px !important;
  height: 22px !important;
  line-height: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #2d3748 !important;
  min-width: 50px;
  font-weight: 400;
}
.id-format-builder .id-format-tag .tag-input input::placeholder {
  color: #a0aec0 !important;
  font-weight: 400;
}
.id-format-builder .id-format-tag .tag-input input:focus {
  outline: none !important;
  border-color: white !important;
  background: white !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}
.id-format-builder .id-format-tag .remove-tag {
  background: rgba(255, 255, 255, 0.25);
  border: none;
  color: black;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  transition: all 0.2s;
  margin-left: 4px;
}
.id-format-builder .id-format-tag .remove-tag:hover:not(:disabled) {
  background: rgba(231, 76, 60, 0.9);
  transform: scale(1.1);
}
.id-format-builder .id-format-tag .remove-tag:active:not(:disabled) {
  transform: scale(0.95);
}
.id-format-builder .id-format-tag .remove-tag:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.id-format-builder .id-format-tag .remove-tag:disabled:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: none;
}
.id-format-builder .id-format-tag .remove-tag.disabled-indicator {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
.id-format-builder .pattern-preview {
  margin-top: 20px;
}
.id-format-builder .pattern-preview h6 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
  margin-top: 0;
}
.id-format-builder .pattern-preview .preview-box {
  padding: 12px 16px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 450;
  color: #4155af;
  letter-spacing: 0.5px;
  min-height: 48px;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.id-format-builder .pattern-preview .preview-box:empty::before {
  content: "No pattern defined yet";
  color: #a0aec0;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 14px;
}
.id-format-builder .available-tags-section {
  margin-top: 20px;
}
.id-format-builder .available-tags-section h6 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
  margin-top: 0;
}
.id-format-builder .available-tags-section .available-tags-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag {
  padding: 12px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #2d3748;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:hover:not(:disabled) {
  background: #f7fafc;
  border-color: #373b41;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(74, 144, 226, 0.15);
  color: #4a90e2;
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.id-format-tag.sortable-helper {
  z-index: 10000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
  .id-format-builder .pattern-builder-container {
    min-height: 100px;
  }
  .id-format-builder .available-tags-section .available-tags-grid {
    grid-template-columns: 1fr;
  }
}
#expiration-input {
  width: 80px;
}

.visit-error {
  display: none;
  margin: 16px 0px -15px 0px;
}
.visit-error svg {
  width: 15px;
  margin-right: 8px;
}
.visit-error {
  color: #cb2d2d;
}

.create-study-error {
  color: #cb2d2d;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-left: 3px solid #cb2d2d;
  background-color: rgba(244, 67, 54, 0.05);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.create-study-error i {
  font-size: 16px;
  flex-shrink: 0;
}
.create-study-error span {
  line-height: 1.4;
}

.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 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 {
  margin-bottom: 30px;
}
.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;
}
.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 .config-checkboxes .d3-radio {
  width: 50%;
}
.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 .checkbox:not(:last-of-type) {
  margin-bottom: 6px;
}
.create-study.page .d3-container .sub-menu {
  max-width: 800px;
  margin: 10px 0 0 50px;
  width: calc(100% - 60px);
}
.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.payment {
  padding: 19px 26px;
}
.create-study.page .d3-container .custom-button {
  color: #313d98;
}
.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 .read-only-section .id-config-display p {
  text-align: right;
  margin-bottom: 8px;
}
.create-study.page .read-only-section .id-config-display p:last-child {
  margin-bottom: 0;
}
.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;
}
/*
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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}

.id-selection-section {
  margin: 24px 0;
  font-family: "canada-type-gibson", sans-serif;
}
.id-selection-section h5 {
  font-size: 17px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 16px;
}
.id-selection-section .id-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.id-configuration-section {
  margin: 24px 0;
  font-family: "canada-type-gibson", sans-serif;
  transition: all 0.3s ease;
}
.id-configuration-section > h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2c3e50;
  margin-bottom: 16px;
}
.id-configuration-section .section-toggle-bar {
  border-radius: 4px 4px 0 0;
  border: 1px solid #cfd8e3;
  background: #e7f8fe;
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  height: 34px;
  cursor: pointer;
}
.id-configuration-section .section-toggle-bar .title {
  color: #2c3e50;
  font-size: 17px;
  font-weight: 500;
}
.id-configuration-section .section-toggle-bar .chevron {
  position: absolute;
  right: 12px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #5b7ab3;
  border-bottom: 2px solid #5b7ab3;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  margin-top: -2px;
}
.id-configuration-section .section-toggle-bar.open .chevron {
  transform: rotate(45deg);
  margin-top: 2px;
}
.id-configuration-section .id-format-builder {
  margin-top: 16px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.id-format-builder {
  margin: 20px 0;
  font-family: "canada-type-gibson", sans-serif;
}
.id-format-builder .format-config-section {
  margin-bottom: 24px;
}
.id-format-builder .format-config-section h5 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 12px;
}
.id-format-builder .format-config-section .radio-group {
  display: flex;
  gap: 32px;
  margin-top: 12px;
}
.id-format-builder .format-config-section .radio-group .radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.2s;
}
.id-format-builder .format-config-section .radio-group .radio-option input[type=radio] {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #031933;
}
.id-format-builder .format-config-section .radio-group .radio-option span {
  font-size: 14px;
  color: #2d3748;
  font-weight: 400;
}
.id-format-builder .format-config-section .radio-group .radio-option:hover {
  background: rgba(74, 144, 226, 0.08);
}
.id-format-builder .format-config-section .radio-group .radio-option input[type=radio]:checked + span {
  color: #031933;
  font-weight: 500;
}
.id-format-builder .pattern-config-section {
  margin-top: 24px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}
.id-format-builder .pattern-config-section h5 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
}
.id-format-builder .pattern-config-section h6 {
  font-size: 13px;
  font-weight: 500;
  color: #34495e;
  margin-bottom: 10px;
  margin-top: 20px;
}
.id-format-builder .pattern-config-section .instruction-text {
  font-size: 13px;
  color: #5a6c7d;
  margin-bottom: 16px;
  font-style: italic;
}
.id-format-builder .pattern-config-section .warning-text {
  font-size: 13px;
  color: #e74c3c;
  margin-top: 8px;
  font-weight: 500;
}
.id-format-builder .pattern-builder-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 80px;
  padding: 16px;
  background: white;
  border: 2px dashed #cbd5e0;
  border-radius: 6px;
  align-items: flex-start;
  align-content: flex-start;
  transition: border-color 0.2s;
}
.id-format-builder .pattern-builder-container:hover {
  border-color: #d4e6fa;
}
.id-format-builder .pattern-builder-container .cursor-grab-disabled {
  cursor: not-allowed !important;
}
.id-format-builder .pattern-builder-container .empty-placeholder {
  width: 100%;
  text-align: center;
  color: #a0aec0;
  font-size: 14px;
  padding: 20px 0;
}
.id-format-builder .id-format-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  background: #e7f8fe;
  color: black;
  border-radius: 6px;
  font-size: 11.5px;
  cursor: move;
  user-select: none;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.id-format-builder .id-format-tag:hover {
  background: #c8d6e4;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.id-format-builder .id-format-tag:active {
  cursor: grabbing;
}
.id-format-builder .id-format-tag.disabled {
  cursor: not-allowed !important;
  opacity: 0.7;
}
.id-format-builder .id-format-tag.disabled:hover {
  background: #e7f8fe;
  transform: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.id-format-builder .id-format-tag .tag-label {
  white-space: nowrap;
  font-weight: 500;
  font-size: 11.5px;
  text-transform: none;
  letter-spacing: 0.3px;
}
.id-format-builder .id-format-tag .tag-input-wrapper {
  display: inline-flex;
  align-items: center;
  cursor: text;
}
.id-format-builder .id-format-tag .tag-input {
  margin: 0 !important;
}
.id-format-builder .id-format-tag .tag-input input {
  padding: 1px 6px !important;
  font-size: 12px !important;
  height: 22px !important;
  line-height: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #2d3748 !important;
  min-width: 50px;
  font-weight: 400;
}
.id-format-builder .id-format-tag .tag-input input::placeholder {
  color: #a0aec0 !important;
  font-weight: 400;
}
.id-format-builder .id-format-tag .tag-input input:focus {
  outline: none !important;
  border-color: white !important;
  background: white !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}
.id-format-builder .id-format-tag .remove-tag {
  background: rgba(255, 255, 255, 0.25);
  border: none;
  color: black;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  transition: all 0.2s;
  margin-left: 4px;
}
.id-format-builder .id-format-tag .remove-tag:hover:not(:disabled) {
  background: rgba(231, 76, 60, 0.9);
  transform: scale(1.1);
}
.id-format-builder .id-format-tag .remove-tag:active:not(:disabled) {
  transform: scale(0.95);
}
.id-format-builder .id-format-tag .remove-tag:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.id-format-builder .id-format-tag .remove-tag:disabled:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: none;
}
.id-format-builder .id-format-tag .remove-tag.disabled-indicator {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
.id-format-builder .pattern-preview {
  margin-top: 20px;
}
.id-format-builder .pattern-preview h6 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
  margin-top: 0;
}
.id-format-builder .pattern-preview .preview-box {
  padding: 12px 16px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 14px;
  font-weight: 450;
  color: #4155af;
  letter-spacing: 0.5px;
  min-height: 48px;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.id-format-builder .pattern-preview .preview-box:empty::before {
  content: "No pattern defined yet";
  color: #a0aec0;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 14px;
}
.id-format-builder .available-tags-section {
  margin-top: 20px;
}
.id-format-builder .available-tags-section h6 {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 8px;
  margin-top: 0;
}
.id-format-builder .available-tags-section .available-tags-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag {
  padding: 12px 12px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  color: #2d3748;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:hover:not(:disabled) {
  background: #f7fafc;
  border-color: #373b41;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(74, 144, 226, 0.15);
  color: #4a90e2;
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.id-format-builder .available-tags-section .available-tags-grid .available-tag:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.id-format-tag.sortable-helper {
  z-index: 10000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
  .id-format-builder .pattern-builder-container {
    min-height: 100px;
  }
  .id-format-builder .available-tags-section .available-tags-grid {
    grid-template-columns: 1fr;
  }
}
.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 > button:first-child {
  margin-left: 0;
}
.d3-modal .content .payout-form .bottom {
  justify-content: space-between;
  padding: 4px 0 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;
}
.charity-preview-content .mobile-viewport > * {
  width: 100%;
}
.charity-preview-content .mobile-viewport p {
  margin-top: 0;
}
.charity-preview-content .mobile-viewport {
  border-radius: 6px;
  border: 2px solid #e8eaed;
  overflow: auto;
  height: 652px;
  width: 376px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 .ProseMirror {
  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;
}
li.top-item i {
  margin-right: 10px;
}
li.top-item {
  color: #107bd5;
}
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;
}
.clinro-iframe {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.clinro-iframe .clinro-header {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.clinro-iframe .clinro-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.clinro-iframe .clinro-embedded-iframe {
  flex: 1;
  width: 100%;
  border: none;
  min-height: 600px;
}
.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 .ProseMirror {
  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 .item-list {
  width: calc(100vw - (360px + 120px + 420px + 14px));
  min-width: 680px;
}
.e-consent .builder-content .main-editor-section {
  margin-left: calc(360px + 14px + 120px);
  width: auto;
}
.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.signee-instructions {
  max-width: 700px;
}
.e-consent .builder-content .signature li.signature-steps p {
  margin-bottom: 20px;
}
.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 .ProseMirror {
  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 .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,
.sortableHelper.sortable-items {
  list-style: none;
}
.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: 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 .d3-input.score-val-input input,
.select-option .d3-input.score-val-input input:focus, .select-option .choice-value-input input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

.border-radius, .select-option .d3-input.score-val-input, .image-container.flexed.column .image,
.image-container.flexed.column .media,
.media-container.flexed.column .image,
.media-container.flexed.column .media, .image-container.flexed.column,
.media-container.flexed.column, .logic-preview, .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, .survey-item-container .label-header .d3-editor .ProseMirror, .survey-item-container .label-header .d3-editor, .logic.panel .logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input, .survey-builder .media-uploader, .survey-item-styling, .select-option .choice-label-input, .select-option .choice-value-input input, .vas-input input, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .select-option .two.d3-input.score-val-input, .image-container.flexed.column .two.image,
.image-container.flexed.column .two.media,
.media-container.flexed.column .two.image,
.media-container.flexed.column .two.media, .two.image-container.flexed.column,
.two.media-container.flexed.column, .two.logic-preview, .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, .survey-item-container .label-header .d3-editor .two.ProseMirror, .survey-item-container .label-header .two.d3-editor, .logic.panel .two.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.two, .survey-builder .two.media-uploader, .two.survey-item-styling, .select-option .two.choice-label-input, .select-option .choice-value-input input.two, .vas-input input.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .select-option .three.d3-input.score-val-input, .image-container.flexed.column .three.image,
.image-container.flexed.column .three.media,
.media-container.flexed.column .three.image,
.media-container.flexed.column .three.media, .three.image-container.flexed.column,
.three.media-container.flexed.column, .three.logic-preview, .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, .survey-item-container .label-header .d3-editor .three.ProseMirror, .survey-item-container .label-header .three.d3-editor, .logic.panel .three.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.three, .survey-builder .three.media-uploader, .three.survey-item-styling, .select-option .three.choice-label-input, .select-option .choice-value-input input.three, .vas-input input.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .select-option .four.d3-input.score-val-input, .image-container.flexed.column .four.image,
.image-container.flexed.column .four.media,
.media-container.flexed.column .four.image,
.media-container.flexed.column .four.media, .four.image-container.flexed.column,
.four.media-container.flexed.column, .four.logic-preview, .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, .survey-item-container .label-header .d3-editor .four.ProseMirror, .survey-item-container .label-header .four.d3-editor, .logic.panel .four.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.four, .survey-builder .four.media-uploader, .four.survey-item-styling, .select-option .four.choice-label-input, .select-option .choice-value-input input.four, .vas-input input.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .select-option .five.d3-input.score-val-input, .image-container.flexed.column .five.image,
.image-container.flexed.column .five.media,
.media-container.flexed.column .five.image,
.media-container.flexed.column .five.media, .five.image-container.flexed.column,
.five.media-container.flexed.column, .five.logic-preview, .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, .survey-item-container .label-header .d3-editor .five.ProseMirror, .survey-item-container .label-header .five.d3-editor, .logic.panel .five.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.five, .survey-builder .five.media-uploader, .five.survey-item-styling, .select-option .five.choice-label-input, .select-option .choice-value-input input.five, .vas-input input.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .select-option .eight.d3-input.score-val-input, .image-container.flexed.column .eight.image,
.image-container.flexed.column .eight.media,
.media-container.flexed.column .eight.image,
.media-container.flexed.column .eight.media, .eight.image-container.flexed.column,
.eight.media-container.flexed.column, .eight.logic-preview, .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, .survey-item-container .label-header .d3-editor .eight.ProseMirror, .survey-item-container .label-header .eight.d3-editor, .logic.panel .eight.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.eight, .survey-builder .eight.media-uploader, .eight.survey-item-styling, .select-option .eight.choice-label-input, .select-option .choice-value-input input.eight, .vas-input input.eight, .eight.alert-note {
  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 .d3-input.score-val-input input::-webkit-outer-spin-button,
.select-option .d3-input.score-val-input input:focus::-webkit-outer-spin-button, .select-option .choice-value-input input::-webkit-outer-spin-button, .no-num-step-buttons::-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, .select-option .choice-value-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-num-step-buttons[type=number], .select-option .d3-input.score-val-input input[type=number], .select-option .choice-value-input input[type=number] {
  -moz-appearance: textfield;
}

.full-width {
  width: 100%;
}

.border-radius, .select-option .d3-input.score-val-input, .image-container.flexed.column .image,
.image-container.flexed.column .media,
.media-container.flexed.column .image,
.media-container.flexed.column .media, .image-container.flexed.column,
.media-container.flexed.column, .logic-preview, .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, .survey-item-container .label-header .d3-editor .ProseMirror, .survey-item-container .label-header .d3-editor, .logic.panel .logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input, .survey-builder .media-uploader, .survey-item-styling, .select-option .choice-label-input, .select-option .choice-value-input input, .vas-input input, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .select-option .larger.d3-input.score-val-input, .image-container.flexed.column .larger.image,
.image-container.flexed.column .larger.media,
.media-container.flexed.column .larger.image,
.media-container.flexed.column .larger.media, .larger.image-container.flexed.column,
.larger.media-container.flexed.column, .larger.logic-preview, .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, .survey-item-container .label-header .d3-editor .larger.ProseMirror, .survey-item-container .label-header .larger.d3-editor, .logic.panel .larger.logic-group, .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, .survey-builder .builder-content .right-section .item-editor .panel .section > input.larger, .survey-builder .larger.media-uploader, .larger.survey-item-styling, .select-option .larger.choice-label-input, .select-option .choice-value-input input.larger, .vas-input input.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .select-option .choice-label-input, .select-option .choice-value-input input, .vas-input 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.disabled,
.survey-item-container.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.title-section,
.survey-item-container {
  min-width: 900px;
}

.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 .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 {
  background: #f6f8f9;
  overflow-y: hidden;
  min-height: calc(100vh - 60px);
  min-width: 1200px;
}
.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: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 {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  cursor: pointer;
}
.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.question-list {
  margin-top: 4px;
}
.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.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.selection-rules .selection-rules-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-header .selection-rule-label {
  font-size: 14px;
  color: #343334;
  font-weight: 400;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-header .fa-info-circle {
  color: #343334;
  font-size: 14px;
  cursor: help;
  opacity: 0.6;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-header .fa-info-circle:hover {
  opacity: 1;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 0;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls p.inline.flexed {
  width: 40px;
  justify-content: center;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls .custom-button.circle {
  vertical-align: middle;
  font-size: 25px;
  background: #eceff0;
  border: none;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls .custom-button.circle .fas {
  color: #343334;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls .custom-button.circle:hover {
  color: #1ea896;
  cursor: pointer;
}
.survey-builder .builder-content .right-section .item-editor .panel.selection-rules .selection-rules-content .selection-rule-item .selection-rule-controls .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: 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 > p {
  color: #1ea896;
}
.logic.panel .logic-group {
  margin: 5px 0px;
  border: 1px solid #1ea896;
  padding: 5px;
}
.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 .ProseMirror,
.survey-item-container .focus .ProseMirror,
.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 .ProseMirror {
  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 .select-option .choice-label-input, .select-option .survey-item-container.active .choice-label-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 .vas-input input, .vas-input .survey-item-container.active input,
.survey-item-container.active .ProseMirror {
  background: #e7f8fe;
}
.survey-item-container.active .survey-item-styling: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 .select-option .choice-value-input input:focus, .select-option .choice-value-input .survey-item-container.active input:focus, .survey-item-container.active .vas-input input:focus, .vas-input .survey-item-container.active input:focus,
.survey-item-container.active .survey-item-styling .d3-editor.focus .ProseMirror,
.survey-item-container.active .select-option .choice-label-input .d3-editor.focus .ProseMirror,
.select-option .survey-item-container.active .choice-label-input .d3-editor.focus .ProseMirror,
.survey-item-container.active .select-option .choice-value-input input .d3-editor.focus .ProseMirror,
.select-option .choice-value-input .survey-item-container.active input .d3-editor.focus .ProseMirror,
.survey-item-container.active .vas-input input .d3-editor.focus .ProseMirror,
.vas-input .survey-item-container.active input .d3-editor.focus .ProseMirror,
.survey-item-container.active .ProseMirror:focus,
.survey-item-container.active .ProseMirror .d3-editor.focus .ProseMirror {
  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 .ProseMirror,
.survey-item-container.active .d3-editor.choice-label-input .ProseMirror {
  padding: 6px 10px 5px;
}
.survey-item-container.active .d3-editor.choice-label-input.no-icon {
  width: 277px;
}
.survey-item-container.active .d3-editor.focus .ProseMirror {
  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 .ProseMirror {
  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 .ProseMirror {
  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 .ProseMirror {
  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;
}
.image-container.flexed.column.NRS,
.media-container.flexed.column.NRS {
  width: max-content;
  height: auto;
  margin-top: 8px;
}
.image-container.flexed.column,
.media-container.flexed.column {
  border: 3px solid #dddddd;
  justify-content: center;
}
.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 input {
  width: 190px;
}
.vas-input.scale-label-input {
  margin-bottom: 25px;
}
.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;
}
.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;
}
.opt-out-label-input {
  margin: 24px 0;
}

.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 .ProseMirror {
  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 .d3-editor {
  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 .d3-editor {
  width: 100%;
}
.preview.page .survey-question .d3-editor-wrapper .d3-editor.read-only .ProseMirror {
  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: none;
}
.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 .preview.page .collapse-menu {
  margin-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 20px;
}
.d3-drawer .preview.page .collapse-menu:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.d3-drawer .preview.page .collapse-menu .title-bar {
  background: white !important;
  border-radius: 4px;
  position: relative;
}
.d3-drawer .preview.page .collapse-menu .title-bar .title {
  color: #000000 !important;
  padding: 15px 40px;
  margin: 0px;
  padding-bottom: 0px;
  position: relative;
}
.d3-drawer .preview.page .collapse-menu .title-bar .title:before {
  content: "\f0da";
  position: absolute;
  left: 15px;
  top: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #313d98 !important;
}
.d3-drawer .preview.page .collapse-menu .title-bar .sub-title {
  color: #313d98;
  padding: 0px 40px 15px;
  margin: 0px;
}
.d3-drawer .preview.page .collapse-menu.open .title-bar {
  background: white !important;
}
.d3-drawer .preview.page .collapse-menu.open .title-bar .title {
  color: #000000 !important;
  font-weight: normal;
  padding: 15px 40px;
}
.d3-drawer .preview.page .collapse-menu.open .title-bar .title:before {
  content: "\f0d7";
  color: #313d98 !important;
}
.d3-drawer .preview.page .collapse-menu.open .title-bar .sub-title {
  display: none;
}
.d3-drawer .preview.page .collapse-menu .main-menu {
  padding: 20px 40px;
  margin: 0;
  display: none;
  background: white;
  border: none !important;
}
.d3-drawer .preview.page .collapse-menu .main-menu .page-break {
  border-bottom: none !important;
}
.d3-drawer .preview.page .collapse-menu.open .main-menu {
  display: block;
  border: none !important;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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 > .popup-container .popup-trigger {
  height: 100%;
}
.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 .custom-button {
  margin-left: 0px;
}
.instruments.page .flexed-header.sticky.search {
  padding-bottom: 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%;
}
.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 .upload-container {
  margin-bottom: 15px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 > .popup-container .popup-trigger {
  height: 100%;
}
.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 .custom-button {
  margin-left: 0px;
}
.instruments.page .flexed-header.sticky.search {
  padding-bottom: 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%;
}
.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 .upload-container {
  margin-bottom: 15px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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-container.cohort-management-compact {
  padding: 0;
  background: transparent;
}
.scheduler.page .ptp-management .d3-container.cohort-management-compact p {
  margin: 0 0 6px 0;
}
.scheduler.page .ptp-management .d3-container.cohort-management-compact .tags span {
  margin-bottom: 6px;
}
.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.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,
.scheduler.page .expire-menu,
.scheduler.page .save-review-menu,
.scheduler.page .triggered-by-menu {
  margin-bottom: 50px;
}
.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#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,
.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: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 p {
  margin: 0;
}
.scheduler.page .article-type .visit-instrument-deployment-time {
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding-left: 30px;
}
.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.with-error .sub-title {
  color: #cb2d2d;
}
.collapse-menu {
  margin-bottom: 10px;
}
.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;
  padding-top: 17px;
  margin: 0px;
  font-size: 16px;
}
.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;
  font-size: 18px;
  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;
}
.collapse-menu .trigger-menu .compliance-menu-row.start-aligned .error-text.nowrap {
  white-space: inherit;
}
.collapse-menu .trigger-menu .compliance-menu-row.start-aligned .error-text {
  position: 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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.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 .icon-select .d3-radio {
  padding: 20px 10px;
  margin: 10px 10px 10px 0px;
  border: 1px solid #e0e0e0;
}
.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 .dropbar-content {
  margin-right: 6px;
}
.metadata.page .review-screen-properties .d3-radio .d3-dropdown {
  margin: 8px 10px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.scoring.page .half-page .domain-row:first-of-type {
  margin-top: 14px;
}
.scoring.page .half-page .domain-row {
  margin-bottom: 18px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .two.noti-schedule-button, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .three.noti-schedule-button, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .four.noti-schedule-button, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .five.noti-schedule-button, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .eight.noti-schedule-button, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .edit-conditional-notification.page .d3-container.schedule .disabled-everyday .larger.noti-schedule-button, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px 10px;
}
.participant.page .info-row {
  width: fit-content;
  min-width: 100%;
  gap: 20px;
}
.participant.page .info-row .text {
  white-space: nowrap;
}
.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: 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;
}
.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 {
  position: relative;
}
.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 .pre_screen_id-input-wrapper .d3-input {
  max-width: 290px;
}
.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: 950px;
  min-width: 950px;
}
.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:first-of-type {
  font-size: 20px;
  color: #313d98;
}
.d3-drawer .participant.page .participant-stats .compliance p b {
  font-weight: 700;
  font-size: 20px;
  color: #737373;
}
.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-popup {
  min-width: 150%;
}

.popup-container.actions-popup .popup {
  min-width: 100% !important;
}

.popup-container.actions-popup .popup.dark .custom-button {
  text-align: left;
  width: 100%;
  padding: 10px;
  color: white;
  background: none;
}
.popup-container.actions-popup .popup.dark .custom-button:hover {
  background: #545454;
  color: white;
}
.popup-container.actions-popup .popup.dark .custom-button:active {
  background: #545454;
  color: white;
  filter: contrast(150%);
}
.popup-container.actions-popup .popup.dark .view-instruments-btn.custom-button {
  background: #e0e0e0;
  color: #000000;
}
.popup-container.actions-popup .popup.dark .view-instruments-btn.custom-button:hover {
  background: #545454;
  color: white;
}
.popup-container.actions-popup .popup.dark .view-instruments-btn.custom-button:active {
  background: #e0e0e0;
  color: #000000;
}

.spacer {
  display: inline-block;
  width: 234px;
}

.status-info-box {
  display: flex;
  align-items: flex-start;
  /* icon aligns to top */
  gap: 8px;
}
.status-info-box .fa-check {
  color: #009782;
}
.status-info-box .fa-exclamation-circle {
  color: #cb2d2d;
  font-size: 14px;
  /* match screenshot */
  margin-top: 2px;
  /* align icon with first text line */
}
.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;
}
.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

.border-radius, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.visits.page .flexed-header.sticky.history h3 {
  margin-bottom: 36px;
}
.visits.page .flexed-header.sticky.history {
  flex-direction: column;
}
.visits.page .flexed-header.sticky.history > * {
  width: 100%;
}
.visits.page .flexed-header.sticky.history {
  padding-bottom: 24px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 .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 {
  padding-left: 0;
  padding-right: 0;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 path {
  fill: #313d98;
}
.site-consent-config .rich-button-container .rich-button svg {
  margin-top: 34px;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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 > 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 {
  align-items: center;
}
.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: rgb(226, 216, 234);
  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;
}
.study-dashboard.page .data-gap-chart .custom-button:last-child {
  align-self: end;
  margin-top: 20px;
}
.study-dashboard.page .data-gap-chart {
  padding: 25px;
  border-top: 4px solid #99e3ec;
  background: #eef6f7;
}
.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, .alert-note {
  border-radius: 3px;
}
.border-radius.two, .two.alert-note {
  border-radius: 2px;
}
.border-radius.three, .alert-note {
  border-radius: 3px;
}
.border-radius.four, .four.alert-note {
  border-radius: 4px;
}
.border-radius.five, .five.alert-note {
  border-radius: 5px;
}
.border-radius.eight, .eight.alert-note {
  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, .alert-note {
  border-radius: 3px;
}
.border-radius.larger, .larger.alert-note {
  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-horizontal, .absolute-center-vertical {
  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;
}
.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;
}
.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 {
  /*
    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 .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;
}
.create-visits.page .visit-time-selection .meeting-container .visit-error svg {
  margin-right: 8px;
}
.create-visits.page .visit-time-selection .meeting-container .visit-error {
  color: #cb2d2d;
}
.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;
}
.study-timeline-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 16px 24px;
  box-sizing: border-box;
}

.study-timeline-header {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.study-timeline-header-title h2 {
  margin: 0;
}

.study-timeline-subtitle {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #666;
}

.study-timeline-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  row-gap: 12px;
}

.study-timeline-control {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  flex: 0 0 auto;
  min-width: 0;
  flex-wrap: wrap;
  min-height: 40px;
}

.study-timeline-control label {
  white-space: nowrap;
  flex-shrink: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0066cc;
  font-weight: 500;
  text-transform: uppercase;
}

.study-timeline-control input[type=checkbox] {
  flex-shrink: 0;
  margin: 0;
}

.study-timeline-label-bold {
  font-weight: bold;
  text-transform: uppercase;
}

.study-timeline-control select,
.study-timeline-control input[type=date],
.study-timeline-control input[type=number] {
  display: block;
  height: 40px;
  flex: 0 0 auto;
  min-width: 120px;
  padding: 8px 15px;
  font-size: 14px;
  /* Match global input background ($GREY-6) */
  background: #fafbfb;
  border-radius: 3px;
  border: 1px solid transparent;
  /* Match global text color ($text-color) */
  color: #4a4a4a;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
  box-sizing: border-box;
}

.study-timeline-control select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230c8ce9' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}

.study-timeline-absolute-date-control {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  gap: 4px;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  min-height: 40px;
  /* Align checkbox, label text, and date picker on the same horizontal line */
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
  height: 40px;
  margin: 0;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row label input[type=checkbox] {
  margin: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row .study-timeline-date-picker-wrapper {
  flex: 0 0 auto;
  min-width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row .study-timeline-date-picker-wrapper .day-picker-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row .study-timeline-date-picker-wrapper .day-picker-wrapper .DayPickerInput {
  width: 100%;
}
.study-timeline-absolute-date-control .study-timeline-absolute-date-row .study-timeline-date-picker-wrapper .day-picker-wrapper .DayPickerInput input {
  font-weight: 600;
  color: #313d98;
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
  padding: 8px 34px 8px 15px;
}
.study-timeline-absolute-date-control .study-timeline-help-text {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #666;
  font-style: italic;
  line-height: 1.4;
  white-space: normal;
}

.study-timeline-day-input {
  width: 80px !important;
  flex: 0 0 80px !important;
  min-width: 80px !important;
  text-align: center;
  cursor: text;
}

.study-timeline-control input[type=date] {
  min-width: 150px;
}

.study-timeline-control select:focus,
.study-timeline-control input[type=date]:focus,
.study-timeline-control input[type=number]:focus {
  /* Match $input-selected */
  background: #cff0fd;
  outline: none;
  border-color: transparent;
}

.study-timeline-control select:disabled,
.study-timeline-control input[type=date]:disabled,
.study-timeline-control input[type=number]:disabled {
  /* Match $disabled-input and $black */
  background: #dedede !important;
  color: #000000;
  opacity: 0.5;
  cursor: not-allowed;
}

.study-timeline-control select:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cacaca' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
}

.study-timeline-control select option {
  padding: 8px 15px;
  background: #fff;
  color: #4a4a4a;
}

.study-timeline-content {
  display: flex;
  flex: 1 1 0%;
  min-height: 0;
  overflow: hidden;
}

.study-timeline-main {
  flex: 0 0 65%;
  max-width: 65%;
  padding-right: 16px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.study-timeline-sidebar {
  flex: 0 0 35%;
  max-width: 35%;
  min-height: 0;
  overflow-y: auto;
  border-left: 1px solid #e0e0e0;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.study-timeline-filter-instrument {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.study-timeline-filter-instrument label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #0066cc;
  font-weight: 500;
  text-transform: uppercase;
}

.study-timeline-instrument-select {
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  font-size: 14px;
  background: #fafbfb;
  border-radius: 3px;
  border: 1px solid transparent;
  color: #4a4a4a;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230c8ce9' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
  box-sizing: border-box;
}
.study-timeline-instrument-select--has-selection {
  font-weight: bold;
  color: #0066cc;
}

.study-timeline-instrument-select:focus {
  background: #cff0fd;
  outline: none;
  border-color: transparent;
}

.study-timeline-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 40px;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.study-timeline-empty-state p {
  margin: 0;
}

.study-timeline-go-button {
  height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  background: #313d98;
  color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.study-timeline-go-button:hover {
  background: #252f7a;
}

.study-timeline-go-button:active {
  background: #1d2560;
}

.study-timeline-go-button:disabled {
  background: #ccc;
  color: #999;
  cursor: not-allowed;
  opacity: 0.6;
}

.study-timeline-go-button:disabled:hover {
  background: #ccc;
}

.study-timeline-day-details h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
}

.study-timeline-detail-section {
  margin-bottom: 8px;
}
.study-timeline-detail-section.collapse-menu .title-bar {
  background: #e8e8e8;
  padding: 4px 12px;
  min-height: 0;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
.study-timeline-detail-section.collapse-menu .title-bar .title {
  margin: 0;
  padding: 0 0 0 22px;
  line-height: inherit;
  font-size: 13px;
  position: relative;
}
.study-timeline-detail-section.collapse-menu .title-bar .title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #313d98;
  font-size: 12px;
}
.study-timeline-detail-section.collapse-menu .title-bar .sub-title {
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.study-timeline-detail-section.collapse-menu.open .title-bar .title:before {
  content: "\f0d7";
  color: #313d98;
}
.study-timeline-detail-section.collapse-menu.open .title-bar {
  background: #e8e8e8;
  padding: 4px 12px;
}
.study-timeline-detail-section.collapse-menu.open .title-bar .title {
  margin: 0;
  padding: 0 0 0 22px;
}
.study-timeline-detail-section.collapse-menu.open .title {
  color: #333;
  font-weight: 500;
}

.study-timeline-detail-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  user-select: none;
  transition: background 0.2s ease;
}
.study-timeline-detail-header:hover {
  background: #e8e8e8;
}
.study-timeline-detail-header i {
  font-size: 12px;
  color: #666;
  width: 12px;
  text-align: center;
}
.study-timeline-detail-header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.study-timeline-detail-content {
  padding: 12px;
}

.study-timeline-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 12px;
}
.study-timeline-detail-row:last-child {
  margin-bottom: 0;
}

.study-timeline-detail-label {
  font-weight: 500;
  color: #666;
  margin-right: 12px;
  flex-shrink: 0;
}

.study-timeline-detail-value {
  color: #333;
  text-align: right;
  flex: 1;
}

.study-timeline-no-event {
  color: #999;
  font-size: 12px;
  font-style: italic;
  margin: 0;
  padding: 12px 0;
}

.study-timeline-legend h3 {
  margin-top: 0;
  margin-bottom: 8px;
}

.study-timeline-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 12px;
}

.legend-color {
  width: 40px;
  height: 10px;
  border-radius: 3px;
  display: inline-block;
}

.legend-color.cycle {
  background-color: #d0d0d0;
}

.legend-color.visit {
  background-color: #313d98;
}

.legend-color.instrument {
  background-color: #bfe0f9;
}

.study-timeline-day-details h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
}

.study-timeline-day-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
  background: #e7eaee;
  padding: 10px 14px;
  border-radius: 4px;
}
.study-timeline-day-header h3 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
}

.study-timeline-expand-collapse-all {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #232222;
  font-size: 16px;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin-left: auto;
}
.study-timeline-expand-collapse-all:hover {
  opacity: 0.85;
}
.study-timeline-expand-collapse-all:active {
  opacity: 0.7;
}
.study-timeline-expand-collapse-all i {
  font-size: 16px;
}

.study-timeline-detail-content {
  padding: 12px;
  background: #fafafa;
  border-top: 1px solid #e0e0e0;
}

.study-timeline-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 12px;
}
.study-timeline-detail-row:last-child {
  margin-bottom: 0;
}

.study-timeline-detail-label {
  font-weight: 500;
  color: #666;
  margin-right: 12px;
  flex-shrink: 0;
}

.study-timeline-detail-value {
  color: #333;
  text-align: right;
  flex: 1;
}

.study-timeline-instrument-detail-content .study-timeline-instrument-detail-section {
  margin-bottom: 12px;
}
.study-timeline-instrument-detail-content .study-timeline-instrument-detail-section:last-child {
  margin-bottom: 0;
}
.study-timeline-instrument-detail-content .study-timeline-instrument-detail-subheader {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  padding: 8px 12px 4px;
  background: #f5f5f5;
  border-top: 1px solid #e0e0e0;
}
.study-timeline-instrument-detail-content .study-timeline-instrument-schedule-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.study-timeline-instrument-detail-content .study-timeline-edit-schedule-btn {
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  background: #313D98;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.study-timeline-instrument-detail-content .study-timeline-edit-schedule-btn:hover {
  background: #313D98;
  color: #fff;
}

.study-timeline-no-event {
  font-size: 12px;
  color: #999;
  font-style: italic;
  margin: 0;
  padding: 12px 0;
}

.study-timeline-overview {
  min-height: 0;
  position: relative;
  overflow: visible;
  padding: 2px;
}

.study-timeline-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: 72px;
  gap: 4px;
  position: relative;
  overflow: visible;
  isolation: isolate;
}

.study-timeline-grid-cell {
  position: relative;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  text-align: left;
  padding: 4px 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: visible;
  isolation: isolate;
}

.study-timeline-grid-cell:hover {
  border-color: #0c8ce9;
}

.study-timeline-grid-cell.selected {
  border-color: #000;
  box-shadow: 0 0 0 1px #000 inset;
}

.study-timeline-grid-day-number {
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #444;
  z-index: 2;
}

.study-timeline-grid-bar {
  position: absolute;
  left: 6px;
  right: 6px;
  height: 8px;
  border-radius: 4px;
  z-index: 1;
}

.study-timeline-visit-bar {
  bottom: 6px;
  background-color: #313D98;
  display: flex;
  align-items: center;
  padding: 0 4px;
  min-width: 0;
}

.study-timeline-visit-bar-label {
  font-size: 9px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
  text-align: center;
}

.study-timeline-instrument-bar {
  bottom: 6px;
  background-color: #BFE0F9;
}

.study-timeline-grid-cell:has(.study-timeline-visit-bar):has(.study-timeline-instrument-bar) .study-timeline-visit-bar {
  bottom: 16px;
}
.study-timeline-grid-cell:has(.study-timeline-visit-bar):has(.study-timeline-instrument-bar) .study-timeline-instrument-bar {
  bottom: 6px;
}

.study-timeline-grid-cell.has-visit.has-instrument .study-timeline-visit-bar {
  bottom: 16px;
}
.study-timeline-grid-cell.has-visit.has-instrument .study-timeline-instrument-bar {
  bottom: 6px;
}

.study-timeline-cycle-label {
  position: absolute;
  font-size: 9px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 8px);
  z-index: 2;
  font-weight: 500;
  line-height: 1.2;
}

.study-timeline-cycle-label-start {
  top: 2px;
  right: 4px;
}

.study-timeline-cycle-label-end {
  top: 2px;
  right: 4px;
}

.study-timeline-cycle-bar {
  position: absolute;
  left: -6px;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  background-color: #d0d0d0 !important;
  z-index: 0;
  pointer-events: none;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: calc(100% + 12px);
}

.study-timeline-grid-cell.cycle-start:not(.cycle-end) .study-timeline-cycle-bar {
  left: 0;
  right: -6px;
  width: calc(100% + 6px);
  border-radius: 3px 0 0 3px;
}

.study-timeline-grid-cell.cycle-end:not(.cycle-start) .study-timeline-cycle-bar {
  left: -6px;
  right: 0;
  width: calc(100% + 6px);
  border-radius: 0 3px 3px 0;
}

.study-timeline-grid-cell.cycle-start.cycle-end .study-timeline-cycle-bar {
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 3px;
}

.study-timeline-grid-cell.cycle-middle .study-timeline-cycle-bar {
  left: -6px;
  right: -6px;
  width: calc(100% + 12px);
  border-radius: 0;
}

.study-timeline-grid-cell.in-cycle {
  position: relative;
  overflow: visible;
}

.study-timeline-scheduled {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #fff;
  font-size: 12px;
}

.study-timeline-scheduled-day {
  border: 2px solid transparent;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.study-timeline-scheduled-day:hover {
  background-color: #f9f9f9;
}
.study-timeline-scheduled-day.selected {
  border: 2px solid transparent;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  /* Use box-shadow so the full rectangle is visible (avoids left border being clipped) */
  box-shadow: inset 0 0 0 2px #000;
  margin: 0;
  padding: 0;
}

.study-timeline-scheduled-day-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-weight: bold;
  color: #333;
}

.study-timeline-scheduled-day-toggle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #666;
  cursor: pointer;
  border-radius: 3px;
}
.study-timeline-scheduled-day-toggle:hover {
  background-color: #e0e0e0;
  color: #333;
}

.study-timeline-scheduled-day-title {
  flex: 1;
}

.study-timeline-scheduled-events {
  padding: 0 12px 12px 44px;
  /* align with header text (toggle + gap = ~44px) */
}

.study-timeline-scheduled-event {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  color: #333;
}
.study-timeline-scheduled-event.study-timeline-scheduled-event-empty {
  color: #999;
  font-style: italic;
}

.study-timeline-scheduled-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.study-timeline-scheduled-dot-visit {
  background-color: #313d98;
}

.study-timeline-scheduled-dot-instrument {
  background-color: #bfe0f9;
}

.study-timeline-scheduled-dot-cycle {
  background-color: #9e9e9e;
}

.study-timeline-scheduled-time {
  flex-shrink: 0;
  min-width: 80px;
  color: #333;
}

.study-timeline-scheduled-label {
  flex: 1;
  min-width: 0;
  color: #333;
}

.study-timeline-cycle-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d0;
  margin-left: 6px;
  vertical-align: middle;
}

/*# sourceMappingURL=main.664571ec3051e88ba1ba.styles.css.map*/