<div>
  <span ng-if="item.isOpen">{{'MEDIA_SEARCH_ARTICLE_RISK' | translate}}</span>

  <div
    class="text-center"
    ng-style="{
      'background-color': item.mediaPyRiskScoreColor,
      'color': item.mediaPyRiskScore > 0.6 || item.mediaPyRiskScore <= -0.6 ? 'white' : 'black',
      'padding-left': '15px',
      'padding-right': '15px'
    }"
  >
    {{item.mediaPyRiskScore | number:2}}
  </div>
</div>

<div ng-if="item.isOpen">
  <br />

  <span>{{'MEDIA_SEARCH_TITLE_RISK' | translate}}</span>

  <div
    class="text-center"
    ng-style="{
      'background-color': item.mediaPyTitleRiskScoreColor,
      'color': item.mediaPyTitleRiskScore > 0.6 || item.mediaPyTitleRiskScore <= -0.6 ? 'white' : 'black',
      'padding-left': '15px',
      'padding-right': '15px'
    }"
  >
    {{item.mediaPyTitleRiskScore | number:2}}
  </div>
</div>

<div ng-if="item.isOpen">
  <br />

  <span>{{'MEDIA_SEARCH_NAME_IMPORTANCE' | translate}}</span>

  <div
    class="text-center"
    ng-style="{
      'background-color': item.mediaPyNameImportanceColor,
      'color': item.mediaPyNameImportance > 0.6 || item.mediaPyNameImportance <= -0.6 ? 'white' : 'black',
      'padding-left': '15px',
      'padding-right': '15px'
    }"
  >
    {{item.mediaPyNameImportance | number:2}}
  </div>
</div>
