section.list {
	background: white;
	position: relative;
	display: block;
   top:0; 
   margin: 5px;
   width: auto; 
   height:auto;
   padding: 5px;
	 overflow: hidden;
	 clear: both;
}
section.list table {
	display: table;
	width: 100%;
	height: auto; /* account for the caption */
	border-collapse: collapse;	
	margin: 0;
	padding:0;
	user-select: none;	 
}
section.list table thead {
      float: left;
      width: 100%;
      display: table;
}

section.list table caption {
	user-select: none;
} 
section.list table tbody {
      float: left;
      width: 100%;
      height: 400px;
		overflow-y: hidden;
		overflow-x: hidden;
      height: 400px;
}
section.list table tr {
    width: 100%;
    display: table;
    background-color: white;
}

section.list table tr.selected {
background-color: #A2A9A0;
}

table {
    border: 1pt solid black;
    -moz-user-select: none;
}
th {
 background: var(--button-pane);
 background-image: url("/sys_images/funnel_sm.svg");
 background-position: right;
 background-repeat: no-repeat;
 text-align: left;
 border-bottom: 1pt solid #A2A9A0;
 border-right: 1pt solid #A2A9A0;
}
td {
 border-bottom: 1pt solid #A2A9A0;
 border-right: 1pt solid #A2A9A0;
}
/*
section.list table th,section.list table td {
width: 30%;
}

section.list table tr:nth-child(1) {
width: 40%;
}
section.list table tr:nth-child(2) {
width: 45%;
}
section.list table tr:nth-child(3) {
width: 15%;
}
*/
svg.scrollpos {
	position: relative;
	right:0px;
	margin:0;
	margin-left: -20px;
	top: 40px;
	width: 20px;
	height: 20px;
	float:right;
	background-color: rgb(202, 202, 156);
}

svg.scrollpos polyline {
	pointer-events:none;
}

div#filter { 
z-index: 1;
text-align: center;
display: none;
margin-top: 1.4em;
width:175px; 
height:100px;
padding: 5px;
background: white; 
border: 1px solid black;
border-radius: 0px 0px 8px 8px;

}
div#filter * {
font-size:9pt; 
}
div#filter label {
font-size:10pt; 
}

section.minor {
	background: white;
	position: relative;
	display: none;
   top:0; 
   margin: 5px;
   width: auto; 
   height:auto;
   padding: 5px;
	 overflow: hidden;
	 clear: both;
}

details {
	margin: 5px 5px 5px 10px;
}
details table {
	margin: 5px 5px 5px 30px;
	width: 70%;
	border: none;
}
details table th {
	background: white;
}
details table td.button {
	background: var(--popop-button-back);
	color: white;
	font-size: small;
	font-weight: bold;
	text-align: center;
}