#frame-popup-select-option-add-contact {
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100dvw;
	height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
}

#popup-select-add-contact * {
	font-size: 13.5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	touch-action: pan-x pan-y;
}

#popup-select-add-contact {
	background: white;
	border-radius: 10px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: start;
}

.button-on-modal-select {
	border-radius: 7px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#button-add-your-contact{
	margin-top:20px;
	margin-bottom:10px;
	background: #47ABE8;
	color: white;
	border: 1px solid #47ABE8;
}
#button-download{
	border: 1px solid #dfe1e5;
	margin-top:10px;
	margin-bottom:20px;
	background: white;
	color: #979797;
}

/* MOBILE */
@media only screen and (max-device-width: 1023px) {
	#popup-select-add-contact {
		width: 85dvw;
	}
	
	.button-on-modal-select {
		width: 80%;
		height: 40px;
	}
}
/* PC */
@media only screen and (min-device-width: 1023px) {
	#popup-select-add-contact {
		width: 18dvw;
	}
	
	.button-on-modal-select {
		width: 60%;
		height: 35px;
	}
}

#select-add-contact-header {
	width: calc(100% - 30px);
	height: 8.2dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left : 15px;
	margin-right : 15px;
}
#select-add-contact-body{
	width:100%;
	flex:1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column nowrap;
}

#add-your-contact-header-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13.5px;
	font-weight: bolder;
} 

#add-your-contact-header-title {
	flex: 1;
}

#add-your-contact-header-left ,#button-add-your-contact-close-popup {
	width: 10px;
}

#button-add-your-contact-close-popup img {
	width: 100%;
	aspect-ratio: 1/1;
}