/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* ### FOOTER ### */

.theme-page-footer {
  background-color: #EAECEE;
}



/* DRIVER BOOKING ACCEPT */

div.chbs-notice {
  border: none !important;
  text-align: center;
}

div#button-back-mi-cuenta {
  margin-top: 2%;
}

/* FORM BOOKING */


div#drive4you-form-type-transfer {
  display: none;
}

/* PAGE PARTNER FORM */

div#user-registration-form-18921 {
  width: 50%;
  text-align: left;
}

div#drive4you-form-partner {
  text-align: -webkit-center;
}


/* navbar styling */

.sidebar {
  background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)), url(img/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 5px 7px 25px #999;
}

.bottom-border {
  border-bottom: 1px groove #eee;
}

.sidebar-link {
  transition: all .4s;
}

.sidebar-link:hover {
  background-color: #444;
  border-radius: 5px;
}

.current {
  background-color: #f44336;
  border-radius: 7px;
  box-shadow: 2px 5px 10px #111;
  transition: all .3s;
}

.current:hover {
  background-color: #f66430;
  border-radius: 7px;
  box-shadow: 2px 5px 20px #111;
  transform: translateY(-1px);
}

.search-input {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #999;
  transition: all .3s;
}

.search-input:focus {
  background: transparent;
  box-shadow: none;
  border-bottom: 2px solid #dc2545;
}

.search-button {
  background: #999;
  border-radius: 50%;
  padding: 10px 16px;
}

.search-button:hover {
  background-color: #eee;
  transform: translateY(-1px);
}

.icon-parent {
  position: relative;
}

.icon-bullet::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 15px;
  height: 12px;
  width: 12px;
  background-color: #f44336;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .sidebar {
    position: static;
    height: auto;
  }

  .top-navbar {
    position: static;
  }
}

div#drive4you-form-type-transfer {
  display: none;
}

.drive4you-fixed-height-button {
  height: 30px;
  padding: 0.375rem 0.75rem !important;
  display: flex !important;
  align-items: center;
}

.ruta-info {
  font-size: 0.9rem;
}

.ruta-info i {
  margin-right: 5px;
}

.ruta-distance,
.ruta-duration {
  display: inline-block;
  margin-right: 10px;
}

.ruta-origen-destino {
  margin-top: 2%;
  display: flex;
  align-items: center;
}

.ruta-icon {
  float: left;
  font-size: 34px;
  margin-top: 2%;
  margin-right: 10px;
}

.icon-plane {
  color: #858796;
}

.icon-whatsapp {
  color: #25D366;
}

.icon-envelope {
  color: #858796;
}

#subtotalReservaView,
#taxReservaView,
#totalReservaView {
  text-align: right;
}

/* MODAL SEND REMINDERS */

#drive4youFormSendReminders .form-group {
  margin-bottom: 20px;
}

#drive4youFormSendReminders .form-control {
  width: 40%; /* Ajusta este valor según necesites */
}

#partnerCheckboxContainer {
  text-align: left; /* Alineación de los checkboxes */
  display: inline-block; /* Alineación central del contenedor */
}

#alertContainer {
  width: 25%;
  position: fixed; /* Posición fija en la pantalla */
  right: 15px; /* Alineado a la izquierda */
  top: 10%; /* Espaciado desde la parte superior de la pantalla */
  z-index: 1050; /* Asegurarse de que se muestre por encima de otros elementos */
}

/* PREFIJO CODIGO TELEFONO */

.drive4you-form-phone .iti__flag-container {
  height: auto!important;
  padding-left: 1.5%;
}

.drive4you-form-phone .iti.iti--allow-dropdown.iti--separate-dial-code {
  margin: 0px;
}

.form-booking-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
  margin-right: 10px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.form-booking-button-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.chbs-button-step-next:hover .form-booking-spinner, .chbs-button-step-prev:hover .form-booking-spinner {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #556677;
}