:root {
	--brand-blue: #2199E8;
	--brand-light-blue: #069;
	--brand-grey: #e6e6e6;
	--brand-green-dark: #090;
	--brand-green-light: #D7EED2;
	--brand-green-medium: #6AF07A;
	--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: #aaaaaa;
	--blue-shade: #337ab7;
	--brand-orange: #f7941d;
	--brand-font-color: rgb(51,51,51);
	--brand-orangeDark: #e67300;
}

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 */
.dxp-content-layout-site-logo > experience-picture > picture > img {
	max-height: none;
	margin-bottom:25px;
}

.comm-login-form__container {
	.comm-login-form__forgot-password {
		color: var(--blue-link-color) !important;
	}
	.slds-form-element__control a {
		text-align: center;
		width: 100%;
	}
	.slds-input {
		padding: 10px;
	}
	.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;
}


.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;
	min-width: 25rem!important;
}

.comm-forgot-password__title, .comm-check-email__title {
	min-width: 18rem;
	max-width: 25rem;
	margin: 0px auto;
	background-color: white;
	border: 1px solid var(--slds-c-card-color-border, var(--slds-c-card-color-border, var(--dxp-g-neutral-1, var(--slds-g-color-border-base-1, #c9c9c9))));
	border-bottom: none;
	border-radius: var(--slds-c-card-radius-border, var(--slds-c-card-radius-border, .25rem));
}

/* Layout styling */
.comm-section-container {
	padding: 0px !important;
}
.columns-content.community_layout-section_section {
	max-width: 100% !important;
}

/* Override Standard Components */

body {
	font-family:'Roboto';
	font-size:13px;
	color: rgb(92,92,92);
}

p {
	line-height: 1.35;
}

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: 13px;
}

.slds-button[kx-type="underline"], .slds-button[kx-type="underline"]::after, .slds-button[kx-type="underline"]::before, .slds-button[kx-type="underline"]:hover, .slds-button[kx-type="underline"]:focus {
	animation: none !important;
	transition: none !important;
	text-decoration: none!important;
}

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

	animation: none !important;
	transition: none !important;
	text-decoration: none!important;	
}

.FileUploadContainer .slds-button {
	font-size:13px!important;
}

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

.slds-form-element__label:empty {
	margin: 0;
	display: none;
}

.slds-form-element input, textarea, .slds-dueling-list__options, .slds-picklist__options {
	border-color:  #c4c3c3 !important;
	font-size:13px !important;
	color: rgb(51,51,51) !important;
	line-height: 28px;
}

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

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

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;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}
	.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);
}

.c-header {
	font-size: 18px!important;
}

.c-facility-detail {
	margin-bottom: 5px;
}

.c-facility {
	color:#5c5c5c;
}

.c-facility > div, .c-facility > span {
	line-height: 1.5em;
}

lightning-formatted-address a, lightning-formatted-address[data-inline="true"] a {
	display: inline-grid !important;
	grid-auto-flow: column !important;
	grid-column-gap: 5px !important;
}

lightning-formatted-address[data-inline="false"] > a {
	display: grid !important;
	grid-auto-flow: row !important;
	grid-column-gap: 3px !important;
}

.contact-info lightning-formatted-address a, 
.contact-info lightning-formatted-address[data-inline="true"] a {
	display: inline-grid !important;
	grid-auto-flow: row !important;
	grid-column-gap: 3px !important;
}

/** 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;
	}
}

/* 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;
}

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

.slds-button__icon[data-key="job_profile"] {
	height: 24px;
	width: 24px;
}

.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 .dateFilter .slds-form-element,
.portal-filters .dateFilter .slds-form-element__control,
.portal-filters .dateFilter label,
.portal-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > label.slds-form-element__label {
	display:inline-block;
}

.portal-filters .dateFilter label,
.portal-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > label.slds-form-element__label {
	vertical-align: top;
	padding-top:5px;
}

.portal-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger,
.portal-filters .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control,
.portal-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 .dateFilter > lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control > .slds-input::placeholder {
	color: rgb(51,51,51)!important;
}

lightning-input > lightning-datepicker > div.slds-dropdown-trigger > div.slds-form-element__control > lightning-button-icon > button {
	margin-top:-3px!important;
}

.portal-filters ul, .portal-filters ul li {
	display: block!important;
}

lightning-calendar div.slds-datepicker__filter div.slds-datepicker__filter_month h2 {
	font-size:13px!important;
	line-height:1!important;
}

lightning-calendar div.slds-datepicker__filter lightning-select {
	top: 5px;
	right: 0px;
}

lightning-calendar table.slds-datepicker__month thead tr th {
	background-color: var(--brand-blue)!important;
	height:25px!important;
	color: white!important;
	font-weight:500!important;
}

/* 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 {
	--slds-c-icon-color-foreground-default: white;
}

.slds-modal lightning-icon.slds-icon-utility-close svg,
.slds-modal .slds-modal__close svg {
	--slds-c-icon-color-foreground: white !important;
	fill: white !important;
	color: white !important;
}

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

.c-mobile-view-options-container {
	top: 69px!important;
}

@media (max-width: 768px) {
	.c-facility:first-child {
		border:none;
		padding-top:0px;
		margin-top:0px;
	}
	.c-facility {
		border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
	}
}

lightning-record-edit-form lightning-input-field {
	margin-bottom: 25px!important;
}

lightning-input-field .slds-form-element__legend {
	margin-bottom: 0px!important;
}


lightning-input-field lightning-helptext {
	vertical-align: text-top;
	margin-top: -5px !important;
	display: inline-block;
}


lightning-input-field lightning-helptext,
lightning-input-field lightning-helptext .slds-form-element__icon {
	display: none!important;
	visibility: hidden!important;
	height: 0px!important;
	width: 0px!important;
	fill: white!important;
	color: white!important;
	font-size:0px!important;
	line-height:0px!important;
}

lightning-input-field lightning-helptext .slds-form-element__icon .slds-button svg {
	width:16px;
	height:16px;
	line-height:1;
	vertical-align:text-top;
	color: rgb(51, 51, 51) !important;
}

.slds-dueling-list .slds-form-element__label {
	font-weight:normal!important;
}

.slds-dueling-list .slds-dueling-list__options .slds-listbox .slds-listbox__item .slds-listbox__option:hover {
	background-color:rgba(25, 124, 190, 0.05)!important;
}

.slds-dueling-list .slds-dueling-list__options .slds-listbox .slds-listbox__item .slds-listbox__option:focus, 
.slds-dueling-list .slds-dueling-list__options .slds-listbox .slds-listbox__item .slds-listbox__option:active {
	background-color:#337ab7!important;
	color:white!important;
}

lightning-helptext .slds-assistive-text, .slds-notify_alert > span, .slds-notify_alert > span *, .slds-alert_error > span, .slds-alert_error > span *, .slds-alert_error svg * {
	color:#ffffff!important;
}

dl {
	display:block;
}
dl dt {
	display:inline!important;
}
dl dd {
	max-width: 70%!important;
}

c-portal-tabset.homepage .slds-tabs_default__item {
	font-size:13px!important;
	height: auto!important;
	line-height:1.5!important;
}
c-portal-tabset.homepage .slds-tabs_default__link {
	font-size:13px!important;
	height: auto!important;
	line-height:1.5!important;
}

lightning-textarea textarea {
	min-height: 150px;
}

.slds-dropdown-trigger--click.slds-is-open .slds-dropdown, .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
	position: relative;
}

.slds-button_success,
.slds-button_success:hover {
	color: white;
}
.slds-button_success .slds-button__icon,
.slds-button_success:hover .slds-button__icon {
	fill: white;
}

/* Timesheet Detail Page */
.timesheetDetails .slds-form-element,
.timesheetEntries .slds-form-element {
	margin-bottom:0px!important;
}
.timesheetDetails .mileage-input {
	max-width:30%;
}
.timesheetDetails .checkboxInput {
	display: inline-block;
}

.timesheetDetails .slds-input,
.timesheetEntries .slds-input {
	text-align: center!important;
}

.timesheetDetails .slds-checkbox_faux {	
	border-radius: 1px;
	height:15px;
	width:15px;
	vertical-align: top;
}

.timesheetDetails .slds-checkbox_faux::after {
	height: .30rem;
	width: .55rem;
}

.timesheetEntries .hoursInput,
.timesheetEntries .timeInput {
	display: block;
	max-width: 100%;
	overflow: visible;
	white-space: pre-wrap;
}

.timesheetEntries .timeInput .slds-form-element .slds-form-element__control input.slds-input,
.timesheetEntries .timeInput input.slds-input {
	padding-right:25px!important;
	height:30px;
}

@media (min-width: 375px) and (max-width: 440px) {
	.timesheetEntries .timeInput input.slds-input,
	lightning-modal .slds-modal__content .slds-form-element .slds-form-element__control input.slds-input,
	.expense-date input.slds-input {
		max-width:calc(100% - 15px);
		padding-right:0px!important;
		/* padding-left:0px!important; */
	}
}

.timesheetDetails textarea {
	overflow-y:visible;
}

.timesheetDetails .slds-form-element label, .timesheetDetails .slds-form-element__label {
	font-weight:normal!important;
}

@media (min-width:781px)  {
	.timesheetDetails .timesheetComment .slds-form-element__control.slds-grow.textarea-container {
		padding-left:22%;
	}
}

.timesheetExpenses h2 {
	font-size: 20px!important;
	font-weight: normal;
}

.timesheetExpenses h3 {
	font-size: 18px!important;
	font-weight: normal;
}

.timesheetEntries .slds-form-element .slds-input[readonly],
.timesheetEntries .slds-form-element .slds-input[disabled] {
	color: #777!important;
	-webkit-text-fill-color: #777!important;
	opacity:1!important;
	-webkit-opacity: 1!important;
	background-color: var(--slds-g-color-neutral-base-95, rgb(243,243,243));
}

.timesheetEntries .timeInput .slds-icon {
	width:16px;
	height:16px;
}
.timesheetEntries .timeInput .slds-input__icon-group {
	right:5px;
	top:12px;
	height:16px;
}

@media (min-width:48em) {
	.timesheetEntries .timesheetCommentsRow .slds-form-element__control {
		padding-left: 11%;
	}
}
/* END Timesheet Detail Page */

/* Timesheet Survey */
.green-icon,
.green-icon .slds-icon {
    --lwc-colorTextIconDefault: green!important;
		fill:green!important;
		color:green!important;
		--slds-c-icon-color-foreground:green!important;
}

.green-icon:hover,
.green-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: rgb(12, 159, 12)!important;
		fill:rgb(12, 159, 12)!important;
		color:rgb(12, 159, 12)!important;
		--slds-c-icon-color-foreground:rgb(12, 159, 12)!important;
}

.light-green-icon,
.light-green-icon .slds-icon {
    --lwc-colorTextIconDefault: lightgreen!important;
		fill:lightgreen!important;
		color:lightgreen!important;
		--slds-c-icon-color-foreground:lightgreen!important;
}

.light-green-icon:hover,
.light-green-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: rgb(125, 199, 125)!important;
		fill:rgb(125, 199, 125)!important;
		color:rgb(125, 199, 125)!important;
		--slds-c-icon-color-foreground:rgb(125, 199, 125)!important;
}

.yellow-icon,
.yellow-icon .slds-icon {
    --lwc-colorTextIconDefault: #e2e214!important;
		fill:#e2e214!important;
		color:#e2e214!important;
		--slds-c-icon-color-foreground:#e2e214!important;
}

.yellow-icon:hover,
.yellow-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: #e9e930!important;
		fill:#e9e930!important;
		color:#e9e930!important;
		--slds-c-icon-color-foreground:#e9e930!important;
}

.orange-icon,
.orange-icon .slds-icon {
    --lwc-colorTextIconDefault: orange!important;
		fill:orange!important;
		color:orange!important;
		--slds-c-icon-color-foreground:orange!important;
}

.orange-icon:hover
.orange-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: rgb(251, 180, 48)!important;
		fill:rgb(251, 180, 48)!important;
		color:rgb(251, 180, 48)!important;
		--slds-c-icon-color-foreground:rgb(251, 180, 48)!important;
}

.red-icon,
.red-icon .slds-icon {
    --lwc-colorTextIconDefault: red!important;
		fill: red!important;
		color:red!important; 
		--slds-c-icon-color-foreground:red!important;
}

.red-icon:hover,
.red-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: rgb(251, 72, 72)!important;
		fill: rgb(251, 72, 72)!important;
		color: rgb(251, 72, 72)!important;
		--slds-c-icon-color-foreground: rgb(251, 72, 72)!important;
}

.black-icon,
.black-icon .slds-icon {
    --lwc-colorTextIconDefault: black!important;
		fill: black!important;
		color: black!important;
		--slds-c-icon-color-foreground:black!important;
}

.black-icon:hover,
.black-icon:hover .slds-icon {
    --lwc-colorTextIconDefault: rgb(64, 64, 64)!important;
		fill:rgb(64, 64, 64)!important;
		color:rgb(64, 64, 64)!important;
		--slds-c-icon-color-foreground: rgb(64, 64, 64)!important;
}

.light-grey,
.light-grey .slds-icon {
  --lwc-colorTextIconDefault: lightgray!important;
	fill:lightgray!important;
	color:lightgray!important;
	--slds-c-icon-color-foreground: lightgray!important;
}
/* END Timesheet Survey */

/* News Items */
.homepage-tile .news-tile-text * {
	color: white!important;
	margin-top: 8px;
}
/* End News Items */

/* Expense Form */
form.new-expense-record-form {
	& .slds-form-element label,
	& .slds-form-element .slds-form-element__legend,
	& .slds-form-element .slds-form-element__label, 
	& .slds-form-element__label, 
	& .slds-form-element__legend {
		font-weight: normal!important;
	}
}
/* End Expense Form */

.vms-contact .slds-icon {
	width: 28px;
	height: 28px;
}

.indicator svg {
	width:1rem;
	height:1rem;
}

.component-wrapper-spacer {
	margin-bottom: 0px;
}