/*!
 * CustomAlerts
 * A very simple and lightweight alerts system created with vanilla JavaScript
 *
 * @version v1.0
 * @author oscarcweb <rehr_roste@aleeas.com>
 * @github https://github.com/oscarcweb/CustomAlerts
 * @license MIT
 */
.sticky-alerts {
	position: fixed;
	bottom: 0;
	left: 0;
	
	z-index: 999999999;
	padding: 0 20px;
	width: 400px;
}

.sticky-alerts .alert {
	position: relative;
	margin-top: 1rem;
	display: none;
	flex-wrap: wrap;
	bottom: -50rem;
	border-radius: calc(.375rem + .1rem);
	box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%),0 5px 15px 0 rgb(0 0 0 / 5%);
	justify-content: center;
	align-items: center;
}

.alert .alert-header {
	background: transparent;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	align-items: baseline;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	border-bottom: 1px solid rgba(0,0,0,.1);
	/*box-shadow: rgb(145 158 171 / 24%) 0 0 2px 0, rgb(145 158 171 / 24%) 0 16px 32px -4px;*/
}

.alert .title {
	flex: 1;
}

.alert .title, .alert .close {
	padding: .2rem;
}

.alert .content {
	background: transparent;
	width: 100%;
	padding: 0.5rem;
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	/*box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%),0 5px 15px 0 rgb(0 0 0 / 5%);*/
}

.alert .close {
    border-top-right-radius: 0.375rem;
	cursor: pointer;
}

/*.alert .close:hover {
	background-color: #fafafa;
}*/

.sticky-alerts .alert.show {
	display: flex;
}

.sticky-alerts .alert.fadeIn {
	top: 0;
	-webkit-transition: top .3s cubic-bezier(.25, .8, .25, 1);
	transition: top .3s cubic-bezier(.25, .8, .25, 1);
}

.sticky-alerts .alert.fadeOut {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s .2s, opacity .2s linear;
	transition: visibility 0s .2s, opacity .2s linear;
}

/* .alert {
	color: #212121;
	background: #fff;
}

.alert-danger {
	color: #fff;
	background-color: #ff4d4f;
}

.alert-info {
	color: #fff;
	background-color: dodgerblue;
}

.alert-warning {
	color: #212121;
	background-color: #ffef61;
}
.alert-success {
	color: #ffffff;
	background-color: #31d300;
} */