/* eop invalid page notification */
/* Styling comes from slds styling in order to replicate slds styling on pages
where slds scope is not implmented */
.eop-invalid-page-notification.container {
	text-align: center;
}

.eop-invalid-page-notification.slds-notify {
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #767676;
	padding-top: 0.5rem;
	padding-right: 2rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	max-height: 250px;
	overflow-y: auto;
	border-radius: .19rem;
	display: inline-flex;
	width: 100%;
}

.eop-invalid-page-notification > .notification-icon > .slds-assistive-text {
	position: absolute!important;
	margin: -1px!important;
	border: 0!important;
	padding: 0!important;
	width: 1px!important;
	height: 1px!important;
	overflow: hidden!important;
	clip: rect(0 0 0 0)!important;
	text-transform: none!important;
	white-space: nowrap!important;
}

.eop-invalid-page-notification > .notification-icon svg {
	width: 28px;
	height: 32px;
	vertical-align: middle;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	fill: white;
}

.eop-invalid-page-notification > .notification-message {
	padding: 3px;
	max-height: 250px;
	text-align: start;
	font-family: 'Source Sans Pro script=all rev=2', 'Source Sans Pro';
	color:#FFFFFF;
	font-size: 16px;
	display: inline-flex;
	float:left; 
}