/* Formularios y componentes del portal con el estilo del legado (estilos.css). */
.panel__body > p { line-height: 1.5; }
.field { margin-bottom: .75rem; }
.field label { display: block; font-weight: bold; margin-bottom: .2rem; }
.field input:not([type=file]):not([type=hidden]):not([type=checkbox]), .field select, .field textarea {
  width: 100%; max-width: 100%; padding: 3px 5px; border: 1px solid #aaa; background: #fff; color: #333; font: inherit;
}
.field__help { font-size: 11px; color: #888; margin: .2rem 0 0; }
.field__errors, .form-errors { color: #a384a8; margin: .25rem 0; padding: 0; list-style: none; }
.form-errors { border: 1px dashed #6a1b76; padding: 5px; }
.field--error input, .field--error select, .field--error textarea { border-color: #6a1b76; }
.counter { font-size: 11px; color: #888; text-align: right; margin: -.5rem 0 .75rem; }
fieldset { border: 0; padding: 0; margin: 0 0 1rem; }
legend { color: #00aaa6; font-weight: bold; text-transform: uppercase; margin-bottom: .5rem; }
.button--secondary { background-color: #888; }
.button--link { background: none; color: #00aaa6; padding: 0; text-decoration: underline; text-transform: none; font-weight: normal; }
.form__link { border-top: 1px solid #aaa; margin-top: 17px; padding-top: 10px; text-align: right; }
.ticket-label { text-align: right; background: #cdd0d3; padding: 0 10px; line-height: 22px; font-size: 14px; }
.ticket { color: #6a1b76; font-weight: bold; font-size: 1.3em; letter-spacing: .05em; }
.thread { width: 100%; border-collapse: collapse; margin-bottom: 1rem; border-right: 1px solid #cdd0d3; }
.thread th, .thread td { text-align: left; vertical-align: top; padding: 3px 5px; border-left: 1px solid #cdd0d3; }
.thread th { color: #00aaa6; padding-bottom: 8px; }
.thread__details[open] { background: #cdd0d3; padding: 5px; }
.thread__details summary { cursor: pointer; }
.thread__comment { overflow-wrap: anywhere; }
.thread__attachments a { color: #6a1b76; background: url("../cms/img/ico_pdf.png") left 0 no-repeat; padding-left: 20px; }
.messages { list-style: none; padding: 0; margin: 0 0 1rem; }
.messages__item { background: #f2f3f5; color: #6a1b76; padding: .75rem; margin-bottom: .5rem; }
@media (max-width: 760px) {
  .thread thead { display: none; }
  .thread tr, .thread td { display: block; }
}