.notification {
	position: relative;
	font-size: 1em;
	padding: 1em;
	overflow: hidden;
	border-radius: 3px;
	border: solid #eee 1px;

	.notification-icon {
		margin: 0 0.6em 0 0;
	}
	p {
		margin-bottom: 0;
	}
	.alerte-title {
		font-weight: 600;
	}
	.full {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	// Info
	&.info {
		border-left: solid #2e75bf 4px;
		color: #2e75bf;
		a {
			color: #2e75bf;
		}
		.notification-icon::before {
			content: fa-content($fa-var-info-circle);
		}
	}

	// Empty
	&.empty {
		padding: 1em;
		border: dashed #ddd 1px;
		border-radius: 1em;
		color:#ccc;

		.notification-icon::before {
			content: '';
		}
	}

	// Error
	&.error {
		border-left: solid #e74c3c 4px;
		color: #e74c3c;
		a {
			color: #e74c3c;
		}
		.notification-icon::before {
			content: fa-content($fa-var-times-circle);
		}
	}

	// Success
	&.success {
		border-left: solid #74c246 4px;
		color: #74c246;
		a {
			color: #74c246;
		}
		.notification-icon::before {
			content: fa-content($fa-var-check-circle);
		}
	}

	// Warning
	&.warning {
		border-left: solid #fcb231 4px;
		color: #fcb231;
		a {
			color: #fcb231;
		}
		.notification-icon::before {
			content: fa-content($fa-var-exclamation-triangle);
		}
	}


	@media (max-width: 770px) {

	}
	@media (max-width: 480px) {
		padding: 1em;
		.notification-icon::before {
			display: none;
		}
	}
}