/*notification*/
.notification {
  position: relative;
  padding: 15px 40px 16px 20px;
  color: #00a44b;
  border: 1px solid #00a44b;
  margin: 20px 0 30px; }

.notification:after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url(/images/exclamation.png) 50% 50%/16px 16px no-repeat;
  margin: -8px 10px 0 0; }

.notification p {
  font: 600 15px/1.3em 'source sans pro';
  margin: 0; }

.notification.error {
  color: #e72713;
  border-color: #e72713; }

.notification.error:after {
  display: none; }

.notification.error p:after {
  position: absolute;
  content: '';
  right: -40px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 20px 0 0;
  background: url(/images/attention-red.png) 50% 50%/16px 16px no-repeat; }

.notification.error p {
  color: #e72713;
  position: relative; }

.notification.error.multi p svg {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0; }

.notification.error.multi p .shape {
  fill: #ff2209; }

.notification.error.multi p {
  padding: 0;
  margin-bottom: 25px; }

.notification.error.multi p:last-child {
  margin-bottom: 0; }