


body 
{
	background-color: #4D4D4D;
}

.site-container
{
	background-color: #FFFFFF;
	color: #000000;
}

a, a:focus, a:visited, a:active, a:hover, .vca-link
{
	color: #20729A;
}

#layout-header 
{
	background-color: #F9F9F9; 
}

#layout-footer 
{
	background-color: #00694A;
	color: #FFFFFF;
}

#layout-footer a,
#layout-footer a:focus,
#layout-footer a:visited,
#layout-footer a:active, 
#layout-footer a:hover
{
	color: #00FFFF;
}

.layout-copyright 
{
	background-color: #FFFFFF;
	color: #000000;
}



.card .card-body .bg-light
{
	background-color: #F5F5F5;
	border-color: #E3E3E3;
}



.nav-tabs.vca-tabs > li > a
{
	background-color: #00694A;
	background: linear-gradient(to bottom, #00C94A 0%, #00694A 100%); /* W3C */
	background: -ms-linear-gradient(top, #00C94A 0%, #00694A 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00C94A', endColorstr='#00694A', GradientType=0 ); /* IE9 */
	border-top-color: #007EBD;
	border-left-color: #007EBD;
	border-right-color: #007EBD;
	color: #FFFFFF;
}

.nav-tabs.vca-tabs > li > a.active,
.nav-tabs.vca-tabs > li > a.active:hover,
.nav-tabs.vca-tabs > li > a.active:focus
{
	border-top-color: #007EBD;
	border-left-color: #007EBD;
	border-right-color: #007EBD;
	color: #000000;
	background-color: #FFFFFF;
	}




.vca-pills > li
{
	border-color: #D9D9D9;
}

.vca-pills > li > a
{
	color: #000000;
	background-color: #FFFFFF;
}

.vca-pills > li > a:hover, 
.vca-pills > li > a:focus
{
	color: #000000;
	background-color: #EEEEEE;
}

.vca-pills > li.active > a
{
	color: #FFFFFF;
	background-color: #00694A;
}

.vca-pills > li.active > a:hover, 
.vca-pills > li.active > a:focus
{
	color: #FFFFFF;
	background-color: #00694A;
}



.content-outer
{
	border-color: #D0E5F1;
}

.content-header
{
	background-color: #D2EFFD;
	color: #0C70A6;
}

.content-subheader-internal
{
	background-color: #F8F8F8;
	border-color: #E6F0F5;
}



.menu-common-options
{
	background-color: #ECECEC;
}



.vca-side-navigation
{
	border-color: #CED1D3;
}

.btn-side-navigation,
#side-nav-dropdown,
.vca-side-navigation .card-header
{
	color: #2E2E2E;
	border-color: #CED1D3;
	background-color: #FCE6AD
}

.vca-side-navigation div > a,
.vca-side-navigation li > a,
#side-nav-dropdown > li > a
{
	background-color: #F0F0F0;
	color: #000000;
}

.vca-side-navigation div > a:hover,
.vca-side-navigation div > a:focus,
.vca-side-navigation li > a:hover,
.vca-side-navigation li > a:focus,
#side-nav-dropdown > li > a:hover, 
#side-nav-dropdown > li > a:focus
{
	background-color: #FCE6AD;
	color: #2E2E2E;
}



.card-default-vca,
.card-default-vcat > .card-header
.card-default-vca > table, 
.table tbody > tr > td
{
	border-color: #F2F2F2;
}

.table thead > tr
{
	background-color: #E3E3E3;
	color: #3D3D3D;
}

.card-default-vca > .card-header
{
	background-color: #00694A;
	color: #FFFFFF;
}

.card-info-vca > .card-header
{
	background-color: #D2EFFD;
	color: #0C70A6;
}

.table-striped > tbody > tr:nth-of-type(even)
{
	background-color: #FFFFFF;
	color: #3D3D3D;
}

.table-striped > tbody > tr:nth-of-type(odd) 
{
	background-color: #F9F9F9;
	color: #3D3D3D;
}



@media (max-width: 991px)
{
	body, .btn, h2
	{
		font-size: 11px;
	}

	h1, h3, .content-header-text
	{
		font-size: 15px;
	}
}

@media (min-width: 992px)
{
	body, .btn, h2
	{
		font-size: 14px;
	}

	h1, h3, .content-header-text
	{
		font-size: 18px;
	}
}



.form-control
{
	background-color: #F9F9F9;
	border-color: #D0D0D0;
	color: #3F4D57;
}

.form-control[disabled],
.form-control[readonly], 
fieldset[disabled] .form-control
{
	background-color: #EEEEEE;
}



.validation-message > span.field-validation-error
{
	background-color: #F5D2D4;
	border-color: #FAB1B3;
	color: #C0393A;
}

.validation-summary
{
	background-color: #FFF2BB;
	border-color: #E6B557;
	color: #C0393A !important;
}



.alert.alert-success
{
	background-color: #CCF8AF;
	border-color: #5E913C;
	color: #1F7316;
}



.btn.btn-primary
{
	background-color: #0978AA;
	border-color: #0978AA;
	color: #FFFFFF;
}

	.btn.btn-primary:active,
	.btn.btn-primary:hover,
	.btn.btn-primary:focus
	{
		background-color: #056996;
		border-color: #056996;
		color: #FFFFFF;
	}

.btn.btn-secondary
{
	background-color: #6D6D6D;
	border-color: #6D6D6D;
	color: #FFFFFF;
}

	.btn.btn-secondary:active,
	.btn.btn-secondary:hover,
	.btn.btn-secondary:focus
	{
		background-color: #5F5F5F;
		border-color: #5F5F5F;
		color: #FFFFFF;
	}

.btn.btn-link
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	color: #0273B4;
}

	.btn.btn-link:active,
	.btn.btn-link:hover,
	.btn.btn-link:focus
	{
		background-color: #FFFFFF;
		border-color: #B0B0B0;
		color: #0273B4;
    }

.btn.btn-prequalification
{
	background-color: #FFC107;
	border-color: #FFC107;
	color: #212529;
}
		
	.btn.btn-prequalification:active,
	.btn.btn-prequalification:hover,
	.btn.btn-prequalification:focus
	{
		background-color: #e0a800;
		border-color: #d39e00;
		color: #212529;
	}


a.vca-logout
{
	color: #00FFFF;
}

	a.vca-logout:hover, a.vca-logout:active, a.vca-logout:focus
	{
		color: #FFFFFF;
	}

body .CM-ExternalFeature { background-color: #f6f1e0; border-image: none; border: 1px solid #dbd5cd; color: #634512; padding: 5px; }
body .CM-ExternalNoticeCellLeft { background-color: #BDB1A2; color: #ffffff; }
body .CM-ExternalNoticeCellRight { background-color: #E6DCCF; color: #000000; }
body .CM-HeaderBackgroundStyle { width: 100%; height: 72px; }
body .CM-HeaderBackgroundSmallStyle { width: 100%; height: 36px; }
body .CM-HeaderLogoStyle { height: 72px; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; padding-right: 20px; }
body .CM-HeaderLogoSmallStyle { height: 36px; padding-top: 2px; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; }
body .CM-HeaderImageStyle { width: 100%; }
body .CM-SiteNotificationBox { border-image: none; border: thin solid red; color: red; padding: 2px; }
body .CM-AuthorizationBoxStyle { font-size: 80%; max-height: 150px; }