.title {
    margin: 5px;
    width: 100%;
}

.content {
    margin: 5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.watchlist {
    flex: 20%;
    padding: 10px;
    margin: 5px;
    background-color: #f3f3f3;
    inline-size: 100%;
}

nav a {
    margin-left: 50px;
    text-decoration: none;
}

.navbar-light .nav-pills .nav-link.active {
    background-color: #4c8cec;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom: none;
}

.search-results {
    cursor: default;
    width: 100%;
}

.hidden {
    display: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.z-10 {
    z-index: 10;
}

.truncate-text {
  white-space: nowrap; /* Prevents text from wrapping to the next line */
  overflow: hidden; /* Hides overflowing content */
  text-overflow: ellipsis; /* Displays an ellipsis for truncated text */
  max-width: 18ch; /* Sets a maximum width based on character units */
}

.longer-text {
    min-width: 400px;
}