body {
  background: #2b3a4e;
  margin-top: 4rem;
}


.input-narrow {
  display: flex;
}

.input-narrow .form-control {
  flex-grow: 1;
  /* makes the input field take up the remaining space */
  margin-right: 20px;
}

.bg-steel {
  background-color: #5f788a;
}

.bg-steel-gradient {
  background: linear-gradient(to right, #5f788a, #434343);
}

.navbar-nav .nav-link {
  color: #cbd5db;
}

.bg-darksteel {
  background-color: #2b3a4e;
}

.navbar-nav .nav-link:hover {
  color: #ffffff;
}

.navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #bcb3ab;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
  box-sizing: border-box;
}


.table .actions {
  display: grid;
  /* Apply grid layout to the cell */
  grid-template-columns: repeat(2, auto);
  /* Define two columns */
  grid-gap: 5px;
  /* Add spacing between buttons */
}

.heading-image {
  margin-right: 10px;
  /* Adjust the value as needed */
  vertical-align: middle;
  /* Ensure the image aligns well with the text */
}

.table-row tr:hover {
  background-color: #ce232399
    /* desired hover color */
  ;
}