.Carnet{
	width: 500px;
	height: 90%;
	margin: auto;
	margin-top: 2.5%;
	border: 1px black solid;
	border-radius: 7px;
	font: condensed 120% sans-serif;
	box-shadow: 8px 8px 5px grey;
/*
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
*/
}

.infoCarnet{
	height: 30%;
/*
	border: 1px black solid;
*/
	color: white;
	padding: 10px;
	text-align: center;
	background: linear-gradient(10deg, #087C5D 20%, white);
/*
	background-color: #0B9470;
*/
}

.infoCarnet img{
	height: 76%;
	border-radius: 50%;
	border: 1px solid black;
	background-color: white;
}

.infoCarnet label{
	width: 100%;
	margin-bottom: 0px;
}

/****************************************************/
.contCarnet{
	height: 70%;
	width: 100%;
}

.opcCarnet{
	text-align: center;
	background-color: #0B9470;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.opcCarnet div{
	width: 33.3%;
	background-color: #0B9470;
}

#Opc2{
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.opcCarnet div button{
	color: white;
	width: 100%;
	border:none;
	background-color: #0B9470;
}

/****************************************************/
#Personal, #Contacto, #Vacunas{
	height: 89%;
	overflow-y: scroll;
	border-radius: 7px;
/*	
	background-color: #F1DB87;
	padding-top: 15px;
*/
}

/****************************************************/
.Detalles{
	display: flex;
	flex-wrap: wrap;
	height: 10%;
	width: 90%;
	margin: auto;
	margin-top: 15px;
/*
	border-bottom: 1px solid black;
*/
	box-shadow: 8px 8px 5px grey;
	background-color: #0b947024;
	border-radius: 7px;
	font-weight: bold;
}


/****************************************************/
.Iconos{
	width: 10%;
	height: 90%;
	margin-left: 2.5%;
}

.Iconos img{
	width: 100%;
	height: 100%;
}

.Informacion{
	width: 85%;
	padding-left: 10px;
	margin: auto;
}

.Informacion label{
	width: 100%;
	margin: 0px;
}

#modal_res{
	height: 800px;
}

/****************************************************/
@media (max-width: 576px) {
	.Carnet{
		width: 85%;
		font: condensed 90% sans-serif;
	}

	.Detalles{
		height: 13%;
	}

	#Personal, #Contacto, #Vacunas{
		height: 83%;
	}
}

@media (min-width: 576px) {
	
	.modal-dialog {
	    max-width: 1200px;
	    margin: 1.75rem auto;
	}
}