html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
header {
    text-align: left;
    padding: 8px;
}
header > div:nth-child(1){
    display: flex;
}
header .control{
    margin-left: auto;
    text-align: right;
}
header .msg{
    color: red;
}
#date {
    width: 5em;
}
.camera_img {
    text-align: center;
    padding: 8px;
    margin: auto;
}
img {
    width: 640px;
    pointer-events: none;
    /* height: 480px; */
}
/* footer {
    position: sticky;
    top: 100vh;
} */
footer table {
    width: 100%;
    border-collapse: collapse;
}
footer table td{
    background-color: #eeeeee;
    border: 1px solid black;
    padding-left: 4px;
    width: 38%;
}
footer table td:nth-child(odd) {
    background-color: #d3d3d3;
    width: 6em;
}
.ui-datepicker select.ui-datepicker-year {
    width: 60px;
}

.select_hidden {
    display: none;
}