/*
  Alerts
*/

#alerts {
	z-index: 99999;
	top: 60px;
	right: 10px;
	position: fixed;
}

.toast-title {
	margin-right: auto;
}

.toast-header,
.toast {
	background-color: #f5f5f5;
	color: #6d757d;
}

.toast i.close {
	cursor: pointer;
	font-size: 1.3em;
}

.alerts_table .icon,
.toast-header_icon {
	background-color: var(--cc-warning-color);
	color: white;
	font-size: 1.25em;
	border-radius: var(--border-radius);
	margin-right: 10px;
	width: 30px;
	min-width: 30px;
	height: 30px;
	display: flex;
}

.alerts_table .icon {
	margin-right: 0;
}

.alerts_table .icon i,
.toast-header_icon i {
	margin: auto;
}


.toast .toast-header {
	border: none;
}

.alerts_table .icon.notification-danger,
.toast-danger>.toast-header,
.toast-header_icon.toast-danger {
	background-color: var(--cc-danger-color);
	color: #fff;
}

.alerts_table .icon.notification-success,
.toast-success>.toast-header,
.toast-header_icon.toast-success {
	background-color: var(--cc-success-color);
	color: #fff;
}

.alerts_table .icon.notification-blue,
.toast-blue>.toast-header {
	background-color: var(--cc-blue-color);
}

.alerts_table .icon.notification-blue2,
.toast-blue2>.toast-header {
	background-color: var(--cc-blue2-color);
}

.alerts_table .icon.notification-purple,
.toast-purple>.toast-header {
	background-color: var(--cc-purple-color);
}

.alerts_table .icon.notification-pink,
.toast-pink>.toast-header {
	background-color: var(--cc-pink-color);
}


.toast-body {
	display: flex;
}

.toast-description {
	margin-right: auto;
}

.toast-time {
	margin-right: 5px;
	font-size: 10px;
}

.toast-done i {
	font-size: 2em;
}

.toast {
	margin: 10px 0;
}

.alerts_table .alert-done {
	position: relative;
	text-align: right;
}

.alerts_table .alert-done .check:not(.show) {
	display: none;
}

.alerts_table .alert-done .check {
	color: var(--cc-success-color);
}


.toast.toast-mojogateway .toast-body,
.toast.toast-mojogateway .toast-time {
	display: none
}