:root {
	--icon-external-link: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> <g style="stroke:rgb(35,82,124);stroke-width:1"> <line x1="5" y1="5" x2="5" y2="14" /> <line x1="14" y1="9" x2="14" y2="14" /> <line x1="5" y1="14" x2="14" y2="14" /> <line x1="5" y1="5" x2="9" y2="5"  /> <line x1="10" y1="2" x2="17" y2="2"  /> <line x1="17" y1="2" x2="17" y2="9" /> <line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /></g></svg>');
}

#ahsc-service-error {
	background: rgba(208, 2, 27, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(63, 63, 68, 0.25), inset 0 3px 0 0 #d0021b;
	box-shadow: 0 1px 2px 0 rgba(63, 63, 68, 0.25), inset 0 3px 0 0 #d0021b;
}

#ahsc-service-warning {
	background: rgba(245, 166, 35, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(63, 63, 68, 0.25), inset 0 3px 0 0 #f5a623;
	box-shadow: 0 1px 2px 0 rgba(63, 63, 68, 0.25), inset 0 3px 0 0 #f5a623;
}

#ahsc-service-error,
#ahsc-service-warning {
	border: none;
	margin: 15px 0;
	padding: 15px;
}

#ahsc-service-error a,
#ahsc-service-warning a {
	text-decoration: none;
	font-weight: 500;
}

#ahsc-service-error a::after,
#ahsc-service-warning a::after {
	content: "";
	background: no-repeat var(--icon-external-link);
	padding-right: 1em;
}