body,
html{
	margin: 0;
	padding: 0;
}

header{
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
}




.folder-element{
	margin: 10px;
}
.folder-element:hover{
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);	
}
.folder-element.sel .file-01-grid img{
	border: 4px solid #ff06ff;
}
.folder-element img{
	width: 140px;
	height: 140px;
}

.file-list{
	min-height: 100%;
}

.file-01-grid{
	font-family:Raleway,sans-serif;
	text-align:center;
	/*padding:0 0 72px;*/
	border:1px solid rgba(0,0,0,.1);
	overflow:hidden;
	position:relative;
	z-index:1;
	/*height: 140px;*/
}
.file-01-grid .file-image{
	position:relative;
	transition:all .3s ease 0s;
}
.file-01-grid .file-image a{
	/*display:block;*/
}
.file-01-grid .file-image img{
/*width:100%;height:auto*/
}
.file-01-grid .pic-1{
	/*opacity:1;transition:all .3s ease-out 0s*/
}
.file-01-grid:hover .pic-1{
	/*opacity:1*/
}
/*.file-01-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.file-01-grid:hover .pic-2{opacity:1}*/
.file-01-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.file-01-grid:hover .social{opacity:1;top:50%}
.file-01-grid .social li{display:inline-block}
.file-01-grid .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.file-01-grid .social li a:hover{color:#fff;background-color:#ef5777}
.file-01-grid .social li a:after,
.file-01-grid .social li a:before{
	/*content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px*/
}
.file-01-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.file-01-grid .social li a:hover:after,.file-01-grid .social li a:hover:before{opacity:1}
.file-01-grid .product-discount-label,.file-01-grid .product-new-label{color:#fff;background-color:#ef5777;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.file-01-grid .product-discount-label{background-color:#333;left:auto;right:0}
.file-01-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.file-01-grid .rating li.disable{color:rgba(0,0,0,.2)}
.file-01-grid .file-content{
	background-color:rgba(255, 255, 255, .5);
	text-align:center;
	/*padding:12px 0;*/
	margin:0 auto;position:absolute;left:0;right:0;
	/*bottom:-27px;*/
	bottom: 0;
	z-index:1;transition:all .3s
}
/*.file-01-grid:hover .product-content{bottom:0}*/
.file-01-grid .title{
	font-size:13px;
	font-weight:400;
	letter-spacing:.5px;
	/*text-transform:capitalize;*/
	margin:0 0 10px;transition:all .3s ease 0s}
.file-01-grid .title a{color:#000000;}
.file-01-grid .title a:hover,.file-01-grid:hover .title a{
	/*color:#ef5777;*/
	text-decoration: none;
}
/*.file-01-grid .price{color:#333;font-size:17px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}*/
/*.file-01-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}*/
/*.file-01-grid .add-to-cart{color:#000;font-size:13px;font-weight:600}*/
@media only screen and (max-width:990px){.file-01-grid{margin-bottom:30px}
}


/* DROP */

.drop-area{
  /*margin-top:20px;*/
  /*margin-left:220px;*/
  width: 100%;
  /*height:200px;*/
  /*background-color: white;*/
  /*border: 4px dashed #efefef;*/
}
/*.drop-area:hover,*/
.drop-area-on{
  border: 4px dashed #999;
  background-color: #efefef;
  color: #999;
}
.drop-area:hover .drop-text,
.drop-area-on .drop-text{
  color: #999;
}
.drop-area p{
  margin: 0;
}
.drop-area p.maxi{
  color: #666;
  font-size: 1.1em;
}
.drop-text{
  /*margin-top:70px;*/
  color: #999;
  font-size: 16px;
  /*font-weight: bold;*/
}
#drop-area img{
  /*max-width:200px;*/
}
#drop-area input[type="file"]{
  display: unset;
}

/*.drop-advice,*/
.drop-advice p{
  margin: 0;
  font-size: 14px;
}
.drop-advice .drop-loader,
.drop-advice .ok,
.drop-advice .ko{
  display: none;
}
.drop-img{
  width: 0;
  height: 0;
  display: none;
}
.btn-drop-file{
  width: 100%;
}