.profile-container {
  @extend .container-fluid;
  padding: 0 1%;
  @media (max-width: 978px) {
    padding: 0 2%;
  }
}

#profile-left {
  text-align: center;
  margin-top: 15px;
}

@charset "UTF-8";
/* CSS Document */

@import "font-awesome.min.css";
@import "font-awesome-ie7.min.css";
/* Space out content a bit */
body {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-default {background:#333;border:none; padding:0 5rem;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:transparent !important;}
.navbar-brand {line-height: 40px !important;}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Profile image */

.navbar {margin-bottom:0 !important;}

.navbar-default.navbar-main .navbar-nav .img-avatar, .navbar-default.navbar-main .navbar-nav .img-avatar-top {
    max-width: 40px;
    display: inline-block;
    height: auto;
    padding: 1px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default.navbar-main .navbar-nav .img-avatar-top {max-width: 60px;}

.navbar-nav>li>.dropdown-menu {
	margin-top:-10px !important;
	width: 300px;
    padding: 1rem;}

.dropdown-menu>li {margin:5px 0;}

.dropdown-menu>li>a {padding:3px 10px 3px 0 !important;}
	.dropdown-menu>li>a:hover {background-color:transparent !important;}

.bg-image {background-color:#eee;height: 260px;}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 980px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

#lightbox .modal-content, #recuperarsenha .modal-content {
    display: inline-block;
	text-align:center;
	padding:20px;
}

#lightbox .modal-content label, #recuperarsenha .modal-content label {
	text-align:left;
}

/* style wireframe */

a{
  color: #959595 !important;
}

.distance {
  margin-bottom:2em;
  margin-top:1em;
}

.distance-top{
  margin-top: 10px;
}

.distance-left {
  margin-bottom:2em;
  margin-top:1em;
  margin-left: 11em !important;
}

/* NOOSFERO PROFILE */
.bg-image {}
#noosfero-profile {background:#fff; margin: -200px auto auto; z-index:9999; left:0; right:0; border:1px solid #eee; padding:20px 0;}
	#noosfero-profile img {margin:10px; border:1px solid #eee;}
ul.social {list-style:none; text-align:center;padding:0; margin:0;}
#infocontato {max-width:200px;}
#infocontato .alert-info{margin:.5rem 0; padding:1rem; font-size:1rem; line-height:1.5rem;}
#noosfero-groups {margin:auto;}

.secondary {border:1px solid #eee; padding:1rem; margin-top:2rem;}
#interesses span {background:#333; padding:4px 6px; font-size:1rem; color:#fff; cursor:pointer;}

#atividades p, .viewall, #comunidades p, #pessoas p {font-size:1rem;}

#comunidades img, #pessoas img {width:100%;}

.img-avatar-edit {position:relative;}

.img-avatar-edit:hover div.update-img {
    display: block;
}
.img-avatar-edit div.update-img {
    position:absolute;
    display:none;
}
.img-avatar-edit div.update-img {
    bottom:10px;
	left:10px;
	width:130px;
}
div.update-img {
	background:#333;
	color:#fff;
	font-size:1rem;
	padding:5px 2px;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	text-align:center;
	cursor:pointer;
}

.edit-button {position:relative;}
#edit-toggle {position:absolute; left:240px; background:#fff; top:0px; border:1px solid #eee; padding:1rem 0; width:340px; height:auto;}
#edit-toggle input {margin-bottom:1rem;}