:root {
    --brand-blue: #2199E8;
	--brand-grey: #e6e6e6;
	--brand-green-dark: #090;
    --brand-dark-blue: #23527c;
    --header-height:30px;
    --blue-link-color: #2199E8;
    --brand-blue-color: rgb(37, 116, 169);
    --brand-grey-mute: #eff0f2;
    --a-tag-blue: #2199E8;
		--a-tag-black: #111;
	--box-shadow-color: #c9c9c9;
	--content-background-color: #fafafa;
	--highlight-background-color: #f4f8fb;
	--text-muted: #777777;
	--blue-shade: #337ab7;
	--brand-orange: #f7941d;
	--brand-font-color: rgb(51,51,51);
}

body {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
}

/**


Login/Password Reset page customizations


**/
.comm-login-form__container {
    /* update color of forgot password link */
    .comm-login-form__forgot-password {
        color: var(--blue-link-color) !important;
    }
    /* center forgot password link */
    .slds-form-element__control a {
        text-align: center;
        width: 100%;
    }

    /** padded input */
    .slds-input {
        padding: 10px;
    }
    /* customize login button */
    .comm-login-form__login-button {
        background: var(--brand-blue-color) !important;
        padding: 12px;
        font-weight: 700;
    }

	.comm-login-form__login-button {
		border-radius: 3px !important;
	}
	.slds-form-element {
		margin:0px;
		margin-bottom:10px
	}
	.comm-login-form__username-input {
		margin: 0px;
		margin-bottom:10px
	}

	.slds-border_top {
	    border-top: 0px;
	}

	.comm-login-error__container span {
		color: white;
	}
	.comm-login-error__container {
		background-color: rgb(255, 158, 158);
		padding: 10px !important;
	}

}

.comm-forgot-password__container {
    .slds-form-element__control a {
        text-align: center;
        width: 100%;
    }
    .slds-input {
        padding: 10px;
    }

	.comm-forgot-password__submit-button {
		border-radius: 3px !important;
		background: var(--brand-blue-color) !important;
        padding: 12px;
        font-weight: 700;
		width: 100% !important;
		order:0;
		margin:0px !important;
	}
	
	.comm-forgot-password__cancel-button {
		border-radius: 3px !important;
		border:0px;
		width: 100% !important;
		padding:10px;
		order:1;
		margin:0px !important;
	}

	.comm-forgot-password__cancel-button:hover {
		background: white;
	}
	
	.slds-form-element {
		margin:0px;
		margin-bottom:10px;
	}

	.comm-login-error__container span {
		color: white;
	}
	
	.comm-login-error__container {
		background-color: rgb(255, 158, 158);
		padding: 10px !important;
		margin: 10px 0px 10px 0px;
	}

	.slds-form-element.slds-m-top_large.slds-m-bottom_large {
		display: flex !important; 
		flex-direction: column;
	}
	

}


.comm-check-email__container, .comm-forgot-password__container, .comm-login-form__container {
	background: white !important;
    padding: 1.5rem;
}



/**


Layout styling


**/

/* remove default padding to section containers 
- needed so we can support conditional visibility on Header and Footer
*/
.comm-section-container {
    padding: 0px !important;
}
/* force full width big screen footer and header */
.columns-content.community_layout-section_section {
    max-width: 100% !important;
}


/**

Override Standard Components

*/

body {
	font-family:'Roboto';
	font-size:13px;
}

p, label, input {
	color: rgb(92,92,92);
}

a, button, h1, h2, h3, h4, h5, td, th, p, span, div, label, input {
	font-family:'Roboto' !important;
}
.slds-button {
	font-size: 14px;
}

/** Default input field styling */
.slds-form-element label {
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-form-element__label {
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-form-element input, textarea {
    border-color:  #c4c3c3 !important;
}

.slds-form-element .slds-combobox__form-element button {
	border-color:  #c4c3c3 !important;
}
.slds-form-element input, textarea {
    font-size:13px !Important;
	color: rgb(51,51,51) !important;
}

.slds-checkbox__label span{
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-form-element .slds-combobox__form-element button {
	border-color:  #c4c3c3 !important;
	font-size:13px !Important;
	color: rgb(51,51,51) !important;
}

.slds-form-element__legend {
	font-weight: normal;
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-listbox__item {
	font-weight: normal;
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-listbox_vertical .slds-listbox__option {
	font-weight: normal;
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

.slds-select {
	font-size: 13px !important;
	color:  rgb(119,119,119) !important;
}

/* c-lookup-search overrides */
div[data-alternative-styles="true"] {
	.slds-input {
	    font-size: 13px !important;
	}
}

div[data-alternative-styles="true"] {
	.slds-button_icon {
	    color: white;
	}	

	.slds-listbox_inline {
		row-gap: 5px;
		column-gap: 5px;
		margin-top: 5px;
	}
	.slds-pill__icon_container {
		display: none !important;
	}
	.slds-pill {
		background-color: var(--brand-orange);
		border-color: var(--brand-orange);
		color: white;
	}
	.slds-pill__label {
		color: white;
		padding-left: 5px;
	}
}

/** slds-alert **/
[role="alertdialog"] {
	font-family: 'Roboto' !important;
	font-size: 13px !important;
}

[role="alertdialog"] p {
	text-align: center;
}

/** end slds-alert **/
c-lookup-search .slds-combobox__input-entity-icon {
	display: none !important;
}
c-lookup-search .slds-listbox__option-icon {
	display: none !important;
}
c-lookup-search .slds-listbox__option {
	padding-top: 8px !Important;
	padding-bottom: 8px !Important;
	font-size:13px !important;
	color: rgb(92,92,92);
}

/** Global Print Options */
@media print {
    .c-header, .c-footer {
		display: none !important;
	}
	.slds-tabs_default__nav {
		display: none !important;
	}
	.c-body-content, .c-body {
		width:100% !important;
	}
	lightning-button-icon {
		display: none !important;
	}
}


.comm-login-error__container.slds-form-element__control {
    margin-bottom: 10px;
}

.comm-login-form__login-button {
    font-size: 16px;
    font-weight: 300 !Important;
	padding-top: 0px !Important;
    padding-bottom: 0px !Important;
}
.comm-login-form__container input {
	color: rgb(92,92,92) !important;
}

.comm-forgot-password__container {
	color:rgb(119,119,119) !important;
	line-height: 20px;
}
.comm-forgot-password__submit-button {
	font-size: 16px;
    font-weight: 300 !Important;
	padding-top: 0px !Important;
    padding-bottom: 0px !Important;
}
a.comm-login-form__forgot-password {
    font-size: 14px;
}
.comm-login-form .comm-login-form__container {
    max-height: 100rem !important;
}

/**
Global override to hide the first SLDS card 
from an embedded Client Theme Layout drop section
*/
.c-body-content article.slds-card:first-child {
	border:0px;
	outline:0px;
	box-shadow:none;
	max-width: 100vw;
}

/**
Display addresses in single line
*/
/* lightning-formatted-address .slds-truncate:not(:first-child)  {
    display: table-cell;
	margin-left:5px;
} */

lightning-formatted-address a {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-column-gap: 5px !important;
}

/** Remove focused button outline */
.slds-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

/** Button/Glyph icon size overrides */
.slds-button__icon, .slds-icon {
	height:16px;
	width:16px;
}

.c-body .c-body-content .c-card__header .slds-media__figure .slds-icon {
	height:32px;
	width:32px;
}

.c-body .c-body-content .c-dashboard-items .c-card__header .slds-media__figure .slds-icon {
	height:24px!important;
	width:24px!important;
	fill:var(--brand-dark-blue)!important;
}

.slds-border_bottom {border-color: #cccccc;}

/* Custom Date Filters */
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger,
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control,
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control > .slds-input {
	height:30px!important;
	color: rgb(51,51,51)!important;
}
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > label.slds-form-element__label {
	display:none;
}
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control > .slds-input::placeholder {
	color: rgb(51,51,51)!important;
}
.portal-filters .long-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control > lightning-button-icon > button {
	margin-top:-3px!important;
}
/**
th.slds-is-sortable:hover,
th.slds-is-sortable:hover>a,
th.slds-is-sortable:hover>a>div {
	color: #515151;
	background-color: transparent;
}
**/

/** 
Sort direction
**/
a[sort-direction="DESC"] span.slds-icon-utility-arrowup {
	display: none;
}

a[sort-direction="ASC"] span.slds-icon-utility-arrowdown {
	display: none;
}

a[sort-direction=""] span.slds-icon-utility-arrowup,
a[sort-direction=""] span.slds-icon-utility-arrowdown {
	display: none;
}

th a,
th span {
	color: white !important;
	text-decoration: none !important;
}

th a:hover {
	background-color: transparent !important;
}
th a:hover {
	text-decoration: underline !important;
	font-weight: 500;
}

th span:hover {
	text-decoration: underline !important;
	font-weight: 500;
}

th {
	background-color: var(--brand-blue) !important;
	height: 35px
}

.slds-table td>div {
	margin: 10px 0px;
}

.c-no-results {
	padding: 10px;
	font-size: 16px;
	color: rgb(51, 51, 51) !important;
}

.c-white-icon {
	--sds-c-icon-color-foreground-default: white;
}

.blue-utility-icon {
	--sds-c-icon-color-foreground-default: var(--dxp-g-brand) !important;
}

.slds-dueling-list__options [aria-selected=true],.slds-picklist__options [aria-selected=true] {
	background-color:  var(--dxp-s-dropdown-color-background-hover, var(--dxp-g-neutral));
}

.slds-dueling-list__options [aria-selected=true]:focus,.slds-dueling-list__options [aria-selected=true]:hover,.slds-picklist__options [aria-selected=true]:focus,.slds-picklist__options [aria-selected=true]:hover {
	background:  var(--dxp-s-dropdown-color-background-hover, var(--dxp-g-neutral));
}