/* estilos semaforo sincro de ordenes  */

.pub-badge-green {
    background-color: #49A078;
    color: #49A078;
}
  
.pub-badge-yellow {
    background-color: #F5D547;
    color: #F5D547;
}
  
.pub-badge-red {
    background-color: #E94F37;
    color: #E94F37;
}

/* Saco sombra al clickear en un form-control, form-select y form-check-input */

.form-control,.form-select, .form-check-input {
    box-shadow: 0 0 0 0 !important;
}

.form-check-input:checked {
  background-color: #00554e;
  border-color: #00554e;
}

.offcanvas-step {
  display: none;
}
.offcanvas-step.active {
  display: block;
}


.offcanvas-custom-width#newShippingOffcanvas {
  width: 800px !important;
}

/* Estilos para el parpadeo */
@keyframes flicker-input-error {
  0% { border-color: red; }
  50% { border-color: transparent; }
  100% { border-color: red; }
}

.flicker-input-error {
  animation: flicker-input-error 1s ease;
}

/* Estilo para que cada item impar tenga un color diferente al par */
.list-group li:nth-of-type(odd) {
  background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1));
 }