a[data-href] {
  cursor: pointer;
}

.code {
  font-family: courier;
}

button.editData {
  width: 45px;
}

button.editDataLock {
  border-top-right-radius: var(--bs-card-border-radius) !important;
  border-bottom-right-radius: var(--bs-card-border-radius) !important;
}

button.editDataUnlock {
  border-top-right-radius: var(--bs-card-border-radius) !important;
  border-bottom-right-radius: var(--bs-card-border-radius) !important;
}

span.file-download-preview {
  color: var(--bs-link-color);
  cursor: pointer;
}

span.file-download-preview:hover {
  curso: pointer;
  text-decoration: underline;
}

.shake {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}

.blink {
  animation: blinker 2s linear infinite;
}

.blink_fast {
  animation: blinker 0.8s linear infinite;
}

@keyframes blinker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

a.sectionButtonLink {
  cursor: pointer;
}

a.sectionButtonLink .sectionButtonCard {
  border-left: 4px solid var(--card-border-color);
}

a.sectionButtonLink:hover .sectionButtonCard, a.sectionButtonLink .sectionButtonCard-selected {
  background-color: var(--card-border-color);
}

a.sectionButtonLink:hover .sectionButtonCard .card-body * {
  color: white;
}

.nav-tabs .nav-link {
  border-bottom: 1px solid;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .emptyTab {
  border: 0px;
  background-color: none;
}

a.link-icon {
  text-decoration: none;
  color: rgb(0,0,0);
  cursor: pointer;
}

a.link-icon:not(:last-child) {
  margin-right: 10px;
}

a.link-icon:hover {
  cursor: pointer;
  color: var(--bs-primary);
}

td > a {
  color: var(--bs-primary);
  text-decoration: none;
}

td > a:hover {
  color: var(--bs-primary);
  text-decoration: underline;
}