html, body { margin:0; padding:0; color:#333; background-color:#FFF; font-family:'Titillium Web',sans-serif; font-size:14px; }
a { color:#0168B3; }
header { color:#FFF; background-color:#0168B3; }
header a, footer a { color:#FFF; text-decoration:none; }
header h1, header h2, header h3 { height:65px; line-height:65px; margin:0 1rem; padding:0; font-size:14px; }
header h1 { float:right; }
header h2, header h3 { float:left; }
header img { display:inline-block; height:50px; vertical-align:middle; }
header p { clear:both; margin:0; padding:0 1rem; text-align:right; }
header nav { clear:both; }
header nav ul { display:flex; margin:-1rem 0 0 0; padding:0 0 0 1rem; }
header nav li { display:block; margin:0; padding:0 2rem 0 0; }
article { margin:0; padding:2rem 1rem; }
article > h1 { margin:0 0 1rem 0; padding:0; }
footer { color:#FFF; background-color:#3B3B3B; }
footer h2 { text-transform:uppercase; margin:0; padding:2rem 1rem; text-align:center; }
footer address { background-color:#1D1D1B; margin:0; padding:2rem 1rem; text-align:center; font-size:13px; font-style:normal; }

.input-area input[type=text],.input-area input[type=password] { width:100%; }
.input-area select { width:100%; }
article.login { max-width:40rem; margin:2rem auto;  }

.data-table { border:1px solid #000; border-spacing:0; border-collapse:collapse; }
.data-table thead { background-color:#EEE; }
.data-table th, .data-table td { border:1px solid #000; padding:0.2rem 0.5rem; text-align:center; }
.data-table th { font-weight:bold; }

.form-search { display:flex; flex-wrap:wrap; gap:2rem; }
.form-control { display:block; min-width:15rem; }