.navbar.bg-dark {
  background-color: #343a40 !important; /* This is the color for .bg-dark in Bootstrap */
}

#syringes_wrapper {
  display: none;
}

#fentanyl_wrapper {
  display: none;
}
#xylazine_wrapper {
  display: none;
}

.flex-container {
  display: flex;
  justify-content: space-between;
}

.flex-item {
  flex: 1;
  text-align: center;
}

/* ################################## table design################################ */
/* table.customTable {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  border-collapse: collapse;
}
table.customTable td, table.customTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.customTable tbody td {
  font-size: 15px;
  text-align: center;
  justify-content: center;
}
table.customTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.customTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 4px solid #444444;
}
table.customTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 3px solid #D0E4F5;
}
table.customTable thead th:first-child {
  border-left: none;
} */

/* #########################     Profile Section     ############################ */
.gradient-custom {
  /* fallback for old browsers */
  background: #f6d365;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(
    to right bottom,
    rgba(246, 211, 101, 1),
    rgba(253, 160, 133, 1)
  );

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(
    to right bottom,
    rgba(246, 211, 101, 1),
    rgba(253, 160, 133, 1)
  );
}

/* #########################     Modal Section     ############################ */
.custom-modal-width {
  max-width: 150%; /* Increase to desired width */
}

.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100; /* Ensure the button stays on top of other elements */
}

.fixed-width-span {
  min-width: 100px; /* Adjust as needed */
  max-width: 100px; /* Adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}