.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: transparent;
    padding: 0 10px;
}

.error-container p {
    margin-bottom: 0;
}

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

.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;
}

#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: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.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;
}