/* Edit Form */
form.editform { display: flex; flex-direction: column; gap: 15px; max-width: 100%; border-color: 3px solid red; }
form.editform .field-header { display: flex; align-items: center; margin-bottom: 4px; }
form.editform label.caption { display: block; }
form.editform label.caption svg.reqdot { fill: #666; width: 5px; height: 5px; vertical-align: middle; margin: 0 0.2em 0.2em 0; }
form.editform label.choice { margin-right: 1em; float: left; max-width: 600px; }

form.editform label.choice input[type='checkbox'] { margin-right: 0.5em }
form.editform label.choice input[type='radio'] { margin-right: 0.2em }

form.editform div .field {  }
form.editform div { }
form.editform div.submit { padding-top: 10px; }
form.editform div.submit .wait_button { display: none; }
form.editform div.submit.submitting .wait_button { display: block; }
form.editform div.submit.submitting input { display: none; }

form.editform .field,form.editform select,form.editform textarea { 
    background-color: #fff; box-sizing: border-box; max-width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 5px; 
}
form.editform textarea { resize: vertical; }
form.editform fieldset { box-sizing: border-box; border: none; }

form.editform .field.hexcolor { width: 4rem; }
form.editform > .formrow .captcha { width: auto; height: 28px; vertical-align: bottom; margin-left: 10px; }
form.editform > .formrow .multi { display: flex; gap: 4px; justify-content: stretch; align-items: center; }
form.editform > .formrow .edf-help { font-style: italic; margin-left: 0.5rem; font-size: 0.7rem; color: var(--texts-lightcolor); }
form.editform > .formrow .login-options { margin-top: 1em; padding-top: 2em; border-top: 1px solid var(--separator-color); }
form.editform .filezone { display: flex; flex-direction: column; gap: 10px; }
form.editform .filezone .thumbs { display: flex; gap: 15px; flex-wrap: wrap; }
form.editform .filezone .thumbs .thumb { 
    position: relative; background-color: #ddd; background-size: contain; background-repeat: no-repeat; background-position: center;
    width: 96px; height: 96px;  box-sizing: border-box; 
}
form.editform .filezone .thumbs .thumb .svg-button { display: block; width: 24px; height: 24px; }

form.editform .filezone .dropzone { padding: 0.2em; border: 2px dotted #ccc; border-radius: 7px; text-align: center; }
form.editform .filezone .dropzone:hover { background-color: var(--light-over); cursor: pointer; }
form.editform .filezone input[type=file] { display: none!important; }
form.editform .filezone .fileinfo { padding: 0.5em 0; border-bottom: 1px solid #ccc; box-sizing: border-box; height: 30px; }
form.editform .filezone .fileinfo * { box-sizing: border-box; }
form.editform .filezone .fileinfo .abort { margin-left: 0.5em; padding: 3px 1em; color: #900; transition: all 0.5s; cursor: default; }
form.editform .filezone .fileinfo .abort:hover { background-color: #900; color: #fff; border-radius: 5px; }
form.editform .filezone .fileinfo .progbox > * { display: inline-block; }
form.editform .filezone .fileinfo .progbox { float: right; padding-left: 1em; }

form.editform .field,form.editform select,form.editform textarea { max-width: 100%!important; }

form.editform .multilang { display: flex; flex-direction: column; gap: 3px; }
form.editform .multilang .langfield { display: flex; gap: 5px; align-items: center; }
form.editform .multilang .langflag { font-family: monospace; opacity: 0.5; display: inline-block; padding: 3px; border-radius: 33%; xwidth: 24px; text-align: center; font-size: 11px; text-transform: uppercase; background-color: var(--texts-color); color: var(--light-over); }