/*** Forms in tables. Used when creating/editing users and roles. ***/
/* Cell borders, padding and alignment. */
table.form {border-collapse:collapse;}
table.form td {border:solid #888888 1px; padding:0.2em 0.4em; vertical-align:top;}
/* Width, padding, and bg color of text fields. */
table.form input.ui-inputfield, table.form textarea.ui-inputfield {min-width:90%; padding:0.2em 0.5em; margin:0; background-color:#ffffcc;}

/*** Data tables. Used when listing work orders, users, roles etc. ***/
/* Automatic column width. */
.ui-datatable table {table-layout:auto;}
/* Center contents of header and footer. */
body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer {text-align:center; padding:0.1em;}
body .ui-datatable .ui-paginator {padding:0.1em;}
/* More compact cells. */
.ui-datatable th {vertical-align:top; white-space:nowrap;}
.ui-datatable th, .ui-datatable td {padding:0.6em 0.2em !important;}
/* Center the checkboxes in the left selection column. */
.ui-datatable .ui-selection-column {text-align:center; vertical-align:middle;}
/* Alternating colors for odd/even rows. */
.ui-datatable .ui-datatable-even:not(.ui-state-highlight):not(.ui-state-hover) {background-color:#fbfbfb;}
.ui-datatable .ui-datatable-odd:not(.ui-state-highlight):not(.ui-state-hover) {background-color:#ffffff;}