/**
 * CSS del FO del módulo
 * 
 * @author Difadi.com <soporte@difadi.com>
 * @author Sergio Delgado <sdelgado@difadi.com>
 * @copyright 2026 Difadi.com
 * @license Comercial
 */

#dfddeliveryschedule {
  margin-top: 5px;
}

#dfddeliveryschedule .title {
  margin-bottom: 5px;
  display: flex;
  font-size: 14px;
}

#dfddeliveryschedule .deliveryschedule-option {
  padding: 15px 20px;
  height: 60px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  border: solid 1px var(--color-darkgrey);
}

#dfddeliveryschedule .deliveryschedule-option > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  row-gap: 5px;
}

#dfddeliveryschedule .deliveryschedule-option > div > input {
  padding: 5px 10px;
  background: #f3f4f6;
  border-radius: 12px;
  border: solid 1px #d6d6d6;
  outline: none;
}

#dfddeliveryschedule .alert.hidden {
  display: none;
}

.flatpickr-calendar {
  z-index: 5 !important;
}

@media (max-width: 543px) {
  #dfddeliveryschedule .deliveryschedule-option {
    height: auto;
  }

  #dfddeliveryschedule .deliveryschedule-option > div > input {
    width: 160px;
  }
}