ul {
  padding-left: 40px;
}

.absence_show_status {
  margin-bottom: 4px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: 700;
  color: white;
}

.absence_countdown_title {
  margin: 20px 0 20px 0px;
  font-weight: 700;
  text-align: center;
}
.absence_countdown_details_table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

.absence_countdown_legal {
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 20px;
}
.absence_countdown_details_table td,
.absence_countdown_details_table th {
  border: 1px solid #ddd;
  padding: 4px;
}

.absence_countdown_details_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.absence_countdown_details_table tr:hover {
  background-color: #ddd;
}

.absence_countdown_details_table th {

  text-align: center;
  background-color: #01386d;
  color: white;
}


.absenceFeedback {
    /* max-height: 0;
    transition: max-height 2s ease-out; 
    overflow: hidden; */

    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 1s ease-out;
}

.absenceFeedback.absenceactive {
    /* max-height: 4000px;
    transition: max-height 2s ease-out;  */
    grid-template-rows: 1fr;
    transition: grid-template-rows 1s ease-out;

}


.absenceFeedback .inner {
  overflow: hidden;
}