.ep-logo {
  position: absolute;
  width: 20rem;
  top: 4.5rem;
  left: 2.5rem;
}

.centered-image {
  text-align: center;
}

.centered-image img {
  max-width: 100%;
  max-height: 100%;
}

.scrollable-container {
  overflow-y: auto; /* Enable vertical scrolling */
  padding-right: 10px; /* Add some padding to the right to prevent content from overlapping with the scrollbar */
}

/* Customize scrollbar */
.scrollable-container::-webkit-scrollbar {
    width: 5px; /* Width of the scrollbar */
}

/* Track */
.scrollable-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the scrollbar track */
}

/* Handle */
.scrollable-container::-webkit-scrollbar-thumb {
    background: #9b9a9a; /* Color of the scrollbar handle */
}

/* Handle on hover */
.scrollable-container::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a; /* Color of the scrollbar handle on hover */
}

.rounded-tr {
  height: 55px;
  vertical-align: middle;
  margin-bottom: 10px;
}

.panel-offcanvas {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.td-cell-modify {
  width: 50px;
  padding-left: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px ;
  /* background-color: rgb(240, 240, 240) !important; */

}

.td-cell-name {
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  /* background-color: rgb(240, 240, 240) !important; */
}

.td-cell-delete {
  width: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* background-color: rgb(240, 240, 240) !important; */
}

.offcanvas-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

td {
  background-color: rgb(240, 240, 240, 0) !important;
}

tr {
  background-color: rgb(240, 240, 240);
}