.modal-container, .modal-container2{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index:2000;
	width: 100%;
	height: 100vh;
	top:0;
	left: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal, .modal2{
	width:90%;
	max-width: 400px;
	background: #fff;
	text-align: center;
	border-radius: 10px;
	position: relative;
	transition: transform 1s;
	transform: translateY(0%);
}

.modal{
	height: 100px;
}
.modal2{
	padding: 5px;	
}



.modal-close{
	transform: translateY(-500%);
}

.modal > button{
	width:100px;
}
.modal-texto >p{
	margin: 10px;
}


.loading-container{
	
	opacity: 0;
	visibility: hidden;
	
	position: fixed;
	z-index:1001;
	width: 100%;
	height: 100vh;
	top:0;
	left: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading-container >img{
	max-width: 60px;
}