<div
  ng-if="!item.isOpen"
  class="text-center"
  ng-style="{
    'background-color': item.sentiment >= 0.25 ? '#016450' : item.sentiment <= -0.25 ? '#91003f' : '#FFFF00',
    'color': item.sentiment > -0.25 && item.sentiment <= 0.25 ? 'black' : 'white',
    'padding-left': '15px',
    'padding-right': '15px'
  }"
>
  {{item.sentiment | number:2}}
</div>

<div ng-if="item.isOpen">
  <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>

  <br />

  <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>

  <br />

  <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>

  <br />

  <div
    class="text-center"
    ng-style="{
    'background-color': item.sentiment >= 0.25 ? '#016450' : item.sentiment <= -0.25 ? '#91003f' : '#FFFF00',
    'color': item.sentiment > -0.25 && item.sentiment <= 0.25 ? 'black' : 'white',
    'padding-left': '15px',
    'padding-right': '15px'
  }"
  >
    {{item.sentiment | number:2}}
  </div>
</div>
