/* The `hidden` class is used in a few places: ARPU, DQI, promotion, snapshot
 * views, and maybe more. The general pattern is to have a small JS function add
 * or remove this class to hide things.
 */
.hidden {
    display: none;
}

.navbar-logout {
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

/* These form-check declarations are small overrides to the Bootstrap form-check
 * class that affects spacing and some visual elements of checkbox and radio
 * components.
 */
.form-check {
    margin-bottom: 0.75rem;
    padding: 0.5rem;
}

.form-check input[type="radio"]:checked + label {
    color: #007bff;
    font-weight: 500;
}