
/* simpleform */

.simpleform {}
.simpleform .formrow { margin-top: 1em;position:relative; }
.simpleform .formrow:first-child { margin-top: 0; }
.simpleform .formlabel, .formlabel { font-weight: bold; }
.simpleform .formvalue {white-space: normal;}
.simpleform .formvalue input, .simpleform .formvalue select, .simpleform .formvalue textarea { width: 100%; }
.simpleform .formvalue input[type=checkbox], .simpleform .formvalue input[type=radio] { width: 1.1em; }
.simpleform .formvalue textarea { max-width: 100%; min-width: 100%; }
.simpleform .formhelp { opacity: 0.7; font-size: 0.7em; }

@media (min-width: 800px) {
	.simpleform.responsiveform .formrow  { display: flex; align-items:start;}
	.simpleform.responsiveform .formrow .formlabel { display: inline-block; width: 25%; max-width: 200px; /*padding-top: 3px;*/ padding-right: 3px; }
	.simpleform.responsiveform .formrow .formvalue { flex: 1; }
}

/* simepletable */

table.simpletable { border-collapse:collapse;table-layout:auto;margin:10px 0 10px 0;border-radius:0;overflow:hidden;width:100%; border: 1px solid #ccc; }
table.simpletable.full { width:100%; }
table.simpletable>thead>tr { background:#ccc; }
table.simpletable tr { border: 0; background: #fafafa; }
table.simpletable th { padding:7px 12px;font-weight:normal;text-align:center;word-wrap:normal !important; background:#e3e3e3; }
table.simpletable td { padding:7px 12px;word-wrap:normal;border:1px dotted var(--grey4); width:auto; }
table.simpletable td.stretch, table.simpletable th.stretch { width:99%; }
table.simpletable td.shrink, table.simpletable th.shrink { width:1%; }
table.simpletable td.right { text-align:right; }
table.simpletable.selectable td { cursor:pointer; }
table.simpletable.selectable tbody tr:hover { background:#def; }
table.simpletable.compact td, table.simpletable.compact th { padding:3px 6px; }
