/* Public form + portal styles */
.cwm-public-form, .cwm-portal { background:#fff; border:1px solid #e2e2e2; border-radius:8px; padding:16px; }
.cwm-public-form h2, .cwm-portal h2 { margin-top:0; }

.cwm-field label { display:block; font-weight:600; margin:0 0 4px; }
.cwm-field input[type=text],
.cwm-field input[type=number],
.cwm-field input[type=email],
.cwm-field input[type=password],
.cwm-field select,
.cwm-field textarea { width:100%; box-sizing:border-box; }
.cwm-field .cwm-inline { display:inline-flex; align-items:center; margin-right:12px; }

.cwm-form .cwm-grid { margin:0 -12px 12px -12px; }
.cwm-form .cwm-grid:after { content:""; display:block; clear:both; }
.cwm-form .cwm-grid .cwm-field { float:left; width:33.333%; padding:0 12px; box-sizing:border-box; margin-bottom:12px; }
@media (max-width: 900px){ .cwm-form .cwm-grid .cwm-field { width:50%; } }
@media (max-width: 640px){ .cwm-form .cwm-grid .cwm-field { width:100%; } }

.cwm-measure-grid { margin:0 -10px 8px -10px; }
.cwm-measure-grid:after { content:""; display:block; clear:both; }
.cwm-measure-item { float:left; width:25%; padding:0 10px; box-sizing:border-box; margin-bottom:8px; }
.cwm-measure-item label { font-weight:600; display:block; margin-bottom:4px; }
@media (max-width: 900px){ .cwm-measure-item { width:33.333%; } }
@media (max-width: 640px){ .cwm-measure-item { width:50%; } }

.cwm-costumes { margin-top:16px; }
.cwm-costumes-head { overflow:hidden; margin-bottom:8px; }
.cwm-costumes-head h3 { float:left; margin:0; }
.cwm-costumes-head .cwm-add-row { float:right; }
.cwm-costume-row { display:table; width:100%; margin-bottom:8px; border-collapse:separate; border-spacing:0; }
.cwm-costume-cell { display:table-cell; vertical-align:top; padding-right:8px; }
.cwm-costume-cell:last-child { padding-right:0; }
.cwm-costume-cell label { display:block; font-weight:600; margin:0 0 4px; }
.cwm-costume-row .cwm-costume-cell:first-child { width:30%; }
.cwm-costume-cell.cwm-small { width:12%; }
.cwm-costume-cell.cwm-grow { width:36%; }
.cwm-costume-cell.cwm-actions { width:1%; white-space:nowrap; min-width:40px; }

.cwm-help { color:#555; font-size:12px; }
.cwm-message { margin-top:10px; padding:10px; border-radius:6px; }
.cwm-message.is-error { background:#fde2e2; color:#8a1f1f; border:1px solid #f5c2c2; }
.cwm-message.is-success { background:#e6f6e6; color:#215a21; border:1px solid #bfe3bf; }

.cwm-portal-table .cwm-mini { margin:0; padding-left:18px; }
.cwm-portal-actions { margin:8px 0 12px; }

.cwm-edit-form { background:#fafafa; border:1px solid #ddd; border-radius:8px; padding:12px; margin-top:8px; }
.cwm-edit-form .cwm-grid { margin:0 -10px 10px -10px; }
.cwm-edit-form .cwm-grid:after { content:""; display:block; clear:both; }
.cwm-edit-form .cwm-grid > .cwm-field { float:left; width:25%; padding:0 10px; box-sizing:border-box; margin-bottom:10px; }
@media (max-width: 900px){ .cwm-edit-form .cwm-grid > .cwm-field { width:50%; } }
@media (max-width: 640px){ .cwm-edit-form .cwm-grid > .cwm-field { width:100%; } }