/*
  Styles below are only required if you're using <iframe> fallback in
  addition to HTML5 drag & drop (only working in Firefox/Chrome/Opera 15+).
  You can import this file and override individual styles. Drag & drop zone
  can be styled in absolutely any way you want so there are no defaults.
*/

/* Essential FileDrop zone element configuration: */
.fd-zone {
  position: relative;
  overflow: hidden;
}

/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  /*padding: 0;*/
  padding: 70px 24px !important;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}

.progress #bar {
    background: url(/vues/desktop/charte/filedrop/progress.gif);
    display: block;
    height: 1em;
}
.file-upload{
	background:#eaebed;
    text-align: left;
    padding:10px 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}
.upload{
	margin-bottom:10px;
}
.file-upload .ajout{
	min-height:40px;
	background:url(/vues/desktop/image/upload.png) 10% 0 no-repeat;
	padding-left:25%;
}
.file-upload .ajout span{
	font-weight:bold;
	font-size:18px;
	color:#383838;
}
.file-upload ul, .upload ul {
    padding:0;
    margin: 0;
	text-align:left;
}

.file-upload ul li, .upload ul li {
	width:100%;
    padding: 5px;
    margin: 0;
    list-style: none;
    display: inline-block;
    background: 0;
    color: #7d7d7d;
	font-size:13px;
	background:#f7f7f7;
}

.upload ul li span.fa-file-image-o { background-color: #213aa4; }
.upload ul li span.fa-trash { background-color: #d95631 ; }
/*.upload ul li span.fa-trash { background-color: #d30178; }*/
.upload ul li span {
	float:right;
    padding: 10px;
    margin: 0 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
}

#modal {
    display: none;
    position: absolute;
    background: #f5f1f1;
    -moz-box-shadow: 8px 8px 32px #000;
    -webkit-box-shadow: 8px 8px 32px #000;
    box-shadow: 8px 8px 32px #000;
}

#modal span.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url(/vues/desktop/charte/structure-generale/pictos_pt.png);
    background-position: center -530px;
    cursor: pointer;
}