.HSystemBox {
    font-family: Arial, Sans-serif;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    width:100%;
    font-size: 14px;
  }
 .HSystemBox input, .HSystemBox select{
  padding:7px;
  border:solid #333 1px;
  border-radius:0;
  margin:5px 0px 0px 0px !important;
  margin-left:0;
  width:100%;
}

.HSystemBox .book {  
  width:15%;
  background-color: #629194;
  margin-right:0;
  border: solid #333 1px;
  color:white;
  transition:all .4s ease 0s;
}

.HSystemBox .book:hover {
  background-color: #333;
  color:white;
}

.HSystemBox #chegada,
.HSystemBox #saida,
.HSystemBox #hotel,
.HSystemBox #adulto,
.HSystemBox #crianca {
  width: 100%;
  padding-bottom:7.2px;
  padding-top:7.2px;
  padding-right: 0px;
   -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
.HSystemBox input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}
.HSystemBox input::inner-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}
.HSystemBox input::-moz-inner-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}
.HSystemBox input::-ms-inner-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}
.HSystemBox #hotel,
.HSystemBox #adulto,
.HSystemBox #crianca {
    padding: 8px 5px !important;
}
  
 .HSystemBox label {    
    text-align:left;
    margin-right:5px;
    display:inline-block;
    width:15%;
    color: #FFF;
  }


.HSystemBox select,
.HSystemBox input {
    background-color: white;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

}
.HSystemBox select.minimal {
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}

.HSystemBox select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
@media (max-width: 960px) {
    .HSystemBox label {
        width: 100% !important;
        display: block;
    }
    .book {
        display: block;
        width: 100% !important;
    }
    .HSystemBox .d-none-xs {
        display: none;
    }

}