/* BOOKING LIVIGNO WIDGET */
.booking-livigno .wrapper {
    display: flex !important;
    align-items: center;
}
.booking-livigno .tabs {
  display: flex;
  justify-content: center;
  margin-bottom: .6251rem;
}
.booking-livigno .tabs .btn {
  font-size: .9375;
  font-weight: 700;
  color: var(--bs-primary);
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 0.3s;
}
.booking-livigno .tabs .btn:not(.active) {
  opacity: 0.3;
}
.booking-livigno .booking-desktop .mod-hero-nav .wrapper {
 border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.booking-livigno .booking {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 1.25rem;
}
.booking-livigno .booking-input-group {
  display: flex;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.booking-livigno .booking-mobile {
  position: relative;
  z-index: 1;
  display: none;
  margin-top: -3.125rem;
}
.booking-livigno .booking-mobile .btn {
  position: relative;
  width: 100%;
  min-height: .1875rem;
  padding: .9375rem 1.5625rem;
  text-align: center;
}
.booking-livigno .booking-mobile .btn:hover {
  background-color: var(--bs-secondary)!important;
  border-color: var(--bs-secondary)!important;
}
.booking-livigno .booking-mobile .btn img {
  display: block;
  position: absolute;
  left: .9375;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.booking-livigno .booking-mobile .btn span {
  width: 100%;
}
.booking-livigno .booking-mobile-accordion{
  margin: 10px 0;
  background-color: var(--bs-secondary);
  border-radius: var(--bs-border-radius);
}
.booking-livigno .widget-booking {
    width: 100%;
    max-width: 1295px;
    background-color: transparent;
    display: flex;
    border-radius: 2px;
    padding: 0px;
}
.booking-livigno .widget-booking .input {
  height: 50px;
  border-radius: 10px;
  color: #000000;
  border: none;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .booking-livigno .widget-booking .input {
    gap: .625rem;
  }
}
.booking-livigno .widget-booking .input.date {
  min-width: 30%;
}
.booking-livigno .widget-booking .input.persone {
  min-width: 40%;
}
.booking-livigno .widget-booking .input .input-widget {
  border: none;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  padding: 0;
  font-family: "MADE TOMMY";
  color: var(--bs-primary);;
  background:none;
}
.booking-livigno .widget-booking .input .text-input {
  margin-left: 5px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
}
.booking-livigno .widget-booking .section-content {
  display: none;
}

.booking-livigno .widget-booking .section-content .booking {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 1.25rem;
}
.booking-livigno .booking-input-group {
  display: flex;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}


@media screen and (max-width: 767px) {
  .booking-input-group{
    width: 100%;
    background-color: transparent;
    flex-direction: column;
  }
}
@media screen and (max-width: 840px) {
  .booking-livigno .widget-booking .section-content .booking .persone .n-camere-persone .text-input {
    font-size: 12px;
    line-height: 11px;
  }
}
.booking-livigno .widget-booking .section-content .booking .select-widget {
  display: flex;
  flex-direction: column;
  line-height: 10px;
  justify-content: center;
  font-family: "MADE TOMMY";
  font-size: 18px;
}
.booking-livigno .widget-booking .section-content .booking .select-widget select {
  width: 100%;
  border: none;
}
/* SEZIONE ALLOGGIO */
.booking-livigno .widget-booking .section-content .booking .noleggio-sci-tipo, .booking-livigno .widget-booking .section-content .booking .noleggio-sci-eta {
  width: 15%;
}
.booking-livigno .widget-booking .section-content .booking.alloggio #date-to,
.booking-livigno .widget-booking .section-content .booking.alloggio #alloggio {
  display: flex;
}
.booking-livigno .widget-booking .section-content .booking.alloggio #skipass,
.booking-livigno .widget-booking .section-content .booking.alloggio #widget_esperienze,
.booking-livigno .widget-booking .section-content .booking.alloggio #lezione-di-sci-persone,
.booking-livigno .widget-booking .section-content .booking.alloggio #lezione-di-sci-tipo,
.booking-livigno .widget-booking .section-content .booking.alloggio #noleggio-sci-tipo,
.booking-livigno .widget-booking .section-content .booking.alloggio #noleggio-sci-eta,
.booking-livigno .widget-booking .section-content .booking.alloggio #bikepass {
  display: none;
}
.booking-livigno .widget-booking .btn {
  font-weight: 500 !important;
  background-color: var(--bs-secondary) !important;
  color: var(--bs-primary) !important;
  border-color: var(--bs-secondary) !important
}
.booking-livigno .booking-desktop #widgetTabs.wrapper {
  display:flex !important;
}
.booking-livigno .tabs {
  margin-bottom:0 !important;
}

#ui-datepicker-div {
  width: 310px;
  font-family: "MADE TOMMY";
  border-radius: 10px;
  box-sizing: content-box;
  border: solid 30px #fbb900;
}
#ui-datepicker-div .ui-datepicker-header {
  margin: 10px 0px;
  height: 10%;
  border: none;
  background-color: #fff;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  background-color: #fff;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
  background-color: #fff;
  font-family: "MADE TOMMY";
  border: none;
  font-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
#ui-datepicker-div .ui-datepicker-calendar {
  font-size: 14px;
  height: 90%;
  width: 90%;
  margin: 0 auto;
}
#ui-datepicker-div .ui-datepicker-calendar thead {
  color: #666666;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
  height: 40px;
  width: 40px;
  vertical-align: inherit;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
  width: 40px;
  height: 40px;
  padding: 0px;
  line-height: 40px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-hover {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #ui-datepicker-div {
    width: 100%;
    left: 0px !important;
    box-sizing: inherit;
  }
}

.widget-booking {
    width: 100%;
    max-width: 1295px;
    background-color: transparent;
    display: flex;
    border-radius: 2px;
    padding: 0px;
}
.widget-booking .input {
  height: 50px;
  border-radius: 10px;
  color: #000000;
  border: none;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .widget-booking .input {
    gap: .625rem;
  }
}
.widget-booking .input.date {
  min-width: 30%;
}
.widget-booking .input.persone {
  min-width: 40%;
}
.widget-booking .input .input-widget {
  border: none;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.3rem 0;
  font-family: "MADE TOMMY";
  color: var(--bs-primary);;
  background:none;
}
.widget-booking .input .text-input {
  margin-left: 5px;
  font-size: 18px;
}
.widget-booking .section-content {
  display: none;
  /* width: 70%; */
}
.single-hotel .widget-booking .section-content {
  width: 100%;
}
.widget-booking .section-content .booking {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 1.25rem;
}
.booking-input-group{
  display: flex;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  /*background-color: #fff;*/
  flex: 1;
}
.single-hotel .booking-input-group {
  background-color: transparent;
  gap: .9375;
}
.single-hotel .widget-booking .input.date, .single-hotel .widget-booking .input.persone {
  width: 33%!important;
  min-width: 0!important;
}

@media screen and (max-width: 767px) {
  .booking-input-group{
    width: 100%;
    background-color: transparent;
    flex-direction: column;
  }
}
@media screen and (max-width: 840px) {
  .widget-booking .section-content .booking .persone .n-camere-persone .text-input {
    font-size: 12px;
    line-height: 11px;
  }
}
.widget-booking .section-content .booking .select-widget {
  display: flex;
  flex-direction: column;
  line-height: 10px;
  justify-content: center;
  font-family: "MADE TOMMY";
  font-size: 18px;
}
.widget-booking .section-content .booking .select-widget select {
  width: 100%;
  border: none;
}

/* SEZIONE ALLOGGIO */
.widget-booking .section-content .booking .noleggio-sci-tipo, .widget-booking .section-content .booking .noleggio-sci-eta {
  width: 15%;
}
.widget-booking .section-content .booking.alloggio #date-to {
  display: flex;
}
.widget-booking .section-content .booking.alloggio #alloggio {
  display: flex;
}
.widget-booking .section-content .booking.alloggio #skipass {
  display: none;
}
.widget-booking .section-content .booking.alloggio #widget_esperienze {
  display: none;
}
.widget-booking .section-content .booking.alloggio #lezione-di-sci-persone {
  display: none;
}
.widget-booking .section-content .booking.alloggio #lezione-di-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.alloggio #noleggio-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.alloggio #noleggio-sci-eta {
  display: none;
}
.widget-booking .section-content .booking.alloggio #bikepass {
  display: none;
}
/* FINE SEZIONE ALLOGGIO */

/* SEZIONE SKIPASS */
.widget-booking .section-content .booking.skipass{
  justify-content: end;
}
.widget-booking .section-content .booking.skipass #date-to {
  display: flex;
}
.widget-booking .section-content .booking.skipass #alloggio {
  display: none;
}
.widget-booking .section-content .booking.skipass #skipass {
  /* LA SELECT ATTUALMENTE NON FA NIENTE, SU SNOWIT IL VIENE FATTO UN FILTRAGGIO A FRONT END DATO CHE L'URL NON CAMBIA */
  display: none;
}
.widget-booking .section-content .booking.skipass #widget_esperienze {
  display: none;
}
.widget-booking .section-content .booking.skipass #lezione-di-sci-persone {
  display: none;
}
.widget-booking .section-content .booking.skipass #lezione-di-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.skipass #noleggio-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.skipass #noleggio-sci-eta {
  display: none;
}
.widget-booking .section-content .booking.skipass #bikepass {
  display: none;
}
/* FINE SEZIONE SKIPASS */

/* SEZIONE ESPERIENZE */
.widget-booking .section-content .booking.esperienze #date-to {
  display: none;
}
.widget-booking .section-content .booking.esperienze #alloggio {
  display: none;
}
.widget-booking .section-content .booking.esperienze #skipass {
  display: none;
}
.widget-booking .section-content .booking.esperienze #widget_esperienze {
  display: flex;
  margin-right: auto;
}
.widget-booking .section-content .booking.esperienze #lezione-di-sci-persone {
  display: none;
}
.widget-booking .section-content .booking.esperienze #lezione-di-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.esperienze #noleggio-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.esperienze #noleggio-sci-eta {
  display: none;
}
.widget-booking .section-content .booking.esperienze #bikepass {
  display: none;
}

.widget-booking .section-content .booking {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
/* FINE SEZIONE ESPERIENZE */

/* SEZIONE LEZIONI DI SCI */
.widget-booking .section-content .booking.lezioni-di-sci #date-to {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #alloggio {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #skipass {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #widget_esperienze {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #lezione-di-sci-persone {
  display: flex;
}
.widget-booking .section-content .booking.lezioni-di-sci #lezione-di-sci-tipo {
  display: flex;
}
.widget-booking .section-content .booking.lezioni-di-sci #noleggio-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #noleggio-sci-eta {
  display: none;
}
.widget-booking .section-content .booking.lezioni-di-sci #bikepass {
  display: none;
}
/* FINE SEZIONE LEZIONI DI SCI */

/* SEZIONE NOLEGGIO SCI */
.widget-booking .section-content .booking.noleggio #date-to {
  display: flex;
}
.widget-booking .section-content .booking.noleggio #alloggio {
  display: none;
}
.widget-booking .section-content .booking.noleggio #skipass {
  display: none;
}
.widget-booking .section-content .booking.noleggio #widget_esperienze {
  display: none;
}
.widget-booking .section-content .booking.noleggio #lezione-di-sci-persone {
  display: none;
}
.widget-booking .section-content .booking.noleggio #lezione-di-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.noleggio #noleggio-sci-tipo {
  display: flex;
}
.widget-booking .section-content .booking.noleggio #noleggio-sci-eta {
  display: flex;
}
/* FINE SEZIONE NOLEGGIO SCI */

/* SEZIONE BIKEPASS */

.widget-booking .section-content .booking.bikepass #date-to {
  display: flex;
}
.widget-booking .section-content .booking.bikepass #alloggio {
  display: none;
}
.widget-booking .section-content .booking.bikepass #skipass {
  display: none;
}
.widget-booking .section-content .booking.bikepass #widget_esperienze {
  display: none;
}
.widget-booking .section-content .booking.bikepass #lezione-di-sci-persone {
  display: none;
}
.widget-booking .section-content .booking.bikepass #lezione-di-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.bikepass #bikepass {
  display: none;
}
.widget-booking .section-content .booking.bikepass #bikepass {
  display: none;
}
.widget-booking .section-content .booking.bikepass #noleggio-sci-tipo {
  display: none;
}
.widget-booking .section-content .booking.bikepass #noleggio-sci-eta {
  display: none;
}
.widget-booking .section-content .booking.bikepass #bikepass {
  display: flex;
}

/* FINE SEZIONE BIKEPASS */
.widget-booking .section-input {
  margin-left: 30px;
  width: 30%;
  max-width: 350px;
}
.widget-booking .section-input .input {
  max-width: 100%;
  margin: 30px 0px;
}
.widget-booking .tab {
  overflow: hidden;
  margin-top: 30px !important;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  border: none;
}
.widget-booking .tab button {
  color: var(--bs-primary);;
  background-color: #EAEAEA;
  width: 100%;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px 6px 16px;
  transition: 0.3s;
  font-family: "MADE TOMMY";
  font-size: 18px;
  border-radius: 30px 30px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.widget-booking .tab button img {
  margin-right: 5px;
}
.widget-booking .tab button.center {
  margin: 0px 3px !important;
}
.widget-booking .tab button.active {
  background-color: #fbb900;
}
.widget-booking .tabcontent {
  display: none;
  background-color: #fbb900;
  z-index: 5;
  margin: 0 auto;
  border: none;
  border-radius: 0px 0px 15px 20px;
}
.widget-booking.hide-show-content .section-content {
  width: 100%;
}
.widget-booking.hide-show-content .section-content .booking {
  width: 100%;
  justify-content: space-around;
}
.widget-booking.hide-show-content .section-content .booking .input {
  width: 30%;
  margin: 20px 10px;
}
.widget-booking.hide-show-content .section-content .booking:first-child {
  margin-left: 10px;
}

.alloggio {
  position: relative !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alloggio .input-widget {
  width: 340px;
/*   height: 50px; */
  /*background: #fff;*/
  color: var(--bs-primary);;
  border-radius: 10px;
  border: none;
  margin: 0px;
  display: flex;
  align-items: center;
}
.alloggio .input-widget .text-input {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  line-height: 10px;
  font-family: "MADE TOMMY";
  font-size: 18px;
  color: var(--bs-primary);;
}
.alloggio .input-widget .text-input label {
  font-family: "MADE TOMMY";
  font-weight: 400;
  font-size: 14px;
  padding-left: 5px;
  color: var(--bs-primary);;
}
.alloggio .small-title {
  font-size: .8rem;
  letter-spacing: 1px;
  font-weight: bold;
  color: var(--bs-primary);;
  text-transform: uppercase;
}
.alloggio .input-widget .text-input input[type=text] {
  border: none;
  font-family: "MADE TOMMY";
}
.alloggio .input-widget .text-input span {
    display: flex;
    min-height: 1.25rem;
    align-items: center;
    line-height:1;
}
.alloggio .n-camere-persone {
  position: relative;
}
.alloggio .n-camere-persone .input-n-camere {
  cursor: pointer;
}
.alloggio .n-camere-persone .persone-alloggio {
  overflow: hidden;
  display: none;
  width: 540px;
/*  border: solid 6px #fbb900;*/
  border: solid 4px var(--bs-primary);
  background-color: #fff;
  position: absolute;
  color: var(--bs-primary);;
  left: -15px;
  top: 60px;
  z-index: 5;
}
@media screen and (max-width: 1320px) {
  .alloggio .n-camere-persone .persone-alloggio {
    left: -300px;
  }
}
.alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni {
  height: 70px;
  padding:10px;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  margin-left: 0px;
}
.alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni button {
  background-color: #F2F2F2;
  border: none;
  font-family: "MADE TOMMY";
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  width: 50%;
  height: 100%;
  color: var(--bs-primary);
}
.alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni button.aggiungi-alloggio {
  line-height:0;
}
.alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni button .totaleSistemazione {
  color: var(--bs-primary);;
  font-size: 13px;
}
.alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni .aggiungi-alloggio {
  font-size: 30px;
  font-weight: 500;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 0px;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 5px;
  padding-left: 20px;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select p {
  font-family: "MADE TOMMY";
  font-weight: 400;
  font-size: 19px;
  text-transform: uppercase;
  color: gray;
  text-align: left;
  /* width: 40%; */
  flex:1;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row !important;
  width: 50%;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select div .number {
  margin: 0 20px;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select div button {
  height: 25px;
  width: 25px;
  padding:0;
  color:var(--color-primary);
  border: solid 2px #CCC;
  background-color: #fff;
  border-radius: 100%;
  font-size: 16px;
  line-height:0;
  font-family: "MADE TOMMY";
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select select {
  background-color: #fff;
  border: solid 2px #ccc;
  color: rgb(162, 161, 161);
  margin: 0px 5px;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select .container-eta-bambini {
  justify-content: space-around;
  padding-left: 0px;
  width: 100%;
}
.alloggio .n-camere-persone .persone-alloggio .set-alloggio .row-select .container-eta-bambini .eta-bambini select {
  height: 30px;
  margin: 2px;
  margin-right: 10px;
  border: solid 1px;
}
.alloggio .n-camere-persone .persone-alloggio .bottone {
  border-top: solid 2px #ccc;
  padding: 10px 30px;
  padding-right: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.alloggio .n-camere-persone .persone-alloggio .bottone button {
  font-family: "MADE TOMMY";
}
.alloggio .n-camere-persone .persone-alloggio .bottone #rimuovi-sistemazione {
  color: red;
  line-height: 30px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-size: 15px;
}
.alloggio .n-camere-persone .persone-alloggio .bottone #rimuovi-sistemazione:hover {
  text-decoration: underline;
}
.alloggio .n-camere-persone .persone-alloggio .bottone .button {
  color: #fff;
  font-size: 16px;
  /* width: 90px; */
  background-color: var(--bs-primary);;
  height: 30px !important;
  border-radius: 10px;
  border: none;
  padding: 0px 10px;
}

.alloggio .loader-widget {
  width: 200px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 5px 0px;
}
.tabs .title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bs-primary);
  text-transform: uppercase;
  padding: 0 1rem 0 0;
}


@media screen and (max-width: 767px) {
  .alloggio .n-camere-persone .persone-alloggio {
    width: 104%;
    box-sizing: content-box;
    left: 50%;
    transform: translate(-50%, 0%);
    border: solid 30px #fbb900;
  }
  .alloggio .n-camere-persone .persone-alloggio .tabs-sistemazioni button {
    font-size: 13px;
  }
  .alloggio .n-camere-persone .persone-alloggio .bottone {
    padding: 10px;
  }
  .alloggio .n-camere-persone .persone-alloggio .bottone div {
    text-align: start;
  }
  .booking-livigno .wrapper {
    flex-direction: column !important;
  }
  .alloggio .loader-widget {
    width: 100%;
    margin-top: 20px;
  }
  .alloggio .loader-widget.not-home {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .booking-mobile-accordion {
    font-size: 1rem;
    font-weight: 700;
    color: var(--bs-primary);
    text-transform: uppercase;
  }
  .tabs .title {
    padding: 0 0 1rem 0;
  }
}

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

  .widget-booking {
    margin-bottom: 70px 0px;
  }
  .widget-booking .tabcontent .alloggio input {
    width: 90% !important;
  }
  .widget-booking.mobile {
    margin: 5px auto;
    border-radius: 0px;
  }
}
.zero-alloggi {
  background-color: rgba(251, 184, 0, 0.4);
  padding: 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .widget-booking {
    width: 100%;
    margin: 0px;
    flex-direction: column;
    border-radius: var(--bs-border-radius);
    /*padding: 0 20px 20px;*/
  }
  .widget-booking .section-input {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
  }
  .widget-booking .section-input .input {
    margin: 0px;
    margin-bottom: 5px;
  }
  .widget-booking .section-content {
    width: 100%;
  }
  /* .widget-booking .section-content .alloggio {
    display: block;
  } */
  .widget-booking .section-content .alloggio .booking {
    flex-direction: column;
    justify-content: center;
    gap: 1.25rem;
  }
  .widget-booking .section-content .alloggio .booking .input {
    margin: 5px 0px;
    width: 100%!important;
  }
  .widget-booking .section-content .alloggio .booking .input .n-camere-persone .input-n-camere {
    font-size: 18px;
  }
  .pre-section-booking {
    padding-top:0.6rem;
    border-top: 1px solid var(--bs-primary);
  }
}

.select-wrapper, .select-wrapper-treatment {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.select-wrapper .select, .select-wrapper-treatment .select {
  position: relative;
  display: flex;
  flex-direction: column;
}
.select-wrapper .select .select__trigger, .select-wrapper-treatment .select .select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 400;
  color: #3b3b3b;
  text-transform: uppercase;
  background: #ffffff;
  cursor: pointer;
}
.select-wrapper .select .select__trigger .dx, .select-wrapper-treatment .select .select__trigger .dx {
  display: flex;
  align-items: center;
}
.select-wrapper .select .select__trigger .dx label, .select-wrapper-treatment .select .select__trigger .dx label {
  font-family: "MADE TOMMY";
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  position: absolute;
  bottom: 41%;
  left: 13%;
  text-transform: capitalize;
}
@media screen and (max-width: 1010px) {
  .select-wrapper .select .select__trigger .dx label, .select-wrapper-treatment .select .select__trigger .dx label {
    left: 40px;
  }
}
.select-wrapper .select .select__trigger img, .select-wrapper-treatment .select .select__trigger img {
  margin-right: 10px;
}
.select-wrapper .select .select__trigger .treatment-font, .select-wrapper-treatment .select .select__trigger .treatment-font {
  font-size: 20px;
  text-transform: capitalize;
}
.select-wrapper .select .select__trigger .arrow, .select-wrapper-treatment .select .select__trigger .arrow {
  position: relative;
  height: 15px;
  width: 15px;
}
.select-wrapper .select .select__trigger .arrow.side-bar, .select-wrapper-treatment .select .select__trigger .arrow.side-bar {
  right: 5px;
}
.select-wrapper .select .select__trigger .arrow::before, .select-wrapper-treatment .select .select__trigger .arrow::before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0.15rem;
  height: 100%;
  transition: all 0.5s;
  left: -5px;
  transform: rotate(135deg);
  background-color: #394a6d;
}
.select-wrapper .select .select__trigger .arrow::after, .select-wrapper-treatment .select .select__trigger .arrow::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0.15rem;
  height: 100%;
  transition: all 0.5s;
  left: 5px;
  transform: rotate(45deg);
  background-color: #394a6d;
}
.select-wrapper .select .custom-options, .select-wrapper .select .custom-options-treatment, .select-wrapper-treatment .select .custom-options, .select-wrapper-treatment .select .custom-options-treatment {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  border-top: 0;
  background: #fff;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 10;
}
.select-wrapper .select .custom-options .custom-option,
.select-wrapper .select .custom-options-treatment .custom-option,
.select-wrapper-treatment .select .custom-options .custom-option,
.select-wrapper-treatment .select .custom-options-treatment .custom-option {
  position: relative;
  display: flex;
  padding: 0 22px;
  font-size: 22px;
  font-weight: 400;
  color: #3b3b3b;
  line-height: 60px;
  cursor: pointer;
}
.select-wrapper .select .custom-options .custom-option .icon-container,
.select-wrapper .select .custom-options-treatment .custom-option .icon-container,
.select-wrapper-treatment .select .custom-options .custom-option .icon-container,
.select-wrapper-treatment .select .custom-options-treatment .custom-option .icon-container {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-wrapper .select .custom-options .custom-option .icon-container img,
.select-wrapper .select .custom-options-treatment .custom-option .icon-container img,
.select-wrapper-treatment .select .custom-options .custom-option .icon-container img,
.select-wrapper-treatment .select .custom-options-treatment .custom-option .icon-container img {
  max-width: 30px;
  object-fit: contain;
}
.select-wrapper .select .custom-options .custom-option .text-container,
.select-wrapper .select .custom-options-treatment .custom-option .text-container,
.select-wrapper-treatment .select .custom-options .custom-option .text-container,
.select-wrapper-treatment .select .custom-options-treatment .custom-option .text-container {
  display: inline-block;
}

.select-wrapper .select .custom-options .custom-option.treatment-font,
.select-wrapper .select .custom-options-treatment .custom-option.treatment-font,
.select-wrapper-treatment .select .custom-options .custom-option.treatment-font,
.select-wrapper-treatment .select .custom-options-treatment .custom-option.treatment-font {
  font-size: 20px;
}
.select-wrapper .select .custom-options .custom-option:hover,
.select-wrapper .select .custom-options-treatment .custom-option:hover,
.select-wrapper-treatment .select .custom-options .custom-option:hover,
.select-wrapper-treatment .select .custom-options-treatment .custom-option:hover {
  cursor: pointer;
  background-color: var(--bs-primary);;
  color: #ffffff;
}
.select-wrapper .select .custom-options .custom-option:hover img,
.select-wrapper .select .custom-options-treatment .custom-option:hover img,
.select-wrapper-treatment .select .custom-options .custom-option:hover img,
.select-wrapper-treatment .select .custom-options-treatment .custom-option:hover img {
  filter: brightness(0) invert(1);
}
.select-wrapper .select .custom-options .custom-option.selected,
.select-wrapper .select .custom-options-treatment .custom-option.selected,
.select-wrapper-treatment .select .custom-options .custom-option.selected,
.select-wrapper-treatment .select .custom-options-treatment .custom-option.selected {
  color: #ffffff;
  background-color: var(--bs-primary);;
}
.select-wrapper .select .custom-options .custom-option.selected img,
.select-wrapper .select .custom-options-treatment .custom-option.selected img,
.select-wrapper-treatment .select .custom-options .custom-option.selected img,
.select-wrapper-treatment .select .custom-options-treatment .custom-option.selected img {
  filter: brightness(0) invert(1);
}
.select-wrapper .select.open .custom-options, .select-wrapper-treatment .select.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.pre-section-booking{
  position: relative;
}
.pre-section-booking .widget-booking{
  position:relative;
  z-index: 5;
}
.attivo{
  background-color: #ffffff!important;
}


/***********************/
/***** UPDATES 2025 ****/
/***********************/
.widget-booking .date.input img,
.widget-booking .persone .input-widget img {
  display:none;
}
.widget-booking .date.input:before,
.widget-booking .persone .input-widget:before {
    content: '';
    display: block;
    width: 29px;
    height: 29px;
}
.widget-booking .date.input:before {
    background: url(//3506980.fs1.hubspotusercontent-na1.net/hubfs/3506980/raw_assets/public/Livigno_eu2/images/icons/calendar-blue.svg) 0 0 no-repeat;
}
.widget-booking .persone .input-widget:before {
    background: url(//3506980.fs1.hubspotusercontent-na1.net/hubfs/3506980/raw_assets/public/Livigno_eu2/images/icons/people-blue.svg) 0 0 no-repeat;
}
/******************/