// sass for textfieldLikeChipview

// GENERAL
$custom-alert-color: firebrick;
$custom-dark-gray: #484848;
$gray-w-color: #e0e0e0;

$field-text-font-weight: 900;

.ucan-detail-view-textfield-like-chipview {
  .x-chip {
    margin: 10px 10px 0 10px;
    border-radius: 0;
    border-bottom-color: $gray-w-color;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: transparent;
    width: 45%;
    .x-text-el {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: $field-text-font-weight;
      color: $custom-dark-gray;
    }
    .x-close-el {
      color: $custom-alert-color;
      background-color: transparent;
      font-size: 14px;
      width: 20px;
      height: 20px;
    }
  }
}