.mark_chart,
#attendance,
.home #calendar  {
  width: 100%;
  height: 300px;
  font-size: 11px;
  margin: 0;
  padding: 0;}
@media (max-width: 499px){ 
.mark_chart,
#attendance,
.home #calendar  {
  height: 300px;
  min-width: 300px;
  overflow: auto;}
}
.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;}