/* ----------------------------------------------------------------- */
/* Additional variables to Bootstrap 5                               */
/*                                */
/* Effective variables: Take the overriden values or a default value */
/* ----------------------------------------------------------------- */

:root {
  /* Anchor */
  --eff-a-color:          var(--a-color,          var(--bs-body-color));
  --eff-a-hover-color:    var(--a-hover-color,    var(--bs-body-color));

  /* General button */
  --eff-btn-color:        var(--btn-color,        var(--bs-body-color));
  --eff-btn-bg-color:     var(--btn-bg-color,     var(--bs-body-bg));
  --eff-btn-border-color: var(--btn-border-color, var(--eff-btn-color));

  /* Primary button */
  --eff-btn-primary-color:        var(--btn-primary-color,        var(--eff-btn-bg-color));
  --eff-btn-primary-bg-color:     var(--btn-primary-bg-color,     var(--eff-btn-color));
  --eff-btn-primary-border-color: var(--btn-primary-border-color, var(--eff-btn-primary-color));
}

/* ------------------------------------ */
/* Defaults for all TransdatiX projects */
/* ------------------------------------ */


/* Anchors */

a,
a input[readonly] {
  text-decoration: underline;
  color: var(--eff-a-color);
  cursor: pointer;
}

a:hover {
  color: var(--eff-a-hover-color);
}

/* Buttons */

.btn,
.btn.btn-primary:hover {
  color:            var(--eff-btn-color);
  background-color: var(--eff-btn-bg-color);
  border-color:     var(--eff-btn-border-color);
}

.btn.btn-primary,
.btn:hover {
  color:            var(--eff-btn-primary-color);
  background-color: var(--eff-btn-primary-bg-color);
  border-color:     var(--eff-btn-primary-border-color);
}

.btn .symbol {
  margin-right: 10px;
}

.btn.no-label .symbol {
  margin-right: 0px;
}

/* ------------------------------------ */
/* General helper classes               */
/* ------------------------------------ */

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style:italic;
}