.error-container h3{
	margin-bottom: 5px;
	color: var(--black-text);
}

.error-container time {
	font-size: 1.3rem;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}

.error-container {
	border: 2px solid var(--primary-green);
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.error-container i {
	display: block;
	text-align: center;
	font-size: 3.5rem;
	margin-top: -35px;
	margin-bottom: 10px;
}

.error-container i:before {
	background-color: white;
	padding: 0 10px;
}

.error-container p,
.error-container li {
	margin-bottom: 0;
	font-size: 1.5rem;
}

.error-container p:not(.a-l) {
	text-align: center;
}

.align-left .error-container p:not(.a-l) {
	text-align: left;
}

.error-container.status-info {
	border-color: var(--grey-to-contrast-green);
}

.error-container.status-warning {
	border-color: var(--yellow);
}

.error-container.status-issues,
.error-container.status-error {
	border-color: var(--red);
}

.error-container i.popover-icon {
	font-size: 1.8rem;
	margin-top: 2px;
	display: inline-block;
}

.message-container.no-bottom .error-container {
	margin-bottom: 0;
}

.message-container.greybg .error-container i:before {
	background-color: var(--offset-white);
}

.error-container.greybg i:before {
	background-image: linear-gradient(bottom, var(--offset-white) 57%, white 43%);
	background-image: -o-linear-gradient(bottom, var(--offset-white) 57%, white 43%);
	background-image: -moz-linear-gradient(bottom, var(--offset-white) 57%, white 43%);
	background-image: -webkit-linear-gradient(bottom, var(--offset-white) 57%, white 43%);
	background-image: -ms-linear-gradient(bottom, var(--offset-white) 57%, white 43%);
}

#certificateInvalid {
	margin-top: 50px;
}

/*message.css with additional class so it is only used when explicitly set*/

.new-message .error-container h3,
.new-message.error-container h3 {
	margin-bottom: 5px;
	color: var(--black-text);
}

.new-message .error-container time,
.new-message.error-container time {
	font-size: 1.3rem;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}

.new-message .error-container,
.new-message.error-container {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 0;
}

.new-message .error-container.no-icon,
.new-message.error-container.no-icon {
	gap: 0;
}

.new-message .error-container i.status-icon,
.new-message.error-container i.status-icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 4.5rem;
	color: inherit;
	margin: 0;
}

.new-message .error-container i.status-icon:before,
.new-message.error-container i.status-icon:before {
	padding: 0 10px;
	background-color: transparent;
}

.new-message .error-container p,
.new-message.error-container p {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 20pt;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.new-message.small-text .error-container p,
.new-message.small-text.error-container p {
	font-size: 1.5rem;
}

.new-message .error-container.status-info,
.new-message.error-container.status-info {
	color: var(--primary-green);
}

.new-message .error-container.status-warning,
.new-message.error-container.status-warning {
	color: var(--yellow);
}

.new-message .error-container.status-issues,
.new-message.error-container.status-issues,
.new-message .error-container.status-error,
.new-message.error-container.status-error {
	color: var(--red);
}

.new-message .error-container.status-ok,
.new-message.error-container.status-ok {
	color: var(--primary-green);
}

.new-message .error-container i.popover-icon,
.new-message.error-container i.popover-icon {
	font-size: 1.8rem;
	margin-top: 2px;
	display: inline-block;
}

.new-message .message-container.no-bottom .error-container,
.new-message.message-container.no-bottom .error-container {
	margin-bottom: 0;
}