@import"https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i";
#form-builder {
  width:100%
}
.hl_wrapper--inner {
  padding-bottom:0;
  padding-top:25px
}
.hl_wrapper--inner.form-builder {
  flex:1 0 0;
  min-height:100%
}
.hl_form-builder--main {
  margin-top:-25px;
  padding:40px 20px
}
.form-builder--wrap {
  background-color:#fff;
  border-radius:4px;
  margin:0 auto 20px;
  max-width:550px;
  position:relative
}
.form-builder--item {
  border:1px solid transparent;
  border-radius:4px;
  margin-bottom:16px;
  transition:border .2s ease-in-out
}
.form-builder--img-wrap {
  display:flex
}
.fields-container.row {
  margin:0
}
.hl_form-builder--main .form-builder--wrap .form-builder--item,
.menu-field-wrap {
  position:relative;
  width:100%
}
.menu-field-wrap {
  padding-left:12px;
  padding-right:12px
}
.builder-form-name.text-center {
  margin:0;
  padding:0
}
.validation-error {
  padding:0 15px
}
.builder-inline .col-6 .builder-inline .col-12 .form-builder--item {
  padding:0 4px
}
.builder-inline .col-6 .f-odd .form-builder--item {
  padding-left:0!important
}
.hl_widget .hl_form-group {
  margin-bottom:20px
}
.hl_widget .hl_form-group.has-error .hl_input {
  border:1px solid #cb3837
}
.error,
.hl_widget .hl_form-group.has-error .error,
.validation-error.error {
  color:#cb3837;
  display:block;
  width:100%
}
.form-builder--item label {
  font-size:.875rem
}
label {
  display:inline-block;
  margin-bottom:.5rem
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  line-height:inherit;
  outline:0
}
#_builder-form input[type=email],
#_builder-form input[type=number],
#_builder-form input[type=password],
#_builder-form input[type=text],
textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#f3f8fb;
  border:none;
  border-radius:.25rem;
  padding:.5rem .75rem;
  width:100%
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:#9fa1a3!important
}
.custom-vue-select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#f3f8fb;
  background-position:right .5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  border-radius:.25rem
}
input[type=checkbox],
input[type=radio] {
  background-origin:border-box;
  background:#f3f8fb;
  border-color:#e2e8f0;
  border-radius:100%;
  border-width:1px;
  box-sizing:border-box;
  color:#4299e1;
  display:inline-block;
  flex-shrink:0;
  height:1em;
  padding:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  vertical-align:middle;
  width:1em
}
.input-group {
  align-items:stretch;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  width:100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
  flex:1 1 auto;
  margin-bottom:0;
  position:relative;
  width:1%
}
.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
  z-index:3
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.form-control,
.input-group>.form-control+.custom-file {
  margin-left:-1px
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
  border-bottom-left-radius:0;
  border-bottom-right-radius:.3125rem;
  border-top-left-radius:0;
  border-top-right-radius:.3125rem
}
.input-group>.custom-file {
  align-items:center;
  display:flex
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:before {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label:before {
  border-bottom-left-radius:0;
  border-top-left-radius:0
}
.input-group-append,
.input-group-prepend {
  display:flex
}
.input-group-append .btn,
.input-group-prepend .btn {
  position:relative;
  z-index:2
}
.input-group-append .btn+.btn,
.input-group-append .input-group-text,
.input-group-append .input-group-text+.btn {
  margin-left:-1px
}
.input-group-prepend {
  margin-right:-1px
}
.input-group-append,
.input-group-prepend .btn+.btn,
.input-group-prepend .input-group-text,
.input-group-prepend .input-group-text+.btn {
  margin-left:-1px
}
.input-group-text {
  align-items:center;
  background-color:#e9ecef;
  border:1px solid #ced4da;
  border-radius:.3125rem;
  color:#495057;
  display:flex;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  margin-bottom:0;
  padding:.375rem .75rem;
  text-align:center;
  white-space:nowrap
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top:0
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.hide,
.hide-whole-container {
  display:none
}
.invisible {
  opacity:0
}
.survey-form-wrapper .form-builder--wrap {
  min-height:0
}
.input-group-prepend {
  margin-right:0!important
}
.input-group-text {
  background-color:#f3f8fb!important;
  border-bottom:unset!important;
  border-left:unset!important;
  border-right:1px solid #dee5e8;
  border-top:unset!important
}
.btn {
  background:0 0;
  border-radius:.25rem;
  color:#000;
  cursor:pointer;
  font-size:100%;
  font-weight:600;
  min-width:85px;
  padding:.5rem 1rem;
  transition:all .2s ease-in-out 0s
}
.btn-dark {
  background-color:#000;
  color:#fff
}
a,
button {
  cursor:pointer
}
.form-control,
a,
button {
  transition:all .2s ease-in-out 0s
}
.form-control {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#f3f8fb;
  background-clip:padding-box;
  border:none;
  border-radius:.3125rem;
  color:#2a3135;
  display:block;
  font-size:.875rem;
  line-height:1.5;
  padding:15px 20px!important;
  width:100%
}
.form-control:active:focus,
.form-control:focus {
  background-color:#ecf0f3!important;
  box-shadow:none!important;
  outline:none
}
.g-recaptcha {
  transform:scale(.77);
  transform-origin:0 0
}
.hl_form-builder--main .form-builder--wrap .form-builder--item .captcha-vlue {
  color:#999;
  float:left;
  font-size:29px;
  font-weight:700;
  line-height:42px;
  width:auto
}
.hl_form-builder--main .form-builder--wrap .form-builder--item .captcha-vlue input {
  border:0;
  color:#999;
  font-size:29px;
  font-weight:700;
  width:20px
}
.hl_form-builder--main .form-builder--wrap .form-builder--item #captchaInput {
  background:#f2f7fa;
  border:0;
  color:#999;
  font-size:32px;
  font-weight:700;
  height:45px;
  line-height:45px;
  margin-left:.5em;
  outline:0;
  padding:0 10px;
  width:75px
}
.hl_form-builder--main .form-builder--wrap .form-builder--item .captcha-vlue span {
  color:#ccc;
  font-size:36px;
  font-weight:400
}
#the-form-builder .menu-field-wrap .close-icon {
  background:#f5f5f5;
  border-radius:50%;
  cursor:pointer;
  font-size:10px;
  height:25px;
  opacity:0;
  padding:5px 7px;
  position:absolute;
  right:10px;
  top:5px;
  transition:all .5s ease-in
}
#the-form-builder .menu-field-wrap:hover .close-icon {
  opacity:1;
  transition:all .5s ease-in
}
.animated .close-icon {
  opacity:0
}
.hl_form-builder--sidebar .dragdrop-items li {
  padding:0
}
.hl_form-builder--sidebar .dragdrop-items li .drag {
  padding:10px 15px;
  width:100%
}
.hl_form-builder--sidebar .dragdrop-items li .drag i {
  float:right;
  position:relative;
  top:8px
}
.form-builder-drop {
  min-height:400px;
  padding:30px 15px
}
.custom-vue-select.form-control {
  padding:10px 15px!important
}
.custom-vue-select ul.vs__dropdown-menu li.vs__dropdown-option {
  word-wrap:break-word!important;
  white-space:normal!important
}
div#the-form-builder.drag-enter {
  background-color:#f9f3de!important
}
.form-builder--image {
  width:auto!important
}
.form-builder--image img {
  width:100%
}
.branding-wrap {
  padding:30px 16px 10px;
  position:relative
}
.branding-url {
  display:block;
  padding:0;
  text-align:left
}
.branding-url>img {
  width:100px
}
.branding-url .cmp-name {
  color:#607179;
  display:block;
  font-size:12px
}
[v-cloak]>* {
  display:none
}
.radio-image-option-set label:before {
  opacity:0
}
.radio-image-option-set,
[type=radio]+div {
  cursor:pointer
}
[type=radio]:checked+.radio-image-option-set {
  border-color:#51b05e
}
.radio-image-option-set img {
  height:100%;
  margin-bottom:5px;
  position:relative;
  width:100%
}
.container-group-image .radio-image-option-set {
  border:2px solid hsla(198,4%,49%,.129);
  border-radius:6px;
  margin-bottom:8px;
  padding:0
}
.container-group-image .radio-image-option-set .image-container {
  display:inline-block;
  margin-bottom:.5rem
}
.container-group-image .radio-image-option-set .image-container img {
  display:block;
  margin:0 auto;
  padding:.5rem;
  width:100%
}
.container-group-image .radio-image-option-set .opt-container-img-label .image-container {
  min-height:95px;
  min-width:100px
}
.container-group-image .img-opt-title {
  background:#444;
  border-radius:0 0 4px 4px;
  color:#fff;
  font-weight:800;
  text-align:center;
  text-transform:capitalize
}
.container-group-image .radio-image-option-set .image-container {
  min-height:95px;
  min-width:100px;
  padding:2px 8px 2px 0
}
.row .container-group-image {
  margin:0 auto
}
@media (min-wdith:400px) {
  .hl_widget-form {
    min-width:300px
  }
  .hl_widget .hl_form-name {
    align-items:flex-start;
    display:flex;
    margin-left:-10px;
    margin-right:-10px
  }
  .hl_widget .hl_form-name>* {
    flex:1 0 0;
    margin-bottom:0;
    margin-left:10px;
    margin-right:10px
  }
}
@media only screen and (max-width:649px) {
  .hl_widget-step1 .hour-select input+label {
    transition:all .3s ease
  }
  .hl_widget-step1 .hour-select input:checked+label {
    width:45%
  }
  .hl_widget-step1 .hour-select input:checked+label+button {
    border:1px solid #e6edf2;
    border-radius:4px;
    cursor:pointer;
    display:block;
    font-size:14px;
    font-weight:500;
    max-width:45%;
    padding:7px 30px;
    transform:translate(0);
    visibility:visible
  }
  .hl_widget-step1 .hour-select input+label+button {
    display:block;
    position:absolute;
    right:0;
    top:0;
    transform:translate(100%);
    transition:none;
    transition:transform .3s ease;
    visibility:hidden;
    white-space:nowrap;
    width:45%;
    width:100%
  }
}
@media (min-width:940px) {
  .hl_widget-wrapper .hl_widget-form {
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px
  }
  .hl_widget .hl_form-group.--date-time {
    display:none;
    opacity:0;
    visibility:hidden
  }
}
.menu-field-wrap.col-sm-6 .option-radio.col-md-3 {
  max-width:50%
}
@media only screen and (max-width:649px) {
  .menu-field-wrap.col-sm-6,
  .menu-field-wrap.col-sm-6 .col-8 {
    flex:0 0 100%;
    max-width:100%
  }
}
input[type=checkbox],
input[type=radio] {
  height:20px;
  width:20px
}
.in-r-c {
  align-items:center;
  display:flex;
  margin-bottom:5px
}
.in-r-c label {
  margin-bottom:0;
  margin-left:10px
}
.option-radio-image input[type=radio] {
  display:none
}
#_builder-form .form-builder--btn-submit button p,
#_builder-form .heading-element div p {
  margin:0
}
.date-picker-custom-style {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#f3f8fb;
  background-clip:padding-box;
  border:none;
  border-radius:.3125rem;
  color:#2a3135;
  display:block;
  font-size:.875rem;
  line-height:1.5;
  padding:7px 5px;
  transition:all .2s ease-in-out 0s;
  width:100%
}
.vdpInnerWrap {
  font-size:10px!important
}
.hl-app .multi_select_form .multiselect__option,
.hl-app .multi_select_form .multiselect__single {
  color:#2a3135;
  font-size:.875rem!important;
  text-decoration:none
}
.hl-app .multi_select_form .multiselect__select {
  top:7px
}
.hl-app .multi_select_form .multiselect__single {
  padding:7px 40px 7px 0
}
.hl-app .multi_select_form .multiselect__input,
.hl-app .multi_select_form .multiselect__single {
  vertical-align:0
}
.hl-app .multi_select_form .multiselect__input {
  line-height:normal!important;
  padding:7px 40px 7px 0
}
.hl-app .multi_select_form .option__desc {
  display:grid;
  grid-template-columns:220px auto;
  white-space:normal
}
.hl-app .multi_select_form .multiselect__option {
  line-height:25px;
  min-height:25px;
  padding:2px 10px;
  white-space:normal
}
.hl-app .multi_select_form .multiselect__option--highlight,
.hl-app .multi_select_form .multiselect__option--selected.multiselect__option--highlight {
  background:rgba(24,139,246,.2);
  color:#333
}
.hl-app .multi_select_form .multiselect__option--highlight:hover {
  background-color:#188bf633;
  color:#188bf6
}
.hl-app .multi_select_form .multiselect__option--highlight:focus {
  color:#000
}
.hl-app .multi_select_form .multiselect__placeholder {
  color:#adadad;
  display:inline-block;
  margin-bottom:0;
  min-height:32px;
  padding:6px 40px 10px 0
}
.hl-app .multi_select_calendar .noResult {
  font-size:12px
}
#_builder-form .fields-container {
  padding:30px 0!important
}
.form-top-padding {
  padding-top:6px
}
.file-input {
  display:none
}
.custom-file-upload {
  border:1px solid #ccc;
  border-radius:4px;
  cursor:pointer;
  display:block!important;
  min-height:5rem;
  text-align:center;
  width:100%
}
.custom-file-upload svg {
  display:block;
  margin:5px auto;
  width:30px
}
#_builder-form .custom-file-upload {
  color:#6e7d84!important
}
.bi-upload {
  font-size:20px
}
#_builder-form button {
  border:none
}
#_builder-form .signature-button {
  border:1px solid #ccc!important;
  border-radius:4px;
  cursor:pointer;
  width:100%
}
.form-builder--item .signature-container {
  align-items:flex-end;
  display:flex!important;
  flex-direction:column;
  width:100%
}
.form-builder--item .signature-container a {
  color:#6e7d84;
  text-decoration:underline
}
.hl-app .iti {
  width:100%
}
.hl-app {
  -webkit-font-smoothing:auto!important;
  -moz-osx-font-smoothing:auto!important
}
.countryphone {
  background-color:#f3f8fb;
  border:none;
  border-radius:5px;
  height:51px;
  width:100%
}
.extra-top-padding {
  padding-top:1rem
}
.d-none {
  display:none!important
}
.test-mode-badge {
  background-color:#ffde92;
  border-radius:4px;
  color:#bb5504;
  font-size:10px;
  font-weight:700;
  margin:0 .2rem;
  padding:2px 4px;
  text-transform:uppercase
}
.loader-container {
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:30%;
  width:50px;
  z-index:99
}
.v-moon3 {
  box-sizing:border-box
}
.short-label {
  color:#464d5f;
  display:block;
  font-size:12px;
  margin-left:2px;
  margin-top:11px;
  min-height:13px;
  word-break:break-word
}
.hl_form-builder--main-full {
  margin-top:0!important
}
.form-builder--wrap-full {
  margin-bottom:0!important
}