.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);
}

.select2-container--default .select2-selection--single {
  border: 1px solid rgb(223, 223, 223) !important;
  border-radius: .25rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none; /* Hide default arrow */
}

/* Custom arrow */
.select2-container--default .select2-selection--single {
  position: relative;
  padding-right: 30px; /* Space for the custom icon */
}

.select2-container--default .select2-selection--single::after {
  content: ""; /* No default content */
  position: absolute;
  right: 10px; /* Position of the icon */
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem; /* Adjust size as needed */
}

/* Use Bootstrap Icon */
.select2-container--default .select2-selection--single::after {
  content: "🌍"; /* Unicode for the Bootstrap Icon chevron down */
  font-family: "Bootstrap Icons"; /* Ensure this is the correct font-family */
  color: #333; /* Icon color */
}

.select2-selection__rendered {
  color: black !important;
  text-align: left !important;
}

.select2-container {
  display: block !important;
  width: 100% !important;
}

.select2-dropdown {
  border-color: rgb(223, 223, 223) !important;
}
.select2-search__field{
  border-color: rgb(223, 223, 223) !important;
  border-radius: 4px;
}

.select2-search__field:focus {
  border-color: rgb(223, 223, 223) !important;
  outline: none;
}

.select2-selection { height: 40px !important; align-content: center;}

.custom-file-button input[type=file] {
  margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}

.custom-file-button input[type=file]::file-selector-button {
  display: none;
}

.custom-file-button:hover label {
  background-color: #dde0e3;
  cursor: pointer;
}