/*=============================================
ALERTAS NOTIE - ESTILO PERSONALIZADO
=============================================*/

.notie-container {
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
  z-index: 99999 !important;
}

.notie-alert {
  opacity: 1 !important;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 1.4;
  padding: 14px 18px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

/* Texto */
.notie-textbox-inner,
.notie-textbox,
.notie-alert-inner{
  color:#fff !important;
  font-weight:500;
}

/*=============================================
COLORES
=============================================*/

/* SUCCESS (type 1) */
.notie-alert-success{
  background-color:#28a745 !important;
}

/* WARNING (type 2 en notie = neutral) */
.notie-alert-neutral{
  background-color:#f39c12 !important;
}

/* ERROR (type 3) */
.notie-alert-error{
  background-color:#dc3545 !important;
}

/* INFO (type 4) */
.notie-alert-info{
  background-color:#17a2b8 !important;
}

/* Hover suave */
.notie-alert:hover{
  filter:brightness(.98);
}

/*=============================================
RESPONSIVE
=============================================*/

@media (max-width:767px){

  .notie-alert{
    font-size:13px;
    padding:12px 14px !important;
    border-radius:0 0 8px 8px;
  }

}