.drop-down-upload{

  /*width:100%;*/

  margin-bottom:10px;
  border: 1px dotted #dfdfdf;
}

.drop-down-upload .drop{
  background-color: #efefef;
  padding: 40px 50px;
  border: 1px dotted #999;
  text-align: center;
  text-transform: uppercase;

  font-size:21px;
  color:#333333;

  font-family: "Open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.drop-down-upload .drop.over{
  background-color: #f87d6c;
}

.image-drop-item{
  width:100px;
  border:1px solid black;
  padding:5px;
  margin:5px;
}

.image-drop-item .image-content{
  height:100px;
}

.image-drop-item .progress{
  height:2px;
}

.image-drop-item .progress-bar{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;

}
/*
.image-drop-item .progressbar .bar{
  width:50%;
  background-color:#0000FF;
  height:2px;
}
*/

.image-drop-item img{
  display:block;
  max-width:100%;
  max-height:100%;
  margin:0 auto;
}

/* PREVIEW IMAGE */
.image-preview-block{
  width:200px;
  border:1px solid black;
  padding:5px;
  margin:5px;
  display:inline-block;
}

.image-preview-block.without-border{
  border:0px solid black;
}

.image-preview-block .image-preview{
  height:100px;
}

.image-preview-block .image-preview img{
  display:block;
  max-width:100%;
  max-height:100%;
  margin:0 auto;
}

.image-preview-block .operation{
  text-align:center;
}

.not-visible{
  display:none;
}

/*   HTML GENERATOR BEGIN */

.html-generator .html-elements{
  margin-bottom:10px;
  margin-top:10px;
  position:relative;
}

.html-generator .html-elements .item{
  font-size:18px;
  cursor: pointer;
}

.html-generator .html-elements .drag-row{
  width:100%;
  min-height:60px;
  border:1px dotted #000;
}

.html-generator .html-elements .drag-col{
  width:60px;
  height:60px;
  border:1px dotted #000;
}

.html-generator .html-content{
  border:1px solid #ccc;
  min-height:400px;
  padding:5px;
  position:relative;
  width:100%;
}



.html-generator .html-content .row-fluid{
  width:100%;
  min-height:60px;
  border:1px dotted #000;
  margin-top:5px;
  margin-bottom:5px;
}

.html-generator .html-content .col-md-1, .html-generator .html-content .col-md-2, .html-generator .html-content .col-md-3,
.html-generator .html-content .col-md-4, .html-generator .html-content .col-md-5, .html-generator .html-content .col-md-6,
.html-generator .html-content .col-md-7, .html-generator .html-content .col-md-8, .html-generator .html-content .col-md-9,
.html-generator .html-content .col-md-10, .html-generator .html-content .col-md-11, .html-generator .html-content .col-md-12{
  padding-left:0px;
  padding-right:0px;
}


.html-generator .html-content .col-inner{
  min-height:50px;
  border:1px dotted #000;
  margin:5px;
  position:relative;
}

.html-generator .html-content .row-inner{
  position:relative;
}


.html-generator .html-content .col-inner .col-operation{
  position:absolute;bottom:2px;right:2px;
}
.html-generator .html-content .row-inner .row-operation{
  position:absolute;top:2px;right:2px;
}

.html-generator .html-content .col-inner .col-operation a,
.html-generator .html-content .row-inner .row-operation a{
  color:#000;
  font-size:12px;
  margin-left:5px;

}

.html-content .row{
  margin-left:0;
  margin-right:0;
}

.content-type-wrapper{
  margin-bottom:20px;
}

/*   HTML GENERATOR END */

#gallery_form .file-preview {
  display: inline-block;
  width: auto;
}

#gallery_form .file-input{
  display: inline-block;
  float: left;
  margin:20px;
}

#gallery_form .file-caption-main{
  display: none;
}

#gallery_form .file-preview-frame .kv-file-content {
  width:200px;
  height: 200px;
  display: block;
}

#gallery_form .file-preview-frame img{
  display: block;
  max-width:100%;
  max-height:100%;
  margin: 0 auto;
}

/*  EMPTY BLOCK */
.empty-block{
  text-align: center;
  font-size: 18px;
}

.active-menu-action{
  font-weight:bold;
}