.right-content, .right-content ul , .right-content ul li{ 
    /* padding:0;
    margin:0 */
    padding-inline-start: 0px;
    background-color: white;
}
span.varighet {
    display:block;
    text-align: right;
}
li.posisjon-item {
    cursor: pointer;
}
button.play-button {
    background-color: #4CAF50;
    padding-right:4em;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
.lydkilde {
    width: auto; 
    height: 2em; 
    margin-right: 0.5em;
    margin-left:3em;
}
.striped-text:nth-child(odd) {
    color: #9B9899;
}

.striped-text:nth-child(even) {
    color: #A28DA0;
}

/* Hindrer komma etter siste element */
.striped-text:not(:last-child)::after {
    content: ", ";
    color: #fefefe; /* Standard farge på komma */
}

.year-selected {
    background-color: #ffd; /* eller en annen visuell indikator */
    border: 2px solid #2196F3;
  }
  .year-label.year-selected {
    background-color: #ccc; /* litt mørkere bakgrunn */
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
    font-weight: bold;
    border-left: 4px solid #666;
  }
  .year-label {
    position: relative;
  }
  
  .year-label .year-close {
    display: none;
    position: absolute;
    top: -3px;
    right: 2px;
    font-size: 14px;
    color: #d00;
    cursor: pointer;
  }
  
  .year-label.year-selected .year-close {
    display: inline;
  }
.year-label.year-selected .year-close:hover {
  color: #f00;
}


.redigerbar_liste_container {
  display: inline-flex;  /* slik at flere containere kan stå ved siden av hverandre */
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  vertical-align: middle; /* gjør at de justeres pent mot hverandre */
}

/* Knapp alene tar bare så mye plass som trengs */
.redigerbar_liste_container > button {
  flex-shrink: 0;
}

/* Når det er innhold, skal det ta opp resten av linjen */
.medarbeider-liste,
.tema-liste {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  font-size: 0.875rem;
  flex-grow: 1;
  min-width: 0;
}

/* Sørg for at navn ikke brekkes midt i */
.medarbeider-tag,
.tema-tag {
  white-space: nowrap;
}

.media-item.compact-view img,
.media-item.compact-view .hidden-content,
.media-item.compact-view .toggle-text {
    display: none !important;
}
body.kompakt .skjules {
    display: none !important;
}

.valgt {
    font-weight: bold;
    background-color: #ffffcc;
    border-radius: 4px;
    padding: 0 4px;
}