.link {
  color: #007bff; /* Standard link color */
  text-decoration: underline;
  cursor: pointer;
}

.link:hover {
  text-decoration: underline;
  color: #0056b3; /* Darker shade on hover */
}


.error {
	background-color: #ffebee;
	color: #b71c1c;
}
.warning{
	background-color: #fff8e1;
	color: #994300;
}
.succ {
	background-color: #e8f5e9;
	color: #1b5e20;
}

.danger {
  background-color: #b71c1c;
  color: #ffffff;
  border: none;
}

/* no background on leaflet marker */
.leaflet-container [role="button"],
.leaflet-container [type="button"], 
.leaflet-container [type="file"]::file-selector-button,
.leaflet-container [type="reset"],
.leaflet-container [type="submit"], 
.leaflet-container button {
	background: unset;
	border: unset;
	box-shadow: unset;
}

.logo,.logo-inv {
  height: 5em;
  max-width: 100%;
  margin: auto;
}

[data-theme="light"],
:root:not([data-theme="dark"]),
:host(:not([data-theme="dark"])) {
  .logo {display:block};
  .logo-inv {display:none};
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]),
  :host(:not([data-theme])) {
    .logo {display:none};
    .logo-inv {display:block};
  }
}

[data-theme="dark"] {
  .logo {display:none};
  .logo-inv {display:block};
}



/*STICKY TABLE*/
.sticky-table {
  position: relative;
}

.sticky-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

.sticky-table tbody td:first-child,
.sticky-table thead th:first-child {
  position: sticky;
  left: 0;
  background-color: var(--pico-background-color); /* Background color for first column */
  z-index: 1;
}

table.sticky-table tbody tr:nth-child(2n+1) td:first-child,
table.sticky-table tbody tr:nth-child(2n+1) th:first-child 
{
/*  background-color: red; /* Background color for first column */
	background-color: var(--pico-background-color);

}

/* For the top-left cell - needs higher z-index */
.sticky-table thead th:first-child {
  z-index: 3;
}

.flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

summary.flex-center-between::after {
  display: none;
}

.ml-1 {
  margin-left: 5px;
}

.mr-1 {
  margin-right: 5px;
}

.mb-0 {
  margin-bottom: 0;
}