.avatar-container {

  border-radius: 150px;
  height: 50px;
  width: 50px;
  padding: 5px;
  
  border: none;
  background: #ff9999;
  cursor: pointer;
}
.avatar-container .avatar {
  border-radius: 150px;
  width: 60px;
  height: 60px;
  
  
}
.avatar-container .avatar img {
  width: 60px;
   height: 60px;
}
.ptag{
 font-color:#b3ffb3
}

/**
* Function to generate procentual progress classes 
* .p-1 1% -> p-100 100%
**/
.p-1 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(93.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-2 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(97.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-3 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(100.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-4 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(104.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-5 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(108deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-6 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(111.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-7 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(115.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-8 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(118.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-9 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(122.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-10 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(126deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-11 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(129.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-12 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(133.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-13 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(136.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-14 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(140.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-15 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(144deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-16 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(147.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-17 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(151.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-18 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(154.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-19 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(158.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-20 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(162deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-21 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(165.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-22 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(169.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-23 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(172.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-24 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(176.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-25 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(180deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-26 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(183.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-27 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(187.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-28 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(190.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-29 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(194.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-30 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(198deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-31 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(201.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-32 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(205.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-33 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(208.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-34 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(212.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-35 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(216deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-36 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(219.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-37 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(223.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-38 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(226.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-39 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(230.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-40 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(234deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-41 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(237.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-42 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(241.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-43 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(244.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-44 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(248.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-45 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(252deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-46 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(255.6deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-47 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(259.2deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-48 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(262.8deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-49 {
  background-image: linear-gradient(90deg, #ff9999 50%, transparent 50%, transparent), linear-gradient(266.4deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-50 {
  background-image: linear-gradient(-90deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-51 {
  background-image: linear-gradient(-86.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-52 {
  background-image: linear-gradient(-82.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-53 {
  background-image: linear-gradient(-79.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-54 {
  background-image: linear-gradient(-75.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-55 {
  background-image: linear-gradient(-72deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-56 {
  background-image: linear-gradient(-68.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-57 {
  background-image: linear-gradient(-64.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-58 {
  background-image: linear-gradient(-61.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-59 {
  background-image: linear-gradient(-57.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-60 {
  background-image: linear-gradient(-54deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-61 {
  background-image: linear-gradient(-50.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-62 {
  background-image: linear-gradient(-46.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-63 {
  background-image: linear-gradient(-43.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-64 {
  background-image: linear-gradient(-39.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-65 {
  background-image: linear-gradient(-36deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-66 {
  background-image: linear-gradient(-32.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-67 {
  background-image: linear-gradient(-28.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-68 {
  background-image: linear-gradient(-25.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-69 {
  background-image: linear-gradient(-21.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-70 {
  background-image: linear-gradient(-18deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-71 {
  background-image: linear-gradient(-14.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-72 {
  background-image: linear-gradient(-10.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-73 {
  background-image: linear-gradient(-7.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-74 {
  background-image: linear-gradient(-3.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-75 {
  background-image: linear-gradient(0deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-76 {
  background-image: linear-gradient(3.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-77 {
  background-image: linear-gradient(7.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-78 {
  background-image: linear-gradient(10.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-79 {
  background-image: linear-gradient(14.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-80 {
  background-image: linear-gradient(18deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-81 {
  background-image: linear-gradient(21.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-82 {
  background-image: linear-gradient(25.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-83 {
  background-image: linear-gradient(28.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-84 {
  background-image: linear-gradient(32.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-85 {
  background-image: linear-gradient(36deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-86 {
  background-image: linear-gradient(39.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-87 {
  background-image: linear-gradient(43.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-88 {
  background-image: linear-gradient(46.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-89 {
  background-image: linear-gradient(50.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-90 {
  background-image: linear-gradient(54deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-91 {
  background-image: linear-gradient(57.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-92 {
  background-image: linear-gradient(61.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-93 {
  background-image: linear-gradient(64.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-94 {
  background-image: linear-gradient(68.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-95 {
  background-image: linear-gradient(72deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-96 {
  background-image: linear-gradient(75.6deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-97 {
  background-image: linear-gradient(79.2deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-98 {
  background-image: linear-gradient(82.8deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-99 {
  background-image: linear-gradient(86.4deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}

.p-100 {
  background-image: linear-gradient(90deg, #b3ffb3 50%, transparent 50%, transparent), linear-gradient(270deg, #b3ffb3 50%, #ff9999 50%, #ff9999);
}