/**
 * @author: Thomas Kleinke
 * @author: Sebastian Cuy
 */
fields-view,
georeference-view,
depicts-relations-view {
  .card {
    background-color: transparent !important;

    .card-header {
      padding: 0;
      background-color: $popover-header-bg-color;

      &:hover {
        background-color: $popover-header-hover-bg-color;
      }

      .btn {
        text-align: left;
        font-size: 14px;
      }
    }

    .card-body {
      padding: 10px 0 0 0;

      .field {
        margin-bottom: 10px;

        .field-label,
        .field-value {
          padding-left: $item-horizontal-padding;
        }

        .field-label {
          font-weight: normal;
          font-size: $font-size-smaller;
          color: gray;
          margin-bottom: 4px;
          user-select: none;
        }

        .field-value {
          padding-right: $item-horizontal-padding;
          font-size: $font-size-bigger;
          color: black;
        }

        .field-value.relation-value:hover {
          cursor: default;
          background-color: darken($list-item-hover-color, 5%);
          transition: background-color .65s ease;
        }

        ul {
          padding: 0;
          margin-bottom: 0;
        }
      }
    }
  }
}