verpersona {
	.verpersona .avatar {
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  width: 100px;
	  height: 100px;
	  background-size: cover;
	  border-radius: 50%;
	  border: 1px solid color($colors,primary);
	  margin: auto;
	  margin-top: 30px;
	  margin-bottom: 25px;
	  position: relative;
	}
	.verpersona .avatar a {
	  display: block;
	  width: 100px;
	  height: 100px;
	}
	.verpersona .globo {
	  background-color: color($colors,primary);
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  display: inline-block;
	  margin-left: 5px;
	  margin-right: 5px;
	}
	.verpersona .globo .lipi-icon {
	  color: color($colors, secondary);
	  font-size: 43px;
	  margin-top: -2px;
	  margin-left: -13px;
	  border-radius: 50%;
	}
	.verpersona .nombre {
	  font-family: 'AvenirHeavy';
	  color: color($colors,secondary);
	  font-size: 1.1em;
	  margin-top: 10px;
	  text-align:center;
	}
	.verpersona .cargo {
	  color: color($colors,secondary);
	  font-size: 1.1em;
	  text-align:center;
	  margin-bottom: 10px;
	}
	.verpersona .tools {
	  margin-bottom: 20px;
	  text-align:center;
	}
	.verpersona .item-note {
		border-radius: 50%;
		text-align:center;
		background-color: color($colors,primary);
	    top: 0;
	    position: absolute;
	    right: 0;
	}
	.verpersona .item {
	    min-height: 2.4rem;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	.verpersona .item-inner {
		border: 0 !important;
	}
	.verpersona .item-note .lipi-icon {
	    margin-left: -4px;
	    margin-right: 4px;
	}
	.verpersona button {
		margin-top: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	.verpersona button .button-inner { color: color($colors,secondary); }
	.verpersona input {
	    border: 1px solid color($colors, light);
	    padding: 8px;
	    font-size: 1.4em;
	    display: block;
	    margin-top: 6px;
	    width: 80%;
	}
	.verpersona .label {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.verpersona .passwordLabel {
		color: color($colors,dark);
	}
	.verpersona .passwordInput input {
		width: 100%;
	}
}
