/***********************
 * Boat Searcher style *
 ***********************/
.input-boat-searcher {
  --searcher-font-size: 0.7rem;
  width: 100%;
  margin-bottom: 0;
  align-items: stretch; }
  .input-boat-searcher .search-item,
  .input-boat-searcher .search-item--submit {
    display: flex;
    align-items: stretch; }
  .input-boat-searcher .search-item .input-group-prepend {
    display: flex;
    align-items: stretch;
    width: 100%; }
  .input-boat-searcher .search-item .form-control,
  .input-boat-searcher .search-item .input-search-calendar,
  .input-boat-searcher .search-item .input-group-text,
  .input-boat-searcher .search-item .button-search {
    font-size: var(--searcher-font-size); }
  .input-boat-searcher .input-group-prepend {
    padding: 1px 0 1px 1px; }
    .input-boat-searcher .input-group-prepend .input-group-text {
      border: 1px solid #6e6e6e;
      border-right: 0;
      border-radius: 0.25rem 0 0 0.25rem;
      background: white;
      padding: 0; }
  .input-boat-searcher .input-group-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 47.5px;
    min-width: 47.5px;
    padding-left: 0;
    padding-right: 0;
    border: 0; }
  .input-boat-searcher .input-search-calendar,
  .input-boat-searcher .form-control,
  .input-boat-searcher .btn {
    min-height: 48px; }
  .input-boat-searcher .input-search-calendar {
    width: 185px;
    min-width: 185px;
    background-color: white;
    color: #000000;
    font-size: 1.2rem;
    font-family: 'Open Sans', sans-serif;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-boat-searcher .input-search-calendar:focus,
  .input-boat-searcher .form-control {
    height: 100%;
    box-shadow: none;
    color: #000000;
    font-size: .6rem;
    font-family: 'Open Sans', sans-serif;
    padding: 0.375rem 0.15rem 0.375rem 0.4rem;
    border: 1px solid #6e6e6e;
    border-radius: 7px; }
  .input-boat-searcher .search-item--date .input-search-calendar {
    padding-left: 1rem; }
  .input-boat-searcher .splited-date .input-search-calendar {
    width: 80px;
    min-width: 80px; }
  .input-boat-searcher .splited-date.col-xl .input-search-calendar {
    width: 100%; }
  .input-boat-searcher .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2F455F;
    color: #FFFFFF;
    font-size: var(--searcher-font-size);
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
    .input-boat-searcher .btn:hover {
      background: #00BDAC; }
    .input-boat-searcher .btn:focus {
      box-shadow: none; }
  .input-boat-searcher .btn-submit-container {
    justify-content: end; }
  .input-boat-searcher #id_num_pax {
    width: 40px;
    min-width: 40px; }
  .input-boat-searcher #id_boat_type,
  .input-boat-searcher #id_zone {
    min-width: 100px; }

.boat-searcher-plugin {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0 5px; }
  .boat-searcher-plugin i {
    color: #00BDAC; }

.flatpickr-day.disabled {
  pointer-events: none; }

.ui-autocomplete {
  overflow-y: auto;
  overflow-x: hidden;
  height: 300px; }
  .ui-autocomplete li,
  .ui-autocomplete div {
    overflow: hidden;
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif; }
  .ui-autocomplete .ui-autocomplete-category {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: bold;
    font-size: .9rem;
    font-family: 'Open Sans', sans-serif; }
  .ui-autocomplete li a:hover,
  .ui-autocomplete .ui-state-active,
  .ui-autocomplete .ui-widget-content .ui-state-active {
    text-decoration: none;
    color: #FFFFFF;
    background: #2F455F80 !important;
    border: none !important; }

.flatpickr-force-disabled {
  pointer-events: none;
  opacity: 25%; }

/***************************
 * MEDIA QUERIES (@mixins) *
 ***************************/
@media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1399px) {
  .input-boat-searcher .input-search-calendar:focus,
  .input-boat-searcher .form-control {
    height: calc(1.65rem + 2px);
    min-width: 100px; }
  .input-boat-searcher .input-group-text {
    width: 32.5px;
    min-width: 32.5px;
    height: calc(1.65rem + 2px); }
  .input-boat-searcher .btn {
    height: calc(1.65rem + 2px);
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .input-boat-searcher #id_boat_type {
    min-width: 200px; }
  .input-boat-searcher .input-group-prepend {
    display: flex;
    align-items: center; }
  .boat-searcher-container .fa {
    font-size: 0.8rem; }
  .boat-searcher-container .col-xl {
    flex: 0 0 auto;
    flex-basis: 0;
    flex-grow: 1;
    width: auto;
    max-width: 100%; } }

@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .input-boat-searcher #id_boat_type {
    min-width: 135px; } }

@media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
  .input-boat-searcher .btn-submit-container {
    justify-content: center; }
    .input-boat-searcher .btn-submit-container .btn {
      background-color: #2F455F; }
  .input-boat-searcher #id_num_pax,
  .input-boat-searcher .input-search-calendar,
  .input-boat-searcher .splited-date .input-search-calendar {
    width: 100%;
    min-width: unset; } }