/* CARDS ==================================================================== */
div.card {
  border: 1px solid #CCC;
  border-radius : 0.5em;
  width:100%;
  background-color: #F5F5F5;
  margin: 0.25em 0.5em;
  padding-top: 5px;
  clear: both;
}
div.card div.card-body {
  background: url('../images/user_16x16.png') 15px center no-repeat;
  padding-left : 50px;
  position: relative;
  min-height: 44px;
}
div.card div.card-body span.institution{
  position: absolute;
  top: 0;
  right: 5px;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
}
div.card div.card-body span.author-id{
  color : #A80000;
}
div.card div.card-body span.detail{
  font-style: italic;
  font-size: 0.75em;
  color : #888;
  padding-left: 16px;
  display: block;
}
div.card div.card-body span.email{
  text-transform: uppercase;
  background: url('../images/at_12x12.png') left center no-repeat;
}
div.card div.card-body span.orcid-id{
  text-transform: uppercase;
  background: url('../images/orcid-logo_12x12.png') left center no-repeat;
}



/* AUTHORS AUTOCOMPLETE LIST ================================================ */
ul.ui-autocomplete li a{
  color            : #777;
  display          : block;
  text-decoration  : none;
  background-color : transparent;
  position         : relative;
  padding          : 0;
  width            : 400%;
}

ul.ui-autocomplete a.ui-state-hover{ background-color : #EEEEEE; }
ul.ui-autocomplete a.ui-state-hover small{ color:#777; }

ul.ui-autocomplete li a small{
  font-size        : 0.8em;
  color            : #999;
  margin-left      : 25px;
  font-style       : italic;
}

.readonly{
  background-color : #EEE !important;
  color            : #AAA !important;
}