:root {
    --mdc-theme-primary: #4D67A1;
    --mdc-theme-secondary: #4D67A1;
    --mdc-theme-auxiliary: #E8EBF0;
	--tyl-avatar-foreground-color: #4D67A1;
    --tyl-avatar-background-color: #E8EBF0;
}

#content
{
    color: #3D3D3D;
}	

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

#ui-datepicker-div .ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default,
.landingHeading,
a.tab,
.themed-color,
input.outlined
{
    color: #4D67A1;
}

caption,
.caption
{
    color: #000000;
}

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

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

caption
{
    border-bottom-color:  #4D67A1;
}

.expandedheader, .inlineexpandedheader
{
    background-color: #3281a5;
}

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

.inlinecollapsedheader .expander
{
    background-image: url(images/expand.png) ;
}
	
.timesheet td.selected
{
    background-color: #E8EBF0;
    border-bottom-color: #E8EBF0;
}

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

.mol-side-menu > ul {
    color: #00366b;
}

.selected-list-item {
    border-left: thick solid #4D67A1;
}