/****** custom Lightning icons******/
.custom-icon svg{
    --slds-c-icon-color-foreground: rgba(0,0,69);
}
/****** custom Lightning icons End******/

/******* custom classes for Lightning component ********/
.list__ml-0 ul{margin-left: 0}
.list__mb-0 ul{margin-bottom: 0;}
.list-item__mb-0 li{margin-bottom: 0;}

.input-with-icon lightning-input input{
    padding-right: 30px;
}

.has_helpText{
    margin-bottom: var(--dxp-g-spacing-medium, 1rem);
}
.has_helpText lightning-input{
    margin-bottom: 0;
}
.lightning-input_helptext{
    font-size: 12px;
}


/**** added slds-grid, slds-grid_vertical and slds-col classes css ****/
.full-height-textarea{
	display: -webkit-box !important;
    display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}


.full-height-textarea textarea{
	height: 100%;
}

.createOrganisation .slds-form-element__legend{margin-bottom: 0;}

/**** FULL WIDTH FILE UPLOAD ****/
.full-width-file-upload .slds-file-selector,
.full-width-file-upload .slds-file-selector__dropzone,
.full-width-file-upload .slds-file-selector__dropzone slot{width: 100%;} 
.full-width-file-upload .slds-file-selector_files .slds-file-selector__body{ justify-content:  center;}

.full-width-file-upload .slds-file-selector__input:focus~.slds-file-selector__body>.slds-file-selector__button{
    -webkit-box-shadow: 0 0 0 0.1rem var(--dxp-s-form-element-color-border-focus, #ff8a00) !important;
    box-shadow: 0 0 0 0.1rem var(--dxp-s-form-element-color-border-focus, #ff8a00) !important;
}
.full-width-file-upload .slds-file-selector__button:hover{
    cursor: pointer;
    background-color: var(--slds-c-button-brand-color-background-hover, var(--sds-c-button-brand-color-background-hover, var(--dxp-s-button-color-hover, var(--dxp-g-brand-1, #014486))));
}

.file-uploaded-icons button.slds-button_icon svg{width: 1rem; height: 1rem;}
/**** FULL WIDTH FILE UPLOAD END ****/

.document-card lightning-button-icon .slds-button.slds-button_icon{color: rgb(0, 0, 69)}


.createOrg-loa lightning-primitive-input-file .slds-form-element__label{display: none;}
.customCheckboxGroup-required lightning-checkbox-group legend{display: none;}


.cpPortalTable table .slds-row-number {padding-left: 10px!important;}

/******* custom classes for Lightning component End ********/

/****** router-title -> Welcome to LWC communities *****/
.router-title{display: none;}

/****** router-title End -> Welcome to LWC communities *****/


/******** INFO CARDs *********/
.info-card-container a{
	text-decoration: none!important;
	color: var(--dxp-s-body-small-text-color, rgb(0, 0, 69))!important;
	display: block;
}
.info-card-container a:focus-visible .info-card,
.info-card:hover{
	background-color: var(--dxp-s-button-color-hover, #ff8a00);
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.info-card{
    margin-bottom: 20px;
}
.info-card-container a:before{
	content: '';
	display: block;
	height: 0.5px;
	background-color: rgb(0, 0, 69);
	position: relative;
}

.info-card lightning-icon{
	border: 1px solid rgb(0, 0, 69);
	padding: 5px;
    border-radius: 100%;
}
.info-card lightning-icon svg{fill: rgb(0, 0, 69);}

.info-card-container {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.info-card-container a:focus-visible{border: 0!important;}

.info-card-container a:focus .info-card-title,
.info-card:hover .info-card-title{text-decoration: underline;}
.info-card-container a:focus lightning-icon,
.info-card:hover lightning-icon{
    background-color: rgba(0,0,69);
    /*** Contrast issue fix ***/
    color: #fff;
}
.info-card-container a:focus lightning-icon svg,
.info-card:hover lightning-icon svg{fill: #fff}

/******** INFO CARDs END *********/

/****** [customDefaultComponents] Forgot Password, Check Password(Email) ******/

    .customForgotPassword .comm-forgot-password__title,
    .customCheckEmail .comm-check-email__title{
        background-color: rgb(0, 0, 69);
        color: var(--dxp-g-brand-contrast, #fff)!important;
        text-align: left;
        font-size: var(--dxp-s-text-heading-extra-large-font-size, 48px);
        font-weight: var(--dxp-s-text-heading-extra-large-font-weight, 900);
        line-height: var(--dxp-s-text-heading-extra-large-line-height);
        padding: 3rem 3.125rem;
    }
    .customForgotPassword .comm-forgot-password__container,
    .customCheckEmail .comm-check-email__container{
		    max-width: 700px!important;
        	margin: 2.8125rem auto!important;
			box-shadow: none;
			border: 0;
	}	
	.customForgotPassword .slds-form-element.slds-m-top_large.slds-m-bottom_large,
    .customCheckEmail .slds-form-element.slds-m-top_small.slds-m-bottom_large{
		text-align:right;
	}	
	.customDefaultComponents button{
		max-width: 180px!important;
        color: var(--dxp-s-button-color, rgba(0,0,69))!important;
	}    
	.customForgotPassword .comm-forgot-password__submit-button,
    .customCheckEmail .comm-check-email_return-button{
		    background-color: var(--dxp-s-button-color, rgba(0,0,69))!important;
         	color: var(--dxp-g-brand-contrast, #fff)!important;
	}
    .customForgotPassword .comm-forgot-password__cancel-button{
        border-color: var(--dxp-s-button-color, rgba(0,0,69))!important;
    }
    .customDefaultComponents button:hover,
    .customDefaultComponents button:focus{
        background-color: var(--dxp-s-button-color-hover, #ff8a00)!important;
        border-color: var(--dxp-s-button-border-color-hover, rgba(0,0,69))!important;        
    }
    .customDefaultComponents button:hover{
        color:	var(--dxp-s-button-color-hover-contrast, #fff)!important;
    }
    .customDefaultComponents button:focus{
        color:	var(--slds-c-button-text-color-hover, #fff)!important;
    }
    
/****** Forgot Password End******/


/****** popup css ******/

/* .slds-modal_small .slds-modal__container{
    width: 100%;
    max-width: 400px;
    min-width: 40rem;
} */

.customModalWrapper .popup-header .slds-modal__header{
    background : rgba(0,0,69);
    color: #fff;
    font-size: 18px;
    /* added for header text overlapping with close icon in modal 69532 */
    padding-right: 36px;
}

.customModalWrapper .popup-header .slds-modal__header .slds-modal__title:focus-visible{
    outline: none;
}

.customModalWrapper .slds-modal__content{
    font-size: 14px;
} 

.slds-modal .slds-modal__close{
    top: 43px;
    z-index: 1;
    right: 5px;
    /*** Contrast issue fix ***/
    background: rgb(0, 0, 69);
}
.slds-modal .slds-modal__close .slds-button.slds-button_icon{
    color: white;
}

.customModalWrapper .slds-modal__footer slot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
}

.customModalWrapper .singleButtonFooter .slds-modal__footer slot{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.customModalWrapper .slds-modal__footer .form-btn{
    width: 180px;
}

/****** Modal Inside Modal ******/
    .modalInsideModalBox lightning-button-icon.slds-modal__close{
        display: none;
    }
    /* .modalInsideModalBox ul{
        display: table;
        margin: 0 auto;
        text-align: left;
    } */
    .modalInsideModalBox ul li{
        margin-bottom: 0;
    }

/****** Custom Tabs Contact Page ******/
    .custom-tabs ul {
        list-style: none;
        padding-left: 0;
    }
    .custom-tabs a{
        text-decoration: none!important;
        font-size: 16px;
    }
    .custom-tabs .slds-tabs_default__item a:focus-visible{
		border: 0 !important
    }

    .custom-tabs .slds-tabs_default__item:has(:focus-visible){
         outline-color: #ff8a00;
    }

    .custom-tabs .slds-tabs_default__item.slds-is-active a{
        color: var(--dxp-g-root-contrast, rgba(0,0,69));
    }
    .custom-tabs .slds-tabs_default__nav{
        border-bottom-color: var(--slds-g-color-border-base-1, #e5e5e5);
    }
    .custom-tabs .slds-tabs_default__item.slds-is-active{
        border: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
        border-bottom: 0;
        background: white;
    }
    .custom-tabs .slds-tabs_default__item.slds-is-active:after{
        background: none
    }

    .custom-tabs .slds-tabs_default__item:hover:after,
    .custom-tabs .slds-tabs_default__item:focus:after{
        background-color: #ff8a00;
    }
/****** Custom Tabs Contact Page End******/

/****** Sidenav PRS Page End******/

.verticalNavigation-hideHeading .slds-nav-vertical__title{
    visibility: collapse;
    line-height: 0;
    padding: 0;
}

.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item.slds-is-active:before{
    background: #36C280;
}
.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item:hover:before{
    background: var(--slds-c-button-brand-color-background-hover, var(--sds-c-button-brand-color-background-hover, var(--dxp-s-button-color-hover, var(--dxp-g-brand-1, #014486))));
}

.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item .slds-nav-vertical__action{
    text-decoration: none;
}
.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{
    color: var(--dxp-s-link-text-color-hover, rgba(0,0,69));
    -webkit-box-shadow: inset 4px 0 0 var(--dxp-s-link-text-color-hover, rgba(0,0,69));
    box-shadow: inset 4px 0 0 var(--dxp-s-link-text-color-hover, rgba(0,0,69));
}

.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus,
.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item .slds-nav-vertical__action:focus:hover{
	outline: none;
}
.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item .slds-nav-vertical__action:focus,
.full-width-container-sidenav lightning-vertical-navigation-item.slds-nav-vertical__item .slds-nav-vertical__action:hover{
	-webkit-box-shadow: inset 4px 0 0 var(--dxp-s-link-text-color-hover, rgba(0,0,69));
    box-shadow: inset 4px 0 0 var(--dxp-s-link-text-color-hover, rgba(0,0,69));
}

/****** Sidenav PRS Page End******/

@media screen and (max-width: 992px) {

	/* .slds-modal_small .slds-modal__container{
		width: 100%;
        max-width: 85%;
        min-width: 80%;
    } */
}

/* 768px here */
@media screen and (max-width: 48em) {
    .responsive-three-buttons{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
    /* .responsive-three-buttons .form-btn{
        width: 100% !important;
    } */
}


@media only screen and (max-width: 480px) {
	.customModalWrapper .responsive-buttons .slds-modal__footer .form-btn,
    .createOrganisation .responsive-buttons .form-btn,
    .smartListContact .responsive-buttons .form-btn,
    .declaration-page .responsive-buttons .form-btn,
    .prs-manage-services .responsive-buttons .form-btn,
    .prs-new-registration .responsive-buttons .form-btn,
    .responsive-two-buttons .responsive-buttons .form-btn{
		width: 100%;
	}
	.customModalWrapper .responsive-buttons .slds-modal__footer slot > lightning-button:first-child, 
    .createOrganisation .responsive-buttons > lightning-button:first-child,
    .smartListContact .responsive-buttons > lightning-button:first-child,
    .declaration-page .responsive-buttons > lightning-button:first-child,
    .prs-manage-services .responsive-buttons > lightning-button:first-child,
    .prs-new-registration .responsive-buttons > lightning-button:first-child,
    .responsive-two-buttons .responsive-buttons > lightning-button:first-child{
		order: 2;
	}
    .customModalWrapper .responsive-buttons .slds-modal__footer slot > lightning-button:last-child, 
    .createOrganisation .responsive-buttons > lightning-button:last-child,
    .smartListContact .responsive-buttons > lightning-button:last-child,
    .declaration-page .responsive-buttons > lightning-button:last-child,
    .prs-manage-services .responsive-buttons > lightning-button:last-child,
    .prs-new-registration .responsive-buttons > lightning-button:last-child,
    .responsive-two-buttons .responsive-buttons > lightning-button:last-child{
        order: 1;
		margin-bottom: 1rem;
	}
	
}

/****** popup css End******/


/********** PRS specific **********/

lightning-datatable.cpPortalTable [kx-scope=button][kx-type=underline]:focus:after,
lightning-datatable.cpPortalTable [kx-scope=button][kx-type=underline]:hover:after{
    bottom: 2px;
    -webkit-transform: none;
    transform: none;
}

.prs-manage-services-parent lightning-datatable lightning-button button,
.sidenav-datatable-parent lightning-datatable lightning-button button{
    text-align: left;
}
.prs-manage-services-parent lightning-datatable tbody > tr,
.prs-deregister-services-parent lightning-datatable tbody > tr,
.sidenav-datatable-parent lightning-datatable tbody > tr{
    vertical-align: text-top;
}

.prs-manage-services-parent lightning-datatable .highlight-row,
.sidenav-datatable-parent lightning-datatable .highlight-row{
	background-color: rgb(0,0,69) !important;
    color: #fff !important;
}
.prs-manage-services-parent lightning-datatable .slds-has-focus,
.sidenav-datatable-parent lightning-datatable .slds-has-focus{
    -webkit-box-shadow: 0 0 0 2px #ff8a00 inset, 0 0 0 4px #FFFFFF inset !important;
    box-shadow: 0 0 0 2px #ff8a00 inset, 0 0 0 4px #FFFFFF inset !important;
}

/* .prs-manage-services-parent lightning-datatable .highlight-row.slds-has-focus{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
} */

/*
Style to make icons like delete, download in lightning-datatable bigger in size, 
using slds-button__icon class in the _css property or in the table configuration
*/
.big-icon-button .slds-button__icon,
.help-icon .slds-button__icon{ width:1rem; height:1rem }

.prs-manage-services-parent lightning-datatable button,
.sidenav-datatable-parent lightning-datatable button{ color: rgba(0,0,69) !important; }

.prs-manage-services-parent lightning-datatable .highlight-row button,
.sidenav-datatable-parent lightning-datatable .highlight-row button{ color: #fff !important; background-color: rgb(0, 0, 69); }

.prs-manage-services-parent lightning-datatable .highlight-row lightning-button-icon .slds-button.slds-button_icon,
.sidenav-datatable-parent lightning-datatable .highlight-row lightning-button-icon .slds-button.slds-button_icon{ color: #fff !important; }


/* Add Remove buttons */
.no-border-radius button{border-radius: 5px;}
.remove-btn button{
	background-color: #E30052 !important;
	border: 1px solid  #E30052 !important;
	color: #fff!important;
}
.remove-btn button:hover,
.remove-btn button:focus
{
    box-shadow: none !important;
    color: var(--dxp-s-button-color-focus-contrast) !important;
    background-color: var(--dxp-s-secondary-button-color-focus, #ff8a00) !important;
    border: 1px solid  #ff8a00 !important;
	/* background-color: #ff8a00 !important; */
}

/* Agree Checkbox * before checkbox */
.agreeCheckBox .slds-checkbox .slds-required {
    position: absolute !important;
    top: 0px;
    left: 20px;
}

.agreeCheckBox .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    margin-right: 16px
}

.error-text-cell lightning-icon svg {
    fill: var(--dxp-g-destructive);
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1;
}
.success-text-cell lightning-icon{
	padding:0.2rem;
}
.success-text-cell lightning-icon svg{
	width: 0.9rem;
    height: 0.7rem;
    line-height: 1;
}
.success-text-cell .slds-icon-action-approval{
	background-color: #36C280;
}
.success-text-cell{
	color:#36C280;
}