.calendar table td, .calendar table th {
   text-align: center;
   width: 35px;
   height: 30px;
   font-size: 15px;
}

.calendar table th {
   border-bottom: 1px solid #f7f7f7;
}


   /*week-number >> se removermos temos de tirar este CSS também*/
   .calendar table td:first-of-type, .calendar table th:first-of-type {
      text-align: center;
      color: darkgray;
      width: 25px;
      height: 25px;
      font-size: 12px;
   }

.month {
   border: 1px solid #f7f7f7;
}

.month-container {
   padding-bottom: 20px !important;
}

.month-title {
   background: #f7f7f7;
   color: black !important;
}

.year-calendar {
   font-weight: 700;
   text-align: center;
   height: 20px;
   width: 100%;
 /*  padding: 5px 20px;*/
/*   border: 1px solid gray;*/
   font-size: 21px;
}

/*.week-number {
   color: darkgray;
   font-size: 12px !important;
}
*/

.legenda-calendar {
   display: flex;
   font-size: 14px;
}

.box-legenda-calendar {
   height: 15px;
   width: 15px;
   margin-top: 5px;
   margin-right:5px;
}

.legenda-calendar-row {
   border: 1px solid #d7d3d3;
   padding: 1rem;
}
.legenda-calendar-year {
   border: 1px solid #d7d3d3;
   padding: 0.5rem;
   text-align: center
}

.legenda-calendar-year-faltas {
   border: 1px solid #d7d3d3;
   padding: 1.33rem; 
   text-align: center
}

@media (max-width:767px) {
   .legenda-calendar {
      font-size: 13px;
   }
}