/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
.ml-20 {
  margin-left: 20px;
}

.form label {
  margin-left: 10px;
  min-width: 170px;
  justify-content: flex-end;
  padding-right: 10px;
}

.form input {
  width: 120px;
}

.text-red {
  color: rgb(246, 38, 38);
}

.mt-20 {
  margin-top: 20px;
}

.result {
  font-size: 16px;
  font-weight: bold;
  color: #24aa2b;
}

.desc {
  width: 110px;
}

.alert {
  border-width: var(--border);
  border-color: var(--alert-border-color,var(--color-base-200))
}
.alert {
  --alert-border-color: var(--color-base-200);
  border-radius: var(--radius-box);
  color: var(--color-base-content);
  background-color: var(--alert-color,var(--color-base-200));
  text-align: start;
  background-size: auto,calc(var(--noise)*100%);
  background-image: none,var(--fx-noise);
  border-style: solid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  place-items: center start;
  gap: 1rem;
  padding-block:.75rem;padding-inline:1rem;font-size: .875rem;
  line-height: 1.25rem;
  display: grid
}     

.alert-dash {
  color: var(--alert-color);
  box-shadow: none;
  background-color: #0000;
  background-image: none;
  border-style: dashed
}
 .alert-outline {
  color: var(--alert-color);
  box-shadow: none;
  background-color: #0000;
  background-image: none
}
.alert-error {
  color: var(--color-error-content);
  --alert-border-color: var(--color-error);
  --alert-color: var(--color-error)
}