/********************************
 * SIDEBAR
 ********************************/

#sideBar{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 9.650em;
	padding: 1.5em 0.8em;
	background-color: #202e3b;
	/* overflow: hidden; */
	z-index: 500;
	
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;

}
	#logo{
		display: block;
		width: 83px;
		height: 30px;
		background: url(../images/logo.png) no-repeat center center;
		background-size: contain;
		position: relative;
		margin: 0 auto 1.5em;
		font: 700 1.125em 'Source Sans Pro', sans-serif;
		color: #fff;
		text-shadow: -1px -1px rgba(0, 141, 205, 0.5);
		text-decoration: none;
		text-align: center;
		padding-top: 50px;
		
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		-o-transition: .3s ease-out;
		transition: .3s ease-out;
	}

	#uploadButton{
		margin: 0 auto;
		text-align: center;
		position: relative;
		z-index: 5;
	}		
		#uploadButton input{
			visibility: hidden;
			display: block;
			height: 0;
			position: absolute;
			z-index: -1;
		}
		#uploadButton .button{
			display: inline-block;
			position: relative;
			width: 100%;
			padding: 0.625em 0;/* padding: 0.625em 1.25em; */
			
			background-color: #fbe508;
			-webkit-box-shadow: inset 0px -10px 30px 0px #efa600;
			box-shadow: inset 0px -10px 30px 0px #efa600;
			border: 1px solid #ff8a00;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			white-space: nowrap;
			vertical-align: middle;
			cursor: pointer;
			overflow: hidden;
			
			-webkit-transition: .1s;
			-moz-transition: .1s;
			-o-transition: .1s;
			transition: .1s;
		}
			#uploadButton .button span{
				display: inline-block;
				height: 1.625em;
				vertical-align: middle;
			}
			#uploadButton .button span:before{
				border-right: 1px solid #d6b002;
				content: "Upload";
				display: inline-block;
				margin-right: 0.8em;
				padding-right: 0.8em;
				height: 1.625em;
				vertical-align: top;
				font: 400 1em/1.625em 'Open Sans', sans-serif;
				color: #8b5c00;
				text-shadow: 1px 1px 0px #fae513;
			}
			#uploadButton .button span:after{
				content: "";
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(../images/icons.png) no-repeat -91px -303px;
				vertical-align: middle;
			}
		#uploadButton .button:before{
			content: "";
			position: absolute;
			left:-1px;
			right:-1px;
			top:-1px;
			bottom:-1px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-o-transition: .2s;
			transition: .2s;
		}
		#uploadButton .button:after{
			content: "";
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			border: 1px solid #fae513;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		#uploadButton .button:hover{
			background-color: #fdf21d;
			-webkit-box-shadow: inset 0px -10px 30px 0px #f2b901;
			box-shadow: inset 0px -10px 30px 0px #f2b901;
		}
		#uploadButton .button:hover:before{
			-webkit-box-shadow: 0px 0px 0px 2px #565326;
			box-shadow: 0px 0px 0px 2px #565326;
			-webkit-transition: .1s;
			-moz-transition: .1s;
			-o-transition: .1s;
			transition: .1s;
		}
		#uploadButton .button:active{
			background-color: #fbc108;
		}
		#uploadButton .button:active:before{
			-webkit-box-shadow: 0 0 5px 1px #ffb200;
			box-shadow: 0 0 5px 1px #ffb200;
		}
	
	#uploadType {
		background-color: #7e7d76;
		display: none;
		position: absolute;
		left: 0.75em;
		right: 0.75em;
		top: 3em;
		border: 1px solid #9c9981;
		border-top: 0;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
		
		-webkit-box-shadow: 0 3px 3px 0px #1e2832;
		box-shadow: 0 3px 3px 0px #1e2832;
	}
		#uploadType > div {
			padding: 1px;
		}
			#uploadType > div > span {
				color: #ededed;
				cursor: pointer;
				display: block;
				font: 400 0.875em 'Open Sans',sans-serif;
				white-space: nowrap;
				padding: 0.75em 0.8em;
				text-align: left;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: inset 0px -10px 30px 0px #6d6f70;
				box-shadow: inset 0px -10px 30px 0px #6d6f70;
				-webkit-transition: .2s;
				-moz-transition: .2s;
				-o-transition: .2s;
				transition: .2s;
				overflow: hidden;
			}
			#uploadType > div > span:hover {
				background-color: rgba(255, 255, 200, .2);
				-webkit-box-shadow: inset 0px -10px 30px 0px #84847a;
				box-shadow: inset 0px -10px 30px 0px #84847a;
				-webkit-transition: .1s;
				-moz-transition: .1s;
				-o-transition: .1s;
				transition: .1s;
			}
			#uploadType > div > span:last-child {
				border-top: 1px solid #89887a;
			}
	
		#copyright{
			display: block;
			position: absolute;
			bottom: 20px;
			left: 10px;
			right: 10px;
			text-align: center;
		}
			#copyright p{
				font: 400 10px 'Open Sans', sans-serif;
				color: #616F77;
				text-align: center;
				white-space: nowrap;
				-webkit-transition: .2s;
				-moz-transition: .2s;
				-o-transition: .2s;
				transition: .2s;
			}
			#copyright a{
				display: inline-block;
				width: 69px;
				height: 10px;
				background: url(../images/comodo.png) no-repeat center center / contain;
				opacity: 0.4;
				font: 300 11px 'Open Sans', sans-serif;
				color: #999;
				-webkit-transition: .2s;
				-moz-transition: .2s;
				-o-transition: .2s;
				transition: .2s;
			}
			#copyright a:hover{
				opacity: 1;
			}
	
#sidebarMenu{
	background-color: #202E3B;
	-webkit-box-shadow: 0px 20px 10px 0px #202E3B;
	box-shadow: 0px 20px 10px 0px #202E3B;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	#sidebarMenu .pageGroupHeader{
		display: block;
		margin: 0 9px;
		font: 300 22px/30px 'Open Sans', sans-serif;
		color: #fff;
		border-bottom: 1px solid #8f999d;
		margin-bottom: 7px;
	}
	#sidebarMenu .pageGroup{
		margin: 0 9px;
	}
	#sidebarMenu hr{
		border: 0;
		width: 100%;
		color: #35484f;
		background-color: #35484f;
		height: 1px;
		margin: 15px 0;
	}
		#sidebarMenu .pageGroup li{
			display: block;
			padding: 4px 0 4px 36px;			
			font: 400 0.875em/1.125em 'Open Sans', sans-serif;
			color: #92b7c5;
			position: relative;
			margin-bottom: 1em;
			white-space: nowrap;
			
			/* -webkit-transition: color .3s ease-out;
			-moz-transition: color .3s ease-out;
			-o-transition: color .3s ease-out;
			transition: color .3s ease-out; */
			
			-webkit-transition: color .1s;
			-moz-transition: color .1s;
			-o-transition: color .1s;
			transition: color .1s;
		}
		#sidebarMenu .pageGroup li:hover{
			cursor: pointer;
			color: #fff;
			text-decoration: none;
		}
		#sidebarMenu .pageGroup li.current{
			color: #fff;
		}
		#sidebarMenu .pageGroup li.disabled,
		#sidebarMenu .pageGroup li.disabled:hover{
			color: #92b7c5;
			opacity: .3;
			cursor: default;
		}
		#sidebarMenu .pageGroup li span{
			display: inline-block;
			background: url(../images/icons.png) no-repeat;
			width: 26px;
			height: 26px;
			margin-right: 0.625em;
			position: absolute;
			left: 0;
			top: 0;
		}
			#sidebarMenu .pageGroup li[data-path="allfiles"] span{
				background-position: -78px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="allfiles"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="allfiles"].current span{
				background-position: -78px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="pictures"] span{
				background-position: 0 -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="pictures"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="pictures"].current span{
				background-position: 0 -250px;
			}
			#sidebarMenu .pageGroup li[data-path="videos"] span{
				background-position: -26px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="videos"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="videos"].current span{
				background-position: -26px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="music"] span{
				background-position: -52px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="music"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="music"].current span{
				background-position: -52px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="documents"] span{
				background-position: -78px -224px;
			} 
			/* #sidebarMenu .pageGroup li[data-path="documents"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="documents"].current span{
				background-position: -78px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="shared"] span{
				background-position: -260px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="shared"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="shared"].current span{
				background-position: -260px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="links"] span{
				background-position: -286px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="links"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="links"].current span{
				background-position: -286px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="contacts"] span{
				background-position: -156px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="contacts"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="contacts"].current span{
				background-position: -156px -250px;
			}
			#sidebarMenu .pageGroup li[data-path="users"] span{
				background-position: -182px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="users"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="users"].current span{
				background-position: -182px -250px;
			} 
			#sidebarMenu .pageGroup li[data-path="groups"] span{
				background-position: -208px -224px;
			}
			/* #sidebarMenu .pageGroup li[data-path="groups"]:hover span, */
			#sidebarMenu .pageGroup li[data-path="groups"].current span{
				background-position: -208px -250px;
			} 
			
			#sidebarMenu .pageGroup li.install{
				background-color: #2f3c48;
				/* background-color: #194b5c; */
				/* color: #6CA2C4; */
				/* color: #aec6d0; */
				font-weight: 400;
				margin: -14px -9px 0;
				padding: 14px 9px 14px 46px;
				border-radius: 0 0 4px 4px;
				-webkit-transition: .2s;
				-moz-transition: .2s;
				-o-transition: .2s;
				transition: .2s;
			}
			#sidebarMenu .pageGroup li.install:hover{
				background-color: #056484;
				-webkit-transition: .1s;
				-moz-transition: .1s;
				-o-transition: .1s;
				transition: .1s;
			}
			#sidebarMenu .pageGroup li.install span{
				background-position: -234px -224px;
				left: 9px;
				top: 18px;
			}
			/* #sidebarMenu .pageGroup li.install:hover span, */
			#sidebarMenu .pageGroup li.install.current span{
				background-position: -234px -250px;
			} 

	/* .pageGroup li.pictures:before,
	.pageGroup li.videos:before,
	.pageGroup li.music:before,
	.pageGroup li.documents:before,
	.pageGroup li.groups:before{
		content: "\2014";
		padding-right: 10px;
		color: #637C84;
		
	} */