and again

static/css/forms.css

@@ -0,0 +1,98 @@
+form .helptext {
+  color: #666;
+  float: right;
+  opacity: 0.5;
+}
+
+form>div:hover .helptext {
+  color: #666;
+  opacity: 1;
+}
+form > div {
+  margin: 1px;
+}
+
+form.highlight > div:hover {
+  /* border: 1px solid #666;
+  margin: -1px; */
+  background-color: #002635;
+}
+
+
+form>div>label {
+  display: block;
+  margin-top: 0.5em;
+  font-size: 1.5em;
+}
+
+form label,
+form legend {
+  user-select: none;
+}
+
+form>div>fieldset>legend {
+  margin-top: 0.5em;
+}
+
+form input:required {
+  border: 1px darkblue dashed;
+}
+
+.list_formset li {
+  border-bottom: 1px gray dotted;
+}
+
+.select2-dropdown {
+  background-color: #05668d;
+  color: white;
+  border-color: #05668d;
+}
+
+.select2-selection .select2-selection--multiple,
+.select2 .select2-selection--single,
+.select2-selection {
+  background-color: #05668d;
+  background-color: #5897fb;
+  color: white;
+  /* border: 1px solid #aaa; */
+  border-radius: 2px;
+}
+
+.select2-results__option {
+  background-color: #05668d;
+}
+
+.list_formset li {
+  border-bottom: 1px gray dotted;
+}
+
+.list_formset li:has(input[name*='DELETE']:checked) {
+  border: 1px dashed red;
+  opacity: 0.5;
+}
+
+.select2-search__field {
+  background-color: #05668d;
+  color: darkblue;
+  border: 1px solid black;
+
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple,
+.select2-container--default.select2-container--default .select2-selection--multiple,
+.select2-selection .select2-selection__rendered .select2-selection__choice {
+  background-color: #5897fb;
+}
+
+.select2-selection__rendered {
+  user-select: none;
+}
+
+.json-editor-btn-edit, .json-editor-btn-collapse {
+  padding: 1px;
+  font-size: small;
+}
+
+.errorlist {
+  color: red;
+}