/* Success Alert */
.app-alert.success {
	background-color: #abfacd !important;
	border: 1px solid #59c78e  !important;
	color: #1f7d5b  !important;
}

.app-alert.success::before {
	content: "✓";
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid #2ea675  !important;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #2ea675  !important;
	font-weight: bold;
}

/* Danger Alert */
.app-alert.danger {
	background-color: #ffbbc6  !important;
	border: 1px solid #c97680  !important;
	color: #d32f2f  !important;
}

.app-alert.danger::before {
	content: "⊘";
	position: absolute;
	height: 20px;
	width: 20px;
	/* border-radius: 50%;
	border: 2px solid #e74c3c; */
	display: flex;
	align-items: center;
	justify-content: center;
	left: 10px;
	top: 43%;
	transform: translateY(-50%);
	font-size: 30px;
	color: #e74c3c  !important;
	font-weight: bold;
}

/* Warning Alert */
.app-alert.warning {
	background-color: #feeec6  !important;
	border: 1px solid #ffdf80  !important;
	color: #856404  !important;
}

.app-alert.warning::before {
	content: "!";
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid rgb(212, 136, 13)  !important;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: rgb(212, 136, 13)  !important;
	font-weight: bold;
}

/* Mobile View */
@media (max-width: 450px) {
	.app-alert {
		position: fixed !important;
		top: 47% !important;
		left: 18px;
		width: 90% !important;
		/* Make alert take up more space on small screens */
		font-size: 16px;
		margin-top: 10px;
		padding: 16px;
		
	}
	
}

/* Dismiss button position */
.alert-dismissable .close,
.alert-dismissible .close {
	right: -8px;
	top: -8px;
	font-size: 24px;
	/* Larger close button */
	color: inherit;
	/* Close button inherits alert color */
	opacity: 1;
	/* Ensure close button has full opacity */
}

/**
#loadingScreen .modal-content {
	background: transparent;
	border: none;
	box-shadow: none;
}
**/


.bg-half-170
{
	height:20vh !important;	
}