/* Add some padding on document's body to prevent the content
to go underneath the header and footer */
body{ 
    font-family: Arial, Helvetica, sans-serif;
    /*background-color: #f5f7dd;*/
    font-size: 1.2em;
    margin: 0px;
    padding-top: 70px;
    padding-bottom: 40px;
}
.container{
    width: 95%;
    margin: 0 auto; /* Center the DIV horizontally */
    /*background-color: #f5f7dd;*/
}
.fixed-header, .fixed-footer{
    width: 100%;
    background: #333;
    color: #ffeec0;
    /*padding: 10px 0;*/
}
.fixed-header{
    position: absolute;
    top: 0;
}
.table-header {
    padding: 10px;
}
.fixed-footer{
    position: fixed;
    bottom: 0;
}
.footer-text {
    padding: 8px;
}
button {
    font-size:1.1em;
}
select {
    font-size:1.1em;
}
.searchbox {
    font-size: 1.1em;
}
.footerbox {
    font-size: 1em;
}
.dataTables_filter {
    position: absolute;
    top: 0.0em;
    left: 15%;
    float: left
}
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;

}
th {
    /*font-size:12pt;*/
    text-align:left;
}
td {
    /*font-size:12pt;*/
}
a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: blue;
}    
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #b3e6b3;
}
div.layout-start {
    border: 1px solid #dc3545;
    border-radius: 3px;
    padding: 8px;
}
 
div.layout-end {
    border: 1px solid #198754;
    border-radius: 3px;
    padding: 8px;
}
 
div.layout-full {
    border: 1px solid #0d6efd;
    border-radius: 3px;
    padding: 8px;
}