/*
 * UserProfileViewPanel labels 
 */
.label-font-user {
	font-size:13px;
	/*font-style:italic;*/
	font-weight: 400;
	color:#5fa2dd;
}

/*
 * UserProfileViewPanel texts 
 */
.general-text-font-user {
	font-size:13px;
	min-height:0px; 
	margin-top:7px;
	margin-bottom:0px;
}

/*
 * Tooltips over users 
 */
.tooltip-user-info {
	border-color: white;
	background-color: white;
}

/*
 * Round border for user images
 */
.img-circle-user {
  	border-radius: 50%;
}

/*
 * Cursor pointer for editable 
 * user images
 */
.img-pointer-user {
  	cursor: pointer;
}

/*
 * White border for user images
 * that are "inside" headers
 */
.img-white-border-user {
	border-style: solid;
	border-color: white;
	border-width: 3px; 
}

/* 
 * Change semicircle over profile image
 */
.img-change-semicircle-user {
	border-radius: 0px 0px 40px 40px;
	background: linear-gradient(to top, rgba(50,50,50,0.5) 50%, transparent 50%);
  	text-align: center;
  	padding: 20px 0;
  	cursor: pointer;
  	font-weight: 400;
  	font-size: 9px;
  	color: white;
}

/* 
 * User's initial letter displayed
 * as default image in center of a circle 
 */
.img-default-user {
  	text-align: center;
  	background-color: #5fa2dd;
  	padding: 30px 0;
}

.img-default-user-10-padding {
  	padding: 10px 0 !important;
}

/* 
 * Filefield on ModalPanelChangeUserImage
 */
.fileField-user-profile-img .x-btn-inner{
    color: black !important;
    font-size: 13px;
    font-weight: 300;  
}

/* 
 * Filefield on ModalPanelChangeUserImage
 */
.fileField-user-profile-img-background{
    background-color : #f6f6f6 !important;
    border-color: #e4e4e4;
}

/*
 * User info modals (Profile and change image)
 * have replaced default header with a panel. This
 * is its background color
 */
.modal-user-info-header{
	background-color : #5fa2dd !important;
}

/*
 * User info modals (Profile and change image)
 * label in custom headers
 */
.modal-user-info-header-label{
	color: white !important;
    font-size: 16px;
    font-weight: 400;    
}

/*
 * Center preview card
 */
.jcrop-centered{
    display: inline-block;
}

/*
 * Center preview card
 */
.previewCard{
	text-align: center;
}