:root {
  --primary_color: #119eff;
}

*{
	padding: 0;
	margin: 0;
}

.container{
	width: calc(100% - 15px * 2);
	height: calc(100vh - 3rem - 15px * 2);
	padding: 15px;
	overflow-y: scroll;
}
.footer{
	height: 3rem;
	background-color: var(--primary_color);
}

div{
	width: 100%;
}

.ttlHead{
	font-size: 1.2em;
	font-weight: bold;
	color: var(--primary_color);
	margin-bottom: 0.25em;
}

.profileDiv{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px var(--primary_color);
}
.mobile .profileDiv{
	padding-bottom: 0;
}

.pp{
	height: 6em;
  border-radius: 100%;
  margin-right: 4vw;
  box-shadow: 0px 0px 3px 1px var(--primary_color);
}

.divrow{
	display: table-row;
}

.divrow .cell{
	display: table-cell;
	width: unset;
}

.tableProfile .title{
	padding-right: 0.5em;
}


.tableCarrirs {
	max-width: 600px;
	margin-right: 1em;
}

.mobile .tableCarrirs {
	max-width: unset;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px var(--primary_color);
}

.tableCarrirs .title{
	vertical-align: top;
	min-width: 10em;
}

.tableCarrirs .value > div{
	margin-bottom: 0.3em;
}

.tableEdu .title{
	vertical-align: top;
	padding-right: 0.5em;
}

.tableEdu .value > div{
	margin-bottom: 0.3em;
}

.blockDinamis {
	display: inline-block;
	width: unset;
  margin-right: var(--dinamis_side);
}
.vMiddle{
	vertical-align: middle;
}

.mobile {
	/*font-size: 1.5rem;*/
}

.mobile .pp{
	margin-right: 0;
}

.mobile .blockDinamis {
	width: 100%;
	align-items: center;
	margin-bottom: 1em;
}