/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

#signatureCanvas {
  background-color: #fff;
}
/* Estilos para dispositivos móviles */
@media only screen and (max-device-width: 1000px) {
  /* Hacer que el modal ocupe toda la pantalla */
  #signatureModal > .modal-dialog{
    max-width: 800px!important;
  }
  
  /* Establecer el ancho de la firma en función del tamaño de pantalla */
  #signatureCanvas {
    width: 100%;
  }
}

/* Alert fix */
.alert{
  position: absolute;
  z-index: 999;
  top: 4px;
  right: 4px;
}

#canvas-container {
  position: relative;
  display: inline-block;
  border: 2px solid black;
}