/********************************
 * LIST VIEW
 ********************************/
.listView #fileList .goUp,			
.listView #fileList .back{
	/* border-top: 1px solid transparent;
	border-bottom: 1px solid transparent; /* #d7e0e4; */
	margin: 0 0 -1px;
	z-index: 1;
	position: relative;
	vertical-align: middle;
	padding: 7px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	
	
	
	/* -webkit-box-shadow: inset 0px -1px 0px 0px #dfeff4;
	box-shadow: inset 0px -1px 0px 0px #dfeff4; */
	
	/* -webkit-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s; */
}
	.listView #fileList .goUp a,
	.listView #fileList .back a{
		font: 400 16px/40px 'Open Sans', sans-serif;
		color: #273f47;
		color: #7897A2;
		text-decoration: none;
	}
	.listView #fileList .goUp a:hover,
	.listView #fileList .back a:hover{
		text-decoration: underline;
	}
	.listView #fileList .goUp span,
	.listView #fileList .back span{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/icons.png) no-repeat;
		/* text-align: center;
		padding: 20px 0 2px; */
		vertical-align: top;
		margin-right: 15px;
	}
	.listView #fileList .goUp span{
		background-position: -40px 0;
	}
	.listView #fileList .goUp.selected span{
		background-position: -120px 0;
	}
	.listView #fileList .back span{
		background-position: 0 0;
	}
	.listView #fileList .back.selected span{
		background-position: -80px 0;
	}

.listView #fileList .empty{
	display: block;
	padding: 7px 10px;
	font: 400 14px/40px 'Open Sans', sans-serif;
	color: #99afb7;
	vertical-align: middle;	
	text-align: center;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.share .listView #fileList .empty {
	color: #ccc;
	font-weight: 200;
	font-size: 35px;
	margin-top: 10%;
}
#fileList .empty .uploadSome {
    color: #6fb1e0;
}
.share  #fileList .empty .uploadSome {
    display: none;
}

.listView #fileList a.upgrade{
	display:block;
	margin: 15px auto;
	color: #66c7ec;
	vertical-align: middle;	
	text-align: center;
	font: 400 14px/40px 'Open Sans', sans-serif;
}
	
.listView #fileList .row .overlay,
.listView #fileList .goUp .overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
	opacity:0;
	display:none;
}
.listView #fileList .row{
	xborder-top: 1px solid transparent; /* #d7e0e4; */
	xborder-bottom: 1px solid transparent; /* #d7e0e4; */
	/* margin: 0 0 -1px; */
	z-index: 1;
	position: relative;
	opacity: .5;
	
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
	
	display: table-row;
	/* border-collapse: collapse; */
}
.listView #fileList .row:first-child{
	border-top: 1px solid transparent;
}

.listView #fileList .goUp:hover,
.listView #fileList .back:hover,
.listView #fileList .row:hover{
	/* border-top-color: #66c7ec;
	border-bottom-color: #66c7ec; */
	/* background-color: #eee; */
	
	/* -webkit-box-shadow: inset 0px -1px 0px 0px #66c7ec;
	box-shadow: inset 0px -1px 0px 0px #66c7ec; */
	z-index: 2;
}	
.listView #fileList .row.edit-mode{
	opacity: 1;
}

.listView #fileList .uploadingFile{
	z-index: 2;
	display: none;
}

.browsable .listView #fileList .row{
	opacity: 1;
}	

.listView #fileList .row.drop-hover,
.listView #fileList .goUp.drop-hover{
	background-color: #66c7ec;
	background-color: #ffed96;
}
.listView #fileList .row.drop-hover .overlay,
.listView #fileList .goUp.drop-hover .overlay{
	display:block;
}

.listView #fileList .row.selected,
.listView #fileList .goUp.selected,
.listView #fileList .back.selected{
	/* border-top-color: #66c7ec;
	border-bottom-color: #66c7ec; */
	/* background-color: #e4f5fb; */
	background-color: #b9dce8;
	z-index: 2;
	
	-webkit-transition: background-color 0s;
	-moz-transition: background-color 0s;
	-o-transition: background-color 0s;
	transition: background-color 0s;
	
}

.listView #fileList .row.uneditable.selected{
	/* background-color: #dfeff4; */
	background-color: #d0e6ee;
}
.listView #fileList .row.selected > div > span{
	text-shadow: -1px -1px 0 #cee6f4;
}
/* .listView #fileList .row.opening{
	background-color: #f1f9fc;
	border-top-color: #66c7ec;
	border-bottom-color: #66c7ec;
	z-index: 2;
	-o-transition: 1s;
	-ms-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
} */

	.listView #fileList .row > div,
	.listView #fileList .uploadingFile > div{
		/* float: left; */
		vertical-align: middle;
		display: table-cell;
		
		/* -webkit-box-shadow: inset 0px -1px 0px 0px #fff;
		box-shadow: inset 0px -1px 0px 0px #fff; */
	}
	
	/* .listView #fileList .row:hover > div,
	.listView #fileList .uploadingFile:hover > div{
		-webkit-box-shadow: inset 0px 0px 0px 1px #66c7ec;
		box-shadow: inset 0px 0px 0px 1px #66c7ec;
	} */
	.listView #fileList .row.selected > div{
		-webkit-box-shadow: inset 0px -1px 0px 0px #dfeff4;
		box-shadow: inset 0px -1px 0px 0px #dfeff4;
	}
	
	.listView #fileList .row > div.clear,
	.listView #fileList .uploadingFile > div.clear{
		float: none;
		clear: both;
	}
	/* 
	.listView #fileList .row .name{ background-color: red; }
	.listView #fileList .row .fullPath{ background-color: orange; }
	.listView #fileList .row .sharing{ background-color: yellow; }
	.listView #fileList .row .size{ background-color: cyan; }
	.listView #fileList .row .type{ background-color: pink; }
	.listView #fileList .row .date{ background-color: violet; } */
	
	
	.listView #fileList .row > .name,
	.listView #fileList .row > .sharing,
	.listView #fileList .row > .size,
	.listView #fileList .row > .type,
	.listView #fileList .row > .date{
		border-right: 1px solid rgba(60, 60, 0, 0.03);
	}
	.listView #fileList .row.selected > div{
		border-right: 1px solid rgba(255, 255, 255, 0.13);
	}
	
	.listView #fileList > .content{
		/* display: table;
		border-collapse: collapse; */
	}
	.listView #fileList > .content[data-sort="name"] > .row > .name{
		background-color: rgba(60, 60, 0, 0.03);
		border-right-color: transparent;
	}
	.listView #fileList > .content[data-sort="type"] > .row > .type{
		background-color: rgba(60, 60, 0, 0.03);
		border-right-color: transparent;
	}
	.listView #fileList > .content[data-sort="size"] > .row > .size{
		background-color: rgba(60, 60, 0, 0.03);
		border-right-color: transparent;
	}
	.listView #fileList > .content[data-sort="date"] > .row > .date{
		background-color: rgba(60, 60, 0, 0.03);
		border-right-color: transparent;
	}
	
	.listView #fileList .row .name{
		position: relative;
		/* min-width: 300px;
		max-width: 600px; */
		/* width: 45%; */
	}
	.listView #fileList .row .sharing{
		/* width: 13%; */
	}
	.listView #fileList .row .size{
		/* width: 10%; */
	}
	.listView #fileList .row .type{
		/* width: 16%; */
	}
	.listView #fileList .row .date{
		/* width: 15%; */
	}
	.listView #fileList .row .usersInGroup{
		/* width: 15%; */
		display: none;
	}
	
	/* .listView #fileList .row.animated .name,
	.listView #fileList .row.animated .sharing,
	.listView #fileList .row.animated .size,
	.listView #fileList .row.animated .type,
	.listView #fileList .row.animated .date{
		-webkit-transition: width .5s;
		-moz-transition: width .5s;
		-o-transition: width .5s;
		transition: width .5s;
	} */
	
	/* NAME COLUMN */
	.listView #fileList .row .name .icon{
		display: inline-block;
		/* float: left; */
		width: 40px;
		height: 40px;
		background: url(../images/icons.png) no-repeat 0 -40px;
		text-transform: uppercase;
		vertical-align: top;
		margin-right: 15px;
		/* position: relative; */
	}
	.listView #fileList .row .name > span{
		display: block;
		height: 40px;
		padding: 7px 15px;
		white-space: nowrap;
		cursor: default;
		overflow: hidden;
	}
		.listView #fileList .row .name > span > div{
			/* float: left; */
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			min-width: 300px;
			max-width: 600px;
			white-space: nowrap;
		}
			.listView #fileList .row .name .title{
				font: 400 16px 'Open Sans', sans-serif;
				color: #273f47;
				text-decoration: none;
				height: 40px;
				line-height: 40px;
			}
			.listView #fileList .row .name .title:hover{
				text-decoration: underline;
			}
				.listView #fileList .row .name .title em{
					font-style: normal;
					background-color: #fff6ab;
				}
				.listView #fileList .row.selected .name .title em{
					background-color: #dee6e5;
				}
			.listView #fileList .row .name .fullPath{
				display: none;
			}
			.listView #fileList.includePath .row .name .title{
				line-height: normal;
			}
			.listView #fileList.includePath .row .name .fullPath{
				/* color: #878787; */
				color: #9eacb1;
				display: block;
				font-size: 14px;
				font: 400 14px 'Source Sans Pro', sans-serif;
				cursor: default;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.listView #fileList.includePath .row .name .fullPath:before{
				content: "Location: ";
			}
			.listView #fileList.includePath .row .name .fullPath > span{
				display: none;
			}
			.listView #fileList.includePath .row.selected .name .fullPath{
				/* color: #68757d; */
				color: #82a3b7;
				text-shadow: -1px -1px 0 #cee6f4;
			}
		
	/* OTHER COLUMNS */
	.listView #fileList .row .sharing > span,
	.listView #fileList .row .type > span,
	.listView #fileList .row .size > span,
	.listView #fileList .row .date > span,
	.listView #fileList .row .group > span,
	.listView #fileList .row .usersInGroup > span{
		display: block;
		padding: 7px 15px;
		font: 400 14px/40px 'Open Sans', sans-serif;
		color: #4c636b;
		cursor: default;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
		.listView #fileList .row .sharing a{
			color: #318aa7;
			text-transform: lowercase;
		}
		.listView #fileList .row .sharing .separator{
			display: inline;
		}
		/* .listView #fileList .row .sharing a:before{
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(../images/icons.png) no-repeat; / ignored /
			vertical-align: middle;
			margin-right: 5px;
			opacity: .5;
		}
		.listView #fileList .row .sharing a.public:before{
			background-position: -48px -16px;
		}
		.listView #fileList .row .sharing a.shared:before{
			background-position: -16px -16px;
		} */
		/* .listView #fileList .row .sharing > span span{
			display: inline-block;
			color: #9caeb6;
			text-transform: uppercase;
		} */
		.listView #fileList .row .type > span span{
			display: inline-block;
			color: #9caeb6;
			text-transform: uppercase;
		}
		.listView #fileList .row.selected .type > span span{
			color: #6a868f;
		}

	/* ICONS */
	.listView #fileList .row.folder .name .icon{
		background-position: -200px 0;
		position: relative;
	}
	.listView #fileList .row.folder.uneditable .name .icon{
		background-position: -280px 0;
		position: relative;
	}
	.listView #fileList .row.file .name .icon{
		background-position: 0 -40px;
	}
	.listView #fileList .row.music .name .icon{
		background-position: -40px -40px;
	}
	.listView #fileList .row.video .name .icon{
		background-position: -80px -40px;
	}
	.listView #fileList .row.picture .name .icon{
		background-position: -120px -40px;
	}
	.listView #fileList .row.text .name .icon{
		background-position: -160px -40px;
	}
	.listView #fileList .row.document .name .icon{
		background-position: -200px -40px;
	}
	.listView #fileList .row.pdf .name .icon{
		background-position: -240px -40px;
	}
	.listView #fileList .row.sheet .name .icon{
		background-position: -280px -40px;
	}
	.listView #fileList .row.presentation .name .icon{
		background-position: -320px -40px;
	}
	.listView #fileList .row.code .name .icon{
		background-position: -360px -40px;
	}
	.listView #fileList .row.vector .name .icon{
		background-position: -400px -40px;
	}
	.listView #fileList .row.archive .name .icon{
		background-position: -440px -40px;
	}
	.listView #fileList .row.dll .name .icon{
		background-position: -480px -40px;
	}
	.listView #fileList .row.registry .name .icon{
		background-position: -520px -40px;
	}
	.listView #fileList .row.executable .name .icon{
		background-position: -560px -40px;
	}
	.listView #fileList .row.contact .name .icon{
		background-position: -320px 0;
	}
	.listView #fileList .row.user .name .icon{
		background-position: -360px 0;
	}
	.listView #fileList .row.group .name .icon{
		background-position: -400px 0;
	}
	
	.listView #fileList .row.placeholder > div > span > a{
		font: 400 16px 'Open Sans', sans-serif;
		text-decoration: underline;
		line-height: 40px;
		color: #7897A2;
	}
	.listView #fileList .row.placeholder > div > span > a:hover{
		color: #273F47;
	}
		.listView #fileList .row.placeholder .name .icon{
			 opacity: 0.5;
		}
		.listView #fileList .row.placeholder:hover{
			border-top-color: #d7e0e4;
			border-bottom-color: #d7e0e4;
			z-index: 1;
		}	
			.listView #fileList .row.placeholder.edit-mode .edit-content{
				display:block;
			}
			.listView #fileList .row.placeholder.edit-mode a{
				display:none;
			}
			.listView #fileList .row.placeholder .edit-content{
				display:none;
				position:absolute;
				top:5px;
				left:70px;
			}	


	.listView #fileList .newFolder{
		display: block !important;
		padding: 7px 10px;
		cursor: default;
		white-space: nowrap;
		border-top: 1px solid #66c7ec;
		border-bottom: 1px solid #66c7ec;
		background-color: #e4f5fb;
		background-color: #dbeaee;
		margin: 0 0 -1px;
		position: relative;
		z-index: 2;		
		opacity: 1;
	}
		.listView #fileList .newFolder span{
			display: inline-block;
			width: 40px;
			height: 40px;
			background: url(../images/icons.png) no-repeat -160px 0px;
			text-align: center;
			vertical-align: middle;
			margin-right: 15px;
		}
	.listView #fileList .rename{
		border-top: 1px solid #66c7ec;
		border-bottom: 1px solid #66c7ec;
		background-color: #e4f5fb;
		background-color: #dbeaee;
		margin: 0 0 -1px;
		position: relative;
		z-index: 2;		
		opacity: 1;
	}
		/* .listView #fileList input{
			position: absolute;
			left: 57px;
			font: 400 14px/18px 'Open Sans', sans-serif;
			color: #273f47;
			padding: 7px 10px;
			border: 1px solid #01a4e0;
			width: 249px;
			height: 18px;
			vertical-align: middle;
		} */
		.listView #fileList textarea,
		.listView #fileList input[type=text]{
			/* position: absolute;
			left: 57px; */
			font: 400 14px/18px 'Open Sans', sans-serif;
			color: #273f47;
			padding: 7px 10px;
			margin: 2px 0;
			width: 250px;
			height: 20px;
			vertical-align: middle;
			resize: none;
			border: 1px solid #a1dcf4;
			
			white-space: nowrap;
			word-wrap: normal;
			overflow: hidden;
			position: relative;
		}
		.listView #fileList textarea:hover{
			border: 1px solid #a1dcf4;
		}
		.listView #fileList textarea:focus{
			border: 1px solid #01a4e0;
		}
		.listView #fileList button.save{
			background-color: #01a4e0;
			background-color: #7aafc4;
			border: 0;
			font: 400 16px/18px 'Open Sans', sans-serif;
			color: #fff;
			padding: 9px;
			vertical-align: middle;
			/* position: absolute;
			left: 328px; */
		}
		.listView #fileList button.save:hover{
			background-color: #34b5e8;
			background-color: #548598;
		}
		.listView #fileList button.cancel{
			background-color: transparent;
			border: 0;
			font: 400 14px/18px 'Open Sans', sans-serif;
			color: #01a4e0;
			color: #7aafc4;
			padding: 9px;
			vertical-align: middle;
		}
		.listView #fileList button.cancel:hover{
			color: #34b5e8;
			color: #548598;
		}
	
	.listView #fileList .uploadingFile{
		/* background-color: #eee; */
		background-color: rgba(217, 230, 232, 0.2);
		background-image: repeating-linear-gradient(-57deg, transparent, transparent 15px, #fff 15px, #fff 30px);
		border-top: 1px solid #90a9b7;
		border-bottom: 1px solid #90a9b7;
	}
		.listView #fileList .uploadingFile > div.progress{
			float: none;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 0;
			background-color: #fff6c8;
			background-color: #d4edfa;
			background-color: rgba(249, 232, 165, 0.4);
			z-index: -1;
		}

/********************************
 * THUMBS VIEW
 ********************************/

.thumbsView #fileList .goUp,
.thumbsView #fileList .back{
	display: inline-block;
	width: 96px;
	height: 110px;
	padding: 15px 15px 0;
	/* border: 1px solid #d7e0e4; */
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* margin: 10px 15px 5px 0; */
	margin: 10px 10px 0 0;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	text-align: center;
}
.thumbsView #fileList .goUp:hover,
.thumbsView #fileList .back:hover{
	border-color: #66c7ec;
}
	.thumbsView #fileList .goUp a,
	.thumbsView #fileList .back a{
		font: 400 16px/32px 'Open Sans', sans-serif;
		color: #7897A2;
		text-decoration: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.thumbsView #fileList .goUp a:hover,
	.thumbsView #fileList .back a:hover{
		text-decoration: underline;
	}
	.thumbsView #fileList .goUp span,
	.thumbsView #fileList .back span{
		display: block;
		width: 72px;
		height: 20px;
		margin: 0 auto;
		background: url(../images/icons.png) no-repeat;
		padding: 52px 0 0;
		vertical-align: top;
	}
	.thumbsView #fileList .goUp span{
		background-position: -72px -80px;
	}
	.thumbsView #fileList .goUp.selected span{
		background-position: -216px -80px;
	}
	.thumbsView #fileList .back span{
		background-position: 0 -80px;
	}
	.thumbsView #fileList .back.selected span{
		background-position: -144px -80px;
	}

.thumbsView #fileList .empty{
	display: block;
	height: 130px;
	max-width: 100%;
	margin-top: 10px;
	font: 400 14px/130px 'Open Sans', sans-serif;
	color: #99afb7;
	vertical-align: middle;	
	text-align: center;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* position: absolute;
	left: 0;
	right: 0;
	top: 0; */
	z-index: -1;
}
.share .thumbsView #fileList .empty{
	color: #ccc;
	font-weight: 200;
	font-size: 35px;
	margin-top: 10%;
}
.thumbsView #fileList .row .overlay,
.thumbsView #fileList .goUp .overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
	opacity:0;
	display:none;
}
.thumbsView #fileList .row,
.thumbsView #fileList .uploadingFile{
	display: inline-block;
	width: 96px;
	height: 110px;
	padding: 15px 15px 0;
	/* border: 1px solid #ecf1f2; */
	border: 1px solid transparent; /* #d7e0e4; */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* margin: 15px 15px 0 0;
	margin: 10px 15px 5px 0; */
	margin: 10px 10px 0 0;
	vertical-align: top;
	position: relative;
	opacity: .5;
	
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
}

.browsable .thumbsView #fileList .row,
.browsable .thumbsView #fileList .uploadingFile{
	opacity: 1;
	/* min-width: initial !important; */
}

.thumbsView #fileList .row:hover{
	/* background-color: #f9fcfe; */
	/* border-color: #66c7ec; */
	/* z-index: 2; */
}
.thumbsView #fileList .row.drop-hover,
.thumbsView #fileList .goUp.drop-hover{
	background-color: #66c7ec;
	background-color: #ffed96;
}
.thumbsView #fileList .row.drop-hover .overlay,
.thumbsView #fileList .goUp.drop-hover .overlay{
	display: block;
}
.thumbsView #fileList .row.selected,
.thumbsView #fileList .goUp.selected,
.thumbsView #fileList .back.selected{
	/* border-color: #66c7ec; */
	/* background-color: #e4f5fb; */
	background-color: #b9dce8;
	
	-webkit-transition: border-color 0s;
	-moz-transition: border-color 0s;
	-o-transition: border-color 0s;
	transition: border-color 0s;
}
.thumbsView #fileList .row.uneditable.selected{
	/* background-color: #dfeff4; */
}
.thumbsView #fileList .row.selected > div > span{
	text-shadow: -1px -1px 0 #cee6f4;
}
	.thumbsView #fileList .row > div{
		xfloat: left;
		vertical-align: middle;			
	}	
	.thumbsView #fileList .row .name,
	.thumbsView #fileList .uploadingFile .name{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}		
	.thumbsView #fileList .row > div.clear,
	.thumbsView #fileList .uploadingFile > div.clear{
		display: none;
	}
	.thumbsView #fileList .row .fullPath,
	.thumbsView #fileList .uploadingFile .fullPath{
		display: none;
	}
	.thumbsView #fileList .row .type,
	.thumbsView #fileList .uploadingFile .type{
		display: none;
	}
	.thumbsView #fileList .row .size,
	.thumbsView #fileList .uploadingFile .size{
		display: none;
	}
	.thumbsView #fileList .row .sharing,
	.thumbsView #fileList .uploadingFile .sharing{
		display: none;
	}
	.thumbsView #fileList .row .date,
	.thumbsView #fileList .uploadingFile .date{
		display: none;
	}
		.thumbsView #fileList .row > div > span,
		.thumbsView #fileList .uploadingFile > div > span{
			display: block;
			width: 100%;
			margin: 0 auto;
			font: 400 14px 'Open Sans', sans-serif;
			color: #273f47;
			cursor: default;
			/* white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis; */
		}
			.thumbsView #fileList .row .name > span > span,
			.thumbsView #fileList .uploadingFile .name > span > span{
				display: block;
				width: 72px;
				height: 72px;
				margin: 0 auto;
				background: url(../images/icons.png) no-repeat 0 -152px;
				position: relative;
			}
			.thumbsView #fileList .row > div > span a.title{
				font: 400 16px/20px 'Open Sans', sans-serif;
				color: #273f47;
				text-decoration: none;
				display: inline-block;
				text-align: center;
				padding: 6px 0 3px;
				-o-transition: 1s;
				-ms-transition: 1s;
				-webkit-transition: 1s;
				-moz-transition: 1s;
				transition: 1s; 
				
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 110px;
				margin: 0 -5px;
			}
			.thumbsView #fileList .row > div > span a.title:hover{
				text-decoration: underline;
			}
			.thumbsView #fileList .row > div > span a.title em{
				font-style: normal;
				background-color: #fff6ab;
			}
			.thumbsView #fileList .row > div > span .path{
				display: none;
			}
	.thumbsView #fileList .row.folder .name > span > span{
		background-position: -360px -80px;
		position: relative;
	}
	.thumbsView #fileList .row.folder.uneditable .name > span > span{
		background-position: -504px -80px;
		position: relative;
	}
	.thumbsView #fileList .row.file .name > span > span{
		background-position: 0 -152px;
	}
	.thumbsView #fileList .row.music .name > span > span{
		background-position: -72px -152px;
	}
	.thumbsView #fileList .row.video .name > span > span{
		background-position: -144px -152px;
	}
	.thumbsView #fileList .row.picture .name > span > span{
		background-position: -216px -152px;
	}
	.thumbsView #fileList .row.text .name > span > span{
		background-position: -288px -152px;
	}
	.thumbsView #fileList .row.document .name > span > span{
		background-position: -360px -152px;
	}
	.thumbsView #fileList .row.pdf .name > span > span{
		background-position: -432px -152px;
	}
	.thumbsView #fileList .row.sheet .name > span > span{
		background-position: -504px -152px;
	}
	.thumbsView #fileList .row.presentation .name > span > span{
		background-position: -576px -152px;
	}
	.thumbsView #fileList .row.code .name > span > span{
		background-position: -648px -152px;
	}
	.thumbsView #fileList .row.vector .name > span > span{
		background-position: -720px -152px;
	}
	.thumbsView #fileList .row.archive .name > span > span{
		background-position: -792px -152px;
	}
	.thumbsView #fileList .row.dll .name > span > span{
		background-position: -864px -152px;
	}
	.thumbsView #fileList .row.registry .name > span > span{
		background-position: -936px -152px;
	}
	.thumbsView #fileList .row.executable .name > span > span{
		background-position: -1008px -152px;
	}
	
	.thumbsView #fileList .newFolder{
		display: inline-block !important;
		width: 126px;
		height: 125px;	
		opacity: 1;
		padding: 0;
		background-color: #e4f5fb;
		background-color: #dbeaee;
		border: 1px solid #66c7ec;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin: 15px 15px 0 0;
		margin: 10px 15px 5px 0;
		vertical-align: top;
		position: relative;
	}
		.thumbsView #fileList .newFolder span{
			display: none;
		}
	.thumbsView #fileList .row.rename{	
		display: inline-block !important;
		width: 126px;
		height: 125px;
		opacity: 1;
		padding: 0;
		background-color: #e4f5fb;
		background-color: #dbeaee;
		border: 1px solid #66c7ec;
	}
		.thumbsView #fileList .row.rename span span{
			display: none;
		}
		.thumbsView #fileList .row.rename span{
			overflow: visible;
		}
		/* .thumbsView #fileList input{						
			font: 400 14px/28px 'Open Sans', sans-serif;
			color: #273f47;
			padding: 0 65px 0 10px;
			margin-left: -43px;
			margin-top: 2px;
			border: 1px solid #01a4e0;
			-webkit-box-shadow: 0px 0px 0px 1px #fff;
			box-shadow: 0px 0px 0px 1px #fff;
			width: 100px;
			height: 28px;
			position: relative;
			z-index: 1;
		} */
		.thumbsView #fileList textarea{
			background-color: #fff;
			font: 400 14px 'Open Sans', sans-serif;
			color: #273f47;
			width: 114px;
			height: 83px;
			position: relative;
			z-index: 1;
			resize: none;
			overflow: hidden;
			border: 1px solid #d4f1fb;
			padding: 5px;
		}
		.thumbsView #fileList textarea:hover{
			border: 1px solid #a1dcf4;
		}
		.thumbsView #fileList textarea:focus{
			border: 1px solid #01a4e0;
		}
		.thumbsView #fileList button.save{
			position: absolute;
			left: 0;
			bottom: 0;
			width: 50%;
			padding: 7px 0;
			background-color: #01a4e0;
			background-color: #7aafc4;
			border: 0;
			font: 400 16px/16px 'Open Sans', sans-serif;
			color: #fff;
			vertical-align: middle;
			z-index: 2;
		}
		.thumbsView #fileList button.save:hover{
			background-color: #34b5e8;
			background-color: #548598;
		}
		.thumbsView #fileList button.cancel{
			position: absolute;
			background-color: transparent;
			right: 0;
			bottom: 0;
			width: 50%;
			padding: 7px 0;
			border: 0;
			font: 400 16px/16px 'Open Sans', sans-serif;
			color: #01a4e0;
			color: #7aafc4;
			vertical-align: middle;
			z-index: 2;
		}
		.thumbsView #fileList button.cancel:hover{
			color: #34b5e8;
			color: #548598;
		}

	.thumbsView #fileList .uploadingFile{
		background-color: rgba(217, 230, 232, 0.2);
		background-image: repeating-linear-gradient(-57deg, transparent, transparent 15px, #fff 15px, #fff 30px);
		border: 1px solid #90a9b7;
		z-index: 1;
	}
	.thumbsView #fileList .uploadingFile > div.progress{
		xfloat: none;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 0;
		/* background-color: #fff6c8; */
		background-color: rgba(249, 232, 165, 0.4);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		z-index: -1;
	}

	
#fileList .newContact,
#fileList .newUser,
#fileList .newGroup{
	display: block !important;
	padding: 7px 10px;
	cursor: default;
	white-space: nowrap;
	border-top: 1px solid #66c7ec;
	border-bottom: 1px solid #66c7ec;
	background-color: #e4f5fb;
	background-color: #dbeaee;
	margin: 0 0 -1px;
	position: relative;
	z-index: 2;		
	opacity: 1;
}
	#fileList .newContact span{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/icons.png) no-repeat -320px 0;
		text-align: center;
		vertical-align: middle;
		margin-right: 15px;
	}
	#fileList .newUser span{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/icons.png) no-repeat -360px 0;
		text-align: center;
		vertical-align: middle;
		margin-right: 15px;
	}
	#fileList .newGroup span{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/icons.png) no-repeat -400px 0;
		text-align: center;
		vertical-align: middle;
		margin-right: 15px;
	}
	#fileList .newUser input,
	#fileList .newContact input,
	#fileList .newGroup input{
		font: 400 14px/18px 'Open Sans', sans-serif;
		color: #273f47;
		padding: 7px 10px;
		border: 1px solid #a1dcf4;
		width: 249px;
		height: 20px;
		vertical-align: middle;
	}
	#fileList .newUser input:hover,
	#fileList .newContact input:hover,
	#fileList .newGroup input:hover{
		border: 1px solid #a1dcf4;
	}
	#fileList .newUser input:focus,
	#fileList .newContact input:focus,
	#fileList .newGroup input:focus{
		border: 1px solid #01a4e0;
	}
	#fileList .newUser button.save,
	#fileList .newContact button.save,
	#fileList .newGroup button.save{
		background-color: #01a4e0;
		background-color: #7aafc4;
		border: 0;
		font: 400 16px/18px 'Open Sans', sans-serif;
		color: #fff;
		padding: 9px;
		vertical-align: middle;
		/* position: absolute;
		left: 328px; */
	}
	#fileList .newUser button.save:hover,
	#fileList .newContact button.save:hover,
	#fileList .newGroup button.save:hover{
		background-color: #34b5e8;
		background-color: #548598;
	}
	#fileList .newUser button.cancel,
	#fileList .newContact button.cancel,
	#fileList .newGroup button.cancel{
		background-color: transparent;
		border: 0;
		font: 400 14px/18px 'Open Sans', sans-serif;
		color: #01a4e0;
		color: #7aafc4;
		padding: 9px;
		vertical-align: middle;
	}
	#fileList .newUser button.cancel:hover,
	#fileList .newContact button.cancel:hover,
	#fileList .newGroup button.cancel:hover{
		color: #34b5e8;
		color: #548598;
	}

	#fileList .renameGroup{
		border-top: 1px solid #66c7ec;
		border-bottom: 1px solid #66c7ec;
		background-color: #e4f5fb;
		background-color: #dbeaee;
		margin: 0 0 -1px;
		position: relative;
		z-index: 2;		
		opacity: 1;
	}
	
.share #logo{
	display: block;
	width: 52px;
	height: 18px;
	background: url(../images/smalllogo.png) no-repeat left center;
	position: absolute;
	top: 20px;
	left: 30px;
	padding-top: 32px;
	/* padding-right: 21px;
	border-right: 1px solid #465960; */
	
	font: 700 12px 'Source Sans Pro', sans-serif;
	color: #fff;
	text-shadow: -1px -1px rgba(0, 141, 205, 0.5);
	text-decoration: none;
	text-align: center;
}
.share #logo:after{
	display: none;
}

#view{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#selectionCanvas{
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index: 0;
	background: transparent;
}
.thumbsView #selectionCanvas{
	display: block;
}


.groupLetter{
	position: relative;
	margin-left: -10px;
	margin-top: 1px;
}
.groupLetter:before{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background-color: #c0d3de;
	top: 50%;
	left: 0;
	right: 15px;
	z-index: 1;
}
	.groupLetter span{
		display: inline-block;
		padding: 3px 10px;
		background-color: #fff;
		font: 300 18px 'Open Sans', sans-serif;
		color: #4d5f69;
		position: relative;
		z-index: 2;
	}