.user-index {
  list-style: none;
  text-align: center;
  text-align: right;
  width: 600px;
  margin: 0 auto;
}

.modal-user-index {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.modal-user-index .modal-user-link {
  display: block;
  position: relative;
  padding: 0 2%;
}
.modal-user-index .modal-user-link:hover {
  background: #70B7E6;
}
.modal-user-index .modal-user-link div.user p.name, .modal-user-index .modal-user-link div.user2 p.name {
  font-size: 18px;
}

.modal-content {
  position: relative;
  width: 500px;
  height: 100%;
}
.modal-content .user, .modal-content .user2 {
  display: block;
  float: none;
}
.modal-content .filter-box {
  width: 98%;
  margin: 0 auto 15px;
}

div#user-show {
  width: 100%;
  min-height: 400px;
}
div#user-show h1 {
  margin-top: 0;
}
div#user-show #user-bio {
  width: 100%;
}

div.user, div.user2 {
  float: left;
  position: relative;
  height: 100px;
  min-width: 300px;
  max-width: 350px;
  margin: 10px 10px 10px 0;
  padding: 0 0 0 100px;
  /*make 5px everywhere for deploy */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.user p, div.user2 p {
  float: left;
  text-align: left;
  min-width: 51%;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin: 18px 0px 0px 10px;
  word-wrap: break-word;
}
div.user p:nth-child(3), div.user2 p:nth-child(3) {
  margin: 10px 0 0 10px;
}
div.user p a, div.user2 p a {
  font-size: 18px;
}
div.user a, div.user2 a {
  text-decoration: none;
}
div.user .button, div.user2 .button, div.user .edit-btn-small, div.user2 .edit-btn-small, div.user .delete-btn-small, div.user2 .delete-btn-small {
  position: absolute;
  top: 0;
  color: #ecf0f1;
  text-decoration: none;
  font-family: Open Sans;
  font-weight: 400;
  padding: 0 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
div.user .edit-btn-small, div.user2 .edit-btn-small {
  background: #FFA100;
  right: 21px;
}
div.user .delete-btn-small, div.user2 .delete-btn-small {
  background: red;
  right: 0;
}

.avatar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #cca343;
}

.avatar-small {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  background: #cca343;
}

.highlight {
  background: #cca343;
}