/* customStyles.css */

    /* login page */
    [value="0LE1O000000KymjWAC"] {
        display: none !important;
    }

    /* login page and case list view sorted by info */
    .globalHeaderBar, .countSortedByFilteredBy{
        display: none !important;
    }

    @font-face {
        font-family: 'Figtree';
        src: url("/resource/tcFigtreeFont/Figtree-Regular.ttf");
    }

    body, flowruntime-base-section {
        font-family: 'Figtree' !important;
        color : #3F454F !important;
    }

    a:not(.desktopNav > a) {
        color: #456BD1;
    }

    a {
        text-decoration: none !important;
        font-weight: 500 !important;
    }

    div[data-target-selection-name="sfdc:RecordField.CaseComment.IsPublished"],
    records-record-layout-item[field-label="Service Request Lockdown"],
    button[name="SaveAndNew"],
    div:has(> span[title="New Contact"]),
    lightning-base-combobox-item[data-value="actionCreateNew"] /* hide new contact option when changing contact on case */

    {
        display : none !important;
    }
    
    .moreinfoheading {
        top: 165px;
        left: 302px;

        font-weight : 500;
        font-size : 46px;
        line-height : 54px;

        letter-spacing: 0px;
        color: #3F454F;
        opacity: 1;

        margin-bottom: 20px;
    }

    .moreinfosubheading {
        top: 165px;
        left: 302px;

        font-weight: 500;
        font-size: 32px;
        line-height: 40px;        

        letter-spacing: 0px;
        color: #3F454F;
        opacity: 1;

        margin-bottom: 20px;
    }

    .description {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;

        text-align: left;
        letter-spacing: 0px;
        color: #3F454F;
    }

    td.moreinfoLabels {
        width: 10%;
    }

    .moreinfoLabels {
        top: 120px;
        left: 0px;
        height: 19px;

        font-weight: 700;
        font-size: 16px;
        line-height: 24px;

        text-align: left;
        letter-spacing: 0px;
        color: #3F454F;
    }

    .moreinfoValues {
        /* Layout Properties */
        top: 120px;
        left: 0px;
        height: 19px;
        /* UI Properties */

        font-weight: 300;
        font-size: 16px;
        line-height: 24px;

        text-align: left;
        letter-spacing: 0px;
        color: #3F454F;
    }

    .moreInfoTable {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .slds-button:focus {
        box-shadow: none !important;
    }

    .slds-button_brand:hover,
    .socialOption .slds-button.slds-button_neutral:hover,
    .moreInfoDownloadButton>button:hover,
    .forceActionsContainer li a:hover,
    .slds-button-group-list button:hover,
    .actionsContainer button:hover,
    .slds-button-group-item button:hover,
    .moreInfoDownloadButton:hover,
    .moreInfoDownloadButton button:hover {
        background-color: #3655AA !important;
    }

    /* My Profile Settings edit button */
    .forceActionsContainer li a:hover {
        text-decoration: none !important;
        box-shadow: none;
    }

    .forceActionsContainer li,
    .forceActionsContainer li a:focus {
        border: none !important;
        outline: none;
    }

    .flow-button__BACK button {
        height: 45px !important;
        background-color: #FFFFFF !important;
        font-size: 14px !important;
        color: #456BD1 !important;
        border-radius: 50px !important;
        border-color: #456BD1 !important;
        margin: 0px 0px 0px 5px !important;
    }

    .slds-button_brand,
    .slds-button-group-list button,
    .slds-button-group-row button,
    .flow-button__NEXT button,
    .forceActionsContainer .forceActionLink,
    a[title="Upload Files"],
    .viewMoreButton,
    .actionsContainer .forceActionButton,
    .socialOption .slds-button.slds-button_neutral,
    .moreInfoDownloadButton,
    .moreInfoDownloadButton button {
        height: 45px !important;
        background-color: rgb(69, 107, 209) !important;
        font-size: 14px !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 50px !important;
        border-color: transparent !important;
    }

    .slds-button-group-list button,
    .slds-button-group-row button {
        margin: 0px 0px 0px 5px !important;
    }

    .forceActionsContainer .forceActionLink,
    a[title="Upload Files"] {
        padding-top: 8px;
    }

    /* button link li */
    li[data-target-selection-name="sfdc:StandardButton.CombinedAttachment.AttachFileFromDevice"],
    li[data-target-selection-name="sfdc:StandardButton.CombinedAttachment.AttachFileFromDevice"]:hover,
    li[data-target-selection-name="sfdc:StandardButton.CaseComment.New"],
    li[data-target-selection-name="sfdc:StandardButton.CaseComment.New"]:hover,
    .forceActionsContainer li {
        background-color: revert !important;
        border: none !important;
        text-decoration: none !important;
    }

    .clsSearchInput input[type=text] {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        opacity: 1;

        color: black;
        width: 250px;
        height: 30px;
        padding-left: 10px;
    }

    .clsSearchInput input[type=text]:focus {
        outline: none;
        border: 1px solid;
    }

    .serviceRequestIFIButton {
        outline: none;
    }

    .showEligibleOnlyCheckbox .slds-checkbox_faux {
        outline: 1px solid
    }

    .phoneNumber {
        color: #456BD1;
    }

    .boardReplacementLabels label {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;

        text-align: left;
        letter-spacing: 0px;
    }

    .productNameColumn .slds-hyphenate {
        margin-right: 10px;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23723988'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3e%3c/svg%3e") !important;
        background-repeat: no-repeat;
        background-position: right;
        transition: all;
    }

    .accordion-button.collapsed::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23723988'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3e%3c/svg%3e") !important;
        background-repeat: no-repeat;
        background-position: right;
        transition: all;
    }

	/*
	.accordion-button:not(.collapsed)::after {
    	background-image:none !important;
	}
	*/

    .datatable-orange {
        color: #fff;
        background-color: #e06000;
    }

    .datatable-orange:hover {
        color: #000;
        background-color: #e06000;
    }

    .myTable table>thead .slds-cell-fixed.slds-has-button-menu,
    .myTable table>thead .slds-cell-fixed.slds-has-button-menu:hover {
        background: none;
        font-size: 23px;
    }

    .slds-tabs_scoped {
        font-size: 16px;
        color: #3F454F;
        background-color: white;
    }

    .dataTableColumnBold a {
        font-weight: 500 !important;
        font-size: 16px;
        text-decoration: none !important;
    }

    .breadCrumbLink,
    .slds-dropdown__item>a
    {
        color: #456BD1 !important;
        text-decoration: none !important;
        font-size: 12px !important;
    }
    
    .outputLookupLink,
    .slds-card__header-link,
    .slds-form-element__control>a {
        color: #456BD1 !important;
        text-decoration: none !important;
    }    

    .dataTableDownloadLink:hover,
    .dataTableColumnBold:hover,
    .breadCrumbLink:hover,
    .outputLookupLink:hover,
    .slds-card__header-link:hover,
    a:hover {
        color: #3655AA !important;
        text-decoration: pointer !important;
        text-decoration: underline !important;
    }
    
    a[title="Upload Files"]:hover {
        color: white !important;
    }

    .dataTableColumn {
        font-weight: 100 !important;
        font-size: 16px;
        color: #3F454F;
    }

    .accordion-button:not(.collapsed) {
        color: #723988 !important;
        background-color: none !important;
    }

    .customLinkColumnVersionDetails {
        height: 17px !important;
        margin-right: 5px !important;
        filter: invert(30%) sepia(96%) saturate(1040%) hue-rotate(207deg) brightness(95%) contrast(89%) !important;
    }

    .footer a,
    .footer {
        color: white;
        text-decoration: none;
    }

    /* Hides All Follow buttons on record detail pages in Experience Cloud */
    div[data-target-selection-name*='.Follow'] {
        display: none;
    }

    .osano-cm-widget {
        display: none;
    }

    .osano-cm-button {
        background-image: none;
    }

    .osano-cm-close,
    .osano-cm-button {
        background-image: none;
    }

    .portfolioName {
        height: 35px;
        margin-top: 7px;
        font-size: medium;
        border-bottom: black; border-top: none !important; border-right: none !important; border-left: none !important; border-style: solid; border-width: 1px; opacity: 1;border-color: rgba(0, 0, 0, 0.125);
    
    }
    
    .portfolioName:hover {
        border-bottom: #723988; border-top: none !important; border-right: none !important; border-left: none !important; border-style: solid !important; border-width: 5px !important;
        cursor: pointer;
    }

    .boldSelection {
        font-weight: bold;
        border-bottom: #723988 !important; border-top: none !important; border-right: none !important; border-left: none !important; border-style: solid !important; border-width: 5px !important;
        cursor: pointer;        
    }

    .forceCommunityEmbeddedServiceHelpButton .flatButton {
        /*Color of the Chat Button*/
        background-color: #000 !important;
        margin: 0 !important;
        font-weight: normal !important;
        font-family: sans-serif !important;
        bottom: 0px !important;
    }

    .hamburgerLevel2Show {
        display: block;
        color: grey;
    }

    .hamburgerLevel2Hide {
        display: none;
        color: grey;
    }

    /* Asked By Ben. || START Added custom CSS properties in the following classes in order to show the footer at the bottom of the content. In case,
    Content is not acquiring entire view point then footer must be visible at the bottom of the view point. */
    
    .tcfooter-content,
    .footer {
        margin-top: auto !important;
    }

    .cTcCommunityThemeLayout,
    .themeLayoutStarterWrapper{
        display: flex !important;
        min-height: 100vh !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        background-size:100%;

        background-image: url('/resource/TCHeroBgHexPupleGradient1900x345') !important;
        background-repeat: no-repeat !important;
    }

    /* Asked By Ben. || END */
    .slds-tabs_scoped__link {
        color: #3F454F !important;
    }

    .slds-tabs_scoped__item:hover,
    .tabDiv .slds-is-active {
        border: 5px solid #723988 !important;
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
    }

    .forceListViewManager {
        /*This will add padding to the list views on the site.*/
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .forceCommunityRecordHeadline .body[force-placeholder2_highlights], .forceCommunityRecordHeadline .highlights.slds-page-header,
    .forceHighlightsPanel
    {
        background-color : white !important;
    }

    article div.tooltip-trigger { /* hide tool tip icon on articles */
        display : none !important;
    }

    /* hide text in Article detail page header */
    body.comm-page-article * div[role="listitem"]:nth-of-type(2) {
        display: none;
    }

    /* hide Company Name from User detail page header */
    body.comm-page-detail-005 * div[role="listitem"]:nth-of-type(2) {
        display: none;
    }

    body.comm-page-article * div[role="listitem"]:nth-of-type(3) {
        display: none;
    }

    /* Hide Validation Status on knowledge articles */    
    records-record-layout-item[field-label="Status"]{
        visibility : hidden;
    }

    /* Move LWC generated Close Case button down into Case heading */
    .caseCloseButton {
        top:25px;
    }

    /* Make LWC Close Case component narrow so it doesn't take up room on top of the Case heading */
    .caseCloseButtonLWC {
        height: 0px !important;
    }

    /* Remove the gear icon on related list views for cases, users, mdf */
    .forceListViewSettingsMenu {
        display : none;
    }

    /* Force all buttons on site to be a min width */
    button:not(.slds-modal__close, .tcLightningButton, [data-tab="MDF"], .osano-cm-close, .osano-cm-button, [title="Minimize chat"], [title="Close dialog"], [title="Expand the chat window"], .embeddedMessagingConversationButton, [aria-expanded], [title="Refresh"], .slds-button_icon-small,button[role="checkbox"][class="coveo-checkbox-button"],[data-element-id="searchClear"]) {
        min-width: 100px !important;
    }

    /* Force all buttons on site to be a min width */
    .forceActionLink div {
        min-width: 68px !important;
    }    

    /* Force MDF button on list view to not wrap */
    .tcLightningButton {
        text-wrap-mode: nowrap !important;
        min-width: fit-content !important;
    }
    
    /* Prevent background of contact name in global nav from changing */
    .profileMenu ul:first-child li:first-child a:hover {
        background : white !important;
    }

    /* Override New and Updates padding on home page */
    .forceCommunityDynamicCollectionGrid ul {
        padding-left : 0px !important;
    }

    /* Override New and Updates padding on home page */
    .forceHighlightsDesktopListRecordItem dt {
        overflow : unset !important;
    }

    /* Prevent truncating Title and Active on Profile Settings page */
    /*
    .profileMenu ul:first-child li:first-child a:focus {
        text-decoration : none;
    }
    */
    
    /* Added For the button hover action on following page.
        Page : https://myentrust--test.sandbox.my.site.com/s/login/error?language=en_US
        W-00015064
        START
    */
    
    .ssoErrorButton>a:hover,
        .ssoErrorButton:hover,
        .ssoErrorButton a:hover {
            background-color: #3655AA !important;
            border-radius: 50px !important;
            opacity: 1;
        }
        
        
        .ssoErrorButton,
        .ssoErrorButton a {
            height: 45px !important;
            width : 275px;
            background-color: #FFFFFF !important;
            border: 1px solid #456BD1 !important;
            border-radius: 50px !important;
            opacity: 1;
               
            text-align: center !important;
            font: normal normal normal 16px/28px Figtree !important;
            letter-spacing: 0px !important;
    
            display : flex;
            align-items : center;
            justify-content : center;
        }
        
        .ssoErrorButton:hover p:first-of-type{
            color: #FFFFFF;
        }
        
        .ssoErrorButton p:first-of-type{
            color: #456BD1;
        }
        
        .ssoErrorButtonTC,
        .ssoErrorButtonTC a {
            height: 45px !important;
            width : 275px;
            background-color: #456BD1 !important;
            border: 1px solid #456BD1 !important;
            border-radius: 50px !important;
            opacity: 1;
               
            text-align: center !important;
            font: normal normal normal 16px/28px Figtree !important;
            letter-spacing: 0px !important;
    
            display : flex;
            align-items : center;
            justify-content : center;
            color : white !important;
        
        }
        
        .ssoErrorButtonTC>a:hover,
        .ssoErrorButtonTC:hover,
        .ssoErrorButtonTC a:hover {
            background-color: #3655AA !important;
            border-radius: 50px !important;
            opacity: 1;
            color : white !important;
        }
    
    /* Added For the button hover action on following page.
        Page : https://myentrust--test.sandbox.my.site.com/s/login/error?language=en_US
        W-00015064
        END
    */
    
    /* Added to remove Source and action Cols from Case Attachments page in TC
         W-00015052 and W-00015065.
         Start
    */
    
    table[aria-label="Attachments"] thead tr th[aria-label="Source"],
    table[aria-label="Attachments"] tbody tr td:nth-child(6){
        display: none !important;
    }
    
    div.listViewContent table.uiVirtualDataTable thead tr th[aria-label="Action"],
    div.listViewContent table.uiVirtualDataTable tbody tr td:last-child{
        display: none !important;
    }
    
    div.listViewContent table.uiVirtualDataGrid thead tr th[aria-label="Action"],
    div.listViewContent table.uiVirtualDataGrid tbody tr td:last-child{
        display: none !important;
    }
    /* Added to remove Source and action Cols from Case Attachments page in TC
         W-00015052 and W-00015065.
         End
    */
    /*For TrustedCare Screenflow Buttons*/
    .slds-card__footer.navigationBar {
    display: flex !important;
    justify-content: center !important;
    }
    footer.footerContainer{
    position : relative !important;
    height : 50px !important;
    }
    .navigation-bar__right-align{
    position : absolute !important;
    top : 50% !important;
    left : 50% !important;
    transform : translate(-50%,-50%) !important;
    margin : auto !important;
    }
    .flow-button__NEXT button
    {
    border-radius: 50px !important;
    }
    .slds-modal__content .footerContainer{
    height: 50px;
    }

    .forceToastMessage {
        background-color: #723988 !important;
    }
    
    #cookiePolicyFrame { height: 2960px; overflow: auto; }

    @media (min-width: 360px) {
        #cookiePolicyFrame { height: 2540px; }
    }

    @media (min-width: 400px) {
        #cookiePolicyFrame { height: 2250px; }
    }

    @media (min-width: 576px) {
        #cookiePolicyFrame { height: 1740px; }
    }

    @media (min-width: 768px) {
        #cookiePolicyFrame { height: 1340px; }
    }

    @media (min-width: 992px) {
        #cookiePolicyFrame { height: 1220px; }
    }

    @media (min-width: 1280px) {
        #cookiePolicyFrame { height: 1080px; }
    }