#display_enregistrements {
  margin: auto 0 auto 5px;
}

.tapBar {
  position: sticky;
  height: auto !important;
  background: var(--nav-bg);
  margin: 0 !important;
  color: var(--font-light-color);
  justify-content: space-between !important;
  flex-direction: row !important;
  transition: all 0.2s ease-in-out;
}

.tapBar span,
#reminders_container .col .row span {
  /* font-size: medium;*/
  margin-top: auto;
  margin-bottom: auto;
  /* width: 25px; */
  height: 25px;
  transition: ease-in-out all 0.2s;
  cursor: pointer;
  color: var(--font-mid-color);
}

.tapBar .material-symbols-sharp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: ease-in-out all .2s;
  cursor: pointer;
}

.tapBar span:hover,
.tapBar .actif {
  color: var(--font-light-color);
}

.tapBar .delete {
  /* color: #ef9a9a; */
}

.tapPan {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100vh;
  min-width: 30vw;
  background: var(--nav-bg);
  color: var(--font-light-color);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow-y: auto;
}

.tapPan_template {
  margin: 0 !important;
}

#tapBar_text i {
  text-align: center;
  height: auto;
}

#tapBar_text #check {
  color: #c8e6c9;
}

#tapBar_text #cancel {
  color: #ef9a9a;
}

#tapBar_text #check:hover {
  color: #4caf50;
}

#tapBar_text #cancel:hover {
  color: #f44336;
}