@CHARSET "UTF-8";

.folderDiv, .fileDiv {
	background-color: white;
	border: 1px solid #ddd;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

.itemTypeDiv, .itemDateDiv {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.itemNameDiv, .folderLink {
	text-overflow: ellipsis;
	overflow: hidden;
}

.folderDiv:hover, .fileDiv:hover {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

.folderIcon, .fileIcon {
	height: 2.5em;
	padding: 0.5em;
}

.fileDisplay {
	height: 60%;
	overflow: auto;
	border: 1px solid white;
}

.fileSelected, .folderSelected, .entrySelected {
	background-color: #cff0ff !important;
}

.sortBtn {
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}

.sortBtn:hover {
	background-color: #cff0ff !important;
}
#mainFileDisplay{
	padding: 1em 10px;
}
#fileOptions>a, #shareOptions>a {
	cursor: pointer;
	margin: 0.25em;
	font-size: 1.1em;
}

#uploadsPane {
	background-color: white;
	border: 1px solid #77e588;
}

.uploadingFileIcon {
	height: 1.5em;
}

#pathListOverflow {
	background-color: white;
}

#overflowHolder {
	width: 0em;
	height: 0em;
	overflow: hidden;
	z-index: 10;
}

.overflowOption h4 {
	cursor: pointer;
	padding: 0.2em;
	margin: 0;
}

.overflowOption:hover, .overflowOption:focus {
	background-color: #cff0ff !important;
	-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.progressDialog {
	position: absolute;
	top: -5em;
	left: 12.5em;
	width: 60%;
	height: 3em;
	z-index: 10;
	background-color: white
}

.progress {
	display: inline-block;
	width: 30em;
	margin-bottom: -0.5em;
	height: 2em;
}

.progress.variableWidth {
	width: 100%;
}

.progressDiv>.progress {
	height: 0.25em;
	width: 100%;
	margin-top: 0.25em;
}

.progressDiv {
	margin-top: 0.25em;
	display: inline-block;
	height: 0.25em;
	width: 100%;
}

.progressDivHolder {
	position: absolute;
	top: 80%;
	left: 10%;
	text-align: center;
	background-color: white;
}

.uploadHover {
	border: 1px solid blue !important;
}

.addBoxPane {
	border: 1px solid white;
}

.uploadHover.blockUpload {
	border: 1px solid red !important;
}

#overflow {
	width: 28px;
}

#overflowIcon>img, #overflowOption>img {
	font-size: 15px;
	line-height: 14px;
}

.folderLink, .fileLink {
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}

#folderDialogList, #replaceFileListDiv {
	height: 22em;
	overflow: auto;
	margin-top: 1em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#folderDialogList {
	border: 1px solid black;
}

.folderEntry {
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 14px;
}

.folderEntry:hover,
.folderEntry:focus {
	background-color: #ebebeb;
	outline: none;
}

.folderEntryButton {
	width: 1.25em;
	display: inline-block;
}

.selectListEntry {
	margin-left: 0.5em;
	padding-left: 1em;
	list-style-type: none;
}

.fileReplace img {
	height: 2em;
	margin: 0.25em 0.5em;
}

#selectFolderErrorDiv {
	height: 1.25em;
	color: red;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
}

#sharedFilesContext>i {
	width: 1.5em;
}

#sharedFilesContext {
	width: 14em;
	z-index: 100;
}

#sharedFilesContext>div {
	padding: 0.5em;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

#sharedFilesContext>div:hover {
	background-color: #cff0ff !important;
}

.importDiv {
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.importDiv:hover {
	background-color: #cff0ff !important;
}

.importIcon {
	display: inline-block;
	width: 3em;
	padding: 0.25em;
}

.importModalIcon {
	display: inline-block;
	width: 5em;
	padding: 0.25em;
}

.importTitle {
	display: inline-block;
	maring-left: 0.5em;
}

.permissionsIcon {
	width: 10%;
	margin: 0.5em;
	display: inline-block;
}

.permissionsText {
	display: inline-block;
	vertical-align: middle;
}