.table.component {
	overflow-y:auto;
}

table .made {
	width: 100%;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.table .toolbar {
	width:100%;
	margin:0px;
	border-radius: 0;
	background-color: #ddd;
	border: 1px solid #ddd;
}

.table td, .table th {
  border: 1px solid #ddd;
  padding: 4px;
}

.table th.sorted { color:yellow; }
.table th.sorted.asc:after { content: ' \25BC'; } 
.table th.sorted.desc:after { content: ' \25B2'; } 

/* 2193 2191, 2206 2207, 25B2 25BC

*/

  

  
.table tr:nth-child(even){background-color: #f2f2f2;}

.table tr:hover {background-color:var(--color-hover);}
.table tr.selected td{background-color: var(--color-selected);}

.table th {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	background-color: #04AA6D;
	color: white;
	top: 0;
	z-index: 2;
    position: sticky;
}