.green {
    color: #0f0
  }

  .red {
    color: #f00
  }

  .security {
    color: #c00
  }

  .orange {
    color: #fa0
  }

  .responsible {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #57c5f8;
    color: #ffffff;
    font: 32px Arial, sans-serif;
  }

  .accountable {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #16e45bb7;
    color: #ffffff;
    font: 32px Arial, sans-serif;
  }

  .consulted {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #1121b1;
    color: #ffffff;
    font: 32px Arial, sans-serif;
  }

  
  .informed {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #810c26;
    color: #ffffff;
    font: 32px Arial, sans-serif;
  }