/* 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;
}

.btn .material-icons {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  font-size: 1rem;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block;
}

.waves-effect{
  background-color: #e5e5f7;
  background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #e5e5f7 10px ), repeating-linear-gradient( #444cf755, #444cf7 );
  /* opacity background */
  opacity: 0.5;
  color: black;
  .row{
    opacity: 1;
  }

}

.zig-zag-3d{
  background-color: #e5e5f7;
  opacity: 0.5;
  background: linear-gradient(135deg, #444cf755 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(225deg, #444cf7 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(315deg, #444cf755 25%, transparent 25%) 0px 0/ 20px 20px, linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%) 0px 0/ 20px 20px;
  color: black;
  .row{
    opacity: 1;
  }
}

.diagonal{
  background-color: #e5e5f7;
  opacity: 0.5;
  background: repeating-linear-gradient( 45deg, #444cf7, #444cf7 5px, #e5e5f7 5px, #e5e5f7 25px );
  color: black;
  .row{
    opacity: 1;
  }
}

/* transparente: hacer que el fondo sea transparente */
.transparente{
  background-color: rgba(255, 255, 255, 0);
}