.cssMSSeal {
    max-height: 100px;
    max-width: 100px;
}

.cssBannerBackground {
    color: #012150;
    background-image: linear-gradient(to bottom, #F2F2F3, #DADADD);
}

.cssHeaderBar {
    background-image: linear-gradient(to bottom, #286BA9, #1B3962);
}

.cssHeaderDivider {
    border-color: #ED9A00 !important;
}

span.fieldValidationErrorMessage[style*="inline"] {
    display: block !important;
    background-color: #F4F4F4;
    border: 2px solid darkred;
    font-size: .9em;
    font-weight: bold;
    color: darkred !important;
}

.cssHeaderColor {
    color: #012150;
}

.cssCardHeader {
    background-image: linear-gradient(to bottom, #286BA9, #1B3962);
    color: #ffffff;
}

.cssFieldsetLegend {
    background-color: #B39C72;
    color: #000000;
}

.cssLabelColor {
    color: #012150;
}

.cssLabelInfo {
    color: #05753E;
    font-weight: bold;
}

.cssbtnColor{
    background-color: #205493;
}

/* Example CSS implementation for Light Gray backgrounds */
.cssLink {
    background-color: #f4f5f7 !important;
    color: #333333 !important;
}

.cssLink a {
    color: #012150 !important;
    text-decoration: underline !important;
}

.cssLink a:hover {
    color: #003366 !important;
    text-decoration: none !important;
}


.cssADAGridNoRecords td {
    font-weight: bold;
    color: #B41016;
    border: 1px solid #B41016;
    padding: 10px;
    background-color: #ffeeee;
}

.cssADAGridHeaderStyle th {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-top: #012150 thin solid;
    border-bottom: #012150 thin solid;
    color: #21315C;
}

.cssADAGridRowStyle td {
    height: 22px;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom: #3366FF 1px solid;
}

.cssADAGridSelectedRowStyle td {
    border: 2px solid #0766F5;
}


.cssADAGridPagerStyle td {
    font-weight: bold;
    color: #21315C;
}

.cssADAGridPagerStyle a {
    font-weight: bold !important;
    color: #21315C !important;
    padding: 3px;
}

/*show span only for screen reader*/
.cssSR-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
}

.cssProgressIconLoad {
    width: 100px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 2;
}

.cssUpdateProgress {
    text-align: center;
    vertical-align: middle;
}

.checkbox-group input[type="checkbox"] {
    margin-right: 6px;
}

.checkbox-group label {
    display: inline;
    margin-bottom: 0;
}

.checkbox-group ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.checkbox-group li {
    list-style: none;
}

.checkbox-group-border {
    border: 1px solid #0B809D;
    border-radius: 6px;
    padding: 12px;
}

.cssBadgeImage {
    max-height: 72px;
    max-width: 72px;
}

.comma-list {
    list-style: none; /* Removes bullets */
    padding: 0;
    margin: 0;
}

.comma-list li {
display: inline; /* Puts items on one line */
}

.comma-list li:not(:last-child)::after {
    content: ", "; /* Adds comma after item */
}

/* --- Parent Accordion --- */
/* Collapsed (Default) State */
.parent-accordion .accordion-button {
    background-color: #205493;
    color: #ffffff; 
}

/* Expanded (Active) State */
.parent-accordion .accordion-button:not(.collapsed) {
    background-color: #0b5ed7; 
    color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

/* Change the arrow color to white */
.parent-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

/* Optional: Brighten the inner body text containers */
.parent-accordion .accordion-body {
    background-color: #f8f9fa; /* Clean light background for contrast */
}


/* --- Child Accordion --- */
/* Collapsed (Default) State */
.child-accordion .accordion-button {
    background-color: #5490d9;
    color: #212529;
}

/* Expanded (Active) State */
.child-accordion .accordion-button:not(.collapsed) {
    background-color: #31d2f2;
    color: #212529;
}

/* Keeps the child arrow dark for readability */
.child-accordion .accordion-button::after {
    filter: none;
}

dialog {
    padding: 24px;
    border: 1px solid #cc0000; /* Red border to imply warning */
    border-radius: 8px;
    max-width: 420px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

    dialog::backdrop {
        background: rgba(0, 0, 0, 0.6);
    }

.alert-content {
    text-align: center;
    font-family: sans-serif;
}

.alert-icon {
    font-size: 2rem;
    display: block;
    margin-bottom: 10px;
}

dialog h2 {
    margin-top: 0;
    color: #cc0000;
}

dialog button {
    padding: 8px 20px;
    background-color: #cc0000;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

    button:focus {
        outline: 3px solid #0056b3; /* Highly visible focus ring for compliance */
    }