:root {
	--client-pc-1: #4a5982;
	--client-pc-2: #1b60af;
	--client-pc-3: #427cbf;
	--client-pc-4: #d8dbe3;
	--client-pc-5: #f4f4f4;
	--client-pc-6: #f2f5f5;
	--client-pc-7: #ffffff;
	--client-pc-8: #bd311f;
	--client-pc-9: #f6f6f6;
}

.client-fg-1 {
	color: #4a5982 !important;
	color: var(--client-pc-1) !important;
}
.client-fg-2 {
	color: #1b60af !important;
	color: var(--client-pc-2) !important;
}
.client-fg-3 {
	color: #427cbf !important;
	color: var(--client-pc-3) !important;
}
.client-fg-4 {
	color: #d8dbe3 !important;
	color: var(--client-pc-4) !important;
}
.client-fg-5 {
	color: #f4f4f4 !important;
	color: var(--client-pc-5) !important;
}
.client-fg-6 {
	color: #f2f5f5 !important;
	color: var(--client-pc-6) !important;
}
.client-fg-7 {
	color: #ffffff !important;
	color: var(--client-pc-7) !important;
}
.client-fg-8 {
	color: #bd311f !important;
	color: var(--client-pc-8) !important;
}
.client-fg-9 {
	color: #f6f6f6 !important;
	color: var(--client-pc-9) !important;
}

.client-bg-1 {
	background-color: #4a5982 !important;
	background-color: var(--client-pc-1) !important;
}
.client-bg-2 {
	background-color: #1b60af !important;
	background-color: var(--client-pc-2) !important;
}
.client-bg-3 {
	background-color: #427cbf !important;
	background-color: var(--client-pc-3) !important;
}
.client-bg-4 {
	background-color: #d8dbe3 !important;
	background-color: var(--client-pc-4) !important;
}
.client-bg-5 {
	background-color: #f4f4f4 !important;
	background-color: var(--client-pc-5) !important;
}
.client-bg-6 {
	background-color: #f2f5f5 !important;
	background-color: var(--client-pc-6) !important;
}
.client-bg-7 {
	background-color: #ffffff !important;
	background-color: var(--client-pc-7) !important;
}
.client-bg-8 {
	background-color: #bd311f !important;
	background-color: var(--client-pc-8) !important;
}
.client-bg-9 {
	background-color: #f6f6f6 !important;
	background-color: var(--client-pc-9) !important;
}


.client-warning-fg {
	color: #bd311f !important;
}
.client-warning-bg {
	background-color: #bd311f !important;
	color: #fff;
}
.client-success-fg {
	color: green !important;
}
.client-success-bg {
	background-color: #98c255 !important;
	color: #fff;
}
.client-info-fg {
	color: #2B70CA !important;
}
.client-info-bg {
	background-color: #2B70CA !important;
	color: #fff;
}


body {
	background-color: #f2f5f5 !important;
	background-color: var(--client-pc-6) !important;
}

.btn {
	-webkit-box-shadow:: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
	-moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
}
.btn-flat, .btn-search-pubs {
	-webkit-box-shadow:: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.content-wrapper {
    background-color: #fff;
    background-color: var(--client-pc-7);
}

@media (max-width:767px) {
    .slideout-panel {
    	background-color: #fff;
    	background-color: var(--client-pc-7);
    }
}

.grid-stack-grid {
   	background-color: #fff;
   	background-color: var(--client-pc-7);
}

.formlet-grid-item-content,
.formlet-main-section,
.formlet-content-section,
.formlet-content-wrapper .g3-row .g3-labelField,
.formlet-content-wrapper .g3-row .g3-valueField,
.formlet-content-section .g3-scrollingGrid .ui-datatable,
.formlet-content-section .g3-scrollingGrid .ui-treetable,
.formlet-content-section .hide-datatable-header-no-border td,
.formlet-content-section .form-control[disabled],
.formlet-content-section .form-control[readonly],
.formlet-content-section fieldset[disabled] .form-control,
.formlet-content-section .ui-inputfield[disabled],
.formlet-content-section .ui-inputfield[readonly],
.formlet-content-section fieldset[disabled] .ui-inputfield,
.formlet-content-section .ui-state-disabled,
.formlet-content-section .ui-widget-content .ui-state-disabled,
.formlet-content-section .ui-widget-header .ui-state-disabled
ul.formlet-list li[aria-selected="true"] > a {
   	background-color: #fff;
   	background-color: var(--client-pc-7);
}


.client-footer {
	margin-left: 270px;
}

.client-splash-banner {
	margin-left: -15px;
	margin-right: -15px;
	padding-bottom: 30px;
}

.client-top-stripe {
	background-color: white;
	height: 100px;	
}

.client-top-stripe img {
    margin-top: 16px;
    margin-left: 36px;
    padding: 0px;
}

.client-splash-intro {
	background-color: #4a5982;
	color: #fff;
	padding: 16px 16px 16px 36px;
}

.client-splash-intro h2 {
	margin-top: 0px;
}


div.well.client-bg-2 {
	color: #ffffff;
	border-color: #4a5982;
}

.app-details-icon-mini i:before,
.app-details-icon i:before {
	content: "\f007"; /* User */
}
i.fa-icon-G3_APPLICANT_TYPE_INDIVIDUAL:before {
	content: "\f007"; /* User */
}
i.fa-icon-G3_APPLICANT_TYPE_ORGANIZATION:before,
i.fa-icon-APPLICANT_TYPE_HIGHER_EDUCATION:before {
	content: "\f19c"; /* University */
}
i.fa-icon-G3_APPLICANT_TYPE_PARENT:before {
	content: "\f500"; /* Friends */
}


ul.formlet-list li[aria-selected="true"] .step-number {
	background: #4a5982 !important;
}
ul.formlet-list li[aria-selected="true"] .step-text {
	color: #4a5982 !important;
}
