// Place all the styles related to the Users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


//signin
.sign-in{
  .checkbox label{
  	padding-left: 0px;
  }
  #user_remember_me{
  	margin-left: 10px;
  }
}

.users .thumbnail {
  padding: 0px;
  min-height: 280px;
  border: 3px solid #333;
  .header{
    border-bottom: 3px solid #333;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 15px;
    margin: 0px;

  }
  .caption{
    .avatar{
      float: right;
      height: 70px;
      width: 70px;
    }
  }
  .footer{
    width:80%;
    border-top: 1px dashed #333;
    margin:10%;
    margin-bottom: 5px;
    .btn{
      width:100%;
      margin-top:10px;
      margin-bottom:0px;
    }
  }
  background-color:  #f5f5dc;
}

/* sidebar */

aside {
  section.user_info {
    margin-top: 20px;
  }
  section {
    padding: 10px 0;
    margin-top: 20px;
    &:first-child {
      border: 0;
      padding-top: 0;
    }
    span {
      display: block;
      margin-bottom: 3px;
      line-height: 1;
    }
    h1 {
      font-size: 1.4em;
      text-align: left;
      letter-spacing: -1px;
      margin-bottom: 3px;
      margin-top: 0px;
    }
  }
}