.news-text .flaticon-email:before{ font-size: 12px !important; }
.loading.preloader{ position: static; min-height: 100px; }
.message_pool { margin-top: 10px; } 
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 100%; }

 
#calendar-box table tr > th{ border:0px !important; }
#calendar-box table tr > td{ border:0px !important; padding-left:0; padding-right:0; border-bottom:5px solid #fff !important; border-top:5px solid #fff !important; } 
#calendar-box .calendar {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
}

#calendar-box .calendar td,
#calendar-box .calendar th {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 0;
}

#calendar-box .calendar .day {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  color: #2c3e50;
}

/* Ranges */
#calendar-box .calendar td.range-start {
  background-color: #00d690;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
}

#calendar-box .calendar td.range-end {
  background-color: #00d690;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}

#calendar-box .calendar td.range {
  background-color: #00d690;
}

#calendar-box .calendar td.selected {
  background-color: #00d690;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

#calendar-box .calendar td.range-start .day,
#calendar-box .calendar td.range-end .day,
#calendar-box .calendar td.range .day,
#calendar-box .calendar td.selected .day {
  color: #fff;
}


/* Today */
#calendar-box .calendar td.today .day{
  border-top: 2px solid #2c3e50 !important;
}

#calendar-box .calendar td.today .day {
  color: #2c3e50;
}

.calendar {
  width: 100% !important;
  table-layout: fixed !important;
}
#calendar-box .calendar-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.message_pool p{ color:#000 !important; }

/* Default: 1 por fila */
.month-cell {
  flex: 1 1 100%;
  max-width: 100%;
}

/* Tablet vertical: 2 por fila */
@media (min-width: 600px) {
  .month-cell {
    flex: 1 1 48%;
    max-width: 48%;
  }
}

/* Desktop: 3 por fila */
@media (min-width: 1024px) {
  .month-cell {
    flex: 1 1 32%;
    max-width: 32%;
  }

}