.asmAlarm {
	width: 15rem;
	height: 3rem;
	border-radius: 2rem;
	z-index: 1001;
	color: white;
	animation-name: alramIn;
	animation-duration: 1s;
	margin-bottom: 0.2rem;
	position: relative;
	box-shadow: 0px 6px 16px rgba(17, 17, 17, 0.14);
}

.asmAlarm:hover {
	cursor: pointer;
}

.asmAlarm.sizeLong {
	width: 30rem;
}

@keyframes alramIn {
	0% {
		right: -50%;
	}
	80% {
		right: 50%;
	}
	100% {
		right: 0%;
	}
}

.asmAlarm.asmText {
	/* background-color: #4e5558; */
		background-color:#303030
}

.asmAlarm.asmInfo {
	background-color: #212121;
}

.asmAlarm.asmSuccess {
	background-color: #2F80ED;
}

.asmAlarm.asmWarning {
	background-color: #ed1b23;
}

.asmAlarm.asmError {
	background-color: #e0443b;
}

.asmAlarm > .link {
	display: none;
}

.asmAlarm > img {
	width: 2rem;
	position: relative;
	top: 0.5rem;
	left: 4%;
}

.asmAlarm.sizeLong > img {
	left: 2%;
}

.asmAlarm > .contentsArea {
	width: 11rem;
	text-align: left;
	font-size: 1.1rem;
	position: absolute;
	top: 50%;
	left: 3rem;
	transform: translateY(-50%);
}

.asmAlarm.asmText > .contentsArea {
	top: 23%;
	left: 1rem;
	bottom: 0%;
}

.asmAlarm.asmWarning > .contentsArea {
	bottom: 37%;
}

.asmAlarm.sizeLong > .contentsArea {
	width: 26rem;
}

#alarmDiv {
	width: max-content;
	height: max-content;
	position: absolute;
	top: 5%;
	left: 40%;
	z-index: 1061;
}

#alarmDivmap {
	width: max-content;
	height: max-content;
	position: absolute;
	bottom: 2%;
	right: 2%;
	z-index: 1061;
}