.principal-container {
    height: auto;
	padding: 0px;
}
.mdc-drawer-app-content {
	background-color: #085B8D !important;
	background: #085B8D !important;
}

.mainContentXL {
	padding: 0px 0px 20px 0px !important;
}

#main-container-profile {
	width: 100%;
	/* background-color: #fff; */
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#content-image-user {
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("/vendors/img/commons/fondo-perfil.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#content-image-user>div {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-image-user>div>div {
	width: 205px;
	height: 195px;
	border-radius: 70%;
	position: relative;
	border: 5px solid #173E73;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-image-user>div>div>img {
	width: 200px;
	height: 190px;
	border-radius: 70%;
	background-color: #1FABCB;
	padding: 8px 5px;
}

#content-image-user>div>div>a {
	position: absolute;
	right: 0px;
	bottom: 10px;
	background-color: #1C4176;
	border-radius: 90%;
	padding: 5px 8px;
}

#principal-content-info-user {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-info-user {
	width: 90%;
	border-radius: 15px;
	background-color: #E5E5E5;
	padding: 5px 15px;
	margin-bottom: 10px;
}

.content-info-user>svg {
	margin-right: 10px;
}

.content-info-user>span {
	color: #696967;
	font-size: 16px;
}

#btn-change-pass {
	padding: 3px 30px;
	border-radius: 40px;
	color: #ffffff;
	margin: 20px 0px 30px;
	font-size: 20px;
	background-color: #1FABCB;
	border: none;
}

.fotos-documento {
    display: flex;
    max-width: 80%;
}
.fotos-documento img {
    max-width: 130px;
    margin: 10px 10px;
}