/* ================== HELP ICON ================== */
.help-icon {
    position: relative;
    z-index: 10;
    cursor: pointer;
    font-size: 1em;
    padding: 0.1rem 0.3rem;
    line-height: 1.1;
    min-width: unset;
    margin-left: 5px;
}

.help-icon:hover {
    color: #0056b3;
}

/* ================== CARD HEADER LAYOUT ================== */
/* Use flexbox to align title on left and buttons on right in card header */
.card-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.card-header > *:first-child:not(.help-icon) {
    flex: 1;
    text-align: left;
}

.card-header .help-icon {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.card-header::after {
    content: "";
    flex: 0 0 auto;
    display: none;
}

.card-header {
    justify-content: flex-start;
}

.card-header .help-icon:first-of-type {
    margin-left: auto;
}