/*
.form__item--dropzone {
  @extend .form__item--container;
  padding: 0.5rem 1rem 1rem 1rem;
}

.form__item__dropzone {
	box-shadow: inset 0 0 10px -3px rgba(0,0,0,0.2);
	background: rgba($color--additional-form-bg,0.1);
	border: 0.1rem solid $color--grayforms-border;
	width: 25rem;
  max-width: 100%;
	height: 25rem;
  position: relative;
	background-size: contain;
  background-repeat: none;
	background-position: center bottom;
	background-repeat: no-repeat;
  display: inline-block;
  float: left;
  margin-right: 3rem;
  margin-bottom: 3rem;
  color: $color--additional-light;
  &:hover {
  	color: $color--additional;
  	border-color: darken($color--grayforms-border, 15%);
  }

  &.pdf {
    .file-name {
      display: block;
      position: absolute;
      text-align: center;
      width: 100%;
      left: 0;
      bottom: 20px;
      padding: 0 10px;
    }
    &:before {
      display: block;
      position: absolute;
      top: 90px;
      width: 100%;
      text-align: center;
      content: $fa-var-file-pdf-o;
      font-family: 'FontAwesome';
      font-size: 60px;
      color: #32434D;
    }

    &.dz-started .file-name,
    &.dz-started:before { display: none; }
  }


  .article-section & {
    margin: 1rem;
  }

}



.dropzone__image-upload__message {
  text-align: left;
  padding: 2rem;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 25rem;
  padding-right: 3rem;
  padding-left: 5rem;
  pointer-events: none;
  font-size: 1.3rem;
  background: rgba(255,255,255, 0.7);
  display: block;
  width: calc(100% - 3.2rem);
  color: $color--additional-light;

  &:before {
    display: block;
    position: absolute;
    top: 2.3rem;
    left: 1rem;
    width: 4rem;
    height: 4rem;
    font-size: 3rem;
    font-family: 'FontAwesome';
    content: $fa-var-check-circle-o;

  }
}

.image-upload__wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
}


 .dropzone__image__buttons {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
 }

.dropzone__image__button {
  position: relative;
  background: $color--additional;
  width: 25px;
  height: 25px;
  text-align: center;
  border: none;
  cursor:pointer;
  &:before {
    display: block;
    position: absolute;
    top: 3px;
    right: 4px;
    content: $fa-var-plus;
    font-family: 'FontAwesome';
    color: $color--white;
    font-size: 16px;
    line-height: 20px;
  }

  &:hover {
    &:before {
      color: $color--main;
    }
  }
}

.dropzone__image__button--close {
  @extend .dropzone__image__button;
  &:before {
      transform: rotate(45deg);
  }
  &:hover {
    &:before {
      color: $color--red;
    }
  }
}
.dropzone__image__button--left {
  @extend .dropzone__image__button;
  &:before { content: $fa-var-rotate-left; }
}
.dropzone__image__button--right {
  @extend .dropzone__image__button;
  &:before { content: $fa-var-rotate-right; }
}


.dropzone__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropzone__list__item {
  display: inline-block;
  width: 300px;
  min-height: 200px;
  float: left;
  margin: 10px;
  position: relative;
  text-align: center;
  background: rgba($color--grayforms-border, 0.5);
  border: 1px solid rgba($color--grayforms-border, 0.5);

  img {
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: auto;
    margin: auto;
  }
}

.dropzone__image__title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: left;
  background: $color--white;
  border: 1px solid $color--grayforms-border;
  width: 100%;
  display: block;
  padding: 3px 6px;
}

.dropzone .dz-preview,
.dropzone__image-upload.dz-clickable .dz-preview {
  position: absolute;
  display: block;
  top: 6rem;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  width: 100%;
}
.dropzone .dz-preview,
.dropzone__image-upload.dz-clickable .dz-preview.dz-complete {
  display: none;
}

// Soubory

.dropzone__list__item[data-mime=zip]:before,
.dropzone__list__item[data-mime=mp4]:before,
.dropzone__list__item[data-mime=mpeg]:before,
.dropzone__list__item[data-mime=powerpoint]:before,
.dropzone__list__item[data-mime=presentation]:before,
.dropzone__list__item[data-mime=excel]:before,
.dropzone__list__item[data-mime=sheet]:before,
.dropzone__list__item[data-mime=msword]:before,
.dropzone__list__item[data-mime=document]:before,
.dropzone__list__item[data-mime=pdf]:before {
  display: block;
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: center;
  content: $fa-var-file-zip-o;
  font-family: 'FontAwesome';
  font-size: 60px;
  color: #32434D;
}
.dropzone__list__item[data-mime=zip]:before { content: $fa-var-file-zip-o; }
.dropzone__list__item[data-mime=mp4]:before,
.dropzone__list__item[data-mime=mpeg]:before { content: $fa-var-file-video-o; }
.dropzone__list__item[data-mime=powerpoint]:before,
.dropzone__list__item[data-mime=presentation]:before {  content: $fa-var-file-powerpoint-o;  }
.dropzone__list__item[data-mime=excel]:before,
.dropzone__list__item[data-mime=sheet]:before {  content: $fa-var-file-excel-o;  }
.dropzone__list__item[data-mime=msword]:before,
.dropzone__list__item[data-mime=document]:before {  content: $fa-var-file-word-o;  }

.dropzone__list__item[data-mime] {
  padding-top: 20px;
}

.form__item__dropzone--one-file {
  .dz-preview {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    text-align: center;
  }
  .dz-error-mark,
  .dz-success-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

  }

  &.done {
    .dz-error-mark,
    .dz-success-mark { display: none; }
  }

}


.dropzone-one-file-preview {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  background: lighten($color--additional,10%);
  color: $color--white;
  text-align: center;
  top: 9rem;
  border-radius: 0.3rem;
}


.dropzone-one-file-preview[data-mime=zip]:before,
.dropzone-one-file-preview[data-mime=mp4]:before,
.dropzone-one-file-preview[data-mime=mpeg]:before,
.dropzone-one-file-preview[data-mime=powerpoint]:before,
.dropzone-one-file-preview[data-mime=presentation]:before,
.dropzone-one-file-preview[data-mime=excel]:before,
.dropzone-one-file-preview[data-mime=sheet]:before,
.dropzone-one-file-preview[data-mime=msword]:before,
.dropzone-one-file-preview[data-mime=document]:before,
.dropzone-one-file-preview[data-mime=pdf]:before {
  display: block;
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: center;
  content: $fa-var-file-o;
  font-family: 'FontAwesome';
  font-size: 60px;
  color: #32434D;
}
.dropzone-one-file-preview[data-mime=zip]:before { content: $fa-var-file-zip-o; }
.dropzone-one-file-preview[data-mime=mp4]:before,
.dropzone-one-file-preview[data-mime=mpeg]:before { content: $fa-var-file-video-o; }
.dropzone-one-file-preview[data-mime=powerpoint]:before,
.dropzone-one-file-preview[data-mime=presentation]:before {  content: $fa-var-file-powerpoint-o;  }
.dropzone-one-file-preview[data-mime=excel]:before,
.dropzone-one-file-preview[data-mime=sheet]:before {  content: $fa-var-file-excel-o;  }
.dropzone-one-file-preview[data-mime=msword]:before,
.dropzone-one-file-preview[data-mime=document]:before {  content: $fa-var-file-word-o;  }

.dropzone-one-file-preview[data-mime] {
  padding-top: 20px;
}

.dropzone__list__item--with-infos {
  @extend .dropzone__list__item;
  min-height: 250px;
  width: 500px;
  margin: 0 1rem 1rem 0;
  img {
    max-width: 50%;
    display: inline-block;
    float: left;
  }
  .dropzone__image__infos {
    display: inline-block;
    float: right;
    width: 50%;
    padding: 0.5rem 0.5rem 0 0.5rem;
  }

  .form__item__field,
  .form__item__caption {
    font-size: 1.1rem;
    line-height: 1.6rem;
    text-align: left;
  }

  .form__item--date:after {
    top: 2.4rem;
    left: 0.7rem;
  }

 .form__item__field--textarea {
  min-height: 7rem;
 }

 .dropzone__image__buttons {
  right: 50%;
 }

}
*/