body,td,p {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:16px;
}

input[type=text], input[type=password], input[type=number] {
    font-size: 18px;
    padding: 10px 5px;
    box-sizing:border-box;
}
button, input[type=button], input[type=submit], input[type=submit] {
    font-size: 18px;
    padding: 10px;
}

th { text-align:left;}
th, td { padding:7px;}

.loginbutton {
    width: 100%;
    margin-top: 0px;
    font-size:20px;
}

.right {text-align:right}


.htable td, .htable th { border:1px solid #ccc;}
.htable th { background:#eee } 
.block {display:block}

.hourinput, .inputdate { width:110px; }

.searchorderfilter { width:70%}
.searchorderbtn { float:right; width:27%}

.btnupdatedate, .btnaddhours { width:120px}
.logininput { width:100%}
.orderbox {
    border:1px solid darkgreen;
    background:lightgreen;
}
.logoutbtn { float:right}
.btnselectorder { font-weight:normal}
.errorbox {
    display: block;
    border: 1px solid darkred;
    background: #F6CECE;
    padding: 5px;
    text-align: center;
    color:darkred;
}
    .errorbox.success {
        border-color: darkgreen;
        background: #CEF6D8;
        color:darkgreen;
    }