/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.is-invalid ~ .invalid-feedback {
    display: block;
}
/*End validation styles*/

.col-form-label {
    text-align: right;
    font-weight: bold;
    font-size: 1.2rem;
    background-color: #F0f0f0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.form-text {
    background-color: #fafad2;
}

#loginBtn {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.6rem;
    font-weight:700;
}

#logoutBtn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.5rem;
    font-weight: 700;
}

#heading {
    padding: 2rem;
    background-color: #F0f0f0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

/* Alternating row colors for tag rows (every 2nd logical row = 4n+3 in actual DOM) */
.tag-row:nth-child(4n+3) > td,
.group-offer-tag-row:nth-child(4n+3) > td {
    background-color: #F0f0f0;
}

/* Hover and selected must come AFTER alternating to take precedence */
.tag-row:hover > td,
.group-offer-tag-row:hover > td {
    background-color: #808080;
}

.tag-row.selected > td,
.group-offer-tag-row.selected > td {
    background-color: #808080;
}

th {
    white-space: nowrap;
}

.tag-details-row td,
.group-offer-tag-details-row td {
    word-break: break-word;
    overflow-wrap: break-word;
}

.tag-details-row table th,
.tag-details-row table td,
.group-offer-tag-details-row table th,
.group-offer-tag-details-row table td {
    background-color: #F0f0f0;
}