.cloud{

}


.cloud .object.Selected{

background:#d1f0ff;
}
.cloud .object{



border-radius:5px;
position:relative;
width:96px;
display:inline-block;
vertical-align:top;
text-align:center;
font-size:11px;
padding:2px;
margin:2px;

}


.cloud .object:hover .title{
/*
overflow:unset;
max-height: unset;
*/

}
.cloud .object:hover{
background:#d1f0ff;
cursor:pointer;
}
.cloud .object:hover .icon{
/* color:#0069d0; */
 color:#aaa; 
}
.cloud .object:hover.deleted_0 .fa-times-circle{
display:block;

}
.cloud .object:hover.deleted_1 .fa-plus-circle{
display:block;

}



.cloud .object:hover .fa-arrow-alt-to-bottom.action{
display:block;

}
.cloud .object .fa-plus-circle:hover{
color:#0a0;

}
.cloud .object .fa-times-circle:hover{
color:red;

}
.cloud .object .fa-arrow-alt-to-bottom.action:hover{
background:#0001;
border-radius:5px;
}
.cloud .object .fa-times-circle{
font-size:18px;
position:absolute;
top:0;
right:0;
display:none;
padding:2px;
}




.cloud .object .fa-arrow-alt-to-bottom.action{
font-size:18px;
position:absolute;
top:0;
left:0;
display:none;
padding:4px 8px;
color:#1565c0;
}

.cloud .object .fa-plus-circle{
font-size:18px;
position:absolute;
top:0;
right:0;
display:none;
padding:2px;
}


.cloud .object .icon{

color: #1d5e9e;
color: #777;
font-size: 32px;
height: 32px;
/*width: 32px;*/
margin:5px;
}



.cloud .object .title{
/*max-height:41px;*/
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;

}





.cloud .object.deleted_1{

opacity:0.5;

}


.cloud .object.deleted_1:hover{

opacity:1;

}





















.ok{
color:green !important;
}
.bad{
color:red !important;
}
#manual_files{
/**/
display:none;
}
#form_file{


}
#dropZone {    
z-index:10;

top:0;
    width: 100%;
position:absolute;
    height: 100%;
	text-align:center;
	border:2px dashed red;
	border-radius:10px;
}

#dropZone.hidden {
display:none;
}
#dropZone.visible {
display:block;
}
#file_list>div>div{
/*
    display: inline-block;
    width: 300px;
	*/
	
    overflow: hidden;
    text-overflow: ellipsis;

}
#file_list>div:hover .fa-trash{

color:#f55;
}
#file_list>div .fa-trash{
    float: right;

cursor: pointer;
    color: #777;
    padding: 10px;
    width: 36px;
    display: inline-block;
	
	
}
#file_list>div>*{
vertical-align:middle;
}
#file_list>div .size{

/*
	width: 80px;
    position: absolute;
    right: 0;
    color: #777;
    top: 0;
    width: 140px;
    text-align: right;
	
	*/
	    color: #777;
    width: 50px;
    text-align: right;

}
#file_list>div i{
    width: 16px;

text-align:center;
}
#file_list .name{

display: flex;
 
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
	    width: 100%;
    text-align: center;

    font-size: 120%;
   font-weight: bold;
}



#file_list{
    line-height: 1;

}
#file_list>div{
position: relative;
    padding:  10px;
    margin: 10px 0;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* max-width: 450px; */
  /*  white-space: nowrap;*/
    border-radius: 10px;
	background:#eee;
}



#file_list>div:hover{


}



#file_list{
margin:auto;

text-align:left;
}



.cloud_lang a.selected,
.cloud_lang a:hover

{
	
	transform:scale(1.3);
	
}
.cloud_lang a{
	transition:0.2s;
	display:inline-block;
	padding:10px;
	margin:10px;
}