.module-content.dark {
    background: #eee;
    padding: 15px 0 0 0;
}

.item {
    border: 1px solid #eee;
    border-bottom: 2px solid #59636d;
    width: 260px;
    margin-bottom: 15px;
    
    text-align: center;
    background: #fff;
}

.item .input-avatar {
    margin-bottom: 0;
  
}

.item .input-avatar-preview {
    width: 260px;
    height: 150px;
    background: #59636d;
    color: #fff;
}

.item img {
    display: none;
}

.item h1 {
    font-size: 16px;
    margin: 8px 0;
}

.item p {
    font-size: 14px;
    margin: 8px;
}

.item .actions {
    margin: 10px 0;
}

.item .separator {
    border-top: 1px solid #eee;
    margin: 0 15px;
}

.icon-wrap {
    display: block;
    margin-top: 50px;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.icon-refresh {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name:             rotate; 
    -moz-animation-duration:         1.5s; 
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function: linear;
    
    animation-name:             rotate; 
    animation-duration:         1.5s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear;
}