body{font-family:Arial, sans-serif;margin:0}
.container{margin:0 15px;padding:1rem}
.topbar{background:#0f172a;color:#fff}
.topbar a{color:#fff;margin-right:1rem;text-decoration:none}
.form label{display:block;margin:.5rem 0}
.btn{padding:.4rem .8rem;border:1px solid #0f172a;border-radius:8px;background:#fff}
/*table{border: 1px solid #58595B;}*/
/*th{text-align:left;border:1px solid #58595B;}*/
tr{text-align:left;border:1px solid #58595B;}
th{padding: 5px 5px;}
td{padding: 5px 5px;}
form{display: flex;flex-direction: column;}
table {
  border-collapse: separate;
  border-spacing: 10px;
}
th, td {
  padding: 5px;
}
.form-filter{
	gap: 5px;
}
.filter-cells{    
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}
.filter-cell{
	display: flex;
	flex-direction: column;
	width: 200px;
	height: 52px;
	justify-content: space-between;
	
}
.filter-cell-label{
	font-size: 12px;
}
.filter-cell-field {
	height: 32px;
}
.filter-cell-select{
	height: 38px;
}

.filter-button{
	height: 60px;
	width: 150px;
}

.form-filter-buttons{
    display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}

.class_hidden {
    display: none;
}

#exportDiv {
    border: 1px solid gray;
    border-radius: 6px;
    padding: 10px;
}