:root {
  --primary-color: #0d6efd; /* Bootstrap Primary */
  --secondary-color: #6c757d; /* Bootstrap Secondary */
  --success-color: #198754; /* Bootstrap Success */
  --danger-color: #dc3545; /* Bootstrap Danger */
  --light-bg: #f8f9fa; /* Bootstrap Light */
  --white-color: #fff;
  --border-color: #dee2e6;
  --border-color-dashed: #adb5bd;
  --border-radius-base: 0.375rem; /* Bootstrap default */
  --box-shadow-base: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --box-shadow-hover: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --font-family-sans-serif: "Inter", sans-serif;
  --navbar-height: 60px;
}

body {
  margin: 10px;
  padding: 10px;
}

.modal-body {
  font-family: sans-serif;
  font-size: 14px;
  color: #fff;
}

.modal-body pre {
  height: 300px;
  overflow-y: auto;
}

.modal-body pre.show-code {
  opacity: 1;
}

.holdLog {
  font-family: monospace;
  position: absolute;
  z-index: 2;
  font-weight: 400;
  color: #393939;
}

.risultato {
  display: none;
  background-color: #6c757d;
  border-color: #6c757d;
  border-radius: 4px;
  color: white;
  padding: 0 4px;
}

.table tbody tr td:first-child {
  color: yellow;
}

.navbar-brand sub {
  color: var(--border-color);
}

#methodTableBody td{
  word-break: break-all;
}