.playground {
    background-color: inherit;
    width: 166px;
    height: 166px;
    display: flex;
    padding: 1rem;
}
      
.css-progressbar {
   width: 100%; 
   -moz-animation: css-progressbar 2s ease-out;
   -webkit-animation: css-progressbar 2s ease-out;
   border: 1px solid #cbcaca;
}
.css-progressbar-1 {
   width: 100%; 
   -moz-animation: css-progressbar-1 2s ease-out;
   -webkit-animation: css-progressbar-1 2s ease-out;
   border: 1px solid #cbcaca;
}
.css-progressbar-2 {
   width: 100%; 
   -moz-animation: css-progressbar-2 2s ease-out;
   -webkit-animation: css-progressbar-2 2s ease-out;
   border: 1px solid #cbcaca;
}
.css-progressbar-3 {
   width: 100%; 
   -moz-animation: css-progressbar-3 2s ease-out;
   -webkit-animation: css-progressbar-3 2s ease-out;
   border: 1px solid #cbcaca;
}
.css-progressbar-4 {
   width: 100%; 
   -moz-animation: css-progressbar-4 2s ease-out;
   -webkit-animation: css-progressbar-4 2s ease-out;
   border: 1px solid #cbcaca;
}
 
.playground .bar {
    position: absolute;
	background-color: #fff;
    height: 20px;
    border: 1px solid #cbcaca;
}
 
.playground li {
	height:100px; 
    background-color: #35495e;
/*     line-height: 100px; */
/*     text-align: center; */
}
.playground ul {
   position: relative;
   padding: 0;
   list-style: none;
   width: 40px;
  }
   
.bar-container {
   position: relative;
   height: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   
 }
 
.patient-percent-div {
	width: 100%;
}
.patient-percent-div table {
	table-layout: fixed;
	width: 50%;
}
.patient-percent-div table td {
	text-align: center;
	font-weight: bold;
	height: 50px;
	color: #FFF;
}

.mg-T50p {
	margin-top: 50px;
}
.txt-center {
	text-align: center;
}

/* .chartjs-render-monitor {
	max-height: 40rem;
	max-width: 40rem;
} */


 @-webkit-keyframes css-progressbar { 
  0%  { 
    height: 80%;
  } 
  100% { 
    height: 20px;
  }  
}

@-moz-keyframes css-progressbar {
  0% { 
    height: 80%;
  }
  100% { 
    height: 20px;
  }  
}
