@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%);
            transform: rotate(0deg) translate(-50%);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-50%);
            transform: rotate(360deg) translate(-50%);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%);
            transform: rotate(0deg) translate(-50%);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-50%);
            transform: rotate(360deg) translate(-50%);
  }
}
.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-animation: spin 0.35s infinite linear;
	animation: spin 0.35s infinite linear;
	border: 2px solid #707070;
	border-radius: 50%;
	border-top-color: white;
	height: 25px;
	-webkit-transform-origin: left;
	transform-origin: left;
	top: 45%;
	width: 25px;
}
.hidden-input {
	left: -999px;
	position: absolute;
}
.profile {
 *zoom: 1;
	background-color: white;
	border-radius: 2px;
	display: block;
	float: none;
	overflow: hidden;
	padding-bottom: 20px;
	width: 128px;
}
.profile:before, .profile:after {
	content: "";
	display: table;
}
.profile:after {
	clear: both;
}
.edit-wrapper {
	background: rgba(0, 0, 0, 0.2);
	bottom: -128px;
	height: 128px;
	left: 0;
	position: relative;
	transition: bottom 0.15s linear;
	width: 100%;
}
.edit-wrapper label {
	display: table;
	width: 28px;
	height: 28px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}
.edit {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	margin: auto;
	color: white;
	font-size: 18px;
}

.edit_btn{
	float: left;
}

.remove_btn{
	display: table;
	width: 28px;
	height: 28px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	margin-left: 4px;
	float: right;
	text-align: center;
	cursor: pointer;
}


.image-button {
	display: table-cell;
	vertical-align: middle;
}


.profile-image {
	width: 100%;
	height: 128px;
	overflow: hidden;
	position: relative;
}
.profile-image img {
	position: absolute;
	left: 0;
	width: 128px;
	height: 128px;
}
.profile-image:hover .edit-wrapper {
	bottom: 0;
}
.layer {
	background-color: rgba(0, 0, 0, 0.25);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.layer.visible {
	display: block;
}