select.d21-input, div.d21-input, div#d21-book-button, div#d21-selected-day-price {
    min-height: 56px;
    color: white;
}

@media (min-width: 993px) {
  #d21-quickbook form > div {
    display: flex;
  }
}

div#d21-arrival-input div.d21-with-icon {
    padding: 0 0 0 20px !important;
    border: solid 1px red;
}

#d21-quickbook .d21-pulse {
    background-color: rgba(4,128,4,0.7) !important;
    color: white !important;
}
#d21-quickbook .d21-pulse:hover {
    background-color: rgba(193,155,118,0.5) !important;

}

.d21-input {
    color: #666;
    line-height: 56px !important;
    cursor: pointer;
    white-space: nowrap;

}

#d21-quickbook .material-icons {
    font-size: 1.8em !important;
    top: 11px !important;
}
div.d21-control-plus-minus {
    font-size: 1.0em;
    right: 4px !important;
}
div.d21-control-plus-minus i {
    width: 27px;
}

@media only screen and (min-width: 601px) {
      div.d21-m12 select.d21-input {
        border: solid 1px red !important;
          display: none !important;
        color: black !important;
      }
}
#d21-quickbook select {
    background-color: transparent !important;

}
#d21-quickbook:hover select:hover {
    background-color: rgba(193,155,118,0.3) !important;

}

select.d21-input:hover, div.d21-input:hover {
    background-color: rgba(193,155,118,0.4);
}
div#d21-book-button {
    padding-top: 11px !important;
    background-color: #c19b76;


}
div#d21-book-button:hover {
    background-color: rgba(193,155,118,0.5);

}

#d21-quickbook #d21-selected-day-price > div {
    line-height: 56px !important;
    height: 56px !important;
    border: solid 1px white;
    min-width: 220px !important;
}

@media (min-width: 993px) {
  #d21-quickbook > div[id*="-view"] {
    display: block !important;
    width: 86%;
    margin: 0 auto;
  }

  .d21-pulse {
    max-width: 180px;
  }

  #d21-quickbook #d21-selected-day-price {

    overflow: visible !important;
  }
  #d21-occupancy-container {
    border: none;
    margin: 0;
    min-width: 270px;
  }
}

#d21-quickbook {
    margin-top: 40px !important;
}

@media only screen and (min-width: 601px) and (max-width: 766px) {
      .d21-row .d21-col.d21-m6 {
          width: 50%;
      }
      div#d21-occupancy-container {
          width: 100% !important;
      }
}