/* CSS Reset */

.microupload_item,
.microupload_preview,
.microupload_preview_img,
.microupload_filename,
.microupload_progress,
.microupload_progress_value,
.microupload_cancel {
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  display: block;
  line-height: normal;
  text-align: left;
  vertical-align: baseline;
}

.microupload_item_error,
.microupload_item_complete,
.microupload_preview_empty {
  /* inherit */
}


/* microupload styles */

.microupload_item {
  margin-top: 5px;
}

.microupload_item .microupload_preview {
  opacity: 0.5;
}

.microupload_item .microupload_preview .microupload_preview_img {
  display: inline-block;
}

.microupload_item .microupload_filename {
  display: inline-block;
  font-size: 14px;
}

.microupload_item .microupload_progress {
  display: inline-block;
  background: #cccccc;
  width: 80px;
  height: 8px;
  margin-left: 5px;
  overflow: hidden;
}

.microupload_item .microupload_progress .microupload_progress_value {
  display: inline-block;
  height: 8px;
  background: #00b000;
}

.microupload_item .microupload_cancel {
  display: inline-block;
  background: #999999;
  color: #ffffff;
  border-radius: 14px;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  font-family: Arial, monospace;
  text-align: center;
  margin: 0 0 0 5px;
  cursor: pointer;
}

.microupload_item .microupload_cancel:hover {
  color: #ffffff;
  background: #111111;
}


/* microupload newstate styles */

.microupload_item_error .microupload_filename {
  color: red;
  text-decoration: line-through;
}

.microupload_item_error .microupload_progress {
  background: #ff7777;
}

.microupload_item_error .microupload_progress .microupload_progress_value {
  background: #b00000;
}

.microupload_item_complete .microupload_preview {
  opacity: 1;
}

.microupload_item_complete .microupload_progress {
  display: none;
}