/* a[target="_blank"]::after {
  content: "\00a0\00a0\00a0";
  background-image: url(../img/External.svg);
  background-position: center;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  margin-left: 0.15em;
} */

table.crf-table-field>thead>tr>th {
    font-size: 110%;
    line-height: 110%;
}

table.crf-table-field>tbody>tr>td {
    vertical-align: middle;
}

.loading {
    cursor: wait !important;
}

/* Use sans-serif instead of Arial in grappelli/stylesheets/screen.css */
.grp-font-family,
.grp-button,
input[type="submit"],
a.grp-button,
button.grp-button,
input[type=button].grp-button,
.ui-datepicker,
#ui-timepicker,
.ui-autocomplete,
body,
fieldset.grp-module .grp-row label,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="submit"],
input[type="reset"],
select,
input,
button,
textarea,
grp-autocomplete-wrapper-m2m,
.grp-autocomplete-wrapper-fk input.ui-autocomplete-input,
.grp-filter .grp-row label,
.ui-datepicker input,
.ui-datepicker select,
.ui-datepicker textarea,
.ui-datepicker button,
#ui-timepicker input,
#ui-timepicker select,
#ui-timepicker textarea,
#ui-timepicker button,
ui-autocomplete input,
.ui-autocomplete select,
.ui-autocomplete textarea,
.ui-autocomplete button,
body[class*="grp"] .select2-container--admin-autocomplete .select2-selection--single,
body[class*="grp"] .select2-container--admin-autocomplete .select2-selection--multiple,
body[class*="grp"] .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field {
    font-family: sans-serif !important;
}

/* <<< Reduce FK autocomplete (select2) width.
Eg, prescription medicines inline, AR invoice medicines inline. */
.crf-mw-50 {
    max-width: 50%;
}

/* CRF Prescription non-pm inline uses `td` while... */
td:has(> div > div > select.crf-mw-50) {
    max-width: 104px;
}

/* ...AR Invoice medicine inline uses `div` */
div:has(> div > div > select.crf-mw-50) {
    max-width: 104px;
}

/* >>> */