.calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
 
  
}

.row {
	
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 15px;
  
}

.item {
  margin: 5px 7px;
  height: 20px;
  width: 10%;
 

  border-radius: 5px;
}


.text {
font-size: 12px;
font-weight: bold;
}

.active{
			
					color:#FFf;
					
					width:28px;
					height:28px;
				    line-height: 28px;
				    text-align: center;
					margin-left: -5px;
					margin-top: -5px;
					
					background:#b21c1c;
					border-radius: 50%;
				
			
		}