.slope-form {
text-align: center;
}
.slope-form .slope-banderas {
margin-bottom: 3rem;
}
.slope-form .slope-banderas img {
margin-right: 20px;
}
.slope-form .slope-banderas button {
margin: 1rem;
padding: 1.5rem 3rem;
text-transform: none;
font-weight: 700;
color: #000;
background: #f3f3f3;
border: none;
font-size: 1.2rem;
}
.slope-form .slope-banderas button:hover,
.slope-form .slope-banderas button:active,
.slope-form .slope-banderas button.active {
background: #a9a9a9;
}
.slope-form .slope-banderas button.active:before {
content: "";
}
.slope-form .slope-handicap {
margin-bottom: 2rem;
}
.slope-form .slope-handicap p {
}
.slope-form .slope-handicap input {
max-width: 350px;
margin: 0 auto;
text-align: center;
background: #f3f3f3;
border-color: #f3f3f3;
font-size: 1.2rem;
padding: 1.5rem;
}
.slope-calcula button {
background: #000;
color: #fff;
}
.slope-resultado {
background: #000;
color: #fff;
margin: 2rem auto;
max-width: 350px;
display: none;
padding: 2rem;
font-family: "Bodoni Moda", serif !important;
}
.slope-resultado p {
color: #fff;
font-size: 3rem;
font-family: "Bodoni Moda", serif !important;
}   #form-reservas-horizontal { bottom: 3vh;
width: 100%;
text-align: center;
left: 0;
}
#lggr-datepicker-es{
width: auto;
min-width: 380px;
display: block;
padding-left: 0;
}
@media (max-width: 800px){
#lggr-datepicker-es{
width: auto;
min-width: 290px;
display: block;
padding-left: 0;
}  
}
#form-reservas-horizontal #lggr-datepicker-es,
#form-reservas-horizontal #lggr-datepicker-en { }
#form-reservas-horizontal .btn.decrementer:hover,
#form-reservas-horizontal .btn.incrementer:hover {
color: #000;
}
#form-reservas-horizontal form {  display: flex;
flex-flow: row wrap;
align-items: center; gap: 10px;
}
#form-reservas-horizontal form .first-date { }
#form-reservas-horizontal .lggr-number-container {
width: 19%;
}
#form-reservas-horizontal form > div { text-align: center;
}
@media (max-width: 800px){
#form-reservas-horizontal form > div {
text-align: left;
}  
}
#form-reservas-horizontal form label {
color: #000;
text-align: center;
}
#form-reservas-horizontal form input {
border: none;
background: none;
color: #000;
text-align: center;
}
#form-reservas-horizontal form input[type="text"],
#form-reservas-horizontal form input[type="date"],
#form-reservas-horizontal form input[type="number"] {
font-size: 28px;
line-height: 36px;
height: 50px;
}
#form-reservas-horizontal form input[type="submit"] {
font-size: 16px;
padding: 14px 20px;
background-color: #000000;
color: #F1EEE5;
letter-spacing: 5px;
margin-top: 22px;
border-radius: 0;
}
@media (max-width: 800px){
#form-reservas-horizontal form input[type="text"],
#form-reservas-horizontal form input[type="date"],
#form-reservas-horizontal form input[type="number"] {
font-size: 22px;
}
}
.daterangepicker{
width: auto !important; 
}
.btn.decrementer,
.btn.incrementer{
background-color: black !important;
color: #F1EEE5 !important;
}
#lggr-number-adults .number-input{
color: black !important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
font-family: "Work Sans", Arial, Helvetica, sans-serif;
}
.daterangepicker td.active,
.daterangepicker td.end-date,
.daterangepicker td.in-range.end-date,
.daterangepicker td.active:hover {
background-color: #010101 !important;
color: white !important;
}
.daterangepicker td.in-range {
background-color: #62656430 !important;
}
.daterangepicker td.end-date {
border-radius: 0 8px 8px 0 !important;
}
.daterangepicker td.start-date {
border-radius: 8px 0 0 8px !important;
}
.daterangepicker td.start-date.end-date {
border-radius: 8px !important;
}
.daterangepicker .drp-buttons {
display: none !important;
}
.position-unset {
position: unset;