/********************************
 * LIST HEADER
 ********************************/

#listHeader{
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
	height: 60px;
	z-index: 200;
	background-color: #fff;
	white-space: nowrap;
	border-bottom: 1px solid #e9f1f4;
	
	/* -webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s; */
}
#listHeader.scrolled{
	border-bottom: 1px solid #e9f1f4;
	-webkit-box-shadow: 0px 6px 5px -4px rgba(59, 89, 99, .2);
	box-shadow: 0px 6px 5px -4px rgba(59, 89, 99, .2);
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

	#listHeader .info{
		display: inline-block;
		height: 35px;
		padding: 12px;
		border-right: 1px solid #f2f6f8;/* #e9f1f4; */
		vertical-align: top;
	}
		#listHeader .diskSpaceInfo{
			display: none;
			cursor: default;
			z-index: 2;
		}
			#listHeader .diskSpaceInfo .inUse{
				display: block;
				font: 400 12px 'Open Sans', sans-serif;
				color: #92b7c5;
				margin-bottom: 5px;
				overflow: hidden;
				text-overflow: ellipsis;
				min-width: 185px;
			}
				#listHeader .diskSpaceInfo .inUse a{
					color: #00a6dc;
					text-decoration: underline;
				}
			#listHeader .diskSpaceInfo .diskSpaceBar{
				display: block;
				background-color: #c6d8df;
				height: 10px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				min-width: 185px;
				overflow: hidden;
			}
				#listHeader .diskSpaceInfo .diskSpaceBar span{
					display: block;
					width: 0;
					height: 10px;
					background-color: #11acde;
				}
				#listHeader .diskSpaceInfo .diskSpaceBar.lowSpace span{
					background-color: #f16526;
				}
		
		#listHeader .selectionInfo{
			display: none;
			font: 400 14px 'Open Sans', sans-serif;
			color: #244c59;
			text-align: left;
			cursor: default;
			z-index: 3;
			padding: 0 6px;
		}
			#listHeader .selectionInfo span{
				display: block;
			}
			#listHeader .selectionInfo span.size{
				font-size: 14px;
			}
			#listHeader .selectionInfo span.number{
				font-size: 12px;
			}
	
		#toolbar{
			display: inline-block;
			height: 46px;
			overflow: hidden;
			vertical-align: top;
			padding: 7px 0 0 7px;
		}
			#toolbar .more{
				display: none;
			}			
			#toolbar .toolbar{
				display: inline-block;
				vertical-align: top;
			}
		
		#listHeader .toolbar:hover{
		}
			#listHeader .toolbar li{
				display: block;
				float: left;
				padding: 10px 12px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				
				font: 400 12px 'Open Sans', sans-serif;
				text-align: center;
				color: #037fad;
				cursor: pointer;
				
				-webkit-transition: .2s;
				-moz-transition: .2s;
				-o-transition: .2s;
				transition: .2s;
			}
			#listHeader .toolbar li:hover{
				color: #01a4e0;
				background-color: #f2f9fb;
			}
			#listHeader .toolbar li:active{
				background-color: #daeef5;	 
			}
			#listHeader .toolbar li.disabled{
				display: none;
			}
			#listHeader .toolbar li.disabled:hover{
				background: transparent;
				cursor: default;
			}
				#listHeader .toolbar li span{
					display: block;
					height: 26px;
					width: 26px;
					margin: 0 auto;
					background: url(../images/icons.png) no-repeat;
					opacity: .8;
				}
				#listHeader .toolbar li:hover span{
					opacity: 1;
				}
				#listHeader .toolbar li:active span{
					opacity: 1;
				}
				#listHeader .toolbar li.disabled span{
					opacity: .2;
				}
				#listHeader .toolbar li.newFolder span{
					background-position: 0 -276px;
				}
				#listHeader .toolbar li.download span{
					background-position: -26px -276px;
				}
				#listHeader .toolbar li.share span{
					background-position: -52px -276px;
				}
				#listHeader .toolbar li.getLink span{
					background-position: -78px -276px;
				}
				#listHeader .toolbar li.copy span{
					background-position: -104px -276px;
				}
				#listHeader .toolbar li.cut span{
					background-position: -130px -276px;
				}
				#listHeader .toolbar li.move span{
					background-position: -156px -276px;
				}
				#listHeader .toolbar li.paste span{
					background-position: -182px -276px;
				}
				#listHeader .toolbar li.rename span{
					background-position: -208px -276px;
				}
				#listHeader .toolbar li.delete span{
					background-position: -234px -276px;
				}
				#listHeader .toolbar li.newContact span{
					background-position: -260px -276px;
				}
				#listHeader .toolbar li.newUser span{
					background-position: -286px -276px;
				}
				#listHeader .toolbar li.newGroup span{
					background-position: -312px -276px;
				}
				#listHeader .toolbar li.undo span{
					background-position: -338px -276px;
				}
		
	#listHeader .viewControls{
		display: none;
		background-color: #fff;
		height: 28px;
		border: 1px solid #d0e1ea;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		position: absolute;
		right: 15px;
		top: 15px;
	}
	#listHeader .viewControls:hover{
		border: 1px solid #bed2d9;
	}
	/* .browsable #listHeader .viewControls{
		opacity: 1;
	} */
		#listHeader .viewControls .sorting{
			display: block;
			float: left;
			background-color: #fff;
			-webkit-border-radius: 3px 0 0 3px;
			border-radius: 3px 0 0 3px;
			min-width: 105px;
			height: 28px;
			position: relative;
			font: 300 14px/28px 'Open Sans', sans-serif;
			color: #037FAD;
			padding: 0 10px;
			vertical-align: top;
			
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
			cursor: pointer;
		}
		#listHeader .viewControls .sorting:hover{
			/* background-color: #e9f6ff;
			background-color: #f4f9fb; */
			
			/* background-color: #f9f9f7; */
			color: #01a4e0;
		}
		/* #listHeader .viewControls .sorting:active,
		#listHeader .viewControls .sorting:focus{
			-webkit-box-shadow: inset 0px 0px 3px 0px #c7ebf9;
			box-shadow: inset 0px 0px 3px 0px #c7ebf9;
		} */
		#listHeader .viewControls .sorting.open,
		#listHeader .viewControls .sorting.open:hover{
			background-color: #fff;
		}
		#listHeader .viewControls .sorting:after {
			content:'\25be'; /*  ▸ in Hexadecimal */
			font: 400 20px/28px 'Open Sans', sans-serif;
			display: inline-block;
			height: 28px;
			vertical-align: top;
		}
	
			#listHeader .viewControls .selectedColumn{
				font-weight: 400;
				display: inline-block;
				height: 28px;
				vertical-align: top;
			}			
			#listHeader .viewControls .sorting ul.columns{
				display: none;
				position: absolute;
				top: 28px;
				right: 5px;
				left: 5px;
				border-left: 1px solid #bed2d9;
				border-right: 1px solid #bed2d9;
				border-bottom: 1px solid #bed2d9;
				-webkit-border-radius: 0 0 2px 2px;
				border-radius: 0 0 2px 2px;
				background-color: #fff;
				z-index: 9999;
				padding: 5px;
			}
			#listHeader .viewControls .columns li{
				display: block;
				padding: 4px 10px 4px 6px;
				font: 300 14px 'Open Sans',sans-serif;
				color: #273F47;
				cursor: default;
				vertical-align: middle;
				white-space: nowrap;
				border: 1px solid #fff;
			}
			#listHeader .viewControls .columns li:hover{
				/* background-color: #bbe1f2; */
				
				background-color: #dbeef8;
				border: 1px solid #b5e3fc;
			}
			
		#listHeader .viewControls .views{
			display: block;
			float: left;
			height: 28px;
		}
			#listHeader .viewControls .views li{
				display: block;
				width: 22px;
				height: 22px;
				padding: 3px;
				float: left;
				border-left: 1px solid #bed2d9;
				-webkit-transition: .1s;
				-moz-transition: .1s;
				-o-transition: .1s;
				transition: .1s;
				cursor: pointer;
			}
			#listHeader .viewControls .views li:hover{
				background-color: #e8f9ff;
				-webkit-box-shadow: inset 0px 0px 3px 0px #c7ebf9;
				box-shadow: inset 0px 0px 3px 0px #c7ebf9;
			}
			#listHeader .viewControls .views li.on{
				background-color: #fff;
				-webkit-box-shadow: inset 0px 0px 5px 0px rgba(176, 201, 210, 0.75);
				box-shadow: inset 0px 0px 5px 0px rgba(176, 201, 210, 0.75);
				cursor: default;
			}
				#listHeader .viewControls .views li span{
					display: block;
					width: 22px;
					height: 22px;
					background: url(../images/icons.png) no-repeat;
				}
				#listHeader .viewControls .views .list span{
					background-position: -22px -302px;
				}
				#listHeader .viewControls .views .list.on span{
					background-position: 0 -302px;
				}
				#listHeader .viewControls .views .thumbs span{
					background-position: -66px -302px;
				}
				#listHeader .viewControls .views .thumbs.on span{
					background-position: -44px -302px;
				}
			
	/* #listHeader .viewControls{
		display: none;
		position: absolute;
		right: 0;
		top: 2px;
		padding: 5px;
		vertical-align: top;
		white-space: nowrap;
	}
		#listHeader .viewControls > span{
			display: inline-block;
			height: 14px;
			font: 400 12px/14px 'Open Sans', sans-serif;
			color: #b2d6e5;
			white-space: nowrap;
			vertical-align: top;
			padding: 5px;
			cursor: pointer;
		}
		#listHeader .viewControls > span.off:hover{
			text-decoration: underline;
		}
		#listHeader .viewControls > span.off:active{
		}
		#listHeader .viewControls > span.on{
			color: #1b7fa5;
			cursor: default;
		}
			#listHeader .viewControls > span span{
				display: inline-block;
				width: 14px;
				height: 14px;
				background: url(../images/icons.png) no-repeat 0 0; / ignored /
				vertical-align: top;
				margin-right: 5px;
			}
			#listHeader .viewControls > span.thumbs span{
				background-position: 0 0;
			}
			#listHeader .viewControls > span.thumbs.on span{
				background-position: 0 -14px;
			}
			#listHeader .viewControls > span.list span{
				background-position: 0 -28px;
			}
			#listHeader .viewControls > span.list.on span{
				background-position: 0 -42px;
			} */