@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('/sfsites/c/resource/MyriadProRegular') format('opentype');
}



@font-face {
    font-family: "MyriadPro-Regular";
    src: url('/sfsites/c/resource/MyriadProBoldOtf') format('opentype');
    font-weight: bold;
}

/* removing box shadow for all the accordians and dropdowns */
button {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.slds-button:active {
    border: none;
}

/* Footer Map width fix to prevent extra horizontal scrolling */
lightning-map.slds-grid {
    overflow-x: clip;
}

/* Metro plus Logo styling - adjusting height and width*/
.logoImage {
    width: 205px !important;
    height: 35px !important;
}



/* Adding Color, FontSize to UserName */
p.comm-user-profile-menu__trigger-p {
    color: #3C3C3C !important;
    font-weight: bold;
    font-size: 16px !important;
}



/* Adding Color to UserName upon hover */
p.comm-user-profile-menu__trigger-p:hover {
    color: #760F82 !important;
}



/* Adding Font size for naviagtion menu lists*/
.comm-navigation__top-level-item-link {
    font-size: 16px;
    font-weight: bold;
}
.subMenu ul{
    font-weight:bold;
}


/* Adding Font size & weight for <h2> content title in the hero component*/
h2.contentTitle {
    font-weight: bold;
}


/* Adding Font size & weight for <p> content subtitle in the hero component*/
p.contentSubtitle {
    font-weight: bold;
    font-size: 32px !important;
}


/* To change Selected Page Number Color on insCustomHandlerTable  */
.vloc-ins-selected-page[vlocity_ins-insCustomHandlerTable_insCustomHandlerTable] {
    color: #760F82 !important;
}

/* To change Selected Page Number Color on mhp_customDataTable  */
.vloc-ins-selected-page[c-mhp_customDataTable_mhp_customDataTable] {
    color: #760F82 !important;
}

/*** BenefitCost Share Component**/
.benefitCostShareViewAll a:hover {
    text-decoration: none !important;
}

/* Text alignment for New Inquiry on member inquiries page*/
div[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish] .slds-page-header__title {
    text-align: left;
}

/*  Text alignment for member Inquiries on My profile page */
div[c-mhpmemberinquiriesenglish_mhpmemberinquiriesenglish] .omniscript-body {
    text-align: left;
}

/* removing boarder right from new inquiry Omniscript model */
.omniscript-body[data-stepborder='right'] {
    border-right: none !important;
}

.radioButtonsGap .slds-scope .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux {
    border-color: blue;
}

.radioButtonsGap .slds-form-element__control.slds-grid {
    gap: 15px;
}

/* Quick Contacts page SVG Icon Fix */
.GroupIcon svg {
    background: #760f82;
}

/* End Quick Contacts page SVG Icon Fix
    
    /* to make PCP confirmation as required field */
article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-body div[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].slds-grid.slds-wrap.slds-gutters.slds-p-horizontal_medium.slds-show_medium {
    justify-content: flex-end;
}

article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-previous,
article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-next,
article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-body div[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].slds-grid.slds-wrap.slds-gutters.slds-p-horizontal_medium.slds-show_medium>div {
    width: auto;
}

/* styling for new search button on select new PCP screen in member inquiry */
article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-previous button,
article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-next button {
    background: #760F82;
    color: white;
    font-size: 16px;
}

article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-body div[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].slds-grid.slds-wrap.slds-gutters.slds-p-horizontal_medium.slds-show_medium>div button {
    width: 128px;
    padding-top: 4px;
}

[data-element-label="actionnewinquiry"] .omniscript-btn-next button:hover {
    background: rgb(76, 10, 84) !important;
    color: #fff !important;
}


article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-save-for-later button {
    width: 70px;
    justify-content: center;
}

/* Adding red color for astrisk icon on PCP change flow */
[data-omni-key="PCPConfirmation"] .slds-checkbox__label {
    display: flex;
}

[data-omni-key="PCPConfirmation"] .slds-form-element__label {
    display: block !important;
    position: relative;
}

[data-omni-key="PCPConfirmation"] .slds-form-element__label::after {
    content: '*';
    position: absolute;
    left: 0;
    top: 1px;
    width: 8px;
    height: 8px;
    font-size: 14px;
    color: #FF0000 !important;
    font-weight: 500;
}

[data-omni-key="PCPConfirmation"] .slds-form-element__label::first-letter {
    color: #FF0000 !important;
}

/* placement error message text which is displayed for not slecting checkbox for PCP change request */

[data-omni-key="PCPConfirmation"]>slot .slds-form-container.slds-relative-tooltip {
    flex-direction: column-reverse;
    gap: 5px;
}

[data-omni-key="PCPConfirmation"]>slot .slds-form-element__help {
    margin-top: -20px;
}

/* add styling to comment section on PCP change*/
[data-omni-key="Comment"] textarea {
    font-weight: normal;
}

/* Making Select button on selecting new PCP search screen clickable at any surface */

.PrimaryCareProvideSearchButton button {
    display: block;
    text-align: center;
    width: 100%;
}

.PrimaryCareProvideSearchButton button span.btnLabel {
    margin-top: 3px;
    display: block;
}

@media screen and (max-width: 480px) {
		.downloadInfo .tooltipSection[vlocity_ins-tooltip_tooltip],
    	.requestIdInfo .tooltipSection[vlocity_ins-tooltip_tooltip]{
	        max-width: 8rem;
    	}
    	.downloadInfo .tooltipSection[vlocity_ins-tooltip_tooltip] > div,
    	.requestIdInfo .tooltipSection[vlocity_ins-tooltip_tooltip] > div{
    		line-height: 24px;
    	}
    }

/* font settings for input field texts on PCP change popup */
[data-omni-key="SearchBlock"] input {
    font-weight: normal;
}

/* adding pagination styling - applied globally */
.paginationButtonWrapper button.slds-button {
    font-size: 14px;
    border: none !important;
    background-color: transparent;
    padding: 0px;
    font-weight: 400;
}

.vloc-ins-selected-page {
    text-decoration: underline;
    color: #760F82;
}

/* space between view profile and get Direction  */
.findCareResultsbottom slot>div {
    justify-content: space-between;
}

/* Adjusting Find care Google map resolution */
    /* findCareMap Positions*/
.findCareMap iframe{
    min-height: 569px;
    max-height: 390px;
	 position: relative !important;
}
.findCareMap .slds-map:before{
    padding-top: 0;
}

/* Adding padding 0 to View PCP action */
.ViewPCPCard div.slds-modal__content {
    padding: 0 !important;
}

/* Adding width 100% to View PCP action */
.flexActionElement .slds-modal__container {
    width: 100%;
}


/*Important Contacts*/
.ImportantContacts vlocity_ins-flex-card-state {
    max-width: 23%;
    margin-right: 14px;
}

@media screen and (max-width: 767px) {
    .ImportantContacts vlocity_ins-flex-card-state {
        max-width: 100%;
        margin-right: 14px;
    }
}

/*Other Contacts*/
.OtherContacts vlocity_ins-flex-card-state {
    max-width: 32%;
    margin-right: 14px;
}

.quickContactsBlockWrapper div[c-cfmhp_mpquickcontactsmorecontacts_cfmhp_mpquickcontactsmorecontacts]>vlocity_ins-flex-card-state {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .OtherContacts vlocity_ins-flex-card-state {
        max-width: 100%;
        margin-right: 14px;
    }
}

/***Top Nav Links***/
/*
    .forceCommunityThemeNav.emberInnerHeader .mainNavItem .linkBtn {
        color: rgb(255, 255, 255) !important;
    }*/

/* Branding Styles for Find Care in Member Portal */
.find-care__container .findCareBox,
.find-care__outline-button>vlocity_ins-flex-action>.action-template>span>c-button>button {
    border-color: #760F82 !important;
}

.find-care__breadcrumbs .slds-action_text>span,
.find-care__breadcrumbs .find-care__breadcrumb-link,
.find-care__link-button span.btnLabel,
.find-care__link span,
.find-care__outline-button>vlocity_ins-flex-action>.action-template>span>c-button>button>span.btnLabel {
    color: #760F82 !important;
}

.find-care__brand-button {
    background-color: #760F82 !important;
}

c-cf-mhp_pp-status-indicator .slds-path__nav {
    overflow-x: scroll;
}

c-formatted-phone > lightning-formatted-phone > a {
    color: #760F82 !important;
}
.footerFormattedPhone lightning-formatted-phone > a {
    color: #FFFFFF !important;
}


/* End Branding Styles for Find Care in Member Portal */

/* MP Specific Branding Styles */
c-cf-mhp_pp-paginations .slds-button.slds-button_neutral {
    color: #760F82;
}

c-cf-mhp_pp-paginations .vloc-ins-selected-page {
    color: #760F82 !important;

}

.plan-materials-container .toolTipClass .vlocity-btn{
    color: #FFFFFF;
}

.forceContentContentVersionFieldsEditor > div:first-child {
    display:none;
}

/* End MP Specific Branding Styles */

/* Mobile Utilities */

.mp-desktop {
    display: block;
}

.mp-mobile {
    display: none;
}

@media only screen and (min-width: 48em) {
    .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
        border-color: white !important;
    }
}

@media only screen and (max-width: 480px) {
    .mp-desktop {
        display: none;
    }

    .mp-mobile {
        display: block;
    }

}

/* End Mobile Utilities */

/* Mobile Styles */
@media only screen and (max-width: 480px) {
    .forceCommunityThemeHeaderStacked .themeLogo, 
    .OLJS-language-selector {
    	display: none !important;
	}

    .tabs-container>vlocity_ins-block>.block-container>div>div>slot>.slds-grid.slds-wrap {
        flex-wrap: nowrap;
    }

    .tabs-container>vlocity_ins-block>.block-container>div>div>slot>.slds-grid.slds-wrap>div {
        flex: 1;
        align-self: stretch;
    }

    .tabs-container>vlocity_ins-block>.block-container>div>div>slot>.slds-grid.slds-wrap>div {
        flex: 1;
        align-self: stretch;
        padding: .5rem .25rem;
    }

    .tabs-container>vlocity_ins-block>.block-container>div>div>slot>.slds-grid.slds-wrap>div>vlocity_ins-block>div {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .deductible-family-accumulator-container .slds-grid.slds-wrap>div {
        padding-left: 0;
        padding-right: 0;
    }

    .mhp-accumulator-wrapper .slds-grid.slds-wrap>div {
        padding-left: 0;
        padding-right: 0;
    }

    .disclaimer-container {
        padding-left: 24px;
    }

    .mhp-coverages-container__block>vlocity_ins-block>.block-container>.slds-grid.slds-wrap .slds-grid.slds-wrap>div:first-child {
        display: none;
    }

    .mhp-coverages-container__block>vlocity_ins-block>.block-container>.slds-grid.slds-wrap .slds-grid.slds-wrap>div {
        width: 100%;
    }

    .mhp-coverages-container__block>vlocity_ins-block>.block-container>.slds-grid.slds-wrap .slds-grid.slds-wrap>div:nth-child(2) {
        font-weight: bold;
    }

    .mhp-coverages-container__block>vlocity_ins-block>.block-container>.slds-grid.slds-wrap .slds-grid.slds-wrap {
        padding: 8px 16px;
    }

    .member-details__name {
        flex: 1 !important;
    }

    .member-details__type {
        flex: 1 !important;
    }

    .plan-details-block {
        padding: 0
    }

    .plan-details__accumulator {
        order: 2;
        width: 100%;
    }

    .plan-details__label {
        width: 50%;
        padding: 0;
    }

    .plan-details__value {
        width: 50%;
    }

    .plan-details__text-amount {
        order: 4;
        margin-top: 0;
        width: 50%;
    }

    .plan-details__date-to-current-date {
        width: 50%;
        padding: 0;
        align-self: flex-end;
    }

    .plan-details__subtext-heading {
        padding-left: 0;
        padding-top: 8px;
    }

    .plan-details__plan-block {
        padding: 0;
        margin: 0 0 20px 0;
    }

    .plan-details__plan-block-list {
        padding-right: 8px !important;
    }

    .plan-details__disclaimer {
        margin-left: 0;
    }

    .plan-details__summary-block {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .claims__submit-button {
        align-self: center;
        padding-top: 0;
    }

    .claims-list__field,
    .claims__field-block {
        padding-right: 0;
    }

    .medical-plan-details__field {
        padding-top: 16px;
    }

    .medical-plan-details__field:first-child {
        padding-top: 0;
    }

    .scroll-horizontal {
        overflow-x: scroll;
    }

    /* Mobile modal padding/spacing fixes */
    .slds-modal__container {
        margin: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* End Mobile modal padding/spacing fixes */

    /* My Profile Mobile Styles */
    .profile-card>vlocity_ins-block>.block-container>.slds-grid.slds-wrap>.slds-col>slot>.slds-grid.slds-wrap {
        justify-content: space-evenly;
    }

    /* End My Profile Mobile Styles */

    /* Provider Profile Mobile Styles */
    .findCareMap .slds-map {
        min-width: auto;
    }

    /* End Provider Profile Mobile Styles */
    article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-previous,
    article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-btn-next,
    article[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].omniscript-article .omniscript-body div[c-mhpmppcpchangerequestenglish_mhpmppcpchangerequestenglish].slds-grid.slds-wrap.slds-gutters.slds-p-horizontal_medium.slds-show_medium>div {
        width: 100%;
    }


    /* Find Care Mobile Styles */
    .submitButton>vlocity_ins-flex-action>div>span>c-button>button.vlocity-btn.slds-button.slds-button_neutral {
        width: 100%;
    }

    /* End Find Care Mobile Styles */
    .InquiryDetailsTabr .mobile-full-width {
        margin-top: 1rem;
    }

    .InquiryDetailsTabr .inquiry-icon {
        display: flex;
    }
}

/* End Mobile Styles */

/*** Member Inqiry OS CSS fixes ***/

[data-omni-key="StepMemberInquiry"] [data-omni-key="BlockInputFields"] fieldset.slds-accordion__content.omni-block_content, [data-omni-key="StepMemberProfileUpdate"] [data-omni-key="BlockBlockInputFieldsmp"] fieldset.slds-accordion__content.omni-block_content{
    padding-left: 0 !important;
}
/*** Member Inqiry OS hyperlink color fixes ***/
[data-omni-key="StepMemberInquiry"] vlocity_ins-omniscript-text-block a{
    color:#760F82;
}

.vlocity_ins-omniscript-step {
    text-align: initial !important;
}
/* Care Plans Styles for MemberPortal */
.carePlanTableWrapper .tableRowCell a {
  color: #760F82 !important;
}

/* Removing underline from step name for HRA omniscript */
[data-omni-key="DRExtractMemberDetails"] .vlc-separator {
display: none;
}

/* Claim Details Page Custom CSS*/
.ClaimDetailHighlightPanel {
  border-bottom: 6px solid #760f82 !important;
}

.ClaimDetailsMemberId { 
	color: #760f82 !important;
}
.ClaimLineItemArrows svg{
    fill : #760f82 !important;
}

.ClaimDetailsButton .slds-button {
  color: #760f82 !important;
}

.ClaimDetailsButton .vlocity-btn {
     color: var(--mhp-brand, #760F82);
    border: 1px solid var(--mhp-brand, #760F82);
    border-width: 2px;
}

.ClaimDetailsButton .vlocity-btn:hover{
    background: transparent;
}

/*.ClaimDetailsButton .vlocity-btn:hover {
     border: 1px solid var(--mhp-brand-active, #5c0c64);
    color: var(--mhp-brand-active, #5c0c64);
}*/

/* Text alignment for Register For An Account on Account Register page*/
div[c-mhpppproviderregistrationformenglish_mhpppproviderregistrationformenglish] .slds-page-header__title {
    text-align: left;
}

/* New member Inquiries home page update */
.memberPortalTableData .vloc-ins-table-row .vloc-ins-table-row-cell:first-child a{
    font-size: 14px;
    color: #760F82;
    font-weight: bold;
}

.memberPortalTableData .vloc-ins-table-row .vloc-ins-table-row-cell {
    font-size: 14px;
}

.providerInqueryBox [data-element-label="actioncardhyperlink"] a span{
    color: #760F82 !important;
}

.memberPortalTabsBlock{
    border-bottom: 4px solid #760F82 !important;
}
.memberPortalTabsText{
    color: #760F82 !important;
}

.memberPortalTableData .vloc-ins-text-bold[vlocity_ins-insCustomHandlerTable_insCustomHandlerTable]{
    color: #514F4D;
    font-size: 14px;
}

article[c-mhpmprequestnewidcardforportalenglish_mhpmprequestnewidcardforportalenglish],
.slds-order_2.slds-medium-order_1,
[data-omni-key="StepRequestIdCard"] [data-omni-key="TextBlockName"],
[data-omni-key="StepRequestIdCard"] > h1{
	text-align: left;
}

article[c-mhpmprequestnewidcardforportalenglish_mhpmprequestnewidcardforportalenglish] .vlc-separator[vlocity_ins-omniscriptStep_omniscriptStep]{
	border-color: #760F82;
}
/*Auth Deatils Page*/
.accordianTitle .slds-text-heading_small.blockLabel{
    font-size: 16px !important;
    line-height: 17px !important;
    color: #760F82 !important;
    font-weight: bold;
}
/*Claim Details Mibile view*/
@media screen and (max-width: 480px){
    .comm-page-custom-claim-detail-page .forceCommunityThemeHeroStarter{
        display: none;
    }

    .isPageWidthFixed-true{
        margin-top: 50px !important;
    }


}

/* Text Align for Find Care OS Step */
div[c-cfmhp_ppfindcareviewprofiledetails_cfmhp_ppfindcareviewprofiledetails] .slds-modal__content {
    text-align: left;
    font-weight: 400;
}

/*Footer Map Fix */
.footerMap .slds-map iframe {
    max-width: 70%;
}

.ViewIdCard .slds-modal__content{
    padding: 0;
}

.omniscript-btn-save-for-later button:focus{
    border: solid 2px #4C0A54;
    box-shadow: 0px 0px 1px 1px #4C0A54;
}
/*For All the button focus*/

.findcare_viewProfile button:focus,
.findcareUpdateButtons button:focus,
.findcarePrimaryButtons button:focus{
    width: 100%;
    text-align: center;
    display: block !important;
}
.find-care__brand-button button:focus{
    border: solid 4px #4C0A54;
    box-shadow: 0px 0px 1px 1px #4C0A54;
}

.view-profile-container{
	margin-right: 29px;
    width: 210px;
}

.view-profile-container slot>div{
    display: block;
}

.view-profile-container .find-care__brand-button{
    width: auto;
}

button.slds-button.slds-button_neutral.comm-user-profile-menu__login-button {
    color: #fff !important;
}

@media screen and (max-width: 768px) {
        /* Hide file upload component in member inquiries on non-desktop form factors (mandatory custom fields not supported in default file upload component outside of desktop) */
        c-m-h-p-member-inquiries-english vlocity_ins-omniscript-file[data-omni-key="FileOtherAttachments"] {
            display: none
        }    
}


/* Display Preferences gray when not set *************/

/* Default style */
.field-value {
  color: black;
}

/* Change to gray if content is 'not set' (case-insensitive) */
.field-value:before {
  content: attr(title);
  display: none;
}

/* Target when the actual text content is 'not set' */
.field-value[title="not set"] {
  color:  gray !important;
  font-style: italic;
}

:host ::ng-deep .field-value[title="not set"] {
  color: gray !important;
  font-style: italic;
}

/* End of Display Preferences gray when not set ***************/