html,
body {
  --bs-link-color-rgb: 147, 197, 75;
  --bs-link-opacity: 1;


  background-image: url("/static/images/fondo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #cccccc;
  background-attachment: fixed;
  height: 100%
}

.cursor-pointer {
  cursor: pointer;
}

.respuesta {
  background: rgba(255, 255, 255, 0.5)
}

.card-cabecera {
  background: rgb(3, 74, 192);
}

.card-cuerpo {
  background: rgba(230, 230, 230, 1);
}

.main-menu .nav {
  --bs-link-color-rgb: 255, 255, 255;
  --bs-link-hover-color-rgb: var(--bs-link-color-rgb);

  font-size: var(--bs-body-font-size);
}

.col-auto.narrow {
  flex: 0 0 100px;
}

.cell-narrow {
  width: 1px;
  white-space: nowrap;
}

.nav-tabs .nav-link:focus,
.nav-link:focus {
  color: var(--bs-gray-300);
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.tooltip.app-tooltip {
  --bs-tooltip-bg: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1));
  --bs-tooltip-color: var(--bs-white);
  --bs-tooltip-max-width: 400px;
}