.sfCredentialsFormWrp fieldset input[type="text"], .sfCredentialsFormWrp fieldset input[type="password"] {
    background: #FFFFFF;
    color:#000000
}

/* Errors must not rely on colour alone (a11y: SET-12831).
   The border and the adjacent message carry the state in addition to colour. */
.sfCredentialsFormWrp fieldset input.error {
    background: #FFFFFF;
    color: #000000;
    border: solid #9C1907 2px !important;
    box-shadow: inset 4px 0 0 0 #9C1907;
}

.sfFieldError {
    display: none;
    font-family: 'Poppins';
    font-size: 13px;
    text-align: left;
    color: #9C1907;
    padding: 2px 6px 4px 26px;
    margin-top: 4px;
    position: relative;
}

    .sfFieldError.has-error {
        display: block;
    }

    .sfFieldError.has-error::before {
        content: "!";
        position: absolute;
        left: 6px;
        top: 4px;
        width: 14px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF;
        background: #9C1907;
        border-radius: 50%;
    }

.error-summary, .system-alerts {
    background: #C73D26 !important;
}

.field-validation-error, .validation-summary-errors {
    color: #C73D26 !important;
}

.renew {
    background: #C73D26 !important;
}
/* The summary banners receive programmatic focus so screen readers announce them
   (a11y: SET-12958). They are never in the tab order, so suppressing the ring here
   does not remove a keyboard affordance and keeps the existing appearance. */
.error-summary[tabindex="-1"]:focus, .success-summary[tabindex="-1"]:focus {
    outline: none;
}

.updateView .textboxacct, .selectDropDown, .selectDropDownSP {
    background: #F4F5F5 !important;
}

/* Visual parity after converting thead cells from <td> to <th> (a11y: SET-12955).
   <th> defaults to bold and centred, so mirror the existing <td> rules exactly. */
.tabs .tab-content thead tr th {
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: normal;
    padding: 0 10px;
    text-align: left;
}

.tabs .tab-content thead tr > th.left {
    text-align: left;
}

.tabs .tab-content thead tr > th.center {
    text-align: center;
}

.tabs .tab-content thead tr > th.right {
    text-align: right;
}

.tabs .tab-content thead tr > th:first-of-type {
    width: 6%;
}

.tabs .tab-content thead tr > th:nth-child(2) {
    width: 50%;
    padding: 0 3%;
}

.tabs .tab-content thead tr > th:nth-child(3) {
    width: 20%;
}

.tabs .tab-content thead tr > th:nth-child(4) {
    width: 1%;
}

.tabs .tab-content thead tr > th:nth-child(5) {
    width: 13%;
}

.tabs .tab-content thead tr > th:last-of-type {
    width: 12%;
}

.invoices .tabs .tab-content thead tr > th:first-of-type {
    width: 10%;
    padding-left: 30px;
}

.invoices .tabs .tab-content thead tr > th:nth-child(2) {
    width: 20%;
    padding: 0 3%;
}

.invoices .tabs .tab-content thead tr > th:last-of-type {
    width: 20%;
}

.sf-document-list--table > table.table > thead > tr > th {
    font-weight: inherit;
    text-align: left;
}

/* Reused by icon-only header cells that need an accessible name without visible text. */
.sf-document-list--table .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Single source for the a11y-compliant alert red (#C73D26). */
.error-summary,
.system-alerts,
a.renew,
.show-popup.red .popup {
    background: #C73D26 !important;
}

.launchLink a,
.ceLink a,
.certLink a {
    background-color: #C73D26 !important;
}

.sfFormsEditor .sfError,
.field-validation-error,
.validation-summary-errors,
.details em,
.completionDetail em,
.completionDetail em a.inactive:hover {
    color: #C73D26 !important;
}

.show-popup.red .popup:after {
    border-bottom: 10px solid #C73D26 !important;
}

/* PSG-4484: WCAG 1.4.3. The theme renders the unselected skills-completion
   option and its separator in #d8d4d1 on white (~1.5:1). #767472 is the
   lightest grey that still clears 4.5:1 while reading as de-emphasised. */
.completionDetail em .inactive {
    color: #767472 !important;
}

.enrollLink a,
.learner .detailInfo .action-links a {
    background: url("/Sitefinity/WebsiteTemplates/Main/App_Themes/Main/Images/icon-right-arrow-white.png") no-repeat 95% #767472 !important;
}

.tabs .tab-content tr.hide * {
    color: #746363 !important;
}

.ui-dialog.learner-details .ui-dialog-buttonpane .ui-dialog-buttonset button[type="button"].ui-button {
    background-color: #767472 !important;
}