html, body{
width: 100%;
margin: 0;
height: 100%;
padding:0;
top: 0;
}
header {
margin: 0;
padding: 10px;
width: 100%;
height: 50px;
top: 0;
border-bottom: 1px solid #000066;
background-color: #e6e6ff;
}
#main {
width: 80%;
margin: 50px 10%;
}
h1 {
color: #0047b3;
width: 100%;
text-align: center;
margin: 0;
}
h2 {
color: #666666;
}
#submit-file {
display: flex;
flex-direction: column;
align-items: center;
}
#submit-form {
width: 600px;
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid #0047b3;
border-radius: 5px;
padding: 30px;
}
#submit-form label {
font-size: 1.2em;
}
#submit-form input {
margin-top: 1em;
font-size: 1em;
}
#submit-form button {
margin-top: 45px;
font-size: 1.1em;
}
.error {
color: red;
font-weight: 700;
}
.valid {
color: green;
}
.datatable {
width: 100% !important;
}
footer {
width: 100%;
text-align: center;
position: fixed;
height: 50px;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background-color: #f2f2f2;
padding-top: 23px;
}