// (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

div.hp-donut {
  position: relative;
  width: 120px;
  height: 120px;
  text-align: center;
  
  div.hp-graphic {
    width: 120px;
    height: 120px;
    
    div.hp-pie-label {
      font-size:24px; 
      color: #d9d9d9;
    }
  }

  label {
    position: absolute;
    top: 40px;
    left: 0px;
    display: block;
    width: 120px;
    font-weight: bold;
    text-align: center;
    pointer-events: none;
    
    .hp-value {
      display: block;
      font-size: 24px;
      line-height: normal;
    }
  
    .hp-label {
      display: inline-block;
      font-size: 14px;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 2px;
      margin-top: -2px;
    }
  }
}
