.custom-navbar {
    background-color: #673689; /* Replace with your desired color value */
  }

  label {
    font-weight: bold;
    margin-bottom: 3px;
    color: #673689;
  }






/* Container for the tabs */
.tab {
  overflow: hidden;
  border: 1px solid #ddd;
  background-color: #ffffff;
  border-radius: 5px;
  margin-right: 5px;
  padding-top: 5px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #f1f1f1;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 20px;
  transition: 0.3s;
  border-radius: 5px 5px 0 0;
  margin-right: 5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ffc300;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ffc300;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 5px 5px;
  margin-right: 5px;
}



div {
  vertical-align: top;
}

td {
  vertical-align: top;
}

table.dataTable td {
  word-break: break-word;
}