#booking_date_inline,
.ui-datepicker,
.ui-datepicker-header,
.ui-datepicker-calendar {
  width: 100%;
}

/* DATEPICKER */
.ui-datepicker {
  z-index: 999 !important;
  /* font-family: 'Montserrat' !important; */
  background: #856c43 !important;
  color: #FFF !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  /* border: none !important; */
  font-size: 1.2rem !important;
  border-radius: none;
}
/* DAY TEXT */
.ui-state-default {
  border: none !important;
  text-align: center !important;
  background: #856c43 !important;
  color: #FFF !important;
}
.ui-state-hover {
  border: none !important;
  background: #856c43 !important;
  color: #FFF !important;
}
/* TODAY */
.ui-state-highlight {
  border: none !important;
  background: #856c43 !important;
  /* border: 1px solid #FFF !important; */
  color: #FFF !important;
}
/* SELECTED */
.ui-state-active {
  background: #754c24 !important;
  /* border: 1px solid #FFF !important; */
  border-radius: 30px !important;
  color: #FFF !important;
}
/* TITLE BACKGROUND */
.ui-widget-header {
  background: #856c43 !important;
  color: #FFF !important;
  font-weight: 300;
  font-size: 1rem;
  border: none !important;
}
/* WEEK */
.ui-datepicker th {
  font-weight: 300 !important;
  font-size: 1rem !important;
  color: #FFF !important;
  background-color: #856c43 !important;
  /* border: 1px solid #DDD !important; */
  /* opacity: .35 !important; */
}
/* PADDING BETWEEN DATE */
.ui-datepicker td {
  /* border: 1px solid #DDD !important; */
  padding: 5px !important;
}
/* UNSELECTABLE */
.ui-datepicker-unselectable {
  background-color: #856c43 !important;
  padding: 0 !important;
}
/* DISABLED */
.ui-datepicker-unselectable.ui-state-disabled span {
  background-color: #856c43 !important;
  color: #DDD !important;
  border: none !important;
}
/* ARROW */
.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: 'Font Awesome\ 5 Free' !important;
  position: absolute !important;
  top: 3px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFF !important;
}

.ui-datepicker-prev:before {
  border: none !important;
  content: "\f104" !important;
}

.ui-datepicker-next:before {
  border: none !important;
  content: "\f105" !important;
}

.ui-datepicker-prev {
  top: 3px !important;
  left: 0 !important;
}

.ui-datepicker-next {
  top: 3px !important;
  right: 0 !important;
}

select.form-control{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 100% 50% no-repeat; }
  background-position : right center;
  background-repeat: no-repeat;
  padding-right: 1.5em;
  /* appearance: none !important; */
  /* background-image: none !important; */
  /* background-color: #fff !important; */
}