:root {
    --mdc-theme-primary: #518B3A;
    --mdc-theme-secondary: #518B3A;
    --mdc-theme-auxiliary: #CCE6C1;
	--tyl-avatar-foreground-color: #518B3A;
    --tyl-avatar-background-color: #CCE6C1;
}

#content
{
	color: #3D3D3D;
}

#ui-datepicker-div .ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default,
caption,
.caption,
.landingHighlight,
.totalCompensation,
.additionBoxesTop,
.additionBoxesBottom,
a.tab,
.themed-color,
input.outlined
{
	color: #518B3A;
}

#sideBar ul li.primarynavselected
{
	background: url(images/l2-selected-dark-green.png) 0 0 no-repeat;
}

div.barchart,
table.calendarmonth caption,
.themedcolor, 
input[type=submit],
input[type=button],
input[type=reset]
{
    background-color: #518B3A;
}

.themedbackground,
.modalPopup,
.modalPopupWF,
.landingHighlight,
.employmentopportunityheader th,
.trainingdetailheader th,
.barchart td.chart,
.timesheet td.themedbackground
{
    background-color:#CCE6C1;
}

caption
{
    border-bottom-color: #518B3A;
}

.expandedheader, .inlineexpandedheader
{
    background: #518b3a;
}

.collapsedheader .expander
{
    background-image: url("images/expand.png") ;
}

.inlinecollapsedheader .expander
{
    background-image: url(images/expand.png) ;
}

.timesheet td.selected
{
    background-color: #CCE6C1;
    border-bottom-color: #CCE6C1;
}

.mol-page-header {
    background-color: #518B3A;
}

.mol-side-menu > ul {
    color: #518B3A;
}

.selected-list-item {
    border-left: thick solid #518B3A;
}