/* File upload CSS */
div.dropzone {
  display:inline-block;
  border:3px dashed #f1f1f1;
  border-radius:6px;
  color:#bbb;
  text-align:center;
  width:140px;
  padding:10px 30px;
}
div.dropzone * {
  pointer-events:none;
}
div.dropzone .red {
  display:block;
  color:#ff141e;
}
ul.files, ul.articles {
  margin:0;
  padding:10px 0 0 0;
  list-style:none;
}
ul.files.single {
  padding-top:none;
}
ul.files li, ul.articles li {
  margin:0;
  padding:4px;
  display:block;
  clear:both;
  min-height:70px;
}
ul.files li:nth-child(2n+1), ul.articles li:nth-child(2n+1) {
  background:#f7f7f7;
}
ul.files h6, ul.articles h6 {
  font-size:13px;
  margin:3px 0 5px 0;
  padding:0;
}
ul.files div.actions, ul.articles div.actions {
  padding-top:5px;
}
ul.files img.icon, ul.articles img.icon {
  height:70px;
  float:left;
  display:inline-block;
  margin-right:6px;
}
ul.files .clip-wrap {
  float:left;
  margin:0 10px 0 0;
  padding:0;
}
ul.files .clip-wrap img {
  max-height:300px;
  max-width:400px;
  display:block;
}
ul.files .clip-result {
  overflow:hidden;
  margin-bottom:10px;
  position:relative;
}
ul.files .clip-result img {
  position:absolute;
  height:100%;
}

.data-upload {
  background:rgba(0, 0, 0, 0.4);
  color:#fff;
  text-align:center;
  position:absolute;
  z-index:12;
}
.data-upload p {
  display:block;
  border-bottom:none;
}
.data-upload i {
  font-size:30px;
}

/* Image Cropper CSS */
#image-crop {
  position:fixed;
  z-index:20;
  width:100%;
  height:100%;
}
#image-crop .image-crop-image {
  position:absolute;
  top:0;
  left:0;
  border:1px solid rgba(0, 0, 0, 0);
}
#image-crop .image-crop-overlay {
  position:absolute;
  z-index:22;
  pointer-events: none;
  top:0;
  left:0;
  border:1px solid rgba(0, 0, 0, 0.6);
}
#image-crop .image-crop-image img {
  height:inherit;
  width:inherit;
}