/* force font-awesome to load with this css */
.fa::before {
	font-family: FontAwesome;
}

.mainContent {
	background-color: #ededed;
}

div.contentTitle {
	display: none;
}

.shadow {
	-webkit-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);
}

form.ng-invalid {
	border: 0 solid #fff !important;
	border-left: 0 solid #fff !important;
}

form.ng-invalid {
	border: 0 solid #fff !important;
	border-left: 0 solid #fff !important;
}

.errorGridMessage {
	color: red !important;
	font-size: 12px !important;
	margin: 3px 0 0 !important;
	padding: 0 !important;
}

.contentTitle h1 {
	border-bottom-color: transparent;
}

.mainContent h1 {
	border-bottom-color: transparent;
}

.centered-aligned {
	text-align: center;
}

.left-aligned {
	text-align: left;
}

.right-aligned {
	text-align: right;
}

.bold-font {
	font-weight: bold;
}

.clear-bottom {
	margin-bottom: 0;
}

.clickable:enabled {
	cursor: pointer;
}

.noOutline {
	outline: none;
}

#printthispage {
	display: none;
}

.whitePage {
	background-color: #fff;
	display: block;
	min-height: 200px;
	position: relative;
}

/**
* Flex Table and flex rows
*/
table.borderless {
	border-style: none;
	border-width: 0;
}

div.flexTable {
	border-style: none;
	border-width: 0;
}

.borderless {
	border-style: none;
	border-width: 0;
}

div.flexRow {
	display: flex;
	margin-bottom: 5px;
}

div.flexCol {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.flex-left-aligned {
	justify-content: flex-start;
}

.flex-right-aligned {
	justify-content: flex-end;
}


/**
 * BAD-378 elements within overlay is not controlled by CU branding styling,
 * add styling to the parent css to force them inherit
 */
.mat-option,
.mat-button,
.mat-raised-button,
.ui-widget {
	font-family: inherit !important;
	font-size: 100% !important;
}

.mat-option > span.mat-option-text {
	font-family: Arial, Helvetica, sans-serif !important;
}

.mat-tooltip {
	font-family:  Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	padding: 10px !important;
}

md-datepicker-content * {
	font-family: Helvetica;
}

md-datepicker-content .mat-button-wrapper {
	font-size: 14px;
}

/* Growl */
.ui-growl-item-container.ui-state-highlight.ui-growl-message-info {
	background-color: #2196f3;
	border-color: #2196f3;
}

.ui-growl-item-container.ui-state-highlight.ui-growl-message-error {
	background-color: #f44336;
	border-color: #f44336;
}

.ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
	background-color: #ffb300;
	border-color: #ffb300;
}

.ui-growl-item-container.ui-state-highlight.ui-growl-message-success {
	background-color: #4caf50;
	border-color: #4caf50;
}

#lending md-progress-indicator > div:first-child,
#OpenMembership md-progress-indicator > div:first-child {
	display: flex;
	justify-content: space-around;
}

.uxp select-form-item {
	display: block;
}

#application-form-page .accordion-footer {
	padding: 12px 37px 24px 37px;
}

.uxp div.landingPage {
	margin: -1px 0 0 0;
}

.uxp membership-verify-user form {
	min-height: 40em;
}

.onfido-sdk-ui-Modal-inner.onfido-sdk-ui-Modal-inner--after-open {
	max-height: 31em;
}

.uxp mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
	margin-top: 0;
}