@import url('https://fonts.googleapis.com/css?family=Lexend&display=swap');

body {
  padding-top: 60px;
}

.toolbar table { 
		border-collapse: collapse;
		text-align: left;
		width: 100%; 
		}
.toolbar {
		font: normal 16px/150% 'Lexend', sans-serif;
		background: #dac9a1; 
		overflow: hidden; 
		width: 100%; 
		padding-bottom: 2px;
		position: fixed; /* Set the navbar to fixed position */
		top: 0; /* Position the navbar at the top of the page */
		}
.toolbar table tbody td { 
		color: #000000; 
		background-color:#111111;
		padding: 5px;
		}


		
.datagrid table { 
		border-collapse: collapse;
		text-align: left;
		width: 100%; 
		}
.datagrid {
		font: normal 15px/150% 'Lexend', sans-serif; 
		background: #EEEEEE; 
		overflow: hidden; 
		width: 100%; 
		max-width: 650px;
		}
.datagrid table td, .datagrid table th {
		padding: 3px 10px; 
		}
.datagrid table thead th {
		background-color:#dac9a1; color:#000000; 
		}
.datagrid table thead th:first-child { 
		border-bottom: 1px solid #000000;
		padding: 5px 15px; 
		}
.datagrid table tbody td { 
		background-color:#EEEEEE;
		padding: 7px 15px; 
		vertical-align: top;
		}
.datagrid table tbody td:first-child { 
		border-left: none; 
		}
.datagrid table tbody tr:last-child td { 
		border-bottom: none; 
		}
		
		
			
.button{
	text-decoration:none; text-align:center; 
	padding-top:10px;
	padding-bottom:15px; 
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #111111;

	color:#dac9a1; 
	background-color:#111111; 
	display: inline-block;
	/* for smaller mobile screens */
	font:14px 'Lexend', sans-serif;
	width:15%;
}
.button:visited{
	color:#dac9a1; 
	background-color:#111111; 
}
.button:hover{
	background-color:#111111; 
	border:solid 1px #dac9a1;
	color:#dac9a1; 
}
.button:active{
}
@media (min-width: 702px) {
.button{
	/* for larger PC screens */
	font:20px 'Lexend', sans-serif;
	width:90px
    }
}