* {
  box-sizing:border-box
}
body {
  margin:0
}
.hl-app {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#607179;
  font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-size:.875rem;
  font-weight:400;
  line-height:1.7;
  line-height:1.8;
  margin:0;
  min-height:100%;
  padding:0!important
}
.hl-app h1,
.hl-app h2,
.hl-app h3,
.hl-app h4,
.hl-app h5,
.hl-app h6 {
  color:#2a3135;
  font-weight:400;
  line-height:1.2;
  margin:0
}
.hl-app .h1,
.hl-app .h3,
.hl-app .h6 h1,
.hl-app h3,
.hl-app h6 {
  color:inherit;
  font-family:inherit;
  font-weight:500;
  line-height:1.2;
  margin-bottom:0;
  margin-top:0
}
.hl-app .h1,
.hl-app h1 {
  font-size:2.5rem
}
.hl-app .h2,
.hl-app h2 {
  font-size:2rem
}
.hl-app .h3,
.hl-app h3 {
  font-size:1.75rem
}
.hl-app .h4,
.hl-app h4 {
  font-size:1.5rem
}
.hl-app .h5,
.hl-app h5 {
  font-size:1.25rem
}
.hl-app .h6,
.hl-app h6 {
  font-size:1rem
}
.hl-app .row {
  margin-left:-15px;
  margin-right:-15px
}
.hl-app .cal-row,
.hl-app .row {
  display:flex;
  flex-wrap:wrap
}
.hl-app .col-12,
.hl-app .col-6,
.hl-app .col-8,
.hl-app .col-md-12,
.hl-app .col-md-3,
.hl-app .col-sm-3,
.hl-app .col-sm-6 {
  min-height:1px;
  position:relative;
  width:100%
}
.hl-app .col-sm-3 {
  flex:0 0 25%;
  max-width:25%
}
.hl-app .col-sm-6 {
  flex:0 0 50%;
  max-width:50%
}
.hl-app .col-md-3 {
  flex:0 0 25%;
  max-width:25%
}
.hl-app .col-md-12 {
  flex:0 0 100%;
  max-width:100%
}
.hl-app .col-8 {
  flex:0 0 66.6666666667%;
  max-width:66.6666666667%
}
.hl-app .mb-1,
.hl-app .my-1 {
  margin-bottom:.25rem!important
}
.hl-app .mb-2,
.hl-app .my-2 {
  margin-bottom:.5rem!important
}
.hl-app .ml-2,
.hl-app .mx-2 {
  margin-left:.5rem!important
}
.hl-app .mr-2,
.hl-app .mx-2 {
  margin-right:.5rem!important
}
.hl-app .pr-3,
.hl-app .px-3 {
  padding-right:1rem!important
}
.hl-app .px-2 {
  padding-left:15px!important;
  padding-right:15px!important
}
.hl-app .p-0 {
  padding:0!important
}
.hl-app .pl-0,
.hl-app .px-0 {
  padding-left:0!important
}
.hl-app .d-flex {
  display:flex!important
}
.hl-app .align-items-center {
  align-items:center!important
}
.hl-app a {
  -webkit-text-decoration-skip:objects;
  background-color:transparent;
  color:#188bf6;
  text-decoration:none;
  transition:all .2s ease-in-out
}
.hl-app a:active,
.hl-app a:focus,
.hl-app a:hover {
  color:#0871d3;
  outline:none;
  text-decoration:none
}
.hl-app a:active:focus {
  outline:none
}
.hl-app .text-light {
  font-weight:400
}
.hl-app .hl_widget {
  background:rgba(0,0,0,.5);
  margin:auto;
  z-index:9999999
}
.hl-app .hl_widget,
.hl-app .hl_widget>* {
  box-sizing:border-box
}
.hl-app .hl_widget.popup {
  bottom:0;
  left:0;
  overflow:auto;
  position:fixed;
  right:0;
  top:0
}
.hl-app .hl_widget-inner {
  background-color:#fff;
  border-radius:4px;
  box-shadow:5px 8.7px 20px #0000001a;
  margin-left:auto;
  margin-right:auto;
  max-width:800px;
  position:relative
}
.hl-app .hl_widget.--small .hl_widget-inner {
  max-width:700px
}
.hl-app .white-bg {
  background-color:#fff
}
.hl-app .no-shadow {
  box-shadow:none
}
.hl-app .hl_widget-header {
  border-bottom:1px solid #e6edf2;
  padding:25px 50px 25px 30px
}
.hl-app .hl_widget-header h2 {
  color:#2a3135;
  font-weight:500;
  line-height:1.2;
  margin:0
}
.hl-app .hl_widget-header h2 span {
  color:#607179;
  font-size:14px;
  font-weight:300
}
.hl-app .hl_widget-close {
  background:none;
  border:none;
  cursor:pointer;
  font-size:30px;
  font-weight:300;
  padding:0;
  position:absolute;
  right:20px;
  top:10px;
  transition:all .2s ease-out
}
.hl-app .hl_widget-close:hover {
  opacity:.5
}
.hl-app .hl_widget-close:active,
.hl-app .hl_widget-close:focus {
  outline:none
}
.hl-app .hl_widget-body {
  padding:20px 30px
}
.hl-app .hl_widget-body p {
  margin-top:0
}
.hl-app .hl_widget-wrapper {
  box-sizing:border-box
}
.hl-app .hl_wrapper {
  overflow:visible
}
.hl-app .hl_wrapper.d-flex {
  align-items:stretch
}
.hl-app .hl_widget-form {
  margin-left:auto;
  margin-right:auto
}
.hl-app .pick-date-title {
  align-items:center;
  display:flex;
  margin-bottom:1rem
}
.hl-app .btn-back {
  background-color:transparent;
  border:none
}
.hl-app .back_button,
.hl-app .hl_select_button {
  display:none
}
.hl-app .hl_widget-step1 h3 {
  color:#2a3135;
  font-size:18px;
  font-weight:500;
  margin-bottom:25px;
  margin-top:0
}
.hl-app .hl_widget-step1 p {
  font-size:14px
}
.hl-app .hl_widget--pick-date {
  word-wrap:normal;
  position:relative
}
.hl-app .hl_widget-step1 .hl_widget--pick-date {
  margin-bottom:40px
}
.hl-app .hl_widget-step1 .hl_widget--pick-date-time {
  display:flex;
  margin-left:-15px;
  margin-right:-15px
}
.hl-app .hl_widget-step1 .hl_widget--pick-date-time>* {
  margin-left:15px;
  margin-right:15px
}
.hl-app .hl_widget-step1 .hl_widget--pick-hours {
  position:relative
}
.hl-app .hl_widget-step1 .hl_widget--pick-hours h3 {
  color:#607179;
  font-size:16px;
  font-weight:400;
  margin-bottom:20px;
  margin-top:0
}
.hl-app .hl_widget-step1 .hl_widget--pick-hours h3 strong {
  color:#2a3135
}
.hl-app .hl_widget-step1 .pick-hours--wrap {
  align-items:flex-start;
  display:flex;
  margin-left:-15px;
  margin-right:-15px;
  text-align:center
}
.hl-app .hl_widget-step1 .pick-hours--wrap>* {
  flex:1 0 0;
  margin-left:15px;
  margin-right:15px
}
.hl-app .hl_widget-step1 .pick-hours--wrap h4 {
  color:#2a3135;
  font-size:18px;
  margin-bottom:10px;
  margin-top:0;
  text-align:center
}
.hl-app #pick-hours--am,
.hl-app #pick-hours--pm {
  max-height:305px;
  overflow:hidden
}
.hl-app .hl_widget-step1 .hour-select {
  margin-bottom:10px
}
.hl-app .hl_widget-step1 .hl_widget--pick-hours .loader {
  display:flex;
  justify-content:center
}
.hl-app .hl_widget-step1 .hour-select input {
  display:none;
  opacity:0;
  visibility:hidden
}
.hl-app .hl_widget-step1 .hour-select input:checked+label {
  background-color:#188bf6;
  border-color:#188bf6;
  color:#fff
}
.hl-app .hl_widget-step1 .hour-select label {
  border:1px solid #e6edf2;
  border-radius:4px;
  cursor:pointer;
  display:block;
  font-weight:500;
  margin:0 auto;
  max-width:150px;
  padding:7px 20px;
  transition:all .2s ease-in-out
}
.hl-app .hl_widget-step1 .hour-select label:hover {
  background-color:#188bf61a;
  border-color:#188bf61a
}
.hl-app .hl_widget label {
  color:#2a3135;
  display:block;
  font-size:14px;
  margin-bottom:10px
}
.hl-app .hl_widget .hl_form-group.--select {
  position:relative
}
.hl-app .hl_widget .hl_form-group.--select:after {
  border-color:#607179 transparent transparent;
  border-style:solid;
  border-width:4px 4px 0;
  bottom:20px;
  content:"";
  display:block;
  height:0;
  position:absolute;
  right:15px;
  width:0
}
.hl-app .hl_widget .hl_form-name>:first-child {
  margin-bottom:20px
}
.hl-app .hl_widget .hl_input:active,
.hl-app .hl_widget .hl_input:focus {
  border-color:#188bf6;
  outline:none
}
.hl-app .hl_widget .hl_input:-moz-placeholder,
.hl-app .hl_widget .hl_input:-ms-input-placeholder,
.hl-app .hl_widget .hl_input::-moz-placeholder,
.hl-app .hl_widget .hl_input::-webkit-input-placeholder {
  color:#788b94
}
.hl-app .hl_widget textarea.hl_input {
  height:auto
}
.hl-app .hl_widget .hl_input-option {
  align-items:center;
  display:inline-flex;
  margin-right:20px
}
.hl-app .hl_widget .hl_input-option input {
  margin-right:10px
}
.hl-app .hl_widget .hl_input-option span {
  display:inline-block;
  font-size:14px
}
.hl-app .hl_widget-calendar {
  border:1px solid #e6edf2;
  margin-left:auto;
  margin-right:auto;
  min-width:700px;
  padding:15px 35px;
  position:relative
}
.hl-app .hl_widget .calendar-next,
.hl-app .hl_widget .calendar-prev {
  background-color:#a3bdcf;
  border-radius:50%;
  color:#fff;
  display:block;
  height:20px;
  line-height:20px;
  position:absolute;
  text-align:center;
  text-decoration:none;
  width:20px
}
.hl-app .hl_widget .calendar-prev {
  left:7px;
  top:50%
}
.hl-app .hl_widget .calendar-next {
  right:7px;
  top:50%
}
.hl-app .hl_widget .hl_calendar-slide-item {
  outline:none
}
.hl-app .hl_widget-step3 h3,
.hl-app .hl_widget-step4 h3 {
  color:#2a3135;
  font-size:18px;
  font-weight:500;
  margin-bottom:15px;
  margin-top:0
}
.hl-app .hl_widget-step3 p,
.hl-app .hl_widget-step4 p {
  font-size:14px;
  margin-top:0
}
.hl-app .hl_provider-select,
.hl-app .hl_services-select {
  list-style:none;
  margin:0 0 30px;
  padding:0
}
.hl-app .hl_provider-select li,
.hl-app .hl_services-select li {
  display:block;
  margin:0
}
.hl-app .hl_provider-select input,
.hl-app .hl_services-select input {
  display:none;
  opacity:0;
  visibility:hidden
}
.hl-app .hl_provider-select input:checked+label,
.hl-app .hl_services-select input:checked+label {
  background-color:#188bf60d;
  color:#188bf6
}
.hl-app .hl_provider-select input:checked+label:before,
.hl-app .hl_services-select input:checked+label:before {
  border-color:#188bf6
}
.hl-app .hl_provider-select label,
.hl-app .hl_services-select label {
  border-bottom:1px solid #e7f0f6;
  border-top:1px solid #e7f0f6;
  cursor:pointer!important;
  display:block;
  line-height:1.5;
  margin:-1px 0 0;
  padding:12px 15px;
  position:relative;
  transition:all .2s ease-in-out;
  width:100%
}
.hl-app .hl_provider-select label:before,
.hl-app .hl_services-select label:before {
  border-bottom:1px solid #607179;
  border-right:1px solid #607179;
  content:" ";
  height:8px;
  position:absolute;
  right:15px;
  top:20px;
  transform:rotate(-45deg);
  transition:all .2s ease-in-out;
  width:8px
}
.hl-app .hl_provider-select label:hover,
.hl-app .hl_services-select label:hover {
  background-color:#188bf60d;
  color:#188bf6
}
.hl-app .hl_provider-select label:hover:before,
.hl-app .hl_services-select label:hover:before {
  border-color:#188bf6
}
.hl-app .loader-container {
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:30%;
  width:50px;
  z-index:99
}
.hl-app .load-more {
  cursor:pointer;
  display:block;
  font-size:14px;
  margin-top:10px
}
.hl-app .slot-loader {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.hl-app .slot-loader .loader {
  align-items:center;
  background:hsla(0,0%,100%,.4);
  display:flex;
  height:100%;
  justify-content:center
}
.hl-app .my-datepicker_calendar {
  max-width:300px;
  width:100%!important
}
.hl-app .vdp-datepicker__calendar {
  border:none!important;
  box-shadow:none!important;
  margin-bottom:3rem!important;
  padding:1rem!important
}
.hl-app .vdp-datepicker__calendar .cell.selected {
  background:#188bf6!important;
  color:#fff
}
.hl-app .vdp-datepicker__calendar .cell.selected.disabled {
  background:#fff!important;
  color:#ddd!important
}
.hl-app .hl_events-buttons {
  display:flex;
  justify-content:space-between;
  margin:20px auto;
  width:80%
}
.hl-app .calendar-button {
  align-items:center;
  border:1px solid #e1e1e1;
  border-radius:5px;
  color:#737373;
  cursor:pointer;
  display:flex;
  justify-content:center;
  padding:10px 15px;
  text-decoration:none;
  transition-duration:.15s;
  transition-timing-function:ease-in-out;
  white-space:nowrap
}
.hl-app .google-button:focus,
.hl-app .google-button:hover {
  box-shadow:1px 4px 5px 1px #0000001a
}
.hl-app .calendar-button__text {
  font-weight:700;
  margin-left:10px
}
.hl-app .details-item {
  align-items:center;
  border-bottom:1px solid #e1e1e1;
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  padding-bottom:10px
}
.hl-app .details-item div {
  display:flex;
  flex:1;
  justify-content:space-between
}
.hl-app .timezone-picker {
  margin-top:20px
}
.hl-app .timezone-picker .dropdown-toggle {
  color:#2a3135;
  font-size:14px;
  text-decoration:none
}
.hl-app .timezone-actions {
  padding:10px 20px
}
.hl-app .timezone-search {
  border:1px solid #e6edf2;
  border-radius:4px;
  color:#607179;
  display:block;
  font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:14px;
  margin-bottom:15px;
  padding:10px 15px;
  width:100%
}
.hl-app .timezone-search:active,
.hl-app .timezone-search:focus {
  outline:none
}
.hl-app .timezone-actions-bottom {
  display:flex;
  justify-content:space-between
}
.hl-app .timezone-actions-bottom h4 {
  color:#2a3135;
  font-size:12px;
  margin-bottom:0;
  margin-top:0;
  text-transform:uppercase
}
.hl-app .timezones-wrap {
  border-top:1px solid rgba(230,237,242,.5);
  height:190px;
  min-width:350px;
  overflow-y:scroll;
  padding-top:10px
}
.hl-app .timezones {
  list-style:none;
  margin:0;
  padding:0
}
.hl-app .timezones .label {
  font-size:14px;
  font-weight:500;
  padding-left:20px
}
.hl-app .timezones .group {
  list-style:none;
  margin:0 0 20px;
  padding:0;
  padding-inline-start:0
}
.hl-app .timezones .group .timezone {
  align-items:center;
  color:#607179;
  cursor:pointer;
  display:flex;
  font-size:13px;
  justify-content:space-between;
  line-height:1;
  padding:10px 20px;
  transition:all .2s ease-in-out
}
.hl-app .timezones .group .timezone:hover {
  background-color:#188bf633;
  color:#188bf6
}
.hl-app .timezones .group .timezone.current {
  background-color:#188bf6;
  color:#fff
}
.hl-app .timezones .group .timezone .current-time {
  font-size:11px
}
.hl-app .toggle {
  align-items:center;
  display:flex;
  height:20px!important
}
.hl-app .toggle p {
  color:#607179;
  margin:0
}
.hl-app .tgl-btn {
  margin-left:10px;
  margin-right:10px
}
.hl-app .tgl {
  display:none
}
.hl-app .tgl,
.hl-app .tgl *,
.hl-app .tgl :after,
.hl-app .tgl :before,
.hl-app .tgl+.tgl-btn,
.hl-app .tgl:after,
.hl-app .tgl:before {
  box-sizing:border-box
}
.hl-app .tgl::-moz-selection,
.hl-app .tgl:after::-moz-selection,
.hl-app .tgl:before::-moz-selection {
  background:none
}
.hl-app .tgl+.tgl-btn::-moz-selection,
.hl-app .tgl::selection,
.hl-app .tgl:after::selection,
.hl-app .tgl:before::selection {
  background:none
}
.hl-app .tgl ::-moz-selection,
.hl-app .tgl :after::-moz-selection,
.hl-app .tgl :before::-moz-selection {
  background:none
}
.hl-app .tgl ::selection,
.hl-app .tgl :after::selection,
.hl-app .tgl :before::selection {
  background:none
}
.hl-app .tgl+.tgl-btn {
  cursor:pointer;
  display:block;
  height:20px;
  margin-bottom:0;
  outline:0;
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  width:36px
}
.hl-app .tgl+.tgl-btn::-moz-selection {
  background:none
}
.hl-app .tgl+.tgl-btn::selection {
  background:none
}
.hl-app .tgl+.tgl-btn:after,
.hl-app .tgl+.tgl-btn:before {
  content:"";
  display:block;
  height:100%;
  position:relative;
  width:50%
}
.hl-app .tgl+.tgl-btn:after {
  left:0
}
.hl-app .tgl+.tgl-btn:before {
  display:none
}
.hl-app .tgl:checked+.tgl-btn:after {
  left:50%
}
.hl-app .tgl-light+.tgl-btn {
  background:hsla(198,9%,71%,.2);
  border-radius:2em;
  padding:2px;
  transition:all .4s ease
}
.hl-app .tgl-light+.tgl-btn:after {
  background:#afb8bc;
  border-radius:50%;
  transition:all .2s ease
}
.hl-app .tgl-light:checked+.tgl-btn {
  background:hsla(198,9%,71%,.2)
}
.hl-app #form-builder {
  width:100%
}
.hl-app .hl_wrapper--inner {
  padding-bottom:0;
  padding-top:25px
}
.hl-app .hl_wrapper--inner.form-builder {
  flex:1 0 0;
  min-height:100%
}
.hl-app .hl_form-builder--main {
  margin-top:-25px;
  padding:40px 20px
}
.hl-app .form-builder--wrap {
  background-color:#fff;
  border-radius:4px;
  margin:0 auto 20px;
  max-width:550px;
  position:relative
}
.hl-app .form-builder--item {
  border:1px solid transparent;
  border-radius:4px;
  margin-bottom:16px;
  transition:border .2s ease-in-out
}
.hl-app .form-builder--img-wrap {
  display:flex
}
.hl-app .fields-container.row {
  margin:0
}
.hl-app .hl_form-builder--main .form-builder--wrap .form-builder--item,
.hl-app .menu-field-wrap {
  position:relative;
  width:100%
}
.hl-app .menu-field-wrap {
  padding-left:12px;
  padding-right:12px
}
.hl-app .builder-form-name.text-center {
  margin:0;
  padding:0
}
.hl-app .validation-error {
  padding:0 15px
}
.hl-app .builder-inline .col-6 .builder-inline .col-12 .form-builder--item {
  padding:0 4px
}
.hl-app .builder-inline .col-6 .f-odd .form-builder--item {
  padding-left:0!important
}
.hl-app .hl_widget .hl_form-group {
  margin-bottom:20px
}
.hl-app .hl_widget .hl_form-group.has-error .hl_input {
  border:1px solid #cb3837
}
.hl-app .error,
.hl-app .hl_widget .hl_form-group.has-error .error,
.hl-app .validation-error.error {
  color:#cb3837;
  display:block;
  width:100%
}
.hl-app .form-builder--item label {
  font-size:.875rem
}
.hl-app label {
  display:inline-block;
  margin-bottom:.5rem
}
.hl-app button,
.hl-app input,
.hl-app optgroup,
.hl-app select,
.hl-app textarea {
  font-family:inherit;
  line-height:inherit;
  outline:0
}
.hl-app #_builder-form input[type=email],
.hl-app #_builder-form input[type=number],
.hl-app #_builder-form input[type=password],
.hl-app #_builder-form input[type=text],
.hl-app textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#f3f8fb;
  border:none;
  border-radius:.25rem;
  padding:.5rem .75rem;
  width:100%
}
.hl-app input::-webkit-input-placeholder,
.hl-app textarea::-webkit-input-placeholder {
  color:#9fa1a3!important
}
.hl-app .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
}
.hl-app input[type=checkbox],
.hl-app 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
}
.hl-app .input-group {
  align-items:stretch;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  width:100%
}
.hl-app .input-group>.custom-file,
.hl-app .input-group>.custom-select,
.hl-app .input-group>.form-control {
  flex:1 1 auto;
  margin-bottom:0;
  position:relative;
  width:1%
}
.hl-app .input-group>.custom-file:focus,
.hl-app .input-group>.custom-select:focus,
.hl-app .input-group>.form-control:focus {
  z-index:3
}
.hl-app .input-group>.custom-file+.custom-file,
.hl-app .input-group>.custom-select,
.hl-app .input-group>.custom-select+.custom-file,
.hl-app .input-group>.form-control,
.hl-app .input-group>.form-control+.custom-file {
  margin-left:-1px
}
.hl-app .input-group>.custom-select:not(:last-child),
.hl-app .input-group>.form-control:not(:last-child) {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.hl-app .input-group>.custom-select:not(:first-child),
.hl-app .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
}
.hl-app .input-group>.custom-file {
  align-items:center;
  display:flex
}
.hl-app .input-group>.custom-file:not(:last-child) .custom-file-label,
.hl-app .input-group>.custom-file:not(:last-child) .custom-file-label:before {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.hl-app .input-group>.custom-file:not(:first-child) .custom-file-label,
.hl-app .input-group>.custom-file:not(:first-child) .custom-file-label:before {
  border-bottom-left-radius:0;
  border-top-left-radius:0
}
.hl-app .input-group-append,
.hl-app .input-group-prepend {
  display:flex
}
.hl-app .input-group-append .btn,
.hl-app .input-group-prepend .btn {
  position:relative;
  z-index:2
}
.hl-app .input-group-append .btn+.btn,
.hl-app .input-group-append .input-group-text,
.hl-app .input-group-append .input-group-text+.btn {
  margin-left:-1px
}
.hl-app .input-group-prepend {
  margin-right:-1px
}
.hl-app .input-group-append,
.hl-app .input-group-prepend .btn+.btn,
.hl-app .input-group-prepend .input-group-text,
.hl-app .input-group-prepend .input-group-text+.btn {
  margin-left:-1px
}
.hl-app .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
}
.hl-app .input-group-text input[type=checkbox],
.hl-app .input-group-text input[type=radio] {
  margin-top:0
}
.hl-app .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.hl-app .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.hl-app .input-group>.input-group-append:not(:last-child)>.btn,
.hl-app .input-group>.input-group-append:not(:last-child)>.input-group-text,
.hl-app .input-group>.input-group-prepend>.btn,
.hl-app .input-group>.input-group-prepend>.input-group-text {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.hl-app .hide,
.hl-app .hide-whole-container {
  display:none
}
.hl-app .invisible {
  opacity:0
}
.hl-app .survey-form-wrapper .form-builder--wrap {
  min-height:0
}
.hl-app .input-group-prepend {
  margin-right:0!important
}
.hl-app .input-group-text {
  background-color:#f3f8fb!important;
  border-bottom:unset!important;
  border-left:unset!important;
  border-right:1px solid #dee5e8;
  border-top:unset!important
}
.hl-app .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
}
.hl-app .btn-dark {
  background-color:#000;
  color:#fff
}
.hl-app a,
.hl-app button {
  cursor:pointer;
  transition:all .2s ease-in-out 0s
}
.hl-app .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;
  transition:all .2s ease-in-out 0s;
  width:100%
}
.hl-app .form-control:active:focus,
.hl-app .form-control:focus {
  background-color:#ecf0f3!important;
  box-shadow:none!important;
  outline:none
}
.hl-app .g-recaptcha {
  transform:scale(.77);
  transform-origin:0 0
}
.hl-app .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-app .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-app .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-app .hl_form-builder--main .form-builder--wrap .form-builder--item .captcha-vlue span {
  color:#ccc;
  font-size:36px;
  font-weight:400
}
.hl-app #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
}
.hl-app #the-form-builder .menu-field-wrap:hover .close-icon {
  opacity:1;
  transition:all .5s ease-in
}
.hl-app .animated .close-icon {
  opacity:0
}
.hl-app .hl_form-builder--sidebar .dragdrop-items li {
  padding:0
}
.hl-app .hl_form-builder--sidebar .dragdrop-items li .drag {
  padding:10px 15px;
  width:100%
}
.hl-app .hl_form-builder--sidebar .dragdrop-items li .drag i {
  float:right;
  position:relative;
  top:8px
}
.hl-app .form-builder-drop {
  min-height:400px;
  padding:30px 15px
}
.hl-app .custom-vue-select.form-control {
  padding:10px 15px!important
}
.hl-app .custom-vue-select ul.vs__dropdown-menu li.vs__dropdown-option {
  word-wrap:break-word!important;
  white-space:normal!important
}
.hl-app div#the-form-builder.drag-enter {
  background-color:#f9f3de!important
}
.hl-app .form-builder--image {
  width:auto!important
}
.hl-app .form-builder--image img {
  width:100%
}
.hl-app .branding-wrap {
  padding:30px 16px 10px;
  position:relative
}
.hl-app .branding-url {
  display:block;
  padding:0;
  text-align:left
}
.hl-app .branding-url>img {
  width:100px
}
.hl-app .branding-url .cmp-name {
  color:#607179;
  display:block;
  font-size:12px
}
.hl-app [v-cloak]>* {
  display:none
}
.hl-app .radio-image-option-set label:before {
  opacity:0
}
.hl-app .radio-image-option-set,
.hl-app [type=radio]+div {
  cursor:pointer
}
.hl-app [type=radio]:checked+.radio-image-option-set {
  border-color:#51b05e
}
.hl-app .radio-image-option-set img {
  height:100%;
  margin-bottom:5px;
  position:relative;
  width:100%
}
.hl-app .container-group-image .radio-image-option-set {
  border:2px solid hsla(198,4%,49%,.129);
  border-radius:6px;
  margin-bottom:8px;
  padding:0
}
.hl-app .container-group-image .radio-image-option-set .image-container {
  display:inline-block;
  margin-bottom:.5rem
}
.hl-app .container-group-image .radio-image-option-set .image-container img {
  display:block;
  margin:0 auto;
  padding:.5rem;
  width:100%
}
.hl-app .container-group-image .radio-image-option-set .opt-container-img-label .image-container {
  min-height:95px;
  min-width:100px
}
.hl-app .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
}
.hl-app .container-group-image .radio-image-option-set .image-container {
  min-height:95px;
  min-width:100px;
  padding:2px 8px 2px 0
}
.hl-app .row .container-group-image {
  margin:0 auto
}
@media (min-wdith:400px) {
  .hl-app .hl_widget-form {
    min-width:300px
  }
  .hl-app .hl_widget .hl_form-name {
    align-items:flex-start;
    display:flex;
    margin-left:-10px;
    margin-right:-10px
  }
  .hl-app .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-app .hl_widget-step1 .hour-select input+label {
    transition:all .3s ease
  }
  .hl-app .hl_widget-step1 .hour-select input:checked+label {
    width:45%
  }
  .hl-app .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-app .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-app .hl_widget-wrapper .hl_widget-form {
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px
  }
  .hl-app .hl_widget .hl_form-group.--date-time {
    display:none;
    opacity:0;
    visibility:hidden
  }
}
.hl-app .menu-field-wrap.col-sm-6 .option-radio.col-md-3 {
  max-width:50%
}
@media only screen and (max-width:649px) {
  .hl-app .menu-field-wrap.col-sm-6,
  .hl-app .menu-field-wrap.col-sm-6 .col-8 {
    flex:0 0 100%;
    max-width:100%
  }
}
.hl-app input[type=checkbox],
.hl-app input[type=radio] {
  height:20px;
  width:20px
}
.hl-app .in-r-c {
  align-items:center;
  display:flex;
  margin-bottom:5px
}
.hl-app .in-r-c label {
  margin-bottom:0;
  margin-left:10px
}
.hl-app .option-radio-image input[type=radio] {
  display:none
}
.hl-app #_builder-form .form-builder--btn-submit button p,
.hl-app #_builder-form .heading-element div p {
  margin:0
}
.hl-app .v-spinner .v-moon1 {
  position:relative
}
.hl-app .v-spinner .v-moon1,
.hl-app .v-spinner .v-moon2 {
  animation:v-moonStretchDelay .6s linear 0s infinite;
  animation-fill-mode:forwards
}
.hl-app .v-spinner .v-moon2 {
  opacity:.8;
  position:absolute
}
.hl-app .v-spinner .v-moon3 {
  opacity:.1
}
.hl-app #notfound {
  height:100vh;
  position:relative
}
.hl-app #notfound .notfound {
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%)
}
.hl-app .notfound {
  line-height:1.4;
  max-width:460px;
  text-align:center;
  width:100%
}
.hl-app .notfound .notfound-404 {
  height:180px;
  margin:0 auto;
  position:relative;
  width:180px
}
.hl-app .notfound .notfound-404>div:first-child {
  background:#ffa200;
  border:5px dashed #000;
  border-radius:5px;
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform:rotate(45deg)
}
.hl-app .notfound .notfound-404>div:first-child:before {
  border-radius:5px;
  bottom:-5px;
  box-shadow:inset 0 0 0 5px #0000001a;
  content:"";
  left:-5px;
  position:absolute;
  right:-5px;
  top:-5px
}
.hl-app .notfound .notfound-404 h1 {
  color:#000;
  font-family:Cabin,sans-serif;
  font-size:90px;
  font-weight:700;
  height:40px;
  left:50%;
  line-height:40px;
  margin:0;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%)
}
.hl-app .notfound h2 {
  font-family:Cabin,sans-serif;
  font-size:33px;
  font-weight:700;
  letter-spacing:7px;
  text-transform:uppercase
}
.hl-app .notfound p {
  color:#000;
  font-family:Cabin,sans-serif;
  font-size:16px;
  font-weight:400
}
.hl-app .notfound a {
  background-color:#8f8f8f;
  border:none;
  border-radius:40px;
  color:#fff;
  display:inline-block;
  font-family:Cabin,sans-serif;
  font-size:14px;
  font-weight:700;
  padding:10px 25px;
  text-decoration:none;
  text-transform:uppercase;
  transition:all .2s
}
.hl-app .notfound a:hover {
  background-color:#2c2c2c
}
.hl-app .h2-override {
  font-size:18px!important;
  letter-spacing:5px!important
}
@keyframes rotateSlideOutNext {
  0% {
    position:absolute
  }
  25% {
    opacity:.5;
    transform:translateZ(-500px)
  }
  75%,
  to {
    opacity:.5;
    transform:translateZ(-500px) translate(-200%)
  }
}
@keyframes rotateSlideInNext {
  0%,
  25% {
    opacity:.5;
    position:relative;
    transform:translateZ(-500px) translate(200%)
  }
  75% {
    opacity:.5;
    transform:translateZ(-500px)
  }
  to {
    opacity:1;
    transform:translateZ(0) translate(0)
  }
}
@keyframes rotateSlideOutPrev {
  0% {
    position:absolute
  }
  25% {
    opacity:.5;
    transform:translateZ(-500px)
  }
  75%,
  to {
    opacity:.5;
    transform:translateZ(-500px) translate(200%)
  }
}
@keyframes rotateSlideInPrev {
  0%,
  25% {
    opacity:.5;
    position:relative;
    transform:translateZ(-500px) translate(-200%)
  }
  75% {
    opacity:.5;
    transform:translateZ(-500px)
  }
  to {
    opacity:1;
    transform:translateZ(0) translate(0)
  }
}
@keyframes v-moonStretchDelay {
  to {
    transform:rotate(1turn)
  }
}
.hl-app .ghl-button-bar {
  direction:rtl;
  display:inline;
  position:relative;
  text-align:center;
  z-index:2
}
.hl-app .ghl-button-bar input {
  cursor:pointer;
  position:relative
}
.hl-app .ghl-button-bar .ghl-next-button {
  border:0;
  border-radius:4px;
  float:right;
  font-weight:600;
  height:40px;
  margin:10px;
  min-width:50px;
  padding:0 15px;
  text-align:center;
  width:auto
}
.hl-app .ghl-button-bar .ghl-next-button:focus {
  outline:0
}
.hl-app .ghl-button-bar .ghl-next-button .right-pointing-triangle:after {
  content:"▶︎"
}
.hl-app .ghl-button-bar .ghl-submit-button {
  border:0;
  border-radius:4px;
  float:right;
  font-weight:600;
  height:40px;
  margin:10px;
  min-width:50px;
  padding:0 15px;
  text-align:center;
  width:auto
}
.hl-app .ghl-button-bar .ghl-back-button {
  border:0;
  border-radius:4px;
  float:left;
  height:40px;
  margin:10px 0 0 10px;
  min-width:50px;
  text-align:center;
  text-indent:-4px;
  width:auto
}
.hl-app .ghl-button-bar .ghl-back-button:focus {
  outline:0
}
.hl-app .ghl-button-bar .ghl-back-button .left-pointing-triangle:after {
  content:"◀︎"
}
.hl-app input#sg_NextButton {
  padding-left:15px;
  padding-right:15px
}
.hl-app .ghl-button,
.hl-app .ghl-file-field input[type=button],
.hl-app .ghl-next-button {
  background-color:#3a8ea8;
  color:#fff
}
.hl-app .ghl-next-button:disabled {
  cursor:none;
  opacity:.7
}
.hl-app .ghl-add-another-button,
.hl-app .ghl-back-button,
.hl-app .ghl-browse-btn,
.hl-app .ghl-configurator-btn,
.hl-app .ghl-submit-button {
  background-color:#3a8ea8;
  color:#fff
}
.hl-app .ghl-question-set {
  zoom:1;
  margin-top:12px;
  overflow-y:visible;
  perspective:1200px;
  position:relative;
  transform-style:preserve-3d;
  z-index:2
}
.hl-app .ghl-question-set .ghl-question {
  clear:both;
  display:none;
  left:0;
  line-height:1;
  overflow:hidden;
  top:0;
  transform:translateZ(0);
  visibility:hidden;
  width:100%
}
.hl-app .ghl-question-set .ghl-question.ghl-page-current {
  display:block;
  overflow:visible;
  padding-bottom:0;
  visibility:visible
}
.hl-app .ghl-question-set .form-field-container label {
  color:#000
}
.hl-app .ghl-survey-form {
  background-color:#fff;
  height:auto;
  height:100%;
  margin-bottom:50px;
  overflow-y:visible;
  padding:1.5em 30px 2em;
  width:100%
}
.hl-app .ghl-survey-form .ghl-page-description p {
  font-size:1.1em;
  line-height:1.72222;
  margin:0 0 .833em
}
.hl-app .ghl-survey-form .alert {
  border-left:9px solid #ff4747;
  border-radius:0;
  color:#792020;
  transition:all .3s ease-in
}
.hl-app .ghl-survey-form .alert ul {
  margin-bottom:0;
  padding-left:20px
}
.hl-app .ghl-survey-form-banner {
  background-color:#fff;
  height:auto;
  height:100%;
  margin:0 auto;
  overflow-x:hidden;
  overflow-y:visible;
  padding:1.5em 30px 2em;
  width:80%
}
.hl-app .ghl-body {
  background-color:transparent
}
.hl-app .ghl-body .img-opt-title {
  padding:5px
}
.hl-app .form-builder--wrap-questions .col-12,
.hl-app .form-builder--wrap-questions .col-6,
.hl-app .form-builder--wrap-questions .form-builder--item,
.hl-app .form-builder--wrap-questions .row {
  padding:0
}
.hl-app .ghl-page-rotateSlideOutNext {
  animation:rotateSlideOutNext 1s ease both
}
.hl-app .ghl-page-rotateSlideInNext {
  animation:rotateSlideInNext 1s ease both
}
.hl-app .ghl-page-rotateSlideOutPrev {
  animation:rotateSlideOutPrev 1s ease both
}
.hl-app .ghl-page-rotateSlideInPrev {
  animation:rotateSlideInPrev 1s ease both
}
.hl-app .ghl-footer-wrap {
  margin:0 auto 11%;
  padding:26px 10px 5px;
  text-align:center;
  width:80%
}
.hl-app .ghl-form-wrap {
  margin:0 auto 60px
}
.hl-app .ghl-banner {
  margin:auto
}
.hl-app .ghl-banner img {
  display:block;
  max-width:100%;
  width:100%
}
.hl-app .ghl-banner.ghl-survey-form-banner {
  height:auto;
  min-height:auto;
  padding:0
}
.hl-app table.table.table-borderless th {
  border:0;
  padding:.75rem
}
.hl-app table.table.table-borderless tr th:first-child {
  max-width:150px;
  padding-right:0;
  text-align:right;
  vertical-align:middle
}
.hl-app .ghl-question-set.ghl-ques-wrap-big .custom-vue-select.form-control,
.hl-app .ghl-question-set.ghl-ques-wrap-big input[type=email],
.hl-app .ghl-question-set.ghl-ques-wrap-big input[type=number],
.hl-app .ghl-question-set.ghl-ques-wrap-big input[type=phone],
.hl-app .ghl-question-set.ghl-ques-wrap-big input[type=text],
.hl-app .ghl-question-set.ghl-ques-wrap-big textarea {
  width:50%
}
.hl-app .ghl-question-set.ghl-ques-wrap-big .form-builder--item-input {
  margin-bottom:17px
}
.hl-app .ghl-question-set.ghl-ques-wrap-big .form-builder--item-input .custom-vue-select.form-control,
.hl-app .ghl-question-set.ghl-ques-wrap-big .form-builder--item-input input,
.hl-app .ghl-question-set.ghl-ques-wrap-big .form-builder--item-input textarea {
  width:100%
}
.hl-app .setOverflow {
  overflow:hidden
}
.hl-app .hl_widget-footer {
  border-top:1px solid #e6edf2;
  padding:20px 100px 10px 30px;
  text-align:right
}
.hl-app .no-shadow .hl_widget-footer {
  border-top:none!important;
  padding-top:0
}
.hl-app .hl_widget-footer .v-spinner {
  display:inline-block
}
.hl-app .hl_button {
  border:1px solid #e6edf2;
  border-radius:4px;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  max-width:550px;
  min-width:130px;
  padding:15px 30px;
  transition:all .2s ease-in-out
}
.hl-app .hl_button:active,
.hl-app .hl_button:focus,
.hl-app .hl_button:hover {
  background-color:#e6edf2
}
.hl-app .hl_button:active,
.hl-app .hl_button:focus {
  outline:none
}
.hl-app .hl_button:disabled {
  opacity:.6
}
.hl-app .hl_button:active:focus {
  outline:none
}
.hl-app .hl_button.--primary {
  background-color:#188bf6;
  border-color:#188bf6;
  color:#fff
}
.hl-app .hl_button.--first-step {
  min-width:200px
}
.hl-app .hl_button.--primary:active,
.hl-app .hl_button.--primary:focus,
.hl-app .hl_button.--primary:hover {
  background-color:#0871d3
}
.hl-app .Header-purchaseDescription {
  white-space:normal!important
}
.hl-app .StripeElement {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#f3f8fb;
  border:none;
  border-radius:.3125rem;
  color:#2a3135;
  font-family:Roboto,system,-apple-system,BlinkMacSystemFont,\.SFNSDisplay-Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:.875rem;
  padding:15px 20px;
  transition:all .2s ease-in-out 0s
}
.hl-app .StripeElement--invalid {
  border-color:#fa755a
}
.hl-app .StripeElement--webkit-autofill {
  background-color:#fefde5!important
}
.hl-app .payform .group {
  background:#fff;
  border-radius:4px;
  box-shadow:0 2px 4px #31315d1a,0 1px 2px #00000014;
  margin-bottom:20px
}
.hl-app .payform label {
  color:#2a3135;
  display:flex;
  flex-direction:row;
  font-size:14px;
  height:40px;
  line-height:40px;
  margin-left:20px;
  position:relative
}
.hl-app .payform .group label {
  border-bottom:1px solid #f0f5fa
}
.hl-app .payform label>span {
  font-size:14px;
  margin-right:30px;
  text-align:right;
  width:120px
}
.hl-app .payform .field {
  background:transparent;
  border:0;
  color:#000;
  cursor:text;
  flex:1;
  font-size:14px;
  font-weight:500;
  outline:none;
  padding-left:10px;
  padding-right:10px
}
.hl-app .payform .field::-moz-placeholder,
.hl-app .payform .field::-webkit-input-placeholder {
  color:#cfd7e0
}
.hl-app .payform button {
  background:#188bf6;
  border:0;
  border-radius:4px;
  box-shadow:0 2px 4px #31315d1a,0 1px 2px #00000014;
  color:#fff;
  font-size:15px;
  font-weight:400;
  height:40px;
  line-height:38px;
  margin-top:20px;
  outline:none;
  width:230px
}
.hl-app .payform .success.visible {
  display:inline
}
.hl-app .payform .error {
  color:#e4584c
}
.hl-app .payform .error.visible {
  display:inline
}
.hl-app .payform .success {
  color:#666ee8
}
.hl-app .payform .success .token {
  font-size:13px;
  font-weight:500
}
@media (max-width:320px) {
  .hl-app .hl_widget-header {
    padding:25px 50px 25px 20px
  }
  .hl-app .hl_widget-body {
    padding:20px
  }
}
@media (max-width:450px) {
  .hl-app .no-shadow .hl_widget-body.step-form {
    padding:10px 0
  }
  .hl-app .payform .group {
    padding:10px 10px 5px
  }
  .hl-app .payform label {
    flex-direction:column;
    height:auto;
    line-height:30px;
    margin-left:0;
    width:auto
  }
  .hl-app .payform label span {
    text-align:left
  }
  .hl-app .payform .field {
    padding-left:0
  }
  .hl-app .col-6 {
    flex:0 0 50%;
    max-width:50%
  }
}
@media (min-width:700px) {
  .hl-app .hl_widget-step1 .hl_widget--pick-date-time {
    display:flex;
    margin-left:-15px;
    margin-right:-15px
  }
  .hl-app .hl_widget-step1 .hl_widget--pick-date-time>* {
    margin-left:15px;
    margin-right:15px
  }
  .hl-app .hl_widget-step1 .hl_widget--pick-hours .loader {
    left:50%;
    position:absolute;
    top:40%;
    transform:translate(-50%,-50%)
  }
}
@media (max-width:700px) {
  .hl-app .hl_events-buttons {
    display:block;
    width:100%
  }
  .hl-app .hl_events-buttons .calendar-button:first-child {
    margin-bottom:10px
  }
}
@media (max-width:939px) {
  .hl-app .hl_widget-calendar {
    display:none;
    opacity:0;
    visibility:hidden
  }
}
@media (min-width:940px) {
  .hl-app .hl_widget-wrapper {
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
  }
  .hl-app .hl_widget-wrapper .hl_widget-calendar,
  .hl-app .hl_widget-wrapper .hl_widget-form {
    flex:1 0 0
  }
  .hl-app .hl_widget-wrapper .hl_widget-calendar {
    box-sizing:border-box;
    margin-left:15px;
    margin-right:15px
  }
}
@media only screen and (max-width:649px) {
  .hl-app .d_none,
  .hl-app .selected-date .hl_widget-body .hl_widget--pick-date {
    display:none
  }
  .hl-app .details-item div,
  .hl-app .selected-date .back_button,
  .hl-app .selected-date .d_none {
    display:block
  }
  .hl-app .hl_button.--first-step,
  .hl-app .selected-date .hl_select_button {
    display:none
  }
  .hl-app .--primary {
    background-color:#46637e;
    border-color:#46637e;
    color:#fff
  }
  .hl-app .my-datepicker_calendar {
    margin:auto
  }
  .hl-app .selected-date .hl_widget-step1 .pick-hours--wrap {
    flex-direction:column;
    max-height:calc(100vh - 220px);
    overflow:scroll
  }
  .hl-app .selected-date .hl_widget-step1 .pick-hours--wrap>* {
    margin-left:0;
    margin-right:0;
    width:100%
  }
  .hl-app .selected-date .load-more,
  .hl-app .selected-date .pick-hours--wrap h4,
  .hl-app .selected-date .pick-hours--wrap p {
    display:none
  }
  .hl-app .selected-date .hl_widget-step1 .hour-select {
    overflow:hidden;
    position:relative;
    text-align:left
  }
  .hl-app .selected-date .hl_widget-step1 .hour-select label {
    align-self:start;
    display:inline-block;
    margin:0;
    max-width:100%;
    text-align:center;
    width:100%
  }
  .hl-app #pick-hours--am,
  .hl-app #pick-hours--pm {
    margin-left:15px;
    margin-right:15px;
    max-height:100%;
    overflow:hidden
  }
}
.text-capitalize {
  text-transform:capitalize
}