/* Leftcol */
.portal-leftcol {
  background-color: #f5f5f5;
}
.portal-picture {
  width: 200px;
  height: 200px;
  display: block;
  margin: 20px auto 80px auto;
}
.circle-avatar {
	/* make it responsive */
	max-width: 100%;
	width:100%;
	height:auto;
	display:block;
	/* div height to be the same as width*/
	padding-top:100%;
	
	/* make it a circle */
	border-radius:50%;
	
	/* Centering on image`s center*/
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;
	
	/* it makes the clue thing, takes smaller dimension to fill div */
	background-size: cover;
	
	/* it is optional, for making this div centered in parent*/
	margin: 0 auto 15px auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#upload-profile-picture-file {
	display: none;
}
.portal-leftcol a {
  color: #000000;
}
.portal-leftcol li {
  list-style: none;
}
.portal-nav {
	margin-top: 50px;
}
.portal-nav a.warning {
	color: #cc0000;
}
#upload-profile-picture.warning {
	color: #cc0000;
}
.form-control.documentUpload {
	height: 45px;
}
.row-grey {
  background-color: #f5f5f5;
  padding-bottom: 5px;
}

label {
  font-size: 11px !important;
  padding-top: 10px;
  margin-left: 0px !important;
  margin-right: 10px !important;
}
#privacycheckbox {
	height: 39px;
	width: 39px;
}
.btn.hidden {
	display: none;
}
#fakeloader {
	opacity: 0.4;
}