.error_box {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background: rgba(var(--first_rgb), 0.1);
	border: 1px solid rgba(var(--first_rgb), 0.2);
	padding: 20px;
	margin-top: 30px;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	.error_box { padding: 10px; margin-top: 20px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.error_box { padding: 10px; margin-top: 20px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.error_box { }
}

	.fa-check-circle {
		display: block;
		color: var(--first_color);
		font-size: 20px;
		margin: 0 auto 10px auto;
	}

	.fa-exclamation-triangle {
		display: block;
		color: #e84b2e;
		font-size: 20px;
		margin: 0 auto 10px auto;
	}
	
	.close_box {
		display: block;
		cursor: pointer;
		font-size: 20px;
		margin: 10px auto 0 auto;
	}
	
		.close_box:hover {
			color: var(--first_color);
		}