/* PROFILE - profile.php */
#profile {
	color:#818a91;
	padding-bottom: 40px;
}
#profile .extra-members-text img {
	height: 85px;
    width: 85px;
}
@media (max-width: 576px) {
	#profile .extra-members-text img {
		height: 65px;
	    width: 65px;
	}
}
#profile .container-fluid:first-child .container:first-child {
	margin-top:0px;
	margin-bottom:0px;
}

#profile .profile-info-block{
	position: absolute;
	top:60px;
}

#profile .profile-image {
	position: absolute;
	height: 200px;
	width: 200px;
    top: -100px;
}

/* Geblurde foto bij te lage eigen profielscore (nooit wit vlak) */
#profile img.datic-photo-locked {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	transform: scale(1.08);
	object-fit: cover;
	background-color: #bdbdbd;
}
#profile .card {
	overflow: hidden;
}
#profile .card img.datic-photo-locked {
	filter: blur(12px);
	-webkit-filter: blur(12px);
	transform: scale(1.12);
	width: 100%;
	background-color: #bdbdbd;
}

#profile .row a {
	color:#fff;
}
#profile  .fa.fa-pencil {
	color:#449d44!important;
    font-size: 20px;
}
#profile  .highlight {
	color:#474d59;
	font-size:16px;
	font-weight: 600;
}
#profile  #profile-preference {
	background-color: #c0c0c0;
}
#profile  .modal-header-text {
	color:#818a91;
	font-size:16px;
	font-weight: 600;
	padding-top: 20px;
    padding-bottom: 20px;
}
#profile  .edit-buttons {
	padding-top:20px;
	padding-bottom:20px;
}

#profile  .spacer {
	height: 1px;
    background-color: #c0c0c0;
}
#profile  .isOnline {
	color:#5cb85c;
	font-size: 12px;
    vertical-align: middle;
}
#profile  .isOffline {
	color:#c0c0c0;
	font-size: 12px;
    vertical-align: middle;
}
#profile .btn-message {
	color: #fff;
    background-color: rgb(67, 158, 236);
    border-color:rgb(67, 158, 236);
}
#profile .btn-action:first-child {
	color:#c0c0c0;
	font-size: 25px;
    vertical-align: middle;
    background-color: transparent;
}
#profile  .btn-action:first-child:hover {
	color:#fff;
	cursor:pointer;
}
#profile  .btn-action {
	color:white;
	margin-right: 10px;
	margin-left:10px;
}
/* FIELDSET */
#profile fieldset {
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 10px;
}
#profile legend {
	width: initial;
	font-size: medium;
	margin-bottom:0;
	height: 42px;
}
#profile .fieldset-header{
    margin-top: -20px;
    margin-left: 40px;
    color:#449d44!important;
    font-size: 24px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight:600;
}
#profile .fa-quote-right {
	font-size: 15px;
	color:#fff;
}
#profile .fa-users {
	font-size: 26px;
	color:#fff;
}
#profile .fa-user {
	font-size: 26px;
	color:#fff;
}

#profile .fa-camera {
	font-size: 26px;
	color:#fff;
}



.fa-circle-thinner {
	margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    width: 55px;
    height: 55px;
    padding-top: 10px;
    text-align: center;
    border-radius: 100%;
    cursor:pointer;
    border: 1px solid silver;
}

#profile fieldset .fa-stack.fa-lg {
	color:#5cb85c!important;
}
#profile .livingsituation .form-group {
	/*padding-top: 1rem;
    padding-bottom: 1rem;*/
	margin:0;
	border-bottom:1px solid #dbdbdb;
}
#profile .livingsituation label {
	color:#474d59;
	font-weight:600;
}
#profile .livingsituation .form-group:last-child {
	border-bottom:0;
}

#profile .personality .form-group {
	/*padding-top: 1rem;
    padding-bottom: 1rem;*/
	margin:0;
	border-bottom:1px solid #dbdbdb;
}
#profile .personality label {
	color:#474d59;
	font-weight:600;
}
#profile .personality .form-group:last-child {
	border-bottom:0;
}
#profile .looks .form-group {
	/*padding-top: 1rem;
    padding-bottom: 1rem;*/
	margin:0;
	border-bottom:1px solid #dbdbdb;
}
#profile .looks label {
	color:#474d59;
	font-weight:600;
}
#profile .looks .form-group:last-child {
	border-bottom:0;
}

#profile .preference .form-group {
	/*padding-top: 1rem;
    padding-bottom: 1rem;*/
	margin:0;
	border-bottom:1px solid #dbdbdb;
}
#profile .preference label {
	color:#474d59;
	font-weight:600;
}
#profile .preference .form-group:last-child {
	border-bottom:0;
}

#profile  .removeModalPadding {
     padding-right:0 !important;
 }
/*----------------------------*/

/* HEADER TEXT */
#profile .text-header-edit {
	color:#474d59;
	/*font-size:20px;*/
	font-weight: 600;
	cursor:pointer;
}

#profile  .text-header {
	color:#474d59;
	/*font-size:20px;
	font-weight: 600;*/
}

/* PROFILE NAME */

#profile .profile-name {
	display:inline-block;
	padding: 10px;
	text-decoration: none;
    font-weight: 600;
    font-size: 36px;
    cursor:default;
    color:#fff;
}

#profile .profile-name:hover {
	padding: 10px;
    -webkit-transition: background 100ms linear;
    -moz-transition: background 100ms linear;
    transition: background 100ms linear;
    text-decoration: none;
}

#profile .profile-name-edit{
	display:inline-block;
	padding: 10px;
	text-decoration: none;
    font-weight: 600;
    font-size: 36px;
}

#profile .profile-name-edit:hover {
	padding: 10px;
    background-color: #818a91;
    border-radius: 4px;
    -webkit-transition: background 100ms linear;
    -moz-transition: background 100ms linear;
    transition: background 100ms linear;
    cursor:pointer;
    text-decoration: none;
}


#profile .profile-info {
	display:inline-block;
	padding: 10px;
	color:#fff;
}
#profile .profile-about-me {
	padding: 5px;
}#profile .first.profile-about-me{
	padding:0;
}

#profile .sample-text{
	color:#c0c0c0;
    cursor:initial;
}


/*
.profile-about-me:hover:not(p) {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 3px;
    transition: all 200ms ease-out;
}*/

#profile .profile-basics {
	padding: 15px;
	cursor:default;
	color:#474d59;
	font-size:16px;
	font-weight: 400;
	margin-bottom:10px;
    border-radius: 14px;
}
#profile .profile-basics-edit {
	padding: 15px;
	cursor:pointer;
	color:#474d59;
	font-size:16px;
	font-weight: 400;
	margin-bottom:10px;
    border-radius: 14px;
}
#profile .profile-basics:not(#profile-preference) p:last-child {
	color: #c0c0c0;
	padding: 0px 0px 0px 15px;
}
#profile .profile-basics-edit:not(#profile-preference) p:last-child {
	color: #c0c0c0;
	padding: 0px 0px 0px 15px;
}
#profile .profile-basics-edit:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
    transition: all 200ms ease-out;
}

#profile .profile-groups {
	padding: 15px;
	color:#474d59;
	font-size:16px;
	font-weight: 400;
	margin-bottom:10px;
    border-radius: 14px;
}

#profile .extra-members {
	color:#474d59;
	padding: 40px 15px;
}
#profile .extra-members-text {
	color:#474d59;
}

#profile select.form-control:not([size]):not([multiple]) {
    height: 2.5rem;
}

#profile .profile-actions{
	margin-top: 10px;
    margin-bottom: 10px;
}

#profile .modalLabel {
    font-weight: 400;
    color: #818a91;
}
#profile .blockquote p {
	margin-bottom: 0;
	color:#474d59;
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#profile .blockquote {
	background-color: #f7f7f9;
	border-left: #fff;
	margin:0;
}
#profile .blockquote:hover {
	background-color: #eef8ee;
	border-left: 2px solid #5cb85c;
	cursor:pointer;
}
#profile .blockquote-footer {
    position: relative;
}
#profile .quote-overflow {
	width: 70%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 2px;
}



/* IMAGES */
#profile .profile-pictures {
	color:#474d59;
	padding: 10px 5px 5px 5px;
}
#profile .profile-pictures .card {
	margin:0;
	height:265px;
}
#profile .profile-pictures  .card-block {
	padding:10px;
	border-top: 1px solid #dbdbdb;
}
#profile .card-image {
	height: 220px;
    width: 100%;
    display: block;
}
#profile #uploadPicture{
	margin-bottom:10px;
	margin-left:10px;
}
#profile .profile-pictures .text-header.no-cursor.pull-left {
	padding-bottom:10px;
}

#popover-profile-actions {
	color:#818a91;
}
#popover-profile-actions button {
	padding: 15px 30px 15px 35px;
	cursor: pointer;
	color:#474d59;
}

#popover-profile-actions .dropdown-divider{
    margin:0;
}


/* PROFILE GROUPS */
#profile .myGroupsHeader {
	display:inline-block;
	padding: 10px;
	text-decoration: none;
    font-weight: 600;
    font-size: 36px;
    color:#c0c0c0; 
    width:100%;
    border-bottom: 1px solid  #c0c0c0;
}

@media (max-width: 575px) {
	#profile .container-fluid:nth-child(1) {
		height: inherit!important
	}
	#profile .container-fluid:nth-child(2) {
		height: inherit!important
	}
	#profile .profile-image {
		position:relative;
	    top: 0px;
	}
	#profile .profile-info-block {
	    position: relative;
	    top: 0px;
	}
	#profile .profile-name {
		font-size: 24px;
	}
	#profile .profile-name-edit {
		font-size: 24px;
	}
	#profile .profile-info {
		font-size: 18px;
	}
	#profile .last-login{
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#profile .profile-info-bottom-block{
		height:inherit!important;
	}
	#profile .fieldset-header {
		margin-left:0;
	}
	#profile .col-xs-4.col-form-label{
		padding-left: 0px;
	}
	#profile .profileGroups .col-xs-12.col-md-6.col-lg-4{
		padding-left:0px;
		padding-right:0px;
	}
	#profile .quote-overflow {
		width: 70%;
	}

}
@media (max-width: 450px) {
	#profile .card-image {
	    height: 160px;
	    width: 100%;
	    display: block;
	}
	#profile .profile-pictures .card {
	    margin: 0;
	    height: 205px;
	}
	#profile .quote-overflow {
		width: 55%;
	}
}

@media (min-width: 576px) {
	#profile .profile-image {
		left:0;
		height: 180px;
	    width: 180px;
	    top: -90px;
	}

}
@media (min-width: 1200px) {
	#profile .profile-image {
		left:0;
		height: 200px;
	    width: 200px;
	    top: -100px;
	}
}