/* request page progress bar */
.progressl {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    transform: rotate(-90deg) rotateX(180deg);
  }
  
  .progressl circle {
      stroke-dashoffset: 0;
        transition: stroke-dashoffset 1s ease;
        stroke: green;
        stroke-width: 9px;
  }
  
  .progressl .bar {
      stroke: lightgrey;
  }
  
  .progressdiv {
    position: relative;
  }
  
  .progressdiv:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    transform: translate(-50%, -50%);
    content: attr(data-percent) " %";
  }
  .silverProgressRequest{
    width: 300px!important; height:115px; background: #a6a6a6; color:black; border-radius: 5px; text-align:center; font-size:13px;display: flex;
      align-items: center;
      justify-content: center;
  }
  .yellowInprogressRequest{
    background: #ffc000;
  }
  .greenCompletedRequest{
    background: #9ed564;
  }
  .glyphiconCustom{
    font-size: 22px;
    align-content: center;
    margin: 4px;
  }
  .greenCompletedArrow{
    color: #9ed564;
  }
  .yellowInprogressArrow{
    color: #ffc000;
  }
  .silverProgressArrow{
    color: #a6a6a6;
  }
  #summary_div_id{
    margin: 10px 0 10px 0;
  }
  .yellow {
    color: #ffc000;
    font-size: 22px;
    padding-right: 5px;
  }
  .green {
    color: #9ed564;
    font-size: 22px;
    padding-right: 5px;
  }
  
  .silver {
    color: #a6a6a6;
    font-size: 22px;
    padding-right: 5px;
  }