.cropit-image-preview {
  background-color: #f8f8f8;
  background-size: cover;
  cursor: move;
}

.avatar-image {
  margin-top: 7px;
  width: 200px;
  height: 200px;
}

.category-image {
  margin-top: 7px;
  width: 300px;
  height: 300px;
}

.headimage-image {
  margin-top: 7px;
  width: 97.5%;
  height: 200px;
}

.design-image {
  margin-top: 7px;
  width: 400px;
  height: 400px;
}

.design-image {
  margin-top: 7px;
  width: 400px;
  height: 400px;
}

.galery-image {
  margin-top: 7px;
  width: 400px;
  height: 400px;
}

#avatar-range {width: 240px;}
#category-range {width: 340px;}
#headimage-range {width: 100%;}
#design-range {width: 440px;}
#galery-range {width: 440px;}

#fuploadAvatar {max-width: 240px;}
#fuploadCategory {max-width: 340px;}
#fuploadHeadImage {max-width: 100%;}
#fuploadDesign {max-width: 440px;}
#fuploadGalery {max-width: 440px;}

.cropit-image-background-container {
    border: solid 1px rgb(224,224,224);
}

.cropit-image-background {
  opacity: .2;
  cursor: auto;
}

.image-size-label {
  margin-top: 10px;
}

.cropit-image-zoom-input {
    margin-top: 40px;
}

.padded {margin-left: 20px; margin-top: 20px;}