main {
  background-color:#fff;
}

table {
  border-collapse: separate;

}

th,td {
  padding: 0.2em 0.5em;

}

th {
  background-color: #F1F1F1;
  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5);
}

th:hover{
  color: #ffa9b7;
}

td {
  font-style:italic;

  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5);
}

tbody tr:nth-child(even) {
  background-color: #F9F9F9;
  color: #000;
}

td:empty{
  box-shadow: none;
  background-color:none;
}


/* dialog popup */
dialog {
	display: none;
	position: relative;
    background: white;
    border: 1px solid grey;
	border-radius: 0 .5em .5em;
	z-index:1002;
	padding: .5em 1em;	
	width: 100%;
	height: auto;
}

dialog[open="open"] {
    display: block;
}

@media (min-width: 30em) { 
  dialog {
	position: absolute;
	top: 50%;
	margin-top: -10em; 
	left: 50%;
	margin-left: -10em; 
	width: 20em; 
  }
}

dialog::backdrop, #backdrop {      /* Ebene zwischen Hintergrund und Dialog-Box, Pseudoelement noch nicht implementiert */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);    
}

dialog #close-dialog {
    cursor: pointer;
}	

.open-dialog:hover {
  background-color: #ffa9b7;
}

head:first-child+body thead[class].fixedHeader tr {
    display: block;
}
head:first-child+body tbody[class].scrollContent {
    display: block;
    height: 500px;
    overflow: auto;
}
head:first-child+body thead[class].fixedHeader th {
    width: 98px
}

head:first-child+body thead[class].fixedHeader th + th {
    width: 477px
}

head:first-child+body thead[class].fixedHeader th + th + th {
    
    width: 98px
}
head:first-child+body thead[class].fixedHeader th + th + th  + th{
    
    width: 98px
}
head:first-child+body thead[class].fixedHeader th + th + th  + th  + th{
    
    width: 98px
}
head:first-child+body thead[class].fixedHeader th + th + th  + th  + th  + th{
    
    width: 98px
}
head:first-child+body thead[class].fixedHeader th + th + th  + th  + th  + th  + th{
    
    width: 98px
}
head:first-child+body thead[class].fixedHeader th + th + th  + th  + th  + th  + th{
    
    width: 98px
}