/*

 * The MIT License

 * Copyright (c) 2012 Matias Meno <m@tias.me>

 */



.gallery_dropzone, .gallery_dropzone * {

  box-sizing: border-box; }



.gallery_dropzone {

	border: 2px dashed rgb(67, 100, 219);

  outline-offset:-5px;

	width: 100%;

	min-height: 200px;

	max-height: 200px;

	overflow: auto;

  position: relative; }

  .gallery_dropzone .dz-preview {

    position: relative;

    display: inline-block;

    width: 120px;

    margin: 0.5em; }

    .gallery_dropzone .dz-preview .dz-progress {

      display: block;

      height: 15px;

      border: 1px solid #aaa; }

      .gallery_dropzone .dz-preview .dz-progress .dz-upload {

        display: block;

        height: 100%;

        width: 0;

        background: green; }

    .gallery_dropzone .dz-preview .dz-error-message {

      color: red;

      display: none; }

    .gallery_dropzone .dz-preview.dz-error .dz-error-message, .gallery_dropzone .dz-preview.dz-error .dz-error-mark {

      display: block; }

    .gallery_dropzone .dz-preview.dz-success .dz-success-mark {

      display: block; }

    .gallery_dropzone .dz-preview .dz-error-mark, .gallery_dropzone .dz-preview .dz-success-mark {

      position: absolute;

      display: none;

      left: 30px;

      top: 30px;

      width: 54px;

      height: 58px;

      left: 50%;

      margin-left: -27px; }