/* Footer styles */ 
    
.footer-community-container{
	margin: 0 !important;   
}
community_byo-scoped-header-and-footer{
 	display: flex;
    flex-direction: column;
    height: 100%;       
}

/* Lightning buttons styles */ 
    
.slds-button{
    border-radius: 6px;
    --dxp-s-button-font-size: 14px;  
    --sds-c-button-spacing-block-end: 2px;
    --sds-c-button-spacing-block-start: 2px;
}
lightning-button:not(.navigationMenuItem) .slds-button{
    padding: 4.5px 16px;
}

c-community-navigation-menu lightning-button.navigationMenuItem .slds-button{
    color: var(--text-base-default);
    line-height: 20px;
    font-size: 15px;
}

c-community-navigation-menu .navitem[data-is-active="true"] lightning-button.navigationMenuItem .slds-button{
    font-weight: 700;
}

c-community-navigation-menu lightning-button.navigationMenuItem .slds-button .slds-button__icon{
    width: 16px;
    height: 16px;
    fill: var(--icons-base-default);
    margin-right: 6px;
    vertical-align: sub;
}

c-profile-dropdown lightning-button.navigationMenuItem .slds-button{
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 8px;
    width: 100%;
}
c-profile-dropdown lightning-button.navigationMenuItem{
    width: 100%;
}

main lightning-button[variant="base"] .slds-button::after,
lightning-button.navigationMenuItem .slds-button::after{
    content: none;
}
main lightning-button[variant="base"]:not(.saveAsDraft) .slds-button:hover{
    background-color: #F3F3F3;
}
main lightning-button[variant="base"].saveAsDraft .slds-button:hover{
    text-decoration: underline;
}
main lightning-button[variant="base"] .slds-button{
    color: rgb(8, 65, 198);
}

.slds-button.slds-button_outline-brand > lightning-primitive-icon > svg,
.slds-button.slds-button_brand > lightning-primitive-icon > svg,
.slds-button.slds-button_neutral > lightning-primitive-icon > svg,
.slds-button.slds-button_destructive > lightning-primitive-icon > svg,
.slds-button.slds-button_text-destructive > lightning-primitive-icon > svg,
.slds-button.slds-button_success > lightning-primitive-icon > svg,
.slds-button.slds-button_inverse > lightning-primitive-icon > svg{
    width: 16px;
    height: 16px;
}
.slds-button.slds-button_outline-brand > lightning-primitive-icon,
.slds-button.slds-button_brand > lightning-primitive-icon,
.slds-button.slds-button_neutral > lightning-primitive-icon,
.slds-button.slds-button_destructive > lightning-primitive-icon,
.slds-button.slds-button_text-destructive > lightning-primitive-icon,
.slds-button.slds-button_success > lightning-primitive-icon,
.slds-button.slds-button_inverse > lightning-primitive-icon{
    display: flex;
}
.slds-button.slds-button_outline-brand{
	border-color: var(--foundation-blues-blue-50);
    color: var(--foundation-blues-blue-50);
}
.slds-button.slds-button_outline-brand:hover{
    color: var(--foundation-blues-blue-30);
    background-color: var(--foundation-grays-neutral-95);
}
.slds-button.slds-button_outline-brand:disabled{
    background-color: var(--icons-base-white);
    border-color: var(--foundation-grays-neutral-80);
    color: var(--foundation-grays-neutral-90);
}
.slds-button.slds-button_brand{
    background-color: var(--foundation-blues-blue-60) !important;
}
.slds-button.slds-button_brand:hover{
    background-color: var(--foundation-blues-blue-30) !important;
    border-color: var(--foundation-blues-blue-30);
}
.slds-button.slds-button_brand:disabled, 
.slds-button.slds-button_destructive:disabled, 
.slds-button.slds-button_success:disabled,
.slds-button.slds-button_inverse:disabled{
    background-color: var(--foundation-grays-neutral-65) !important;
    border-color: var(--foundation-grays-neutral-65) !important;
    transform: none;
}
.slds-button.slds-button_neutral{
    border-color: var(--foundation-grays-neutral-50);
    color: var(--foundation-grays-neutral-50) !important;
}
.slds-button.slds-button_neutral:hover{
    color: var(--foundation-grays-neutral-40) !important;
    background-color: var(--foundation-grays-neutral-95);
    border-color: var(--foundation-grays-neutral-50); 
}   
.slds-button.slds-button_neutral:focus, .slds-button.slds-button_neutral:active{
    box-shadow: 0px 0px 3px 0px #084FF0;
    border-color: var(--foundation-grays-neutral-70);
}
.slds-button.slds-button_neutral:disabled, .slds-button.slds-button_text-destructive:disabled{
    color: var(--foundation-grays-neutral-80);
    border-color: var(--foundation-grays-neutral-80);
    background-color: var(--icons-base-white);
}

.slds-button.slds-button_destructive{
    background-color: #BA0517;
    border-color: #BA0517;
}
.slds-button.slds-button_destructive:hover{
    background-color: #8E030F;
    border-color: #8E030F;
}
.slds-button.slds-button_destructive:focus, .slds-button.slds-button_destructive:active,
.slds-button.slds-button_success:focus,.slds-button.slds-button_success:active,
.slds-button.slds-button_inverse:focus, .slds-button.slds-button_inverse:active,
.slds-button.slds-button_brand:focus, .slds-button.slds-button_brand:active,
.slds-button.slds-button_outline-brand:focus, .slds-button.slds-button_outline-brand:active{
    box-shadow: 0px 0px 3px 0px #084FF0;
}

.slds-button.slds-button_text-destructive{
    border-color: var(--foundation-grays-neutral-50);
    color: #C23934;
}
.slds-button.slds-button_text-destructive:hover{
    background-color: var(--foundation-grays-neutral-95);
}
.slds-button.slds-button_text-destructive:focus, .slds-button.slds-button_text-destructive:active{
    box-shadow: 0px 0px 3px 0px #084FF0;
    border-color: var(--foundation-grays-neutral-70);
}

.slds-button.slds-button_success{
    background-color: var(--icons-colored-success);
    border-color: var(--icons-colored-success);
    color: var(--text-text-white);
}
.slds-button.slds-button_success:hover{
    background-color: var(--palette-green-70);
    border-color: var(--palette-green-70);
    color: var(--text-text-white);
}
.slds-button.slds-button_inverse{
    border-color: var(--foundation-grays-neutral-80);
    color: var(--text-text-white); 
}
.slds-button.slds-button_inverse:hover{
    color: var(--foundation-blues-blue-50);
    border-color: transparent;
    background-color: var(--foundation-grays-neutral-95);
}

.slds-button:disabled:focus,
.slds-button:disabled:active,
.slds-button.slds-button_brand:disabled:focus, 
.slds-button.slds-button_brand:disabled:active,
.slds-button.slds-button_outline-brand:disabled:focus,
.slds-button.slds-button_outline-brand:disabled:active,
.slds-button.slds-button_neutral:disabled:focus,
.slds-button.slds-button_neutral:disabled:active,
.slds-button.slds-button_destructive:disabled:focus,
.slds-button.slds-button_destructive:disabled:active,
.slds-button.slds-button_text-destructive:disabled:focus,
.slds-button.slds-button_text-destructive:disabled:active,
.slds-button.slds-button_success:disabled:focus,
.slds-button.slds-button_success:disabled:active,
.slds-button.slds-button_inverse:disabled:focus,
.slds-button.slds-button_inverse:disabled:active{
    box-shadow: none;
}

c-community-navigation-menu .slds-button.slds-button_outline-brand > lightning-primitive-icon > svg{
    fill: #084FF0;
}

button[name="Download"]{
    max-width: 25px;
    max-height: 25px;
}
button[name="Download"]:hover{  
    background-color: #0841C6!important; 
}

c-portal-quote-configuration .buttonBase>button::after{
    width: calc(100% - 32px) !important;
}

/* Card styles */   
.slds-card{  
	--slds-c-card-sizing-border: 0;
    --slds-c-card-shadow: 0;
}
    
lightning-card .slds-card__header-title span{
	font-size: 16px;
    font-weight: 700;
}
    
/* Badge styles */ 
    
.slds-badge{
	--slds-c-badge-color-background: var(--foundation-grays-neutral-80);
	--slds-c-badge-text-color: var(--text-base-default);
    font-weight: 700;
}
.slds-badge .slds-theme_error{
    --slds-c-badge-color-background: var(--text-stateful-error);   
}

.datatable-left-panel .slds-nav-vertical__action{
	font-size: 13px;
}
    
/* Lightning input styles */ 
  
.slds-form-element__label{
    color: var(--text-text-weak);
    font-size: 14px;  
    margin-bottom: 3px;
    font-weight: 400;
}
    
.slds-form-element__label abbr{
	font-size: 12px;
    padding-right: 8px;
}
.slds-input, .slds-textarea{
	border-color: var(--foundation-grays-neutral-50);
    color: var(--text-text-placeholder);
    border-radius: 4px;
    line-height: 20px;
    font-size: 13px;
}
.slds-input:focus, .slds-input:active{
    border-color: var(--foundation-blues-blue-60);
    box-shadow: 0px 0px 3px 0px #0070D2;
}
.slds-input[disabled]{
    border-color: var(--foundation-grays-neutral-80);
    color: var(--foundation-grays-neutral-90);
}
.slds-input[readonly]{
    font-size: 13px;
    color: var(--text-base-default);
}
.slds-input-has-icon .slds-input__icon{
    fill: var(--icons-base-light); 
}
c-portal-location-search .slds-input::-webkit-input-placeholder{
    font-size: 15px;
}
.slds-input::-webkit-input-placeholder{
    color: var(--text-text-placeholder);
    font-size: 13px;
    font-family: 'Source Sans 3', sans-serif !important;
}

.slds-has-error .slds-input{
    border-color: #BA0517;
}

.slds-has-error .slds-form-element__help{
    color: var( --text-stateful-error);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Source Sans 3', sans-serif !important;
}

lightning-helptext>.slds-form-element__icon{
    vertical-align: text-bottom;
}
lightning-helptext{
    vertical-align: text-bottom;
}
lightning-helptext.ttExternalReference,
lightning-helptext.ttExternalReference>.slds-form-element__icon{
    vertical-align: unset;
}

lightning-helptext.ttExternalReference>.slds-form-element__icon,
lightning-helptext.ttExternalReference>.slds-form-element__icon button{
	padding: 0;
}

lightning-helptext.ttExternalReference>.slds-form-element__icon button{
    height: 16px;
}

lightning-input.helpText .slds-form-element__label{
    padding-right: 3px;
}

/* Lightning inupt legend */
.siteAccessLegend legend.slds-form-element__legend{
    color: #444;
}

/* Lighting dual box */
lightning-dual-listbox .slds-form-element__label{
    font-weight: 400;
    padding-bottom: 4px;
}
lightning-dual-listbox span.slds-media__body{
    font-size: 14px !important;
}

/* File sector */
.slds-file-selector__dropzone .slds-file-selector__body>.slds-file-selector__text{
    font-size: 13px;
}
.slds-file-selector__dropzone .slds-file-selector__body>.slds-file-selector__button{
    color: #0841C6 !important;
}
.slds-file-selector__dropzone{
    border: 1px dashed var( --foundation-grays-neutral-80);
    padding: 4px 12px 4px 4px;
}
c-portal-full-page-popup .slds-file__crop{
    cursor: default !important;
}
c-portal-full-page-popup .slds-file__crop:before, c-portal-full-page-popup .slds-file__crop:after{
    content: none !important;
}
/* Lightning checkbox */
.slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    border-radius: 2px;
    border-color: var(--foundation-grays-neutral-80) !important;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after{
    border-color: var(--foundation-blues-blue-60);
}

.slds-checkbox [type=checkbox]:focus:checked+.slds-checkbox__label .slds-checkbox_faux{
    box-shadow: 0px 0px 3px 0px #0070D2;
}
.slds-checkbox [type=checkbox]:disabled:checked+.slds-checkbox__label .slds-checkbox_faux::after{
    border-color: var(--icons-base-light);
}
.slds-checkbox [type=checkbox]:disabled+.slds-checkbox__label .slds-checkbox_faux{
    background-color: var(--foundation-grays-neutral-90);
}

.slds-checkbox .slds-checkbox__label .slds-form-element__label{
    font-size: 13px;
}

.slds-checkbox .slds-required{
    color: #BA0517;
}

/* Lightning checkbox button */

.slds-checkbox_add-button .slds-checkbox_faux:before, .slds-checkbox_add-button .slds-checkbox_faux:after{
    background: var(--foundation-blues-blue-60);
}

.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux{
    background: var(--foundation-blues-blue-50);
}

.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox][disabled]:checked+.slds-checkbox_faux{
    background-color: var(--icons-base-disabled);
}

.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux:after{
    background: white;
}

/* Lightning checbox toggle */

.slds-checkbox_toggle .slds-checkbox_faux{
    background-color: #AEAEAE;
}
.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux{
    background-color: var(--foundation-blues-blue-50);
}

.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_on, .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_off{
    font-size: 10px;
    color: var(--text-text-weak);
}

.slds-checkbox_toggle [type=checkbox]:disabled+.slds-checkbox_faux_container .slds-checkbox_faux{
    background-color: var(--icons-base-light);
    border-color: var(--icons-base-light);
}

/* Lightning combobox */

lightning-combobox .slds-combobox>.slds-combobox__form-element>.slds-input__icon-group>.slds-input__icon{
    display: flex;
    align-items: center;
}

.slds-combobox__input span{
    font-size: 13px;
}

.slds-combobox__input:focus{
    box-shadow: 0px 0px 3px 0px #0070D2;
    border-color: var(--foundation-blues-blue-60);
}

.slds-combobox__input:disabled{
    background-color: var(--foundation-grays-neutral-90);
}

.slds-form-element .slds-has-error{
    --slds-c-input-color-border: #C23934;
}

.slds-dropdown-trigger .slds-dropdown .slds-listbox__option-icon svg path{
    fill: var(--foundation-blues-blue-60);
}

.slds-dropdown-trigger .slds-dropdown .slds-listbox__option span{
    font-size: 13px;
}

/* Lightning radio */

.slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{
    border-color: var(--foundation-grays-neutral-80);
}

.slds-radio [type=radio]+.slds-radio__label .slds-form-element__label{
    font-size: 13px;
}

.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after{
    background-color: var(--foundation-blues-blue-50);
}

.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux{
    background-color: var(--foundation-grays-neutral-90);
}

.slds-radio [type=radio][disabled]:checked+.slds-radio__label .slds-radio_faux::after{
    background-color: var(--foundation-grays-neutral-80);
}

/* Lightning radio buttons group */
.slds-radio_button-group{
    border-color: var(--foundation-grays-neutral-50);
}
.slds-radio_button-group>.slds-button.slds-radio_button{
    border-radius: 0px;
    --sds-c-button-spacing-block-end: 0px;
    --sds-c-button-spacing-block-start: 0px;
}
.slds-radio_button__label{
    padding: 4px 0;
}
.slds-radio_button [type=radio]:checked+.slds-radio_button__label{
    background-color: var(--foundation-blues-blue-60);
}
.slds-radio_button [type=radio]:hover+.slds-radio_button__label{
    background-color: #F4F6F9;
}
.slds-radio_button [type=radio]:disabled+.slds-radio_button__label{
    border-color: var(--foundation-grays-neutral-80);
}
.slds-radio_button [type=radio]:disabled+.slds-radio_button__label .slds-radio_faux{
    color: var(--foundation-grays-neutral-80);
}
.slds-radio_button [type=radio]:focus+.slds-radio_button__label{
    box-shadow: none;
}

.slds-radio_button-group .slds-button:hover{
    border-color: #747474;
}
/* Tabs */ 
lightning-tabset.services .slds-tabs_default__nav{
    justify-content: start !important;
}

c-portal-service-header-card lightning-tabset.services .slds-tabs_default__nav{
    padding-left: 32px;
}

lightning-tabset.ticketDetail .slds-tabs_default__nav{
    padding-left: 10%;
}
.slds-tabs_default:not(:has(.dedicatedOnly)) .slds-tabs_default__nav{
    border-bottom-color: var(--foundation-grays-neutral-90);
    display: flex;
    justify-content: center;
}
.slds-tabs_default:has(.dedicatedOnly) .slds-tabs_default__nav{
    border-bottom: none;
}
.slds-tabs_default__item:after{
    height: 1px;
    background-color: var(--foundation-grays-neutral-50);
}
.slds-tabs_default__item.slds-is-active:after{
    background-color: #1589EE;
    height: 2px;
}
.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link{
    color: var(--text-base-default);
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
}
.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link:hover{
    text-decoration: none;
}
.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link lightning-icon svg{
    width: 16px;
    height: 16px;
}
.slds-tabs_default__content{
    padding: 0;
}
.slds-tabs_default .slds-tabs_default__nav .slds-tabs_default__overflow-button{
    display: none;
    visibility: unset !important;
}

.listViewTabset .slds-tabs_default .slds-tabs_default__nav{
    justify-content: flex-start;
}
.listViewTabset .slds-tabs_default  .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active .slds-tabs_default__link{
    font-weight: 700;
}
.listViewTabset .slds-tabs_default  .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link{
    font-size: 20px;
    font-weight: 400;
}
.listViewTabset .slds-tabs_default  .slds-tabs_default__nav .slds-tabs_default__item{
    padding: 10px 12px;
}
.listViewTabset .slds-tabs_default  .slds-tabs_default__nav li:first-child:nth-last-child(2):after{
    display: none;
}
.listViewTabset .slds-tabs_default  .slds-tabs_default__nav li:first-child:nth-last-child(2) a{
    cursor: auto;
}
.listViewTabset .slds-tabs_default__content{
	position: unset;
}
.listViewTabset .slds-tabs_default__item:after{
    height: 0px;
}
.listViewTabset .slds-tabs_default__item.slds-is-active:after{
    height: 2px;
}

/* Vertical navigation */

.slds-nav-vertical__item .slds-nav-vertical__action{
    color: var(--text-base-default) !important;
}

.slds-nav-vertical__item.slds-is-active:before{
    background: var(--foundation-blues-blue-95);
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{
    box-shadow: 4px 0px 0px 0px #1589EE inset;
}

/* Lightning table styles */
c-portal-list-view-datatable .slds-card__header{
    display: none
} 
c-portal-list-view-datatable .slds-card__body{
    margin: 0;
}
c-portal-list-view-datatable lightning-datatable>.dt-outer-container>.slds-table_header-fixed_container>div,
c-portal-list-view-datatable lightning-datatable>.dt-outer-container>.slds-table_header-fixed_container>div>table{
    width: 100% !important;
}
.slds-table thead th .slds-th__action span, 
c-portal-existing-m-s-p .slds-table thead th div,
c-portal-service-detail-tab-operational .custom-table thead th div,
c-portal-service-detail-tab-commercial .custom-table thead th div{
	color: var(--text-text-weak); 
    font-weight: 700;
    font-size: 13px;
}

.slds-table tbody tr td lightning-base-formatted-text, 
.slds-table tbody tr th lightning-base-formatted-text, 
.slds-table tbody tr th lightning-formatted-url,
.slds-table tbody tr td lightning-formatted-url,
c-portal-existing-m-s-p .slds-table tbody tr td lightning-formatted-text, 
c-portal-existing-m-s-p .slds-table tbody tr th lightning-formatted-text,
c-portal-existing-m-s-p .slds-table tbody tr td lightning-formatted-date-time, 
c-portal-existing-m-s-p .slds-table tbody tr th lightning-formatted-date-time,
c-portal-existing-m-s-p .slds-table tbody tr td lightning-formatted-number, 
c-portal-existing-m-s-p .slds-table tbody tr th lightning-formatted-number,
c-portal-service-detail-tab-operational .custom-table tbody tr td div,
c-portal-service-detail-tab-commercial .custom-table tbody tr td div,
.slds-table tbody tr td lightning-formatted-date-time,
.slds-table tbody tr th lightning-formatted-date-time,
.slds-table tbody tr td lightning-formatted-number,
.slds-table tbody tr th lightning-formatted-number{
    font-size: 13px;
    color: var(--text-base-default);
}

.slds-table tbody tr th lightning-formatted-url>a,
.slds-table tbody tr td lightning-formatted-url>a{
    color: var(--text-base-default) !important;
}

.slds-table tbody tr td[data-col-key-value^="Has_Portal_Access__c"] lightning-primitive-cell-factory>span svg{
    fill: #084FF0;
}

.slds-table tbody tr:not(:last-child), 
.slds-table thead tr th>lightning-primitive-header-factory>span,
.slds-table thead tr th>lightning-primitive-header-factory>div,
c-portal-existing-m-s-p .slds-table thead tr th,
c-portal-service-detail-tab-operational .custom-table thead tr th,
c-portal-service-detail-tab-commercial .custom-table thead tr th{
    border-bottom: 1px solid #C9C9C9;
}
c-portal-service-detail-tab-operational .custom-table,
c-portal-service-detail-tab-commercial .custom-table{
    overflow: hidden;
}
c-portal-service-detail-tab-operational .custom-td,
c-portal-service-detail-tab-commercial .custom-td{
    padding: 5px 12px !important;
    vertical-align: baseline;
}

c-portal-quoting-loop .custom-td:nth-child(2){
    max-width: 152px;
}

c-portal-quoting-loop .custom-td:first-child{
    max-width: 230px;
}

c-portal-quoting-loop .custom-td{
    max-width: 135.6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

c-portal-list-view .slds-table_bordered{
    border-bottom: 0;
}
lightning-datatable .slds-table_header-fixed_container{
    background-color: white;
}
lightning-datatable .slds-table_header-fixed_container:before, .slds-table_header-fixed_container>.slds-scrollable_y:before{
    display: none;
}
.slds-table thead tr th>.slds-is-sortable .slds-th__action .private-dt-sort-icon_container{
    display: flex;
}
.slds-table thead tr th>.slds-is-sortable .slds-th__action:hover{
    background-color: var(--foundation-grays-neutral-98);
    text-decoration: none;
}
.slds-table thead tr th>.slds-is-sortable .slds-th__action:hover .private-dt-sort-icon_container .slds-is-sortable__icon{
    fill: var(--icons-base-default);
}
.slds-table thead tr th>lightning-primitive-header-factory .slds-resizable__divider{
    background-color: #f3f3f3;
}
.slds-table thead tr th>lightning-primitive-header-factory .slds-resizable__divider:before{
    background-color: transparent;
}

.slds-table [role=gridcell].slds-has-focus, 
.slds-table [role=gridcell]:focus, 
.slds-table th.slds-has-focus, 
.slds-table th:focus{
    -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0841C6);
    box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0841C6);
}

/* Accordion */

.slds-accordion__summary-content{
    color: var(--text-base-default);
    font-weight: 400;
    font-size: 16px;
}

.slds-accordion .slds-button.slds-accordion__summary-action:focus{
    box-shadow: none;
}
.slds-accordion .slds-button.slds-accordion__summary-action lightning-primitive-icon{
    display: flex;
}
.slds-dropdown-trigger_click.slds-is-open .slds-dropdown:not(.slds-datepicker){
    max-height: 187px;
}

c-portal-list-view .datatable-left-panel .slds-dropdown-trigger_click.slds-is-open .slds-dropdown:not(.slds-datepicker){
    position: static;
    min-width: unset;
    display: block;
}

/* Datepicker */

lightning-datepicker>.slds-dropdown-trigger>.slds-input-has-icon>.slds-input__icon{
    display: flex;
    align-items: center;
}

.slds-datepicker{
    background: white;
    border-radius: 4px;
}
.slds-datepicker .slds-datepicker__filter>.slds-datepicker__filter_month .slds-button_icon-container{
    padding: 16px;
}
.slds-datepicker .slds-button.slds-text-link{
    padding: 0 10px;
}
.slds-datepicker .slds-datepicker__filter .slds-select_container>.slds-select{
    font-size: 13px;
    color: var(--text-text-placeholder);
    border: 1px solid var(--text-text-placeholder);
    font-family: 'Source Sans 3', sans-serif !important;
}
.slds-datepicker tbody>tr>td>.slds-day,
.slds-datepicker tbody>tr>td.slds-is-today>.slds-day{
    border-radius: 5px;
    border: 1px solid var(--foundation-grays-neutral-90);
    background: var(--text-text-white);
    color: var(--text-base-default);
     box-shadow: none;
    -webkit-box-shadow: none;
}
.slds-datepicker tbody>tr>td:hover>.slds-day, .slds-datepicker .slds-button:not([disabled]):hover{
    background: var(--foundation-blues-blue-95);
}
.slds-datepicker tbody>tr>td.slds-is-selected>.slds-day, .slds-datepicker tbody>tr>td.slds-is-today.slds-is-selected>.slds-day{
    background: var(--foundation-blues-blue-60);
    border: 1px solid var(--foundation-blues-blue-95);
    color: var(--text-text-white);
     box-shadow: none;
    -webkit-box-shadow: none;
}
c-portal-order-details-item .slds-datepicker tbody>tr>td.slds-is-today.slds-day_adjacent-month>.slds-day{
    background: var(--palette-green-80);
    border: 1px solid var(--palette-green-80);
    color: var(--text-text-white);
}
c-portal-order-details-item .slds-datepicker tbody>tr>td.slds-is-today:hover>.slds-day{
    background: var(--palette-green-80);
    border: 1px solid var(--palette-green-80);
    color: var(--text-text-white);
     box-shadow: none;
    -webkit-box-shadow: none;
}
c-portal-order-details-item .slds-datepicker tbody>tr>td.slds-is-today.slds-is-selected>.slds-day{
    background: var(--palette-green-50);
    border: 1px solid var(--palette-green-50);
    color: var(--text-text-white) !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.slds-datepicker tbody>tr>td.slds-is-disabled>.slds-day{
    background: var(--foundation-grays-neutral-95);
    color: var(--text-text-weak);
}
.slds-datepicker tbody>tr>td:hover.slds-is-disabled>.slds-day{
    cursor: default;
    background: var(--foundation-grays-neutral-95);
}
.slds-datepicker tbody>tr>td.slds-day_adjacent-month>.slds-day{
    background: var(--foundation-grays-neutral-95);
    color: var(--text-text-weak);
}
.slds-datepicker tbody>tr>td:hover.slds-day_adjacent-month>.slds-day{
    cursor: default;
}
.slds-datepicker .slds-datepicker__filter>.slds-datepicker__filter_month>h2{
    font-size: 18px;
    font-weight: 900;
    color: var(--text-base-default);
}
.slds-datepicker .slds-datepicker__filter>.slds-datepicker__filter_month button:not([disabled]) .slds-button__icon{
    fill: var(--foundation-grays-neutral-30);
}

c-portal-full-page-popup .issueStartDate lightning-datepicker .slds-dropdown-trigger{
    width: 25%;
}

/* Lightning input field */
lightning-record-edit-form lightning-input-field{
    padding: 0 !important;
}
/* Lightning output field */

lightning-record-edit-form-edit lightning-output-field,
lightning-record-view-form lightning-output-field,
lightning-record-view-form .slds-form-element{
    margin: 0 !important;
    padding: 0 !important;
}
lightning-record-edit-form-edit lightning-input-field{
    margin: 0 !important;
}
lightning-record-edit-form-edit lightning-output-field lightning-helptext,
lightning-record-edit-form-edit lightning-input-field lightning-helptext,
lightning-record-edit-form-create lightning-output-field lightning-helptext,
lightning-record-edit-form-create lightning-input-field lightning-helptext,
lightning-record-view-form lightning-output-field lightning-helptext{
    display: none;
}
lightning-record-edit-form-edit lightning-output-field .slds-form-element__label,
lightning-record-edit-form-edit lightning-input-field .slds-form-element__label,
lightning-record-view-form lightning-output-field .slds-form-element__label,
lightning-record-view-form .slds-form-element__label{
    font-size: 14px;
    font-weight: 400;
    max-width: 100% !important;
}
lightning-record-edit-form-edit lightning-output-field .slds-form-element__control,
lightning-record-edit-form-edit lightning-input-field .slds-form-element__control,
lightning-record-view-form lightning-output-field .slds-form-element__control,
lightning-record-view-form .slds-form-element__control{
    padding: 0 !important;
}
lightning-record-edit-form-edit lightning-output-field .slds-form-element__static,
lightning-record-edit-form-edit lightning-input-field .slds-form-element__static,
.userDetails .slds-form-element__control lightning-formatted-text{
    font-size: 16px;
    font-weight: 600;
}
.serviceOperational lightning-record-edit-form-edit lightning-output-field .slds-form-element__static{
    font-size: 15px;
    font-weight: 400;
}
lightning-record-edit-form-edit lightning-input-field lightning-combobox>div{
    display: flex;
    flex-direction: column;
    padding-top: 6px;
}


/* Service header */
c-portal-service-header-card .outputFields>.record-view-form-inline .slds-form-element__static{
    font-size: 16px;
}

/* Service details */
.cardIconBackgroundBlue:not(.cardContainerDisabled)>.cardIconBackground span>lightning-primitive-icon>svg{
   	fill: var(--foundation-blues-blue-60);     
}
.cardIconBackgroundBlue.cardContainerDisabled>.cardIconBackground span>lightning-primitive-icon>svg{
   	fill: var(--icons-base-disabled);     
}
.colorfull-box > div > lightning-icon > span > lightning-primitive-icon > svg {
    fill: white;
}
.serviceIconGray>span>lightning-primitive-icon>svg{
    fill: var(--icons-base-default);
    height: 12px;
    width: 12px;
}
.serviceIconGreen>span>lightning-primitive-icon>svg{
   	fill: #2E844A;
}
.serviceStateIcon>span>lightning-primitive-icon>svg{
  	height: 16px;
    width: 16px;
}
.serviceStateIcon>span>lightning-primitive-icon, .serviceIconGray>span>lightning-primitive-icon{
   display: flex;     
}


/* List View */

c-portal-list-view-datatable .slds-button+.slds-button{
    margin: 0;
}
.exportCSVButton>button{
    height: 32px;
}
.buttonInsideTab{
   position: absolute;
   top: 10.5px;
   right: 0px;
}
c-portal-list-view-tabs c-portal-list-view .datatable-container{
    padding: 0 !important;
}
.buttonInsideTab>button{
   padding: 4px 16px;
}
c-portal-list-view, 
c-portal-list-view-tabs,
c-portal-list-view-tabs .datatable-container-tabs,
c-portal-list-view-tabs .datatable-container-tabs>div,
c-portal-list-view-tabs .datatable-container-tabs>div .slds-tabs_default,
c-portal-list-view-tabs .datatable-container-tabs>div .slds-tabs_default lightning-tab{
    height: 100%;
}
.listViewTabset .slds-tabs_default .slds-tabs_default__nav{
   margin: 0 !important;     
}

/* Global styles */   
html, body{
   height: 100%;     
}
.sectionsSeparator{
	background-color: var(--foundation-grays-neutral-90);
    height: 1px;
    width: 100%;
}
.placeholder-line:empty::before, 
.placeholder-line {
    content: '-' !important;
    font-size: 15px;
    font-weight: 400;
    color: #444444;
}
.close-back-btn  {
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background: var(--foundation-grays-neutral-95);
}
.close-back-btn:hover{
    background: var(--foundation-grays-neutral-90);     
} 
.close-back-btn span>lightning-primitive-icon{
   	display: flex;
}
.msp-continue-button button, .quickCompareButton button, .goToSummaryButton button, .full-width-button button{
    width: 100%;
}
.lightningInputField{
   margin: 0;
   padding: 0;
}
.slds-form-element{
	margin-bottom: 0;
}
c-portal-service-header-card .slds-form-element__static:empty::before,
c-portal-contact-detail .slds-form-element__static:empty::before,
c-portal-user-details .slds-form-element__static:empty::before,
c-portal-order-summary .servicesOrderDetails div>p:nth-child(2):empty::before{
    content: "-";
}

/* Header styles */   
.userName .dxp-text-heading-medium{
	font-size: 15px;
}
.companyName .dxp-text-heading-small{
	font-size: 13px;
	font-weight: 400;
}
.footer-community-container{
	margin: 0 !important;   
}
community_byo-scoped-header-and-footer{
 	display: flex;
    flex-direction: column;
    height: 100%;       
}
    
/* Navigation */ 
.nav-quote-number{
    background-color: var(--foundation-blues-blue-60);
    border-radius: 30px;
    padding: 0 6px;
    font-weight: 700;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    color: var(--text-text-white);
}

/* Unsupported Product Page */
c-portal-unsupported-product .unsupportedProductContainer .warning-icon svg{
	width: 40px;
    height: 40px;
    fill: #FFCF27;
} 

/* Cloud Connect */
c-portal-cloud-select + div .slds-tabs_default__nav{
    border-bottom: none;
}

/* Full Page popup */
.fullPagePopupContainer{
   width: 80%;
   margin: auto;
   max-width: 1190px;
   padding-top: 39px;
   padding-bottom: 60px;
}
@media only screen and (max-width: 1300px) {
    c-portal-site-access-request-submission .fullPagePopupContainer {
        width: 90%;
    }
}
c-portal-site-access-request-submission .fullPagePopup{
    width: 82%;
    max-width: 955px;
}
c-portal-site-access-request-submission .siteAccessLegend lightning-datepicker,
c-portal-site-access-request-submission .siteAccessLegend lightning-timepicker{
    width: 100%; 
}
c-portal-site-access-request-submission .accessRequestedForButtons{
    align-items: flex-end;
    height: 100%;
}
.fullPagePopup{
   width: 55%;
   padding-top: 9px;
   margin: auto;
   max-width: 508px;
}
.successPopupIcon span>lightning-primitive-icon>svg{
   width: 96px;
    height: 96px;     
}

/* General error screen */
.generalErrorIcon span>lightning-primitive-icon>svg{
    width: 156px;
    height: 156px;
}

c-portal-system-error{
    padding: 56px 0;
}

.systemErrorWarningIcon span>lightning-primitive-icon>svg{
    width: 56px;
    height: 56px;
    fill: var( --icons-colored-warning);
}

c-portal-system-error .backToHome>.slds-button{
    min-width: 189px;
}

c-portal-case-detail, 
c-portal-quote-detail, 
c-portal-service-header-card, 
c-portal-user-details, 
c-portal-contact-detail,
c-portal-system-error{
    height: 100%;
}

/* Detail Pages */ 
.detailPages{
   padding: 57px 0;   
}
.errorContainer{
   width: 80%; 
   margin: auto; 
}

/* Multi Service Port Location Page */
.multiServicePortSelection>slot{
    display:flex;
    justify-content: center;
}   
.multiServicePortButton>button{
    width: 100%;
    margin-top: 40px;
}
.multiServicePortSearch>lightning-input .slds-input{
   	border-radius: 4px;
   	border: 1px solid var(--foundation-grays-neutral-90);  
    color: var(--text-base-default);
}   
.multiServicePortSearch>lightning-input .slds-input .slds-input__icon{
    fill: var(--icons-base-default);
}
/* Map explore product selection */
c-new-portal-map-product-popup .product-details-button button{
  	width: 100%;      
}

/* Map explore search */
c-portal-location-search .slds-listbox .slds-listbox__item lightning-primitive-icon{
	display: flex;
} 
c-portal-location-search .slds-form-element .slds-input-has-icon_left .slds-input__icon{
    left: 0.95rem;
}
c-portal-location-search .slds-form-element .slds-input-has-icon_left .slds-input__icon .slds-icon{
    height: 20px;
}

/* Map component */
c-new-portal-map .search-address lightning-primitive-input-simple{
	margin: 0;
}
c-new-portal-map, c-new-portal-map .slds-tabs_default, .content-container:has(c-new-portal-map), .content-container:has(c-new-portal-map) .comm-section-container, .content-container:has(c-new-portal-map) .comm-section-container .columns-content{
	height: 100%;
}
c-new-portal-map .slds-tabs_default{
	display: flex;
    flex-direction: column;
}
c-new-portal-map .slds-tabs_default>slot{
    height: 100%;
   	display: flex;
}

c-new-portal-map .popupIcon>.slds-button{
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--foundation-grays-neutral-90);
    background: var(--text-text-white);
    gap: 10px;
    display: flex;
}
c-new-portal-map .popupIcon>.slds-button>lightning-primitive-icon>.slds-button__icon{
    height: 30px;
    width: 30px;
    margin: 0;
}
c-new-portal-map .shareIcon>.slds-button>lightning-primitive-icon>.slds-button__icon{
    fill: var(--foundation-blues-blue-60);
}
c-new-portal-map .helpIcon>.slds-button>lightning-primitive-icon>.slds-button__icon{
    fill: var(--palette-hot-orange-50);
}   
c-new-portal-map .popupIcon>.slds-button:hover:after,
c-new-portal-map .popupIcon>.slds-button:focus:after{
    font-size: 14px;
    font-weight: 700;
    transform: none;
    background: none;
    position: unset;
    height: auto;
    color: #444;
}
c-new-portal-map .helpIcon>.slds-button:hover:after,
c-new-portal-map .helpIcon>.slds-button:focus:after{
    content: var(--openNewSupportTicketLabel);
}
c-new-portal-map .shareIcon>.slds-button:hover:after,
c-new-portal-map .shareIcon>.slds-button:focus:after{
    content: var(--contactUsLabel);
}

/* Map services component */
.servicesHidden svg.slds-icon{
	fill: inherit;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.serviceBadge span>lightning-primitive-icon>svg{
   height: 14px;
   width: 14px;
   fill: inherit;
}
.toggle-button label.slds-checkbox_toggle{
   align-items: center;
}
.toggle-button label.slds-checkbox_toggle>.slds-form-element__label{
   margin: 0;
   line-height: 14px;     
}

/* Location selection on new MSP */  
c-portal-location-select .close-back-btn>span>lightning-primitive-icon>svg{
    height: 14px;
}
.selectSuccessIcon>span>lightning-primitive-icon{
    display: flex;  
}
.selectSuccessIcon>span>lightning-primitive-icon>svg{
    width: 16px;
    height: 16px;
}

/* Pagination buttons styles */ 
.slds-button.pagination-button{
	border-radius: 8px;
    font-weight: 600;
    color: var(--text-base-default);
}
.slds-button.pagination-button:not(:disabled):hover, .slds-button.pagination-button:not(:disabled):active{
	color: var(--text-text-white);
    background-color: var(--foundation-blues-blue-60);
}
.slds-button.pagination-button:not(:disabled):hover svg path, .slds-button.pagination-button:not(:disabled):active svg path{
    fill: var(--icons-base-white);
}
.slds-button.pagination-button span{
    font-size: 13px;
}
div.pagination-curren-number.currentpage > span {
  	font-size: 13px;      
}

/* Order details */
.orderDetials .slds-form-element{
	margin-bottom: 0;
}
.orderDetailsRequireService .slds-checkbox .slds-checkbox__label .slds-form-element__label{
    color: var(--text-base-default);
    font-size: 14px;
    font-weight: 400;
}
.orderDetialsContainer>.orderDetials .slds-badge{
    --slds-c-badge-text-color: white;
    --slds-c-badge-color-background: var(--foundation-grays-neutral-60);
    padding: 1px 9px;
    font-size: 11px;
}
c-portal-order-details{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Basket popup */
c-portal-quote-configuration .slds-modal__header .slds-modal__close span>lightning-primitive-icon>svg{
    height: 19px;
    width: 19px;
}
.full-width-button.buttonBase>button{
    justify-content: center;
}
.basketDeleteIcon.iconDisabled>span>lightning-primitive-icon>svg{
    fill: var(--icons-base-disabled);
}
    
/* Record view form */
.record-view-form-inline > div > slot {
  display: flex;
  justify-content: space-evenly;
}
lightning-record-view-form .slds-form-element__static{
	font-weight: 600;
}
    
/* New service */
.quickCompareDeleteIcon span>lightning-primitive-icon>svg{
	width: 14px;
	height: 14px;
    display: block;
}
.quickCompareAddButton>.slds-button.slds-button_outline-brand:disabled{
    border-color: var(--text-text-placeholder);
    color: var(--text-text-placeholder);
}
.quickCompareAddButton>.slds-button.slds-button_outline-brand:disabled .slds-button__icon{
    fill: var(--icons-colored-success);
}
.quickCompareAddButton>button,
.quickCompareDownloadCSVButton>button,
.quickCompareDownloadPDFButton>button{
    height: 32px;
}
lightning-tabset.existingMultiServicePortDisabled .slds-tabs_default .slds-tabs_default__nav li:first-child{
    pointer-events: none !important; 
    opacity: 0.5 !important; 
}

/* Order confirmation page */
.orderConfirmationIcon span>lightning-primitive-icon>svg{
    width: 96px;
	height: 96px;
}
.content-container,.content-container>.comm-section-container, 
.content-container>.comm-section-container>.columns-content,
.content-container>.comm-section-container>.columns-content c-portal-order-summary{
    height: 100%;
}
    
/* User & contacts list view page */
c-contacts-management c-community-custom-spinner .spinnerContainer p.big-regular, 
c-portal-user-list c-community-custom-spinner .spinnerContainer p.big-regular{
    display: none;
}

/*Company Information Page*/
c-portal-company-information lightning-output-field.name .slds-form-element__static{
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
}

c-portal-company-information lightning-output-field.informationValue .slds-form-element__static{
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

lightning-tabset.companyInformationTabset .slds-tabs_default__nav{
    justify-content: start !important;
}

lightning-tabset.companyInformationTabset .slds-tabs_default__nav{
    padding-left: 130px;
}

c-portal-company-information{
    height: 100%
}

c-portal-company-information .slds-tabs_default{
    flex-direction: column;
    display: flex;
}

c-portal-company-information .slds-tabs_default .slds-tabs_default__content{
    flex-grow: 1;
}

.registeredAddress>lightning-output-field{	
    display: block !important;
}  

c-portal-my-profile{
    height: 100%;
}

/* Terms and Conditions Logo */
.tc_logo{
    display: flex;
    justify-content: center;
    padding-bottom: 53px;
    padding-top: 29px;
} 

/* Logo */
.community_byo-scoped-header-and-footer__header-content .header.comm-section-container{
    padding: 16px 24px;
}
.community_byo-scoped-header-and-footer__header-content .header.comm-section-container .logo-anchor{
    width: 153px;
    height: 28px;     
}    
.community_byo-scoped-header-and-footer__header-content .header.comm-section-container .profileColumn .columns dxp_layout-column:nth-child(3){
    min-width: unset !important;
}
 
/* Login page */    
community_layout-simple-theme-layout main{
	background: no-repeat center url("/resource/Images/images/home/euLoginBackground.svg"); 
    background-size: cover;
    padding: 32px 0;
}
community_layout-simple-theme-layout header{
    display: none !important;
}
community_layout-simple-theme-layout footer, community_layout-simple-theme-layout footer community_layout-section{
    padding: 0 !important;   
}

/* login page new*/
.login_logo{
    display: flex;
    justify-content: center;
    padding-top: 70px;
}
.login_logo>a, .tc_logo>.image-wrapper>.image-container{
    width: 228px;
   	height: 122px;
}
.login_logo>a img{
    max-height: unset;    
}  
.login-employee{
    color:white;
}
.comm-login-form__container, .comm-page-forgot-password, .comm-check-email{
    background: white;
    border-radius: 20px;
    border: 1px solid #0841C6;
    background-color: white !important;
}
.comm-login-form__forgot-password{
    font-family: Source Sans 3;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #444444;
}
.comm-page-login-home > div > fieldset {
    padding: 35px 30px 0px;
}
.comm-page-login-home > div >  div {
    padding: 0 30px;
}
.comm-page-login-home > div >  div:nth-of-type(2) > div {
    padding: 0 30px;
    text-align: center;
    justify-content: center;
}
community_login-login-form > div > div.slds-border_top.slds-p-top_medium.slds-form-element.slds-m-top_large{
    border: none;
    padding-top: 0px !important;
}
.community_layout-slds-flexible-layout > div > community_layout-section > div.lwc-6j9an5vbrcd.columns-content > community_layout-column > div > community_login-employee-login-link > a{
    color: white;
}
.comm-employee-login-link__link{
    color: white !important;
}
.comm-page-forgot-password, .comm-check-email{
	max-width: 25rem;
    margin: 0px auto;
}  
.comm-page-forgot-password .comm-forgot-password__container, .comm-check-email .comm-check-email__container{
    padding-left: 30px;
    padding-right: 30px;
}  
.comm-page-forgot-password .comm-forgot-password__container lightning-formatted-text, .comm-check-email .comm-check-email__container lightning-formatted-text{
    font-size: 14px;    
}

/* IP Form Journey */
c-portal-i-p-addresses-manager,
c-portal-i-p-address-action-picker,
c-portal-i-p-address-service-widget{
    height: 100%;
}

c-portal-i-p-address-service-widget{
    height: 100%;
    display: block;
}

c-portal-i-p-addresses-manager .ipAddressesFormButtons lightning-button>button{
    width: 179px;
}

c-portal-i-p-address-form .slds-form-element .slds-form-element__label{
    padding: 4px;
}

c-portal-i-p-address-form .slds-form-element .slds-form-element__label abbr{
    padding-right: 1px;
}

.ipFormBadge{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 23px;
    height: 22px;
    border: none;
}
.newBadge{
    background: var(--foundation-blues-blue-60);
    color: var(--foundation-grays-neutral-100);
}
.modificationRequestBadge{
    background: var(--palette-blue-90);
    color: var(--foundation-blues-blue-60);
}
.deleteBadge{
    background: #BA0517;
    color: var(--foundation-grays-neutral-100);
}

.ipIcon{
    width: 32px;
    height: 32px;
}

.ipCardBody>div>div>p:nth-child(2):empty:after,
.ipSummaryCardBody .ipSummaryCardDetails>div>p:nth-child(2):empty:after{
    content: "-";
}
.ipCardBody>div{
    gap: 4px;
    flex: 1 0 0;
}

.noIPCards {
    border-radius: 4px;
    background: var(--foundation-grays-neutral-98);
    height: 100%;
}
.noIPCards>div{
    max-width: 445px;
}

c-portal-i-p-address-quick-actions .quickActionsContainer:not(.quickActionsAdd)>.quickActionIcon svg{
    width: 12px;
    height: 12px;
}