.topic-select {
    max-width: 220px;
    min-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .topic-select option {
        white-space: normal;
    }

.custom-heading {
    font-size: 1.5rem; /* Mobile first */
}

@media (max-width: 998px) { /* xl breakpoint */
    .custom-heading {
        font-size: 1.0rem;
    }
}

@media (max-width: 560px) { /* xl breakpoint */
    .custom-heading {
        font-size: 0.8rem;
    }
}
.alerts-table th {
    background: #fafafa;
}

.alerts-table th, .alerts-table td {
    font-size: 1rem;
}

.alerts-table td {
    padding-top: 16px;
}

.alerts-table .alert-subject {
    padding: 0;
}

 .alerts-table .alert-subject a {
        display: block;
        color: #046b99;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.4rem;
        padding: 10px 8px;
  }

.alerts-table .alert-subject a:hover {
      background: #fafafa;
}

.alerts-form input, .alerts-form select, .alerts-form .btn {
    font-size: .9rem !important;
}

.btn-disabled, .btn-disabled:hover {
    box-shadow: none;
    color: #999;
    border-color: #ddd;
    cursor: default;
}

.btn-active, .btn-active:hover {
    box-shadow: none;
    font-weight: bold;
    color: #000;
    border-color: #fff;
    cursor: default;
}
.new-pill {
    background: #f5ce73;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.76rem;
    position: relative;
    top: -3px;
    padding: 4px 8px;
    margin-right: 2px;
    border-radius: 50rem;
}