/* mhGlobalCss.css */
:root {
    /** colours */
    --color-tarion-darkblue:  #02426D;
    --color-tarion-blue: #0D333E;
    --color-tarion-background-white:#F7F7F7;
    --color-tarion-darkblue-light: #257198; 
    --color-tarion-teal: #009CA8; 
    --color-tarion-dark-teal:#15838A;
    --color-tarion-light-teal: #8FC9C5; 
    --color-tarion-olive: #6B9592;
    --color-grey-text: #50575C;
    --color-tarion-blue-80: #486CA3;
    --color-tarion-blue: #0D333E;
    --color-tarion-yellow-60: #FFD27C;
    --color-tarion-yellow-80: #FEC54E;
    --color-tarion-yellow: #FFB300;
    --color-tarion-yellow-light: #F8D388;    
    --color-tarion-darkblue:  #02426D;
    --color-tarion-darkblue-light: #257198;    
    --color-error-red-sf: #C23934;
    --color-black-text: #1A1B1E;
    --color-dark-text: #333333;
    --color-blue-header-text: #02426D;
    --color-blue-text: #02426D;
    --color-light-text: #FFFFFF;
    --color-dark-text: #333333;
    --color-grey-text: #50575C;
    --color-blue-border: #ADBCD2;
    --color-gray-border: #DDDBDA;
    --color-palette-gray: #F3F2F2;
    --color-footer-blue:#0D333E;
    --color-light-blue: #C6D3EC;
    --color-light-blue-header: #E8EDF7;
    --color-disabled-button: #E5E5E5;
    --color-disabled-button-text: #50575C;
    --color-disabled-grey: #B0B1B1;
    --color-success-green: #2E844A;
    --color-black-60: #3E3E3C;
    --color-edited-yellow: #FFDFA4;
    --color-box-shadow: #B6B6B6;
    --color-gray-subtext: #706E6B;
    --color-message-banner: #FF9A3C;
    --color-tc-message-banner: #15838A;
    --color-selection-background: #BBD6FB;
    --color-accent-grey: #E5E5E5;

    /** fonts */
    --font-website-family: Roboto, Avenir, Arial;

    /** primary styling */
    --dxp-s-section-columns-max-width: none;
    --dxp-c-section-content-spacing-inline-end: 0;
    --dxp-c-section-content-spacing-inline-end-mobile: 0;
    --dxp-c-section-content-spacing-inline-start: 0;
    --dxp-c-section-content-spacing-inline-start-mobile: 0;

    --dxp-c-selection-color-background: var(--color-selection-background);
    --dxp-c-selection-text-shadow: none;
    --dxp-c-selection-text-color: var(--color-black-text);

    --dxp-s-text-heading-extra-large-font-family: var(--font-website-family);
    --dxp-s-text-heading-large-font-family: var(--font-website-family);
    --dxp-s-text-heading-medium-font-family: var(--font-website-family);
    --dxp-s-text-heading-small-font-family: var(--font-website-family);
    --dxp-s-body-font-family: var(--font-website-family);
    --dxp-s-body-line-height: 1.17;
    --dxp-s-body-small-font-family: var(--font-website-family);
    --dxp-s-button-font-family: var(--font-website-family);
    --dxp-s-link-text-color: var(--color-grey-text);
    --dxp-s-link-text-color-hover: var(--color-tarion-darkblue);
    --dxp-s-link-text-decoration: underline;

    --dxp-g-success: var(--color-success-green);
    --dxp-g-success-contrast: white;

    /* primary button */
    --sds-c-button-neutral-color-background : var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-background-hover : var(--color-tarion-darkblue-light);
    --sds-c-button-neutral-color-background-active : var(--color-tarion-darkblue);
    
    --sds-c-button-neutral-color-border : var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-border-hover : var(--color-tarion-darkblue-light);
    --sds-c-button-neutral-color-border-active : var(--color-tarion-teal);
    --sds-c-button-text-color: #FFFFFF;
    /* --sds-c-button-text-color-hover: #FFFFFF; commented as causing info-icons disappear on hover -SJ
    --sds-c-button-text-color-active: #FFFFFF; */

    /* use this for content that needs a max width */
    --mh-s-content-max-width: 1800px;

    /* form element widths */
    --mh-c-element-width-xx_small: 4rem;
    --mh-c-element-width-x_small: 8rem;
    --mh-c-element-width-small: 11rem;
    --mh-c-element-width-medium: 13.75rem;

    /* logo, social media, links, plus padding */
    --mh-mobile-footer-height: calc(2rem + 2rem + 51px + 2rem + 50px + 2rem + (5 * (1rem + 1.3125rem)));
    /* full height minus the header and footer and padding */
    --mh-mobile-min-container-height: calc(100vh - 3rem - 2rem - (var(--mh-mobile-footer-height) + 40px));
}

body {
    font-family: var(--font-website-family);
}

html {
    scroll-behavior: smooth;
}

h1 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-tarion-darkblue);
}

h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

h3 {
    font-size: 1.125rem;
    font-weight: 900;
}

h4 {
    font-size: 0.875rem;
    font-weight: 900;
}

@media (max-width: 1023px) {
    h3, h4 {
        font-weight: 700;
    }
}

footer {
    --dxp-c-section-columns-max-width: none;
}

@media print {
    footer {
        display: none;
    }
}

/* Desktop and mobile views */
@media (min-width: 1024px) {
    .mh-hide_large {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px) {
    .mh-show_large {
        display: none !important;
    }
    h1 {
        font-size: 24px !important;
    }
    h2 {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mh-hide_tablet {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .comm-section-container {  /*TCON-2408 */
       padding: 0px !important;
   }
   .component-wrapper-spacer { /*TCON-2445 */
    margin-bottom:0px;
   }
}
@media only screen and (max-width: 767px) or (min-width: 1024px) {
    .mh-show_tablet {
        display: none !important;
    }
}

@media print {
    .mh-hide_large {
        display: none !important;
    }
}

.mh-page-container {
    margin: 4rem 7.5rem;
}

@media (min-width: 1900px) {
    .mh-page-container {
        margin: 4rem 12.5%;
    }
}

@media (max-width: 1023px) {
    .mh-page-container {
        display: flex;
        flex-direction: column;
        margin: 2rem 2rem 0 2rem;
        /* full height minus the header and footer and padding */
        min-height: var(--mh-mobile-min-container-height);
    }

    .mh-mobile-flexer {
        flex: 1;
    }

    .form-container-mobile-content .slds-rich-text-editor__output {
        line-height: 1.17;
    }

    .form-container-mobile-content .slds-rich-text-editor__output h4 {
        font-size: 1.125rem;
        font-weight: 700;
    }
}

@media (max-width: 767px) {
    .mh-page-container .mh-form-element {
        max-width: calc(100vw - 4rem);
    }
    .slds-accordion__summary-heading .slds-button__icon{
        fill: var(--color-grey-text) !important;
    }
}
.slds-button.slds-accordion__summary-action,
.slds-button.slds-accordion__summary-action:focus,
.slds-button.slds-accordion__summary-action:active{
    color: var(--color-tarion-darkblue);
}

.slds-theme_clock {
    background-color: var(--color-tarion-yellow);
    border-color: var(--color-tarion-yellow);
    color: var(--color-black-text);
}

.slds-theme_clock a:not(.slds-button--neutral) {
    color: var(--color-black-text);
    text-decoration: underline;
}

.slds-theme_clock a:not(.slds-button--neutral):link, .slds-theme_clock a:not(.slds-button--neutral):visited {
    color: var(--color-black-text);
    text-decoration: underline;
}

.slds-theme_clock.slds-notify .slds-icon {
    fill: var(--color-black-text);
}

.slds-notify.slds-theme_clock a:focus {
    border: 1px solid var(--color-black-text);
    box-shadow: 0 0 3px var(--color-black-text);
}

@media (max-width: 767px) {
    .mh-mobile-toast {
        margin: 0;
        min-width: var(--slds-c-toast-sizing-min-width,var(--sds-c-toast-sizing-min-width,(100%)));
    }
}

@media only screen and (max-width: 767px) {
    .slds-form-element__legend {
        margin-bottom: 0rem;
    }
    .mfa-radio .slds-form-element__label {    
        padding-bottom: 10px;
    }
}

.mh-page-header h1 {
    line-height: 1;
}

.mh-header-text {
    color: var(--color-tarion-darkblue);
}

.blue-text {
    color: var(--color-blue-text);
}

.dark-blue-link {
    color: var(--color-tarion-darkblue) !important;
}

.teal-color-link{
    color: var(--color-tarion-dark-teal) !important;
}

.dark-blue-text {
    color: var(--color-tarion-darkblue) !important;
}

.grey-color-text {
    color: var(--color-grey-text) !important;
}

/* Tables */
.slds-table_header-fixed_container {
    background-color: var(--color-tarion-darkblue) !important;
}

.slds-table {
    --dxp-s-button-font-size: 0.875rem;
    --sds-c-button-text-color: var(--color-grey-text) !important;
}

.slds-table .slds-button__icon {
    --slds-c-icon-color-foreground: var(--color-grey-text) !important;
    height: 1.25rem;
    width: 1.25rem;
}

.slds-table .slds-button__icon:hover {
    --slds-c-icon-color-foreground: var(--color-grey-text) !important;
    height: 1.25rem;
    width: 1.25rem;
}

.slds-table .mh-table-button-link .slds-button {
    color: var(--color-tarion-dark-teal);
}
.slds-table .mh-table-button-link .slds-button:hover {
    color: var(--color-tarion-darkblue);
    text-decoration: underline;
}
.slds-table .mh-table-button-link-bold .slds-button {
    color: var(--color-tarion-dark-teal);
    font-weight: 400;
}

.slds-table .mh-table-link a {
    color: var(--color-tarion-dark-teal) !important;
    text-decoration: none !important;
}
.slds-table .mh-table-link a:hover{
    color: var(--color-tarion-darkblue) !important;
    text-decoration: underline !important;
}

.slds-table .slds-th__action, .slds-table .slds-th__action:hover {
    color: var(--color-light-text) !important;
    background-color: var(--color-tarion-darkblue) !important;
    text-decoration: none !important;
}
.table-dates .slds-table .slds-th__action, .slds-table .slds-th__action,
.table-dates .slds-table .slds-th__action, .slds-table .slds-th__action:hover{
    color: #FFFFFF;
    text-decoration: none !important;
}
.slds-table .slds-has-focus .slds-th__action {
    color: var(--color-light-text);
    background-color: var(--color-tarion-darkblue) !important;
    box-shadow: none;
}

.slds-table tr:nth-child(even) {
    color: var(--color-grey-text) !important;
    background-color: #F7F7F7;
    font-weight: normal;
}

.slds-table tr:nth-child(odd) {
    color: var(--color-grey-text) !important;
    background-color: #FFFFFF;
    font-weight: normal;
}

.slds-table tbody tr:hover > th {
    background-color: inherit !important;
}

.slds-table tbody tr:hover > td {
    background-color: inherit !important;
}

.slds-table td .slds-cell-edit__button {
    fill: var(--color-grey-text) !important;
}

.slds-table .slds-cell-edit svg,
.slds-table .slds-cell-edit:focus svg,
.slds-table .slds-cell-edit:hover svg {
    fill: unset !important;
    opacity: 1 !important;
}

.slds-table .slds-cell-edit.slds-is-edited, .slds-table .slds-cell-edit.slds-is-edited:hover {
    background-color: var(--color-edited-yellow);
}

.slds-table .slds-cell-edit.slds-has-error, .slds-table .slds-cell-edit.slds-has-error:hover {
    background-color: var(--color-edited-yellow);
    box-shadow: var(--color-error-red-sf) 0 0 0 2px inset;
}

.slds-is-edited {
    background: var(--color-edited-yellow);
}

.slds-has-error {
    border-color: var(--color-edited-yellow);
}

.mh-saved-items-table .slds-table_header-fixed_container {
    background-color: var(--color-accent-grey) !important;
}

.mh-saved-items-table .slds-table .slds-th__action, .mh-saved-items-table .slds-th__action:hover {
    color: var(--color-tarion-darkblue) !important;
    background-color: var(--color-accent-grey) !important;
}

.mh-saved-items-table .slds-table .slds-has-focus .slds-th__action {
    color: var(--color-tarion-darkblue);
    background-color: var(--color-accent-grey) !important;
    box-shadow: none;
}

.mh-auto-width-table .slds-table_header-fixed_container.slds-scrollable_x {
    overflow-x: auto !important;
}

.mh-auto-width-table .slds-table_header-fixed_container .slds-scrollable_y {
    overflow-x: auto !important;
    width: 100% !important;
}

.faq-accordation-text .slds-accordion__summary-content {
    white-space: unset;
}

.mh-auto-width-table .slds-table_header-fixed.slds-table_edit {
    table-layout: auto !important;
    width: 100% !important;
}

.mh-auto-width-table .slds-table .slds-has-focus .slds-th__action {
    box-shadow: none;
}

.mh-fixed-width-table .slds-scrollable_x {
    overflow: visible !important;
    overflow-x: visible !important;
}

.tcAttachmentColumn .slds-hyphenate {
    word-wrap: break-word;
    width: 118px;
 }

.mh-attachment-data-table {
    --dxp-s-button-font-weight: 700;
    --sds-c-button-text-color: var(--color-blue-text);
}

/*CSS for Sort Arrows on slds-table*/
.slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon, .slds-is-sortable .slds-th__action:focus .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action:hover .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action:focus .slds-is-sortable__icon{
    fill: white;
}

.slds-is-sortable .slds-th__action:focus, .slds-is-sortable .slds-th__action:hover, .slds-is-sortable.slds-has-focus .slds-th__action, .slds-is-sortable.slds-has-focus .slds-th__action:focus, .slds-is-sortable.slds-has-focus .slds-th__action:hover{
    color: white;
}

/* Inline editor buttons */
.slds-docked-form-footer .slds-button_neutral {
    background-color: #FFFFFF;
    border-color: var(--color-tarion-blue);
    color: var(--color-tarion-blue);
    font-size: 0.875rem;
    transition: border 0s;
}

.slds-docked-form-footer .slds-button_neutral:hover {
    background-color: var(--color-light-blue);
    border-color: var(--color-tarion-blue);
    color: var(--color-tarion-blue);
    font-size: 0.875rem;
}

.slds-docked-form-footer .save-btn {
    background-color: var(--color-tarion-darkblue);
    border-color: var(--color-tarion-darkblue);
    color: #FFFFFF;
    font-size: 0.875rem;
}

.slds-docked-form-footer .save-btn:hover {
    background-color: var(--color-tarion-blue);
    border-color: var(--color-tarion-blue);
    color: #FFFFFF;
    font-size: 0.875rem;
}

/* File selector */
.slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__button {
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
}

.slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__text {
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
}

.slds-file-selector__input[disabled]~.slds-file-selector__body > .slds-file-selector__button {
    background: var(--color-disabled-button);
    border-color: var(--color-disabled-button) !important;
    color: var(--color-grey-text);
}

.slds-file-selector__input[disabled]~.slds-file-selector__body > .slds-file-selector__text {
    color: var(--color-grey-text);
}

@media (max-width: 1023px) {
    .slds-file-selector {
        display: grid;
    }

    .slds-file-selector__dropzone {
        display: grid;
        padding: 0.125rem 0;
    }

    .slds-file-selector__input~.slds-file-selector__body {
        display: grid;
    }

    .slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__text {
        display: none;
    }
}

.mh-image-selector .slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__button {
    font-size: 0;
}

.mh-image-selector .slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__button:after {
    content: 'Add Image(s)';
    font-size: var(--dxp-s-button-font-size);
    color: var(--color-tarion-blue);
}

.mh-image-selector .slds-file-selector__input[disabled]~.slds-file-selector__body > .slds-file-selector__button:after {
    color: var(--color-grey-text);
}

.mh-document-selector .slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__button {
    font-size: 0;
}

.mh-document-selector .slds-file-selector__input~.slds-file-selector__body > .slds-file-selector__button:after {
    content: 'Add Document(s)';
    font-size: var(--dxp-s-button-font-size);
    color: var(--color-tarion-darkblue);
}

.mh-document-selector .slds-file-selector__input[disabled]~.slds-file-selector__body > .slds-file-selector__button:after {
    color: var(--color-disabled-button-text);
}

.mh-file-description {
    flex: none;
    margin-right: 8rem;
    width: 15rem;
}

.mh-file-description > div {
    color: var(--color-grey-text);
    margin-top: -1rem;
}

.mh-file-description-length {
    color: var(--color-grey-text);
    margin-top: -1rem;
}

/* Buttons */
button.slds-button.slds-button_neutral:active:focus {
    box-shadow: none;
}

.mh-button-nowrap .slds-button {
    white-space: nowrap;
}

/* primary button */
.mh-button-primary {
    --sds-c-button-neutral-color-background: var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-background-active: var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-background-hover: var(--color-tarion-darkblue-light);
    --sds-c-button-neutral-color-border: var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-border-active: var(--color-tarion-teal);
    --sds-c-button-neutral-color-border-hover: var(--color-tarion-darkblue-light);
    --sds-c-button-text-color: #FFFFFF;
    --sds-c-button-text-color-active: #FFFFFF;
    --sds-c-button-text-color-hover: #FFFFFF;
    --dxp-s-button-font-size: 0.875rem;
    --dxp-s-button-font-weight: 700;
    --dxp-g-neutral-2: transparent;
}

.mh-button-primary .slds-button {
    height: 2rem;
}

.mh-button-primary .slds-button:disabled {
    --dxp-s-button-font-weight: 400;
    color: var(--color-disabled-button-text);
    background-color: var(--color-disabled-button);
    border-color: var(--color-disabled-button);
}

/* secondary button */
.mh-button-secondary {
    --sds-c-button-neutral-color-background: #FFFFFF;
    --sds-c-button-neutral-color-background-hover: #FFFFFF;
    --sds-c-button-neutral-color-border: var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-border-hover: var(--color-tarion-darkblue-light);
    --sds-c-button-text-color: var(--color-tarion-darkblue);
    --sds-c-button-text-color-hover: var(--color-tarion-darkblue-light);
    --dxp-s-button-font-size: 0.875rem;
    --dxp-s-button-font-weight: 400;
}

.mh-button-secondary .slds-button {
    height: 2rem;
}

.mh-button-secondary .slds-button:hover {
    --dxp-g-neutral-1: var(--color-tarion-darkblue-light) !important;
    background-color: #FFFFFF;
    border-color: var(--color-tarion-darkblue-light) !important;
}

.mh-button-secondary .slds-button:active, .register-button:active {
    --dxp-g-neutral-1: var(--color-tarion-blue) !important;
    background-color: #FFFFFF;
    border-color: var(--color-tarion-blue) !important;
}

.mh-button-secondary .slds-button:focus {
    --dxp-g-neutral-1: var(--color-tarion-blue) !important;
    background-color: #FFFFFF;
    border-color: var(--color-tarion-light-teal) !important;
}

.mh-button-secondary .slds-button:disabled {
    --dxp-g-neutral-1: var(--color-disabled-button) !important;    
    border-color: var(--color-disabled-button) !important;
    background-color: var(--color-disabled-button);
    color: var(--color-disabled-button-text);
}

/* tertiary button */
.mh-button-tertiary {
    --sds-c-button-neutral-color-background: #FFFFFF;
    --sds-c-button-neutral-color-background-hover: #FFFFFF;
    --sds-c-button-neutral-color-border: #FFFFFF;
    --sds-c-button-neutral-color-border-hover: #FFFFFF;
    --sds-c-button-text-color: var(--color-tarion-darkblue);
    --sds-c-button-text-color-hover: var(--color-tarion-darkblue-light);
    --dxp-s-button-font-size: 0.875rem;
    --dxp-s-button-font-weight: 400;
}

.mh-button-tertiary .slds-button {
    height: 2rem;
    transition: border 0s;
}

.mh-button-tertiary .slds-button:hover {
    --dxp-g-neutral-1: var(--color-tarion-darkblue-light) !important;
    text-decoration: underline !important;
}

.mh-button-tertiary .slds-button:active {
    --dxp-g-neutral-1: var(--color-tarion-blue) !important;
    text-decoration: underline !important;
    background-color: #FFFFFF !important;
}

.mh-button-tertiary .slds-button:focus {
    --dxp-g-neutral-1: var(--color-tarion-darkblue) !important;
    text-decoration: underline !important;
    border-color: var(--color-tarion-light-teal) !important;
}

.mh-button-tertiary .slds-button:disabled {
    --dxp-g-neutral-1: var(--color-disabled-grey) !important;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

@media print {
    .mh-button-primary, .mh-button-secondary, .mh-button-tertiary {
        display: none;
    }
}

/* Pagination */
.mh-datatable-pagination .slds-button {
    background-color: #FFFFFF;
    color: var(--color-grey-text);
    padding-left: 0;
    padding-right: 0;
    width: 3em;
}

/* Pagination: First and Last buttons */
.mh-datatable-pagination .mh-first-last-button .slds-button {
    color: var(--color-tarion-darkblue);
    border-color: var(--color-tarion-darkblue);
    width: 5em !important;
}

/* Pagination: Arrows */
.mh-datatable-pagination .mh-previous-next-button .slds-button {
    color: var(--color-tarion-darkblue);
}

.mh-datatable-pagination .slds-button:disabled, .mh-datatable-pagination .slds-button[disabled] {
    background-color: #FFFFFF;
    border-color: var(--color-gray-border);
    color: var(--color-gray-border);
}

.mh-datatable-pagination .mh-dots .slds-button:disabled, .mh-datatable-pagination .mh-dots .slds-button[disabled] {
    background-color: #FFFFFF;
    border-color: var(--color-tarion-darkblue);
    color: var(--color-grey-text);
}

.mh-datatable-pagination .slds-button .slds-button__icon_left {
    margin-right: 0;
}

.mh-datatable-pagination .mh-current-page .slds-button {
    color: var(--color-tarion-darkblue);
    text-decoration: underline;
}

.mh-datatable-pagination .slds-button-group .slds-button {
    border-width: 0px;
}

.mh-datatable-pagination .mh-current-page .slds-button:focus {
    box-shadow: none;
}

.mh-button-narrow {
    --slds-c-button-neutral-spacing-inline-start: .75rem;
    --slds-c-button-neutral-spacing-inline-end: .75rem;
}

.mh-mobile-button-wide {
    --slds-c-button-neutral-spacing-inline-start: 3.3rem;
    --slds-c-button-neutral-spacing-inline-end: 3.3rem;
}

.mh-mobile-button-group {
    display: flex;
}

.mh-mobile-button-group > [class^="mh-button-"] {
    width: 50%;
}

.mh-mobile-button-group > [class^="mh-button-"] + [class^="mh-button-"] {
    text-align: right;
}

.mh-mobile-button-group > div {
    width: 50%;
}

.mh-mobile-button-group > div + div {
    text-align: right;
}

.mh-mobile-button-group .slds-button {
    height: 2rem;
    white-space: nowrap;
    width: calc(100% - 0.3125rem);
}

.mh-button-stretch .slds-button {
    width: 100%;
}

.mh-button-stretch-normal .slds-button {
    width: 100%;
    font-weight: 400;
}

.mh-mobile-view-button {
    color: var(--color-tarion-yellow-light);
}

.mh-button-table {
    --sds-c-button-text-color: var(--color-tarion-blue);
    --sds-c-button-text-color-hover: var(--color-tarion-blue);
}

.mh-button-custom {
    --sds-c-button-neutral-color-background :#FFFFFF;
    --sds-c-button-neutral-color-background-hover : #FFFFFF;
    --sds-c-button-neutral-color-border : #FFFFFF;
    --sds-c-button-text-color: #000000;
    --sds-c-button-text-color-hover: #000000;
    border: 1px solid var(--color-tarion-darkblue);
    border-radius: 6px;
    height: 100px;
}

.mh-registration-breadcrumbs{
    -webkit-text-fill-color: var(--color-grey-text);
    pointer-events: none;
}

.mh-button-custom:hover {
    cursor: pointer;
}

.mh-icon-success {
    --sds-c-icon-color-foreground: var(--color-success-green);
}

.userId {
    margin-bottom: 0px;
}

.spinner {
    position: fixed !important;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.errorMessage {
    color: var(--color-error-red-sf);
}

.footer-social.social img {
    width: 25px;
    height: 25px;
}

.social-media a {
    position: relative;
    width: 39px;
    height: 39px;
    display: inline-block;
}

.social-media {
    position: relative;
    display: inline-block;
}

.facebook {
    background: url(/sfsites/c/resource/QFE_Experience/img/facebook.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.twitter {
    background: url(/sfsites/c/resource/QFE_Experience/img/twitter.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.linkedin {
    background: url(/sfsites/c/resource/QFE_Experience/img/linkedin.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.youtube {
    background: url(/sfsites/c/resource/QFE_Experience/img/youtube.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.youtube2 {
    height: 40px;
    width: 40px;
    margin-right: 20px;
    margin-left: 20px;
}

.instagram {
    background: url(../img/instagram.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Padding */
.mh-p-bottom_xxx-large {
    padding-bottom: 4rem;
}

.mh-p-top_xxx-large {
    padding-top: 4rem;
}

.mh-p-vertical_xxx-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.mh-m-bottom_xxx-large {
    margin-bottom: 4rem;
}

.mh-m-top_xxx-large {
    margin-top: 4rem;
}

.mh-m-vertical_xxx-large {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

/* Form fields */
.mh-form-element {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
}

.mh-form-element-xx_small .slds-form-element {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-xx_small);
}
.mh-form-element-x_small .slds-form-element {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-x_small);
}
.mh-form-element-small .slds-form-element {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-small);
}

.mh-form-element-medium .slds-form-element {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-medium);
}

.mh-input-xx_small .slds-input {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-xx_small);
}

.mh-input-x_small .slds-input {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-xx_small);
}

.mh-input-small .slds-input {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-small);
}

.mh-input-medium .slds-input {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: var(--mh-c-element-width-medium);
}

.mh-input-stretch {
    --dxp-s-form-element-color-border: var(--color-gray-border);
    --sds-c-input-color-border: var(--color-gray-border);
    width: -webkit-fill-available;
}

.mh-dollar-element .slds-form-element__control:before {
    content: "$";
    margin-right: 0.5rem;
}

.mh-dollar-input-93 .slds-input {
    width: 93% !important;
}

.mh-dollar-element p {
    margin-bottom: 0.125rem;
    padding-right: 0.5rem;
}

.mh-radio .slds-form-element {
    margin-bottom: 0.5rem;
}

.mh-radio .slds-form-element__legend {
    margin-bottom: 0.5rem;
}

.mh-checkbox-disabled .slds-checkbox {
    --sds-c-checkbox-color-background: var(--color-palette-gray);
    --sds-c-checkbox-color-background-checked: var(--color-palette-gray);
    --sds-c-checkbox-mark-color-foreground: var(--color-box-shadow);
}

.profile-edit .mh-radio .slds-form-element__control > div {
    width: 33.3333333333%;
}

.mh-text-box .slds-form-element__label {
    margin-bottom: 1rem;
}

.mh-text-box > div {
    color: var(--color-black-60);
    margin-top: -1rem;
}

.slds-form-element .slds-form-element__control input[disabled]{
    color:  var(--color-grey-text);
}

.slds-form-element.slds-has-error .slds-combobox_container {
    --slds-c-input-color-border: var(--color-error-red-sf);
    --slds-c-input-shadow: var(--color-error-red-sf) 0 0 0 1px inset;
}

.mh-form-icon {
    --sds-c-icon-color-foreground-default: var(--color-tarion-darkblue);
    --sds-c-icon-color-background: #FFFFFF;
}

.mh-hide-asterisk .slds-form-element .slds-required {
    display: none;
}

.slds-form-element__help {
    font-weight: 400 !important;
}

/* Registration */
.registration-card-body .slds-form-element__legend {
    margin-bottom: 0.5rem;
}

/* Modals */
.slds-modal__header {
    border: none;
}

.slds-modal__footer {
    background: var(--color-palette-gray);
}

.slds-modal__footer .slds-button_outline-brand {
    border-color: var(--color-tarion-blue);
    color: var(--color-tarion-blue);
}

.slds-modal__footer .slds-button_brand {
    background: var(--color-tarion-blue-80);
    border-color: var(--color-tarion-blue-80);
}

/* Progress Bar */
.slds-path__item:before { cursor: default; pointer-events: none; } 
.slds-path__item:after { cursor: default; pointer-events: none;} 
.slds-path__item:only-child { border-radius: 15rem; pointer-events: none;} 
.slds-path__item .slds-is-current{ background-color: var(--color-tarion-darkblue); pointer-events: none;}
.slds-path__link { cursor: none; pointer-events: none;} 
.slds-path__nav .slds-is-active { background-color: var(--color-tarion-darkblue); pointer-events: none; -webkit-text-fill-color: var(--color-tarion-darkblue);}
.slds-path__nav .slds-is-active:first-child { background-color: var(--color-light-blue); pointer-events: none;}
.slds-path__nav .slds-is-active:first-child::before { background-color: var(--color-light-blue); pointer-events: none;}
.slds-path__nav .slds-is-active:first-child::after { background-color: var(--color-light-blue); pointer-events: none;}
.slds-path__nav .slds-is-current:first-child:hover:before { background-image: none; pointer-events: none;} 
.slds-path__nav .slds-is-current:first-child:hover::after { background-image: none; pointer-events: none;} 
.slds-path__nav .slds-is-active .slds-path__link { text-decoration: none; pointer-events: none;} 
.slds-path__nav .slds-is-current:first-child { background-color: var(--color-tarion-darkblue); border-color: var(--color-tarion-darkblue); pointer-events: none; -webkit-text-fill-color: white; font-weight: bold;}
.slds-path__nav .slds-is-current:first-child::before { background-color: var(--color-tarion-darkblue); pointer-events: none; -webkit-text-fill-color: white; font-weight: bold;}
.slds-path__nav .slds-is-current:first-child::after { background-color: var(--color-tarion-darkblue); pointer-events: none; -webkit-text-fill-color: white; font-weight: bold;}
.slds-path__nav .slds-is-current .slds-path__link { color: white; text-decoration: none; pointer-events: none; -webkit-text-fill-color: white; font-weight: bold;} 
.slds-path__nav .slds-is-current::before { background-color: var(--color-tarion-darkblue); background-image: none; pointer-events: none; }
.slds-path__nav .slds-is-current::after { background-color: var(--color-tarion-darkblue); background-image: none; pointer-events: none;}
.slds-path__nav .slds-is-incomplete { background-color: var(--color-accent-grey); pointer-events: none; -webkit-text-fill-color: var(--color-blue-text); font-weight: bold;  }
.slds-path__nav .slds-is-incomplete::before { background-color: var(--color-accent-grey); pointer-events: none;}
.slds-path__nav .slds-is-incomplete::after { background-color: var(--color-accent-grey); pointer-events: none;}
.slds-path__nav .slds-is-incomplete .slds-path__link { color: var(--color-tarion-darkblue); text-decoration: none; pointer-events: none; font-weight: bold;} 
.slds-path__nav .slds-is-complete { background-color: var(--color-accent-grey); pointer-events: none; -webkit-text-fill-color: var(--color-blue-text); font-weight: bold;}
.slds-path__nav .slds-is-complete:before { background-color: var(--color-accent-grey); pointer-events: none; font-weight: bold;}
.slds-path__nav .slds-is-complete:after { background-color: var(--color-accent-grey); pointer-events: none; font-weight: bold;}
.slds-path__nav .slds-is-complete .slds-path__link { color: var(--color-tarion-darkblue); text-decoration: none; pointer-events: none; font-weight: bold;} 
.slds-path__nav .slds-is-complete .slds-path__title { transform: none; pointer-events: none;} 
.slds-path__nav .slds-is-complete .slds-path__stage { transform: none; pointer-events: none;} 
.slds-path__link .slds-path__stage .slds-icon { fill: none; pointer-events: none;} 

.mh-progress-button .slds-button {
    border-radius: 50%;
}

.slds-progress__item.slds-is-completed .slds-progress__marker--icon, .slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    color: var(--color-tarion-light-teal);
}

.slds-progress__item.slds-is-active .slds-progress__marker {
    border-color: var(--color-tarion-teal);
}

.slds-progress-bar span {
    height: 0;
}

div.slds-progress {
    max-width: 100%;
}

.slds-progress__marker--icon, .slds-progress__marker_icon {
    width: 1.5rem;
    height: 1.5rem;
    padding-bottom: 1px;
}

/* Accordion */

.slds-button.slds-accordion__summary-action {
    align-items: start;
    font-size: 0.875rem;
    font-weight: bold;
}

.slds-button.slds-accordion__summary-action:active {
    color: var(--sds-c-accordion-heading-text-color);
}

.slds-button.slds-accordion__summary-action:focus {
    text-decoration: none;
}

.forgot-password .slds-accordion__section {
    padding-left: 0;
    padding-right: 0;
}

.forgot-password .slds-accordion__section.slds-is-open {
    padding-bottom: 1rem;
}

.forgot-password .slds-button.slds-accordion__summary-action {
    font-size: 1.125rem;
    font-weight: 900;
}
.forgot-password .slds-accordion__summary-action:focus,
.forgot-password .slds-accordion__summary-action:hover {
    color: var(--color-grey-text);
}
.forgot-password .slds-accordion__content {
    /* to indent inline with label, add the svg width and padding */
    margin-left: calc((0.875 * var(--dxp-s-button-font-size)) + 0.5rem);
}

.forgot-password .slds-accordion__content a {
    color: var(--color-grey-text);
    font-weight: 700;
}

.faq-accordion .slds-button.slds-accordion__summary-action {
    font-weight: normal;
    line-height: var(--dxp-s-body-line-height);
    padding: 1rem 0.75rem;
}

.faq-accordion .slds-is-open .slds-button.slds-accordion__summary-action {
    font-weight: bold;
}

.faq-accordion .slds-accordion__content {
    padding-bottom: 0.25rem;
    /* align with qyestion to right of icon: icon width (0.875rem) + padding-right (0.5rem) */
    padding-left: 1.375rem;
}
.slds-accordion__summary .slds-accordion__summary-heading .slds-button:hover,
.slds-accordion__summary .slds-accordion__summary-heading .slds-button:focus{
   color:var(--color-tarion-darkblue);
}

/* Mobile Accordion */

.mh-mobile-accordion .slds-card {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.mh-mobile-accordion .slds-card__header {
    display: none;
}

.mh-mobile-accordion .slds-accordion__section {
    padding: 0 1rem 0 0.75rem;
}

.mh-mobile-accordion .slds-accordion__section.slds-is-open {
    box-shadow: 0px 3px 10px var(--color-box-shadow);
    margin-bottom: 1.25rem;
    padding: 1rem;
}

.mh-mobile-accordion .slds-accordion__section:not(.slds-is-open) .slds-accordion__summary {
    border-bottom: 1px solid var(--color-gray-border);
}

.mh-mobile-accordion-field {
    display: flex;
    padding-bottom: 1rem;
}

.mh-mobile-accordion-field > div:first-child {
    font-weight: bold;
    width: 8rem;
    color: var(--color-tarion-darkblue);
}

.mh-mobile-accordion-field > div + div {
    width: calc(100% - 8rem);
    word-wrap: break-word;
}

.mh-mobile-selection {
    background-color: #FFFFFF;
    position: relative;
}

/* Mobile Card */

.mh-mobile-card {
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: 0 0 10px #d3d3d3;
    color: var(--color-grey-text);
    margin-bottom: 1rem;
    padding: 1rem;
}

.mh-mobile-card-body {
    box-shadow: 0px 3px 10px var(--color-box-shadow);
    margin: 1rem 0;
    padding: 1rem;
    position: relative;
}

.mh-mobile-card-field {
    display: flex;
    padding-bottom: 0.5rem;
}

.mh-mobile-card-field > div:first-child {
    font-weight: bold;
    width: 8rem;
}

.mh-mobile-card-field > div + div {
    width: calc(100% - 8rem);
    word-wrap: break-word;
}

/* Back to top button */

.back-to-top-button {
    background-color: var(--color-tarion-darkblue);
    border-radius: 4px;
    height: 1.5rem;
    width: 1.5rem;
}

.back-to-top-button .slds-button_icon {
    border-color: var(--color-tarion-darkblue);
}

.back-to-top-button .slds-button__icon {
    color: var(--color-light-text);
    margin-bottom: 3px;
}

.back-to-top-text {    
    cursor: pointer;
    float: right;
}

.mh-mobile-help-text {
    color: var(--color-grey-text);
    opacity: 60%;
}

.mh-mobile-input .slds-form-element {
    margin: 0;
}

.mh-mobile-agreeText .slds-form-element__label {
    padding-right: 0.2rem;
}

.edit-attachment-icon {
    position: absolute;
    top: 0;
    right: 0;
}
.edit-attachment-icon svg{
    fill: var(--color-tarion-darkblue);
}
.section-container:last-child hr {
    display: none;
}

.mobile-display-none {
    display: none;
}

.mh-homepage-button .slds-button {
    padding-left: 0;
    padding-right: 0;
}

.forgot-id-section a {
    font-weight: 700;
}

span .slds-truncate {
    white-space: normal;
}

div.other-expenses > lightning-input div {
    display: flex;
    align-items: center;
}
/* HomeHub css */
.picklist-container .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid #0D333E 1px;
    border-radius: 18px;
    background-color: #FFFFFF;
    color: #0D333E;   
   
}

@media only screen and (max-width: 1023px) {
    .picklist-container .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element{
        margin: 4px;
    }
}
.picklist-container .slds-dropdown{
    position: relative !important;
}
.picklist-container .slds-form-element{ /*TCON-1886*/
    margin-bottom: 0px;
    margin-left: 1px;
    padding: 10px;
}

.picklist-pill-hide-dropdown-arrow .slds-input__icon-group{
    display: none;
}

.picklist-pill-green .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid #04844B 1px;
    color: #04844B;    
}

.picklist-pill-red .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid var(--color-error-red-sf) 1px;
    color: var(--color-error-red-sf);    
}
.picklist-pill-blue .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid var(--color-tarion-dark-teal) 1px;
    color: var(--color-tarion-dark-teal);    
}
.picklist-pill-darkblue .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid var(--color-tarion-darkblue) 1px;
    color: var(--color-tarion-darkblue);    
}
.picklist-pill-default .slds-form-element__control .slds-combobox_container .slds-combobox .slds-combobox__form-element > button{
    border: solid var(--color-tarion-darkblue-light) 1px;
    color: var(--color-tarion-darkblue-light);  
} 
/*to hide label on tarionConnect table with positions and history*/
.select-chkbox .slds-checkbox .slds-checkbox__label .slds-form-element__label{
    font-size: 0px !important;
    color: #FFFFFF;
}
.subscribe-button{
    --sds-c-button-text-color: var(--color-tarion-darkblue);
    --sds-c-button-neutral-color-background: var(--color-tarion-light-teal);
    --sds-c-button-neutral-color-border: var(--color-tarion-light-teal);
}
.subscribe-button .slds-button:hover{  
    color: #FFFFFF;    
}
.vertical-bar{
    border-right: solid var(--color-gray-border) 1px;
}

[data-key="arrowdown"] {
    /* Styles */
    fill: white;
    --slds-c-icon-color-foreground: white;
}

.cepats-viewmore-link a {
    color: var(--color-tarion-dark-teal) !important;
    text-decoration: none !important;
}
.cepats-viewmore-link a:hover{
    color: var(--color-tarion-darkblue) !important;
    text-decoration: underline !important;
}

.history-red-dot{
    height: 15px;
    width: 15px;
    background-color: #FF0101;
    border-radius: 50%;
    display: inline-block;   
    margin: 10px;
}

.history-red-dot-img{    
    background-repeat: no-repeat; 
    background-image: url('/resource/TCHistoryRedDot');
    background-position: center center; 
    background-size: 12px 12px;
}
.tc-history-modal .slds-modal__content_footless{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.tbl-icon > .slds-button:hover, .tbl-icon > .slds-button:focus{
    color: var(--color-grey-text) !important;
}
.slds-checkbox [type=checkbox]:checked +.slds-checkbox__label .slds-checkbox_faux::after{
    border-color: var(--color-grey-text);
}
.slds-radio [type=radio]:checked +.slds-radio__label .slds-radio_faux::after,
.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox_faux:after{
    background-color: var(--color-grey-text);
}
.slds-input_faux:not(.slds-combobox__input-value) {
    color: var(--color-grey-text);
}
.slds-spinner:after,.slds-spinner:before,.slds-spinner__dot-a:after,.slds-spinner__dot-a:before,.slds-spinner__dot-b:after,.slds-spinner__dot-b:before {
    background: #0099A8 !important;    
}
.slds-modal__container .slds-modal__close {
    display: none !important;    
}
/* tcpositionModal info-icon helptext */
.slds-popover_tooltip .slds-popover__body{ 
    color: white;
    background-color: var(--color-tarion-darkblue);
    width: 300px;
}

.slds-popover_tooltip.slds-nubbin_bottom-left:before {
    background-color: var(--color-tarion-darkblue);
}

.info-icon >div{
    display: inline-block;
    position: relative;
    padding-top: 0.25rem;
    vertical-align: top;
    line-height: 1;
    z-index: 1;
    margin-top: -5px;
}
.tc-history-modal-linkButton .slds-button:hover{ 
    color: var(--color-tarion-darkblue) !important;   
     text-decoration: underline;
}

.slds-checkbox_faux:after{
    border-bottom: 2px solid var(--color-tarion-darkblue) !important;
    border-left: 2px solid var(--color-tarion-darkblue) !important;
}

/*HomeHub Conciliation Requested Icon */
.conciliationRequestedIconClass .slds-grid .slds-truncate svg {
    fill: white;
    background-color: var(--color-tarion-darkblue);
    border: 1px solid var(--color-tarion-darkblue);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 6px;
}
/*Homehub2.0 css*/
.text-decoration-link{
    text-decoration: none !important;
}

.text-decoration-link:hover{
    text-decoration: underline !important;
}

.custom-link {
    color: var(--color-tarion-dark-teal) !important;
}

.custom-link::before {
    font-size: 14px;
    align-items: center;
}

.article-Link-Icon {
    margin-right: 3px;
    width: 22px;
    height: 22px;
}

.slds-text-color_success {
    color: #04844B;
}

.custom-left-space {
    padding-left: 1.5em;
}

.hh2cpg-accordion .slds-accordion__summary .slds-accordion__summary-heading .section-control {
    font-weight: 400;
}

.hh2cpg-accordion .slds-accordion__summary .slds-button__icon {
    fill:var(--color-tarion-darkblue) !important;
}

.slds-wrap-icontext {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: anchor-center;
}

.mobile-info-icon {
    --slds-c-icon-color-foreground: var(--color-tarion-darkblue);
}

.custom-p-top-1_25rem {
    padding-top: 1.25rem;  /* padding-top: 20px; */
}

.custom-p-top-26px {
    padding-top: 1.625rem; /* padding-top: 26px; */
}

.custom-p-top-2_25rem {
    padding-top: 2.25rem;  /* padding-top: 36px; */
}

.custom-p-top-0_4375rem {
    padding-top: 0.4375rem;  /* padding-top: 7px; */
}

.search-wrapper lightning-input input[disabled] {
    background-color: #F3F3F3 !important;
    border-color: #C9C9C9 !important;
    z-index: 1;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .aligned-icon-text {
        display: flex;
        align-items: center;
    }

    .slds-icon_container {
        display: inline-flex;
    }

    .slds-text-color_success {
        color: #04844B;
        margin-top: 0.2rem;
    }

    .mh-datatable-pagination-mobile .slds-button {
        width: 2.2em;
        align-items: center;
        padding-right: 6px;
        padding-left: 2px;
        background-color: #FFFFFF;
        color: var(--color-grey-text);
    }

    .mh-datatable-pagination-mobile .mh-first-last-button-mobile .slds-button {
        background-color: #FFFFFF !important;
        color: var(--color-grey-text) !important;
        width: 2.4em !important;
        align-items: baseline;
    }
    
    .mh-current-page-mobile .mh-dots-mobile .mh-first-last-button-mobile .mh-button-secondary-mobile .slds-button {
        color: var(--color-tarion-darkblue);
        border-color: var(--color-tarion-darkblue);
        width: 4rem !important;
    }

    .mh-button-secondary-mobile .slds-button:disabled {
        --dxp-g-neutral-1: var(--color-disabled-button) !important;    
        border-color: var(--color-disabled-button) !important;
        background-color: var(--color-disabled-button);
        color: var(--color-disabled-button-text);
    }
}

@media only screen and (max-width: 768px) {
    .slds-th__action {
        font-size: 14px;
        white-space: normal;
    }

    .slds-cell-fixed {
        background-color: var(--color-tarion-darkblue);
        position: relative;
    }

    .slds-truncate {
        max-width: 100%;
        overflow: visible;
        white-space: normal;
    }

    .slds-table_header-fixed_container {
        padding-top: 0rem;
        background-color: #ffffff !important;
    
    }
}

/* Targets iOS devices*/
@supports (-webkit-touch-callout: none) {
    .search-wrapper lightning-input input[disabled] {
        background-color: #F3F3F3 !important;
        border-color: #C9C9C9 !important;
        z-index: 1;
        position: relative;
    }

    .input-background {
        position: absolute;
        bottom: 16px;
        left: 0;
        right: 0;
        height: 2rem;
        background-color: #F3F3F3 !important;
        border: 1px solid #C9C9C9 !important;
        border-radius: 4px;
    }

    .search-wrapper lightning-input {
        position: relative;
    }

    .search-wrapper lightning-input input[disabled]::placeholder {
        color: #747474 !important;
        opacity: 1 !important;
        font-size: 14px;
    }
    
    .slds-form-element .slds-form-element__control input[disabled] {
        color: #747474 !important;
        opacity: 1 !important;
        font-size: 14px;
    }
}

/*myHMFA css*/
.mfa-radio .slds-form-element__control .slds-radio {
    padding: 3px;
}
.mfa-radio .slds-form-element__label{
    color: var(--color-grey-text);
}
.mfa-btn .slds-button{
    width:148px;
}
/*TCON-3382 SummerRelease Fix*/
.search-icon .slds-input-has-icon_left-right .slds-input__icon_left {
    left: 11.75rem;
}

@media only screen and (max-width: 47.9375em){
    .search-icon .slds-input-has-icon_left-right .slds-input__icon_left {
        left: 17.75rem;
    }
}

[data-key="info_alt"] {
    /* Style for help text icon */
    fill: var(--color-tarion-darkblue);
    --slds-c-icon-color-foreground: var(--color-light-text);
    height:16px;
    width:16px;
}
.hh-help-text-style{
    margin-right:10px;
    margin-top:2px;
}
div.hh-help-text-style > lightning-helptext .slds-button.slds-button_icon{
    color: var(--color-tarion-darkblue) !important;
    --slds-c-icon-color-foreground: var(--color-light-text) !important;
    line-height: 1 !important;
}

/*Fix Summer Release'24 issues*/
[kx-scope=button][kx-type=underline]:after{
    background: none;
}

/* CE PATS Styling Changes */
.picklist-pill-green .slds-cell-wrap .slds-grid .slds-hyphenate{
    border: solid #04844B 1px;
    color: #04844B; 
    background-color: var(--color-light-text);
    display: flex;
    align-items: center;
    border-radius: 8px; 
    text-align: center;
    text-decoration: none;
    padding: 6px;  
    width: 90px;
    height: 65px;
}

.picklist-pill-red .slds-cell-wrap .slds-grid .slds-hyphenate{
    border: solid var(--color-error-red-sf) 1px;
    color: var(--color-error-red-sf);   
    background-color: var(--color-light-text);
    display: flex;
    align-items: center;
    border-radius: 8px; 
    text-align: center;
    text-decoration: none;
    padding: 6px;  
    width: 90px;
    height: 65px;
}
.picklist-pill-blue .slds-cell-wrap .slds-grid .slds-hyphenate{
    border: solid var(--color-tarion-dark-teal) 1px;
    color: var(--color-tarion-dark-teal);  
    background-color: var(--color-light-text);
    display: flex;
    align-items: center;
    border-radius: 8px; 
    text-align: center;
    text-decoration: none;
    padding: 6px;  
    width: 90px;
    height: 65px;
}
.picklist-pill-default .slds-cell-wrap .slds-grid .slds-hyphenate{
    border: solid var(--color-tarion-darkblue-light) 1px;
    color: var(--color-tarion-darkblue-light);  
    background-color: var(--color-light-text);
    display: flex;
    align-items: center;
    border-radius: 8px; 
    text-align: center;
    text-decoration: none;
    padding: 6px;  
    width: 90px;
    height: 65px;
}
.picklist-pill-closed .slds-cell-wrap .slds-grid .slds-hyphenate{
    border: solid var(--color-tarion-darkblue-light) 1px;
    color: var(--color-tarion-darkblue-light);
    background-color: var(--color-light-text);
    align-items: center;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 90px;
    height: 40px;
    line-height: 38px;
    margin: 8px;
}
.font-16{
    font-size: 1rem;
}
.cepats-btn-width .slds-button {
    width: 194px;
}
.cepats-icon svg{
    fill: var(--color-tarion-darkblue);
}
.cepats-icon .slds-button_icon {
    color:var(--color-tarion-darkblue);
}
.cepats-icon-disabled .slds-button_icon {
    color:var(--color-disabled-button);
}
.cepats-radio-btn .slds-form-element__control .slds-radio {
    padding: 3px;
}
.cepats-viewmore-link a {
    color: var(--color-tarion-dark-teal) !important;
    text-decoration: none !important;
}
.cepats-viewmore-link a:hover{
    color: var(--color-tarion-darkblue) !important;
    text-decoration: underline !important;
}
.cepats-tbl .slds-table_header-fixed_container {
    background-color: var(--color-light-text) !important;
}
.cepats-info-icon >div{
    margin-left: 8px;
    margin-top: 1px;
    vertical-align: text-bottom;
}
.srch-filter-success-icon .slds-button .slds-button__icon{
    fill:#04844B !important;
}
.customRadioClsPadding .slds-form-element__control .slds-radio{
    padding-top: 10px;
}

.icon-color-primary{
    --slds-c-icon-color-foreground: var(--color-tarion-darkblue);
}
.cepats-date-input .slds-dropdown-trigger  .slds-form-element__control .slds-datepicker  .slds-text-link{
    color: var(--color-tarion-teal);
}
.bl-mobile-accordion, .mh-mobile-accordion {
    overflow-wrap: anywhere;
}
.cepats-item-tbl span .slds-truncate {
    width: 93px;
    text-overflow: initial;
}

.cepats-item-tbl .slds-hyphenate{
    hyphens: none;
}
.export-btn-info-icon .slds-button {
    color: var(--color-tarion-darkblue);
}
.export-btn-info-icon .slds-button:hover {
    color: #76716b;
}
.table-width-100 .slds-scrollable_y,
.table-width-100 .slds-cell-fixed,
.table-width-100  .slds-table_edit{
    width: 100% !important;
    display: block !important;
 
}