/* nav */
nav.survey-builder-nav {
  float: left;
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #F4F4F4;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 190;
}

nav.survey-builder-nav .left {
  float: left;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs {
  float: left;
  width: 100%;
  padding: 25px 0px 25px 25px;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner {
  float: left;
  margin-right: 15px;
  padding: 3px 0px;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a,
nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner .breadcrumb-link {
  float: left;
  color: #4F586D;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a:hover {
  color: #ABB9C1;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner p.breadcrumb-divide {
  float: left;
  padding: 0px 8px;
  color: #ABB9C1;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a.grey {
  color: #ABB9C1;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .status-tag {
  float: left;
}

nav.survey-builder-nav .left .survey-builder-breadcrumbs .status-tag p.tag.xx-sml {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 14px;
}


nav.survey-builder-nav .right {
  float: right;
}

nav.survey-builder-nav .right .nav-buttons-wrapper {
  float: left;
  padding: 15px 25px 15px 0px;
  position: relative;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper {
  float: left;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper a.button-pastel.white.sml {
  height: 40px;
  position: relative;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper a.button-pastel.white.sml p.preview-icon {
  padding-top: 1px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper a.preview-survey-link.is-loading {
  pointer-events: none;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper a.preview-survey-link.is-loading p.preview-icon {
  opacity: 0;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .preview-button-wrapper a.preview-survey-link.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background: url('../img/icon-grey-loading.svg') center / contain no-repeat;
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .builder-nav-buttons {
  float: right;
}


nav.survey-builder-nav .right .builder-settings-dropdown-menu {
  float: left;
  position: relative;
}

nav.survey-builder-nav .right .builder-settings-dropdown-menu .dropdown-menu {
  right: 10px;
  top: 45px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button-pastel.white.sml.no-shadow.dots-settings-link.dropdown-trigger {
  padding: 9px 13px 0px 13px;
  height: 40px;
  border-color: #FFF;
  opacity: 0.5;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button-pastel.white.sml.no-shadow.dots-settings-link.dropdown-trigger:hover,
nav.survey-builder-nav .right .nav-buttons-wrapper a.button-pastel.white.sml.no-shadow.dots-settings-link.dropdown-trigger.is-active {
  opacity: 1;
}


nav.survey-builder-nav .right .nav-buttons-wrapper a.button-pastel.white.sml {
  margin-right: 12px;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 14px;
  border-radius: 14px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button.blue.sml {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 14px;
  border-radius: 14px;
  position: relative;
  transition: color 0.5s ease, opacity 0.5s ease;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button.blue.sml.is-loading {
  color: transparent;
  pointer-events: none;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button.blue.sml .state-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button.blue.sml .state-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

nav.survey-builder-nav .right .nav-buttons-wrapper a.button.blue.sml.is-loading .state-icon img.loading {
  opacity: 1;
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}



nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice {
  position: absolute;
  width: 270px;
  right: 25px;
  top: 65px;
  border-radius: 15px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  padding: 25px 20px;
  background: linear-gradient(180deg, rgba(97, 196, 84, 0.05) 0%, rgba(255, 255, 255, 0.05) 72.04%), #FFF;
  display: none;
  animation: fadeInUp;
  animation-duration: 0.4s;
  z-index: 500;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .top {
  float: left;
  width: 100%;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .top .icon {
  width: 32px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .top .copy {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .top .copy .title {
  float: left;
  width: 100%;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 570;
  font-variation-settings: 'wght' 570;
  line-height: normal;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .top .copy .subtitle {
  float: left;
  width: 100%;
  margin-top: 5px;
  color: #8D948A;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}


nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .bottom {
  float: left;
  width: 100%;
  margin-top: 25px;
  text-align: center;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .bottom .sml-tile {
  float: left;
  width: 100%;
  margin-bottom: 14px;
  color: #ACACAC;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .bottom a.button.blue.md.no-shadow.full-width {
  padding: 13px 14px;
  font-size: 14.5px;
}

nav.survey-builder-nav .right .nav-buttons-wrapper .survey-saved-notice .bottom a.button.grey.md.no-shadow.full-width {
  padding: 13px 14px;
  font-size: 14.5px;
  color: #000;
}




/* survey builder wrapper */
.inner-wrapper.width-520 {
  width: 520px;
}

/* sub nav */
nav.survey-builder-sub-nav {
  float: left;
  width: 100%;
  border-bottom: 1px solid #EDEDED;
  background: #FFF;
  padding: 15px 0px;
  position: fixed;
  top: 73px;
  left: 0px;
  z-index: 185;
}

nav.survey-builder-sub-nav .survey-builder-sub-nav-links {
  float: left;
  width: 100%;
}

nav.survey-builder-sub-nav .survey-builder-sub-nav-links a {
  float: left;
  color: #7D7D7D;
  text-align: center;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: normal;
  padding: 9px 5px;
  margin-right: 25px;
}

nav.survey-builder-sub-nav .survey-builder-sub-nav-links a:first-child {
  padding-left: 0px;
}

nav.survey-builder-sub-nav .survey-builder-sub-nav-links a.active,
nav.survey-builder-sub-nav .survey-builder-sub-nav-links a:hover {
  color: #0171FF;
}

/* survey builder */
.survey-builder-body-outer {
  float: left;
  width: 100%;
  padding: 140px 0px 0px 0px;
}

.survey-builder-body {
  float: left;
  width: 100%;
  padding: 0px 0px 120px 0px;
  display: none;
  animation: fadeInUpSmall;
  animation-duration: 0.5s;
}

.survey-builder-inner {
  float: left;
  width: 100%;
}

.survey-builder-inner .hidden {
  display: none;
}

/* survey builder - starting point*/

.survey-builder-starting-point {
  float: left;
  width: 100%;
  padding-top: 40px;
}

.survey-builder-starting-point .survey-builder-starting-point-header {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner {
  float: left;
  width: 100%;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-blocks {
  float: left;
  width: 100%;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block {
  float: left;
  width: 248px;
  border-radius: 22px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  margin-right: 24px;
  padding: 26px;
  position: relative;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-icon {
  float: left;
  width: 20px;
  height: 20px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-copy {
  float: left;
  width: 100%;
  margin-top: 7px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-copy .title {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 22px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-copy .subtitle {
  float: left;
  width: 100%;
  color: #929292;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-button {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-button .button.grey {
  float: left;
  width: 100%;
  color: #373737;
  line-height: 16px;
}


.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .starting-point-block-button .button.grey.disabled {
  opacity: 0.5;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block .tag.orange {
  position: absolute;
  right: -6px;
  top: -6px;
  color: #FF5E00;
  border: 1px solid #F4D9C3;
  background: #FFF2DE;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 1px 7px;
  border-radius: 10px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block:last-child {
  margin-right: 0px;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-question-preview {
  float: left;
  width: 100%;
  height: 240px;
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-question-preview .gradient-overlay {
  position: absolute;
  height: 70%;
  width: calc(100% + 60px);
  left: -30px;
  bottom: -20px;
  z-index: 50;
  background: linear-gradient(180deg, rgba(251, 251, 251, 0.40) 0%, #FBFBFB 64.02%);
}

.survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-question-preview .transparent-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 40;
  background-color: transparent;
}


/* builder core list */
.builder-question-list {
  float: left;
  width: 100%;
}

.builder-question-list-item {
  float: left;
  width: 100%;
  border-radius: 22px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  position: relative;
  margin: 40px 0px;
}


.builder-question-list-item .builder-question-list-body {
  float: left;
  width: 100%;
  padding: 30px;
}

.builder-question-list-item .builder-question-list-body .question-number {
  float: left;
  width: 100%;
  color: #8D9CAD;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}

.builder-question-list-item .builder-question-list-body .question-copy {
  float: left;
  width: 100%;
  color: #0A213E;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.builder-question-list-item .builder-question-list-body .builder-question-list-item-preview {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.builder-question-list-item .builder-question-list-footer {
  float: left;
  width: 100%;
  border-top: solid 1px #ECECF4;
  padding: 20px 30px;
}

.builder-question-list-item .builder-question-list-footer .left {
  float: left;
}

.builder-question-list-item .builder-question-list-footer .left a {
  color: #000;
  font-size: 15px;
  padding: 12px 17px;
  line-height: 18px;
}

.builder-question-list-item .builder-question-list-footer .right {
  float: right;
}

.builder-question-list-item .builder-question-list-footer .right a {
  font-size: 15px;
  padding: 12px 17px;
  line-height: 18px;
}

.builder-question-list-item.new-question {
  animation: fadeInRight;
  animation-duration: 0.4s;
  animation-delay: 0.4s;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* dropdown menu builder */
.builder-question-list .survey-input-wrapper.select-menu li.option.disabled {
  display: none;
}

.survey-form-element .nice-select span.current.placeholder {
  color: #BEBEBE;
}

.survey-form-element .nice-select .list {
  z-index: 4000;
  max-height: 175px;
}

/* Elevate the parent container when a menu inside it is active */
.builder-question-list-item:focus-within,
.builder-question-list-item:hover {
  z-index: 100;
}

/* Specifically if nice-select adds an .open class to a child */
.builder-question-list-item:has(.nice-select.open) {
  z-index: 100;
}




/* divider */
.add-question-divide {
  float: left;
  width: 100%;
  height: 0;
  padding: 0;
  text-align: center;
  position: relative;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.add-question-divide a.add-question-divide-line-link {
  float: left;
  width: 100%;
  padding: 10px 0px;
  margin-top: -11px;
}

.add-question-divide a.add-question-divide-line-link .add-question-divide-line {
  width: calc(100% - 6px);
  height: 2px;
  background-color: #F1F1F1;
  float: left;
  transition: background 0.5s ease;
}

.add-question-divide a.add-question-divide-line-link::before {
  content: "ADD";
  position: absolute;
  right: 100%;
  top: 0;
  height: 2px;
  transition: background 0.5s ease;
  transform: translateY(-50%);
  color: #FFF;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 650;
  font-variation-settings: 'wght' 650;
  line-height: 15px;
  text-transform: uppercase;
  height: 20px;
  padding: 3px 9px 3px 7px;
  border-radius: 21px 44px 44px 20px;
  background: #C9C9C9;
  box-sizing: border-box;
}

.add-question-divide a.add-question-divide-line-link:hover::before {
  background-color: #FF6F03;
}

.add-question-divide a.add-question-divide-line-link:hover .add-question-divide-line {
  background-color: #FBDFC9;
}

.builder-question-list.is-sorting .add-question-divide {
  opacity: 0 !important;
  visibility: hidden !important;
}

.builder-question-list > .add-question-divide:last-child {
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
}

.survey-builder-inner:hover:not(:has(.builder-question-list-item-drag-icon:hover)) .add-question-divide {
  opacity: 1;
  visibility: visible;
}


.builder-question-list-item .tag-question-added {
  position: absolute;
  right: -6px;
  top: -6px;
  color: #4F9C20;
  border: 1px solid #C5EBAE;
  background: #EBFAE2;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 2px 8px;
  border-radius: 10px;
}

.builder-question-list-item a.builder-question-list-item-drag-icon {
  position: absolute;
  right: -45px;
  top: 10px;
  padding: 12px;
  user-select: none;
  -webkit-user-drag: none;
}

.builder-question-list-item a.builder-question-list-item-drag-icon img {
  pointer-events: none;
  -webkit-user-drag: none;
}

.survey-builder-inner .builder-question-list-add-button {
  float: left;
  width: 100%;
  margin-top: 0px;
}


.card-placeholder {
  float: left;
  width: 100%;
  background: #f3f3f3;
  min-height: 108px;
  visibility: visible !important;
  border-radius: 22px;
  border: solid 1px transparent;
  box-shadow: none;
}

.builder-question-list-item.sortable-fallback,
.builder-question-list-item.sortable-drag {
  opacity: 1 !important;
}

/* Add this to hide the original card's content, revealing your grey block */
.builder-question-list-item.card-placeholder > * {
  visibility: hidden;
}








/* question type modal */

.reveal-modal.question-types {
  width: 540px;
  margin-left: -270px;
  margin-top: -60px;
}

.survey-question-type-modal {
  float: left;
  width: 100%;
}

.survey-question-type-modal .survey-question-type-modal-search {
  float: left;
  width: 100%;
  padding: 25px 30px 20px 30px;
  position: relative;
}

.survey-question-type-modal .survey-question-type-modal-search input {
  float: left;
  width: 100%;
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 5px 5px 5px 45px;
  border: none;
  outline: none;
  font-family: 'Inter', sans-serif;
  background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../img/icon-builder-search-lg.svg');

}

.survey-question-type-modal .survey-question-type-modal-search input::-webkit-input-placeholder {
  color: #888;
}

.survey-question-type-modal .survey-question-type-modal-search a.clear-search-field {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 35px;
  top: 30px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.survey-question-type-modal .survey-question-type-modal-search a.clear-search-field.is-visible {
  opacity: 1;
  visibility: visible;
}

.survey-question-type-modal .survey-question-type-modal-search a.clear-search-field:hover {
  opacity: 0.7;
}


.survey-question-type-modal .survey-question-type-list {
  float: left;
  width: 100%;
  padding: 5px 30px 0px 30px;
}

.survey-question-type-modal .survey-question-type-list ul {
  float: left;
  width: 100%;
  list-style: none;
  margin-bottom: 30px;
}

.survey-question-type-modal .survey-question-type-list ul li {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}

.survey-question-type-modal .survey-question-type-list ul li:last-child {
  margin-bottom: 0px;
}

.survey-question-type-modal .survey-question-type-list ul li.subtitle {
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}

.survey-question-type-modal .survey-question-type-list ul li a {
  float: left;
  width: 100%;
  padding: 4px 0px;
  transition: opacity 0.5s ease;
}

.survey-question-type-modal .survey-question-type-list ul li a:hover,
.survey-question-type-modal .survey-question-type-list ul li a.is-focused {
  opacity: 0.5;
}


.survey-question-type-modal .survey-question-type-list ul li a:hover {
  opacity: 0.5;
}

.survey-question-type-modal .survey-question-type-list ul li a .icon {
  float: left;
  width: 17px;
}

.survey-question-type-modal .survey-question-type-list ul li a .icon img {
  float: left;
  width: 100%;
}

.survey-question-type-modal .survey-question-type-list ul li a .copy {
  float: left;
  width: calc(100% - 17px);
  padding-left: 10px;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.survey-question-type-modal .survey-question-type-modal-footer {
  float: left;
  width: 100%;
  padding: 20px 30px;
  border-top: 1px solid #F0F0F0;
  background: #FBFBFB;
  border-radius: 0px 0px 22px 22px;
}

.survey-question-type-modal .survey-question-type-modal-footer .shortcut-wrapper {
  float: left;
  margin-right: 25px;
}

.survey-question-type-modal .survey-question-type-modal-footer .shortcut-wrapper p.icon {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  background: #FFF;
  padding: 4px;
}

.survey-question-type-modal .survey-question-type-modal-footer .shortcut-wrapper p.icon img {
  float: left;
  width: 100%;
}

.survey-question-type-modal .survey-question-type-modal-footer .shortcut-wrapper p.copy {
  float: left;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 0px 0px 0px 10px;
}

.survey-question-type-no-results {
  float: left;
  width: 100%;
  padding: 30px;
  text-align: center;
  display: none;
}

.survey-question-type-no-results p {
  float: left;
  width: 100%;
  padding: 20px 0px 40px 0px;
  border-radius: 20px;
  color: #888;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}

.question-full-overlay .input-wrapper.m-b-0 {
  margin-bottom: 0px;
}


.survey-builder-tab {
  display: none;
}



/* survey settings form */

.survey-settings-body .settings-header {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 20px;
}

.survey-settings-body {
  float: left;
  width: 100%;
  padding: 50px 0px 100px 0px;
  display: none;
  animation: fadeInUpSmall;
  animation-duration: 0.5s;
}

.survey-settings-body .survey-settings-inner {
  float: left;
  width: 100%;
}


.survey-settings-body .survey-settings-inner .survey-settings-list {
  float: left;
  width: 100%;
  border-radius: 22px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  position: relative;
  padding: 0px;
  margin-bottom: 40px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item {
  float: left;
  width: 100%;
  padding: 21px 25px;
  border-bottom: solid 1px #ECECF4;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item:last-child {
  border-bottom: none;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left {
  float: left;
  width: 290px;
  padding-top: 2px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left .title {
  float: left;
  width: 100%;
  color: #000;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0px 0px 1px 0px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left .subtitle {
  float: left;
  width: 100%;
  color: #8E8E8E;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 465;
  font-variation-settings: 'wght' 465;
  line-height: 16px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left.full-width {
  width: 100%;
}


.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right {
  float: right;
  max-width: 170px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper {
  float: left;
  padding: 5px 0px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu {
  float: left;
  padding: 5px 0px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-toggle-wrapper {
  float: left;
  padding: 5px 0px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu .nice-select .list {
  left: inherit;
  width: calc(170px + 2px);
  right: -10px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu .nice-select .list .option {
  padding: 12px 16px 12px 16px;
  font-size: 14.5px;
}


.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper.padding-none {
  padding: 0px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper a.button-pastel {
  padding: 11px 15px 10px 14px;
  font-size: 14.5px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper a.button-pastel.white {
  border-radius: 14px;
  border: 1px solid #D2D2D2;
  background: #FFF;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
  color: #000;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper a.button-pastel.white.sml {
  padding: 10px 16px 10px 14px;
  font-size: 14px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu .nice-select {
  padding: 10px 14px 11px 14px;
  font-size: 14px;
  line-height: 19px;
  height: 41px;
  border-radius: 14px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu .nice-select span {
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
  width: 100%;
  float: left;
  padding-right: 26px;
  color: #000;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu .nice-select .nice-select:after {
  right: 14px;
  background-size: 12px;
  background-repeat: no-repeat;
}


.survey-settings-body .survey-status-fields {
  float: left;
  width: 100%;
  padding: 35px;
}


.survey-settings-list-item li[data-value="draft"] {
  display: none;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left .subtitle.grey {
  color: #8E8E8E;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left .subtitle.green {
  color: #35AA67;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left .subtitle.red {
  color: #FF5454;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .full-width-item-block {
  float: left;
  width: 100%;
  padding-top: 20px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .full-width-item-block.display-images {
  padding-top: 13px;
}


.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .survey-display-image-content {
  float: left;
  width: 100%;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .survey-display-image-content.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .image-display-disable-notice {
  float: left;
  width: 100%;
  border-radius: 14px;
  border: 1px solid #FDEBD1;
  background: #FFF7EC;
  padding: 15px;
  margin-bottom: 20px;
  display: none;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .image-display-disable-notice.visible {
  display: block;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .image-display-disable-notice .icon {
  float: left;
  width: 18px;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .image-display-disable-notice .icon img {
  float: left;
  width: 100%;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .image-display-disable-notice .copy {
  float: left;
  width: calc(100% - 18px);
  color: #FF7A06;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding-left: 10px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper {
  position: relative;
  width: calc(100% + 50px);
  margin-left: -25px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 7px 0px 1px 0px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner::-webkit-scrollbar {
  display: none;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 94px;
  height: 120px;
  margin-right: 12px;
  white-space: normal;
  position: relative;
  border-radius: 16px;
  background-color: #FCFCFC;
  outline: 1px solid #F3F3F3;
  outline-offset: -1px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper a.display-image-preview {
  display: inline-block;
  vertical-align: top;
  width: 94px;
  height: 120px;
  white-space: normal;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-image: url('../img/icon-sml-blue-tick.svg');
  background-position: left top;
  background-color: transparent;
  border: solid 3px #FFF;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper.selected::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper:first-child {
  margin-left: 25px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper:last-child {
  margin-right: 30px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper a.display-image-preview.default-preview-image img {
  outline: 1px solid #F3F3F3;
  outline-offset: -1px;
  object-fit: cover;
  object-position: center;
}


.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper a.display-image-preview img {
  display: block;
  width: 100%;
  border-radius: 16px;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper .display-image-wrapper-loading {
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  position: relative;
}

.survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper .display-image-wrapper-loading::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  -webkit-animation: rotating 1s linear infinite;
  background-repeat: no-repeat;
  background-image: url('../img/icon-grey-loading.svg');
  background-position: left center;
  background-color: transparent;
  background-size: 24px;
}

.survey-settings-list-item .survey-display-upload-line {
  float: left;
  width: 100%;
  margin-top: 20px;
  color: #969696;
  font-size: 12px;
  font-style: normal;
  font-weight: 465;
  font-variation-settings: 'wght' 465;
  line-height: 18px;
}

.survey-settings-list-item .survey-display-upload-line a {
  color: #3C3C3C;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.survey-settings-list-item .survey-display-upload-line a:hover {
  color: #888;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks {
  float: left;
  width: 100%;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block {
  float: left;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  margin-right: 10px;
  background-color: #ccc;
  transition: box-shadow 0.5s ease;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.selected {
  background-repeat: no-repeat;
  background-image: url('../img/icon-colour-scheme-tick.svg');
  background-position: left top;
}


.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-blue {
  background-color: #0071FF;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-blue.selected {
  box-shadow: 0 0 0 4px rgba(0, 113, 255, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-green {
  background-color: #0BD05C;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-green.selected {
  box-shadow: 0 0 0 4px rgba(11, 208, 92, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-pink {
  background-color: #FF218C;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-pink.selected {
  box-shadow: 0 0 0 4px rgba(255, 33, 140, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-purple {
  background-color: #6561FE;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-purple.selected {
  box-shadow: 0 0 0 4px rgba(101, 97, 254, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-black {
  background-color: #000;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-black.selected {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-orange {
  background-color: #FF7A05;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-orange.selected {
  box-shadow: 0 0 0 4px rgba(255, 122, 5, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-grey {
  background-color: #8285A5;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-grey.selected {
  box-shadow: 0 0 0 4px rgba(130, 133, 165, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-yellow {
  background-color: #FAD500;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-yellow.selected {
  box-shadow: 0 0 0 4px rgba(250, 213, 0, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-red {
  background-color: #FA0115;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-red.selected {
  box-shadow: 0 0 0 4px rgba(250, 1, 21, 0.12);
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-light-blue {
  background-color: #01D0FA;
}

.survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block.theme-light-blue.selected {
  box-shadow: 0 0 0 4px rgba(1, 208, 250, 0.12);
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .survey-settings-inline-hidden {
  display: none;
  float: left;
  width: 100%;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .survey-settings-inline-hidden.visible {
  display: block;
}

.survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form {
  float: left;
  width: 100%;
  border-radius: 17px;
  border: 1px solid #ECECF4;
  background: #FAFAFA;
  padding: 22px 25px 25px 25px;
  margin-top: 20px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .input-wrapper {
  margin-bottom: 20px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .input-wrapper.w-form-hint {
  margin-bottom: 10px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .form-hint {
  margin-bottom: 0px;
  font-size: 11px;
  color: #828282;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .form-hint p {
  margin-bottom: 10px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .form-hint p:last-child {
  margin-bottom: 0px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .input-wrapper label {
  font-size: 12px;
  line-height: 15px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .input-wrapper input {
  font-size: 13.5px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .input-wrapper textarea {
  height: 70px;
  font-size: 13.5px;
}

.survey-settings-list-item .survey-settings-inline-hidden .survey-settings-form .form-wrapper .input-wrapper textarea#survey_intro_body_content {
  height: 90px;
}

.reveal-modal .modal-loading {
  float: left;
  width: 100%;
  padding: 80px 0px 60px 0px;
  text-align: center;
  display: none;
}

.reveal-modal .modal-loading .icon {
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.reveal-modal .modal-loading .icon img {
  float: left;
  width: 100%;
  -webkit-animation: rotating 1s linear infinite;
}

.reveal-modal .modal-loading .subtitle {
  float: left;
  width: 100%;
  padding: 20px 20px 10px 20px;
  color: #999;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}


.settings-toggle-wrapper label {
  float: left;
  cursor: pointer;
  position: relative;
}

.settings-toggle-wrapper label .survey-settings-switch-toggle {
  float: left;
  background-color: #ECECF3;
  width: 45px;
  height: 24px;
  border-radius: 60px;
  padding: 3px;
  position: relative;
  transition: 300ms left cubic-bezier(.75, 0, 0, 1), background-color 0.5s ease;
}

.settings-toggle-wrapper label .survey-settings-switch-toggle .survey-settings-switch-toggle-circle {
  float: left;
  width: 20px;
  height: 18px;
  border-radius: 50px;
  background: #FFF;
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: 3px;
  transition: 300ms left cubic-bezier(.75, 0, 0, 1);
}

.settings-toggle-wrapper label.toggle-active .survey-settings-switch-toggle {
  background-color: #0171FF;
}


.settings-toggle-wrapper label.toggle-active .survey-settings-switch-toggle .survey-settings-switch-toggle-circle {
  left: 22px;
}

.settings-toggle-wrapper label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}

















/* question overlay */

.inner-wrapper.width-560 {
  width: 560px;
}

.question-full-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 800;
  overflow: scroll;
  display: none;
}

.question-full-overlay .close-overlay-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
}

.question-full-overlay .close-overlay-icon a {
  float: left;
  width: 100%;
  transition: opacity 0.5s ease;
}

.question-full-overlay .close-overlay-icon a:hover {
  opacity: 0.5;
}

.question-full-overlay .close-overlay-icon img {
  float: left;
  width: 100%;
}


.question-full-overlay .question-inner-wrapper {
  float: left;
  width: 100%;
  padding: 100px 0px;
}

.question-full-overlay .question-inner-wrapper .question-inner-header {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.question-full-overlay .question-inner-wrapper .question-inner-header .icon {
  float: left;
  width: 18px;
}

.question-full-overlay .question-inner-wrapper .question-inner-header .title {
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 24px;
  letter-spacing: -0.264px;
}

.question-full-overlay .question-inner-wrapper .question-inner-header .subtitle {
  float: left;
  width: 100%;
  margin-top: 5px;
  color: #B4B4B4;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.264px;
}



@keyframes fadeInUpSmall {
from {
  opacity: 0;
  transform: translate3d(0, 1%, 0);
}

to {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
}

.fadeInUpSmall {
animation-name: fadeInUpSmall;
}





/* builder toast messages */

.survey-builder-toast-container {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 150;
  max-width: 390px;
  pointer-events: none;
}

.survey-builder-toast-container .survey-builder-toast-item {
  float: left;
  width: 390px;
  border-radius: 18px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  padding: 25px 25px 25px 20px;
  position: relative;
  animation: fadeInUpMedium;
  animation-duration: 0.5s;
  pointer-events: auto;
  margin-top: 15px;
}

.survey-builder-toast-container .survey-builder-toast-item .left {
  float: left;
  width: 28px;
}

.survey-builder-toast-container .survey-builder-toast-item .right {
  float: left;
  width: calc(100% - 28px);
  padding: 0px 0px 0px 15px;
}

.survey-builder-toast-container .survey-builder-toast-item .right .toast-copy {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.survey-builder-toast-container .survey-builder-toast-item .right .toast-copy .toast-title {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #000;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 18px;
}

.survey-builder-toast-container .survey-builder-toast-item .right .toast-copy .toast-subtitle {
  float: left;
  width: 100%;
  color: #A1A1A1;
  font-size: 13px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 18px;
}

.survey-builder-toast-container .survey-builder-toast-item .right .toast-button {
  float: left;
  width: 100%;
}

.survey-builder-toast-container .survey-builder-toast-item .right .toast-button a.button.grey.no-shadow {
  padding: 9px 14px;
  font-size: 13px;
  line-height: 14px;
  border-radius: 12px;
  color: #000;
}

.survey-builder-toast-container .survey-builder-toast-item .close-toast-x {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 15px;
  right: 15px;
}


/* ai builder */

.ai-survey-create-form-wrapper {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.ai-survey-create-form-wrapper .ai-survey-create-header {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  max-width: 330px;
}

.ai-survey-create-form-wrapper .ai-survey-create-header .icon {
  width: 36px;
  float: left;
  margin-bottom: 15px;
}

.ai-survey-create-form-wrapper .ai-survey-create-header .icon img {
  float: left;
  width: 100%;
}

.ai-survey-create-form-wrapper .ai-survey-create-header h4 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 535;
  font-variation-settings: 'wght' 535;
  line-height: 30px;
  letter-spacing: -0.264px;
  margin-top: 10px;
}

.ai-survey-create-form-wrapper .ai-survey-create-header p {
  float: left;
  width: 100%;
  color: #9A9DAB;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.264px;
  margin-top: 10px;
}
.ai-survey-create-form-wrapper form {
  float: left;
  width: 100%;
}

.ai-survey-create-form-wrapper form textarea {
  min-height: 90px;
}

.ai-survey-create-form-wrapper form .split-fields.split-60-40 {
  float: left;
  width: 100%;
}

.ai-survey-create-form-wrapper form .split-fields.split-60-40 .input-wrapper.ai-focus-field {
  width: calc(60% - 20px);
}

.ai-survey-create-form-wrapper form .split-fields.split-60-40 .input-wrapper.ai-focus-field .nice-select .list {
  width: 320px;
}


.ai-survey-create-form-wrapper form .split-fields.split-60-40 .input-wrapper {
  width: 40%;
  margin-right: 20px;
  margin-left: 0px;
}

.ai-survey-create-form-wrapper form .split-fields.split-60-40 .input-wrapper:last-child {
  margin-right: 0px;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-fields {
  display: none;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-link {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-link a.advanced-settings-link {
  float: left;
  color: #9A9A9A;
  font-size: 14px;
  font-style: normal;
  font-weight: 550;
  font-variation-settings: 'wght' 550;
  line-height: 18px;
  letter-spacing: -0.264px;
  transition: opacity 0.5s ease;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-link a.advanced-settings-link:hover {
  opacity: 0.7;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-link a.advanced-settings-link p.copy {
  float: left;
}

.ai-survey-create-form-wrapper form .advanced-settings-form-link a.advanced-settings-link p.icon {
  float: left;
  margin-left: 6px;
  padding-top: 2.5px;
  height: 18px;
}

.ai-survey-create-form-wrapper form .button {
  position: relative;
}

.ai-survey-create-form-wrapper form .button .signup-button-loading {
  display: none;
}

.ai-survey-create-form-wrapper form .button.loading,
.ai-survey-create-form-wrapper form .button.loading:hover {
  opacity: 1;
}

.ai-survey-create-form-wrapper form .button.loading .signup-button-label {
  visibility: hidden;
}

.ai-survey-create-form-wrapper form .button.loading .signup-button-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  line-height: 0;
  text-align: center;
}

.ai-survey-create-form-wrapper form .button.loading .signup-button-loading img {
  width: 24px;
  height: 24px;
  animation: rotate-all 1s linear infinite;
}

.ai-survey-create-form-wrapper .ai-create-error-message {
  float: left;
  width: 100%;
  background-color: #ffeded;
  color: #ff0000;
  padding: 20px 25px;
  border-radius: 14px;
  text-align: center;
  font-size: 14.5px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

.ai-survey-create-loading-wrapper {
  display: none;
}

.ai-survey-create-loading-wrapper .ai-loading-state-wrapper {
  display: block;
}

.ai-survey-create-loading-wrapper .ai-loading-state-wrapper .loading-icon {
  display: block;
}

.ai-survey-create-form-wrapper form .nice-select span.current.placeholder {
  color: #BEBEBE;
}

.ai-survey-create-form-wrapper form .nice-select li.option.disabled {
  display: none;
}

.ai-survey-create-form-wrapper form input#question-count::-webkit-outer-spin-button,
.ai-survey-create-form-wrapper form input#question-count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ai-survey-create-form-wrapper form input#question-count[type=number] {
  -moz-appearance: textfield;
}

.ai-survey-create-form-wrapper form #product-description::placeholder {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.ai-survey-create-form-wrapper form #product-description.placeholder-fade::placeholder {
  opacity: 0;
}

/* builder notices */
.builder-notices {
  float: left;
  width: 100%;
}

.builder-notices .default-builder-notice {
  float: left;
  width: 100%;
  border-radius: 22px;
  border: 1px solid #ECECF4;
  background: #FFF;
  box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.03);
  position: relative;
  margin: 40px 0px 0px 0px;
  padding: 25px;
}

.builder-notices .default-builder-notice .notice-icon {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.builder-notices .default-builder-notice .notice-icon img {
  float: left;
  width: 24px;
}

.builder-notices .default-builder-notice .notice-copy {
  float: left;
  width: 100%;
}

.builder-notices .default-builder-notice .notice-copy h4 {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #0A213E;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.builder-notices .default-builder-notice .notice-copy p {
  float: left;
  width: 100%;
  color: #A1A1A1;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 465;
  font-variation-settings: 'wght' 465;
  line-height: 20px;
}

.builder-notices .default-builder-notice .notice-copy p a {
  color: #000;
}

.builder-notices .default-builder-notice .notice-copy p a:hover {
  color: #888;
}

.builder-notices .default-builder-notice .builder-close-icon {
  position: absolute;
  right: 18px;
  top: 18px;
}

.builder-notices .default-builder-notice .builder-close-icon a {
  float: left;
  transition: opacity 0.4s ease;
}

.builder-notices .default-builder-notice .builder-close-icon a img {
  float: left;
}

.builder-notices .default-builder-notice .builder-close-icon a:hover {
  opacity: 0.5;
}

.builder-notices .default-builder-notice.warning {
  border: 1px solid #FADBDB;
  background: #FFFAFA;
}

.builder-notices .default-builder-notice.warning .notice-copy h4 {
  color: #600D0D;
}

.builder-notices .default-builder-notice.warning .notice-copy p {
  color: #BF9C9C;
}



.default-builder-notice.ai-created {
  padding: 0px;
  display: none;
}

.builder-notices .default-builder-notice.ai-created .top {
  float: left;
  width: 100%;
  padding: 30px 30px 20px 30px;
}

.builder-notices .default-builder-notice.ai-created .ai-created-rating {
  float: left;
  width: 100%;
  padding: 20px 30px;
  background-color: #FBFBFB;
  border-top: solid 1px #EEEEEE;
  border-radius: 0px 0px 22px 22px;
}

.builder-notices .default-builder-notice.ai-created .ai-created-rating .left {
  float: left;
  width: calc(100% - 120px);
}

.builder-notices .default-builder-notice.ai-created .ai-created-rating .left .title {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #0A213E;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.builder-notices .default-builder-notice.ai-created .ai-created-rating .left .subtitle {
  float: left;
  width: 100%;
  color: #8E8E8E;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 465;
  font-variation-settings: 'wght' 465;
  line-height: 18px;
}

.builder-notices .default-builder-notice.ai-created .ai-created-rating .right {
  float: left;
  width: 120px;
}

.star-ratings {
  float: right;
  margin-top: 9px;
}

.star-ratings a {
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.40156 2.8778C9.59363 2.48869 9.68966 2.29413 9.82004 2.23197C9.93347 2.17789 10.0653 2.17789 10.1787 2.23197C10.3091 2.29413 10.4051 2.48869 10.5972 2.8778L12.4194 6.56944C12.4761 6.68432 12.5045 6.74176 12.5459 6.78635C12.5826 6.82584 12.6266 6.85783 12.6754 6.88056C12.7306 6.90623 12.794 6.91549 12.9208 6.93402L16.9968 7.5298C17.4261 7.59253 17.6407 7.6239 17.74 7.72874C17.8264 7.81995 17.8671 7.94529 17.8506 8.06985C17.8317 8.21302 17.6763 8.36436 17.3656 8.66702L14.4172 11.5387C14.3253 11.6282 14.2794 11.673 14.2497 11.7263C14.2235 11.7734 14.2066 11.8252 14.2001 11.8788C14.1928 11.9393 14.2036 12.0025 14.2253 12.129L14.921 16.1851C14.9944 16.6129 15.031 16.8269 14.9621 16.9538C14.9021 17.0642 14.7955 17.1417 14.6719 17.1646C14.5299 17.1909 14.3378 17.0899 13.9536 16.8879L10.3097 14.9716C10.1961 14.9119 10.1394 14.882 10.0796 14.8703C10.0266 14.8599 9.97213 14.8599 9.91918 14.8703C9.85937 14.882 9.8026 14.9119 9.68906 14.9716L6.04512 16.8879C5.66095 17.0899 5.46886 17.1909 5.32683 17.1646C5.20325 17.1417 5.09662 17.0642 5.03663 16.9538C4.96768 16.8269 5.00437 16.6129 5.07774 16.1851L5.77342 12.129C5.79511 12.0025 5.80595 11.9393 5.79862 11.8788C5.79212 11.8252 5.77528 11.7734 5.74902 11.7263C5.71937 11.673 5.67341 11.6282 5.5815 11.5387L2.63315 8.66702C2.3224 8.36436 2.16703 8.21302 2.14812 8.06985C2.13167 7.94529 2.17231 7.81995 2.25872 7.72874C2.35804 7.6239 2.57266 7.59253 3.00189 7.5298L7.07794 6.93402C7.2047 6.91549 7.26808 6.90623 7.32328 6.88056C7.37215 6.85783 7.41615 6.82584 7.45284 6.78635C7.49427 6.74176 7.52262 6.68432 7.57933 6.56944L9.40156 2.8778Z' fill='%23D2D2D2' stroke='%23D2D2D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  text-decoration: none;
  transition: background-image 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.star-ratings a:last-child {
  margin-right: 0;
}

.star-ratings a.hover,
.star-ratings a.active {
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.40156 2.8778C9.59363 2.48869 9.68966 2.29413 9.82004 2.23197C9.93347 2.17789 10.0653 2.17789 10.1787 2.23197C10.3091 2.29413 10.4051 2.48869 10.5972 2.8778L12.4194 6.56944C12.4761 6.68432 12.5045 6.74176 12.5459 6.78635C12.5826 6.82584 12.6266 6.85783 12.6754 6.88056C12.7306 6.90623 12.794 6.91549 12.9208 6.93402L16.9968 7.5298C17.4261 7.59253 17.6407 7.6239 17.74 7.72874C17.8264 7.81995 17.8671 7.94529 17.8506 8.06985C17.8317 8.21302 17.6763 8.36436 17.3656 8.66702L14.4172 11.5387C14.3253 11.6282 14.2794 11.673 14.2497 11.7263C14.2235 11.7734 14.2066 11.8252 14.2001 11.8788C14.1928 11.9393 14.2036 12.0025 14.2253 12.129L14.921 16.1851C14.9944 16.6129 15.031 16.8269 14.9621 16.9538C14.9021 17.0642 14.7955 17.1417 14.6719 17.1646C14.5299 17.1909 14.3378 17.0899 13.9536 16.8879L10.3097 14.9716C10.1961 14.9119 10.1394 14.882 10.0796 14.8703C10.0266 14.8599 9.97213 14.8599 9.91918 14.8703C9.85937 14.882 9.8026 14.9119 9.68906 14.9716L6.04512 16.8879C5.66095 17.0899 5.46886 17.1909 5.32683 17.1646C5.20325 17.1417 5.09662 17.0642 5.03663 16.9538C4.96768 16.8269 5.00437 16.6129 5.07774 16.1851L5.77342 12.129C5.79511 12.0025 5.80595 11.9393 5.79862 11.8788C5.79212 11.8252 5.77528 11.7734 5.74902 11.7263C5.71937 11.673 5.67341 11.6282 5.5815 11.5387L2.63315 8.66702C2.3224 8.36436 2.16703 8.21302 2.14812 8.06985C2.13167 7.94529 2.17231 7.81995 2.25872 7.72874C2.35804 7.6239 2.57266 7.59253 3.00189 7.5298L7.07794 6.93402C7.2047 6.91549 7.26808 6.90623 7.32328 6.88056C7.37215 6.85783 7.41615 6.82584 7.45284 6.78635C7.49427 6.74176 7.52262 6.68432 7.57933 6.56944L9.40156 2.8778Z' fill='%23F8B113' stroke='%23F8B113' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

@keyframes starBounce {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}

.star-ratings a.bouncing {
  animation: starBounce 0.3s ease-in-out;
}



.reveal-modal.guest-auth-modal {
  width: 480px;
  margin-left: -240px;
  padding: 0;
  overflow: hidden;
}

.guest-auth-panel::after {
  content: "";
  display: block;
  clear: both;
}

.guest-auth-modal .guest-auth-body {
  padding: 45px 40px 10px;
  margin-bottom: 27px;
}

.guest-auth-modal .modal-copy .title {
  color: #1A1919;
}

.guest-auth-modal .modal-copy p.subtitle {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0 15px;
}

.guest-auth-modal .input-wrapper {
  margin-bottom: 20px;
}

.guest-auth-modal .input-wrapper label {
  color: #3d3d3d;
  font-weight: 465;
  font-variation-settings: 'wght' 465;
  line-height: 20px;
  font-size: 13.5px;
}

.guest-auth-modal form .button {
  position: relative;
  margin-top: 5px;
}

.guest-auth-modal form .button .signup-button-loading {
  display: none;
}

.guest-auth-modal form .button.loading,
.guest-auth-modal form .button.loading:hover {
  opacity: 1;
}

.guest-auth-modal form .button.loading .signup-button-label {
  visibility: hidden;
}

.guest-auth-modal form .button.loading .signup-button-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  line-height: 0;
  text-align: center;
}

.guest-auth-modal form .button.loading .signup-button-loading img {
  width: 24px;
  height: 24px;
  animation: rotate-all 1s linear infinite;
}

.guest-auth-terms {
  float: left;
  clear: both;
  width: 100%;
  margin: 15px 0 0;
  text-align: center;
  font-size: 10.5px;
  font-weight: 500;
  line-height: normal;
  color: #9A9DAB;
}

.guest-auth-terms a {
  color: #565656;
}

.guest-auth-footer {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 65px;
  background: #F6F6F6;
  border-top: 1px solid #EBEBEB;
}

.guest-auth-footer p {
  position: relative;
  z-index: 1;
  margin: 25px 0 0;
  text-align: center;
  font-size: 12.5px;
  font-weight: 500;
  line-height: normal;
  color: #9A9DAB;
}

.guest-auth-footer a {
  color: #1964FF;
}

.guest-auth-footer a:hover {
  color: #6c9cff;
}



@media screen and (max-width: 740px) {

  nav.survey-builder-sub-nav {
    top: 71px;
  }
  
  .reveal-modal.question-types.padding-0 {
    width: 90%;
    margin-left: 0;
    left: 5%;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs {
    padding: 25px 25px 0px 25px;
  }

  nav.survey-builder-nav .right .nav-buttons-wrapper {
    padding: 15px 25px 15px 0px;
  }


  .builder-question-list-item a.builder-question-list-item-drag-icon {
    display: none;
  }

  .add-question-divide {
    opacity: 1;
    visibility: visible;
  }

  .add-question-divide a.add-question-divide-line-link .add-question-divide-line {
    width: calc(100% - 0px);
  }

  .add-question-divide a.add-question-divide-line-link::before {
    right: 50%;
    border-radius: 20px;
    width: 60px;
    margin-right: -30px;
  }

  .question-full-overlay .close-overlay-icon {
    right: 20px;
    top: 20px;
  }

  .question-full-overlay .question-inner-wrapper {
    padding: 70px 0px;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a.grey {
    max-width: 160px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  nav.survey-builder-nav .right .builder-settings-dropdown-menu {
    float: left;
    position: relative;
    display: none;
  }

}






@media screen and (max-width: 600px) {

  .survey-builder-toast-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 150;
    max-width: 100%;
    pointer-events: none;
    padding: 15px;
  }

  .survey-builder-toast-container .survey-builder-toast-item {
    width: 100%;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner p.breadcrumb-divide {
    display: none;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a,
  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner .breadcrumb-link {
    display: none;
  }

  .survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-block {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .left {
    width: 100%;
  }

  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right {
    float: left;
    max-width: inherit;
    width: 100%;
  }

  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .small-select-menu,
  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper,
  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-toggle-wrapper,
  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .right .settings-button-wrapper.padding-none {
    float: left;
    padding: 10px 0px 0px 0px;
  }


  .reveal-modal.guest-auth-modal {
    width: 90%;
    margin-left: 0;
    left: 5%;
  }
  

}






@media screen and (max-width: 520px) {

  .survey-settings-body .form-wrapper .survey-settings .survey-settings-list-item label .copy {
    font-size: 13px;
  }

  .survey-settings-body .form-wrapper .survey-settings .survey-settings-list-item p.question-mark {
    display: none;
  }

  .survey-settings-body .form-wrapper .survey-settings .survey-settings-list-item label .copy {
    font-size: 13px;
    width: calc(100% - 45px);
    line-height: 17px;
    padding: 0px 0px 0px 15px;
  }

  .survey-settings-body .survey-settings-fields {
    padding: 25px;
  }

  .survey-settings-body .survey-status-fields {
    padding: 25px;
  }

  .ai-survey-create-form-wrapper {
    width: 100%;
  }

  .ai-survey-create-form-wrapper .ai-survey-create-header h4 {
    font-size: 22px;
    line-height: 24px;
    margin-top: 0px;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a.grey {
    max-width: 120px;
  }

  .survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-question-preview {
    margin-top: 0px;
  }

  .survey-builder-starting-point .survey-builder-starting-point-inner .survey-builder-starting-point-question-preview .builder-question-list-item {
    margin: 20px 0px 40px 0px;
  }

  .ai-survey-create-form-wrapper .input-wrapper.ai-focus-field .nice-select .list {
    width: 280px;
  }

  .ai-survey-create-form-wrapper .input-wrapper.ai-focus-field .nice-select span {
    width: 88%;
  }

  .survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper {
    width: 84px;
    height: 107px;
  }

  .survey-settings-list-item .full-width-item-block .display-images-wrapper .display-images-wrapper-inner .display-image-wrapper a.display-image-preview {
    width: 84px;
    height: 107px;
  }

  .survey-settings-body .survey-settings-inner .survey-settings-list .survey-settings-list-item .full-width-item-block {
    padding-top: 12px;
  }

  .survey-settings-list-item .full-width-item-block .colour-scheme-blocks a.colour-scheme-block {
    margin-bottom: 5px;
    margin-top: 5px;
  }

 
}



@media screen and (max-width: 470px) {

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .status-tag {
    display: none;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner a.grey {
    max-width: 120px;
  }

  nav.survey-builder-nav .left .survey-builder-breadcrumbs .survey-builder-breadcrumbs-inner {
    margin-right: 0;
  }

}



/*  */