.avatar-view { display: block; height: 220px; width: 220px; cursor: pointer; overflow: hidden; margin: 0 auto; }
.avatar-view img { width: 100%; }
.avatar-body {}
.avatar-upload { overflow: hidden; }
.avatar-upload label { display: block; clear: left; }
.avatar-upload input { display: block; }
.avatar-alert { margin-top: 10px; margin-bottom: 10px; }
.avatar-wrapper { height: 364px; width: 100%; margin-top: 15px; box-shadow: inset 0 0 5px rgba(0,0,0,.25); background-color: #fcfcfc; overflow: hidden; }
.avatar-wrapper img { display: block; height: auto; max-width: 100%; }
.avatar-preview { float: left; margin-top: 15px; margin-right: 15px; border: 1px solid #eee; border-radius: 4px; background-color: #fff; overflow: hidden; }
.avatar-preview:hover { border-color: #ccf; box-shadow: 0 0 5px rgba(0,0,0,.15); }
.avatar-preview img { width: 100%; }

@media (min-width: 992px) {
  .avatar-preview {
    float: none;
  }
}

.avatar-btns {}
.loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff url("../images/loading.gif") no-repeat center center;
  opacity: .75;
  filter: alpha(opacity=75);
  z-index: 20140628;
}