/* a#sort-bulletin {
    float: right;
    color: white;
    font-size: 75%;
} */
table#table_severity_not_yet_assigned {
  table-layout: fixed;
  width: 100%;
}

table .vendor-product {
  word-wrap: break-word;
}

#sort-bulletin {
  margin-bottom: 2rem;
}

.dt-search {
  display: flex;
}

.bulletin-jump-links {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bulletin-jump-links a {
  align-items: center;
  display: flex;
  gap: 8px;
}

.dt-container .top {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 24px;
}

#main td.dt-type-numeric:empty {
  display: none !important;
}

@media (min-width: 768px) {
  #main th,
  #main td {
    display: table-cell !important;
    max-width: 100px !important;
    /* min-width: auto !important; */
  }
  #main th {
    font-weight: normal;
    padding: 16px 15px !important;
  }
  #main td {
    border-bottom-color: #929395;
    padding: 16px !important;
    text-align: left;
  }
  .bulletin-jump-links {
    display: flex;
    flex-direction: row;
  }
  .dt-container .top {
    flex-direction: row;
  }
}
.dt-info {
  align-items: center;
  color: gray !important;
  display: flex;
  font-size: 1rem;
  margin-left: 1rem;
}

.dt-search input {
  background: url("../images/search-gray.svg") no-repeat left center;
  background-position: 10px center;
  background-size: 15px 15px;
  border-radius: 0 !important;
  padding-left: 35px !important;
  width: 340px;
}

.c-circle__red {
  background-color: #D54309;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

.c-circle__yellow {
  background-color: #FFBE2E;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

.c-circle__green {
  background-color: #00A91C;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

.c-circle__blue {
  background-color: #7AB9D5;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

#main table thead th {
  text-align: left !important;
  vertical-align: middle !important;
}

.dt-ordering-asc,
.dt-ordering-desc {
  background-color: #005288 !important;
  color: #fff !important;
}

.primary-vendor {
  font-weight: bold;
}
