.title-formula{
  font-size:2.3em;
  font-family: 'balder';
  line-height: unset;
  margin:0px auto;
}


.img-extra-card,
.img-service-card{
  border-radius: 15px;
  width: 100%;
  min-height: 170px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
}

.modal .img-extra-card:hover,
.modify-resa .img-extra-card:hover{
  border: 7px solid #ec8181;
  cursor: pointer;
}
.modal .img-extra-card.selected,
.modify-resa .img-extra-card.selected{
  border: 7px solid #ed143d !important;
}

.dialog-custom-challenges{
  max-width: 80% !important;
}
@media (max-width: 600px) {
  .dialog-custom-challenges{
    max-width: 100% !important;
  }
}

.row.challenge_formulas{
  padding:0 3em;
}
@media (max-width: 600px) {
  .row.challenge_formulas{
    padding:0;
  }
}

.title-challenge-card{
  margin-top:10px;
  font-size:1.5em;
  font-family: 'bebas_neueregular', cursive;
  text-transform: none;
  cursor: pointer;
}
.desc-challenge-card{
  padding: 0 10px;
  line-height: 1.2em;
  font-size: 14px;
  cursor: pointer;
}

.title-included{
  font-size:1.3em;
  line-height: unset;
  color: #444;
  width:250px;
  margin: 0 auto;
  border-bottom: 2px solid #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.img-included-card{
  border-radius: 50%;
  width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 8px 0px #80808040;
  height: 100px;
}

.long_desc_onhover{
  display:none;
  position: relative;
  height: 156px;
  width: 100%;
  border-radius: 0;
  background-color: rgba(73, 73, 73, 0.58);
  color: #ffffffbd;
  padding: 13% 5% 5% 10%;
  text-align: left;
  font-size: 14px;
  line-height: 15px;
  margin-top: -3px;
}
.img-extra-card:hover .long_desc_onhover{
  display: inline-block;
}

.img-extra-card.challenge:hover .long_desc_onhover{
  height: 173px;
}



.checkbox-round {
  width: 1.3em;
  height: 1.3em;
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #ddd;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}
.checkbox-round:checked {
    background-color: gray;
}

.desc_and_details{
  padding: 20px;
  /* background-color: #e8e8e82b;
  box-shadow: 0 0 10px -5px gray; */
  margin-bottom: 0px;
}

.booking_form_resa{
  padding: 30px;
  background-color: #e8e8e82b;
  box-shadow: 0 0 10px -5px gray;
  color: #323437;
}

.btn-customize-resa{
  border: 1px solid #e73843;
  color: #e73843 !important;
  border-radius: 5px;
  opacity: 1;
  margin-bottom: 5px;
  font-weight: 200;
}
.btn-customize-resa:hover{
  opacity: 1;
  background-color: #cfa0a331 !important;
}

.btn-classic-green{
  border: 1px solid #47a144;
  color: #47a144 !important;
  border-radius: 5px;
  opacity: 1;
  margin-bottom: 5px;
  font-weight: 200;
  background-color: white;
}
.btn-classic-green:hover{
  opacity: 1;
  background-color: rgba(178, 204, 181, 0.38)
}

.btn-classic-grey{
  border: 1px solid #a6a7a6;
  color: #616161 !important;
  border-radius: 5px;
  opacity: 1;
  margin-bottom: 5px;
  font-weight: 200;
  background-color: white;
}
.btn-classic-grey:hover{
  opacity: 1;
  background-color: rgba(178, 204, 181, 0.38)
}

.title-form-resa{
  font-size: 1.3em;
  margin-bottom: 15px;
}

.btn-validate-form-resa{
  height: 67px;
  /* border-radius: 8px; */
  font-size:19px !important;
  opacity: 1;
  margin: 10px 0 10px 10px;
  font-weight: 500;
  font-family: 'bebas_neueregular', cursive !important;
  border: 1px solid #000 !important;
  box-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.btn-validate-form-resa.red{
  background-color: #ed143d;
  color:white !important;
  border: 1px solid #ed143d;
}
  .btn-validate-form-resa.red:hover{
    border: 1px solid #e73843;
    background-color: #ff000014;
    color: #e73843 !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,1);
  }

.btn-validate-form-resa.blue{
  border: 1px solid #007bff;
  background-color: #007bff;
  color:white !important;
}
  .btn-validate-form-resa.blue:hover{
    border: 1px solid #007bff;
    background-color: #007bff14;
    color: #007bff !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,1);
  }
  .btn-validate-form-resa.disabled{
    /* border: 1px solid #3ba847; */
    background-color: #d2d2d2cc !important;
    color: rgb(81, 81, 81) !important;
  }

  .btn.btn-classic-green.disabled{
    border-color: rgb(187, 187, 187) !important;
    color: rgb(187, 187, 187) !important;
  }

.badge-formula{
  border-radius:50px;
  padding: 5px 10px;
  background-color: #dfdfdf6e;
  color: #555050;
  margin: 3px;
  display: inline-block;
}

.btn-classic-red{
  border-radius: 4px;
  background-color: #E73843 !important;
  color:white;
}

.badge-challenge{
  border-radius: 50px;
  padding: 10px 15px;
  background-color: #FFF;
  color: #E73843;
  margin: 3px;
  border: 1px solid #E73843;
}

.modal-body .extra_challenges_selected,
.modify-resa .extra_challenges_selected{
  min-height: 50px;
  padding: 5px 0;
}


.ribbon_extra_challenge{
  position: relative;
  top: 15px;
  left: -50px;
  color: white;
  font-size: 12px;
  -webkit-transform: rotate(-45deg);
  background-color: #E73843;
  margin-bottom: -15px;
  width: 150px;
}

.encar-price {
  font-size: 20px;
  border: 1px solid #cecece;
  border-radius: 4px;
  background-color: #04040405;
  padding-top: 3px;
  padding-bottom: 3px;
}

.btn-reserver{
  padding: 10px;
  margin-top: -10px;
  background: #ed143d;
  color: white;
  border: 1px solid #000 !important;
  box-shadow: 2px 2px 0px rgba(0,0,0,1);
  font-weight: 500;
  font-size:22px !important;
  font-family: 'bebas_neueregular', cursive !important;
}

.btn-reserver:hover{
  border: 1px solid #e73843;
  background-color: #ff000014;
  color: #e73843 !important;
  box-shadow: 4px 4px 0px rgba(0,0,0,1);
}

.lowest_formula_HT{
  font-size: 11px;
  margin-top: -5px !important;
  display: block;
  text-align: right;
  padding-right: 18px;
  color: gray;
}

#form-errors{
  color: #fd5e5e;
  border: 1px solid #fd5e5e;
  border-radius: 4px;
  width: 100%;
  padding: 5px;
}