.overlay {
 background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.overlay.active {
	display: block;
}

.modal {
	color:var(--white-color);
	display: none;
	left: 50%;
	max-height: 75vh;
	max-width: 650px;
	overflow-y: auto;
	position: fixed;
	top: 17em;
	transform: translate(-50%, -30%);
	width: calc(100% - 20px);
	z-index: 101;
}


.modal.active {
	display: block;
}

.modal_close{
	text-align:end;
	position:relative;
	height:15px;
	margin-right:10px;
}

.modal_close_btn{
	border:2px solid var(--white-color);
	border-radius:25px;
	cursor:pointer;
	background-color: rgba(0, 0, 0, 0.8);
}



/* ====================
   message
====================  */
.modal_body_message{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height:80px;
	border-radius: 5px;
	border: 1px solid var(--white-color);
	background-color: rgba(0, 0, 0, 0.8);

}


/* ====================
   search_dest
====================  */
.modal_body_dest{
	background-color: rgba(0, 0, 0, 0.8);
	padding:10px;
}



/* search_dest*/
.dest_modal_button_block{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	border-bottom:1px solid #D8D8D8;
	padding-top:0.7rem;
	padding-bottom:0.35rem;
}

.dest_modal_button{
	background-color: transparent;
	border:2px solid #fff;
	box-shadow: 3px 3px 10px 3px rgba(255,255,255,0.3);
	padding:0.4rem 0.8rem;
	cursor:pointer;
}



/* ====================
   alert_info
====================  */
.alert_flex{
	display: flex;
	background-color: rgba(0, 0, 0, 0.8);
	padding:10px;

}

.alert_flex_icon_warp{
	text-align:center; align-self: center;
}

.alert_info_icon{
	font-size:5rem;
}

.info_alert_alert{
	font-size:0.9rem;
	background-color:var(--red-color);
	color:var(--white-color);
	 padding:0 10px; border-radius:10px;
}

.info_alert_casuse{
	font-size:0.9rem;
	background-color:#999900;
	color:var(--white-color);
	 padding:0 10px; border-radius:10px;
}

.info_alert_route{
	font-size:0.9rem;
	margin-left:5px
}

.alert_text_warp{
	margin-left:10px;
	margin-bottom:10px;
}

.alert_text_index{
	font-size:0.9rem
}

.alert_href{
	color:var(--white-color);
	font-size:0.9rem;
	margin-left:10px;
	margin-top:5px;
}