/*New*/
.close-btn--alert{
	position: absolute;
	top: .15rem;
	right: .2rem;
	color: #61616193;
	font-size: 1rem ;
	cursor: pointer;
}
.alertbox__container{
	font-size: 1.2rem;
	position:fixed;
	top:1rem;
	right:1rem;
	z-index:1000;
}

.alertbox__close{
	font-family: sans-serif;
	position:absolute;
	top:-.2em;
	right: 0;
	font-size:.8em;
	font-weight: normal;
	cursor: pointer;
	background:none;
	outline: none;
	padding:2px;
	color:#eee;
	border:0;
}

.alertbox__mssg{
	background-color: white;
	margin:5px 0px;
	display:block;
	position:relative;
	border-radius: .3rem;
	min-height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity:1;
	transition:opacity .7s linear;
	box-shadow: -3px 14px 32px -21px rgba(62, 62, 66, 1);
	animation: scaleIn .25s ease-in;
	gap: .4rem;
	padding: .4rem 1rem .4rem .5rem;
	p{
		color: #000;
		margin: 0;
	}
}
.alertbox__mssg--message{
	overflow-wrap: anywhere;
	max-width: 30rem;
}

.alertbox__mssg--ok{
		color : #61D345;
}

.alertbox__mssg--error{
		color : red;
}

.alertbox__hidden{opacity: 0;}



@keyframes scaleIn{
	0%{
		transform: scale(0);
		right: -15rem;

	}
	100%{
		transform: scale(1);
		right: 0;

	}
}