/* Upload Documents */
#fileupload {
	
}
.x-table-header-upload {
	background: #9CA2A6;
}
.upload-container {
	color: #9CA2A6;
	padding: 20px;
	background: #fff;
	cursor: default;
}
.uploaded-files {
	display: none;
}
.uploaded-files.active {
	display: block;
}

.x-table-fu:hover .x-table-header-upload {
	background: #00A7D4;
}
.upload-container {
	padding: 20px 20px 0px 20px;
	background: #F6FAFE;
	color: #727A80;
}
.dropzone-top-desc, .dropzone-bottom-desc {
	font-weight: bold;
	font-size: 14px;
}
.file-browse-trigger {
	text-decoration: underline;
	cursor: pointer;
}
#dropzone {
	height: 250px;
	border: 2px dashed #9CA2A6;
    margin-bottom: 20px;
	color: #9CA2A6;
}

.upload-highlight-text {
	border: 2px dashed #3B6B8C !important;
	color: #3B6B8C !important;
}

.upload-highlight-background {
    background: #3B6B8C !important;
}

.x-table-fu:hover #dropzone {
	border: 2px dashed #3B6B8C;
	color: #3B6B8C;
}
.dropzone-icon {
	font-size: 120px;
	line-height: 1;
	margin-top: 10px;
}
.dropzone-text {
	font-size: 26px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.dropzone-opt-ic, .dropzone-opt-text {
	display: inline-block;
}
.dropzone-opt-ic {
	background: #9CA2A6;
	color: #fff;
	padding: 3px 10px 1px;
	border-radius: 3px;
	margin-right: 5px;
}
.x-table-fu:hover .dropzone-opt-ic {
	background: #3B6B8C;
}
.ttip-files {
	cursor: default;
	color: #00BAC0;
}
#fileUploadField {
	display: none;
}
.error-files {
	background: #F6FAFE;
	padding-top: 40px;
	display: none;
	font-size: 14px;
	border-bottom: 5px solid #E1E4E8;
}
.x-table-uploaded-files, .x-table-error-files {
	width: 100%;
	table-layout: fixed;
}
.error-files.visible, .uploaded-files.visible {
	display: block;
}
.x-table-uploaded-files th, .x-table-error-files th {
	background: #9ca2a6;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
}
.x-table-error-files th {
	background: #EB9400;
}
.x-table-uploaded-files td, .x-table-error-files td {
	padding: 10px 20px;
	color: #727A80;
	border-bottom: 1px solid #eee;
}
.x-table-uploaded-files a {
	color: #727A80;
}
.x-table-uploaded-files .fa-expand, .x-table-uploaded-files.inactive .fa-compress, .x-table-uploaded-files.inactive tbody {
	display: none;
}
.x-table-uploaded-files.inactive .fa-expand {
	display: block;
}
.x-table-uploaded-files.inactive th {
	background: #C9CED2;
}
.x-table-uploaded-files .fa-expand, .x-table-uploaded-files .fa-compress {
	cursor: pointer;
	font-size: 22px;
}
.x-table-uploaded-files.inactive tbody {

}
.td-filename {
	overflow: hidden;
	text-overflow: ellipsis;
}
.th-filename {
	/*width: 40%;*/
}
#submitFiles, #submitFilesInactive {
	margin: 0 0 20px;
	display: none;
}
#submitFilesInactive {
	margin-bottom: 22px;
}
.fileupload-buttonbar.active #submitFilesInactive {
	display: none;
}
.fileupload-buttonbar.active #submitFiles, #submitFilesInactive {
	display: inline-block;
}
th.th-status, td.td-status {
	padding-right: 30px;
}
.th-remove {
	width: 5%;
	text-align: center;
}
td.remove-file .fa {
	cursor: pointer;
	font-size: 24px;
}
.template-upload .cancel {
	font-size: 22px;
	cursor: pointer;
}
.template-upload .cancel:hover {
	color: #D04F4F;
}
.x-table-uploaded-files .progress {
	display: block;
}
.x-table-uploaded-files .fa-circle {
	color: #00A7D4;
	margin-right: 15px;
	font-size: 13px;
	vertical-align: top;
}
.x-table-uploaded-files .button-hidden {
	display: none !important;
}
.progress-container {
	height: 13px;
	background: #E6EDF3;
	border: 1px solid #B1B1B1;
	border-radius: 10px;
	margin-bottom: 0;
}
/*.ui-progressbar .ui-progressbar-value {
	background: #05ABB1;
	border-radius: 10px;
	margin: 0;
	border: none;
}*/
.progress {
	/*background: #05ABB1;*/
	border-radius: 10px;
	height: 13px;
	margin: 0;
	border: none;
	/*width: 100%;*/
}
.progress-complete {
	width: 100%;
	height: 13px;
	background: #EB9400;
	border-radius: 10px;
}
.progress-check {
	font-size: 22px;
	color: #8DC24B;
}
.upload-note table {
	width: 100%;
}
.upload-note table td {
	vertical-align: top;
}
.upl-desc {
	font-weight: bold;
	color: #727A80;
	margin-left: 20px;
}
.upload-note {
	background: #F6FAFE;
	padding: 40px 20px 0;
	overflow: hidden;
	color: #727A80;
	font-size: 14px;
	font-weight: bold;
	display: none;
}
.upload-note.visible {
	display: block;
}
.upload-note-counter {
	margin-top: 10px;
}
.upload-note-area textarea {
	width: 100%;
	height: 100px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
}
.upload-note-label {
	padding-right: 20px;
}
.uploaded-files-results {
	margin-top: 20px;
	overflow: hidden;
	background: #F6FAFE;
	border-radius: 5px 5px 0 0;
	display: none;
	box-shadow: 0 0 5px #999;
}
.uploaded-files-results.active {
	display: block;
}
.x-table-header-upload-results {
	background: #8DC24B;
}
.uploaded-files-results table {
	width: 100%;
	height: 100%;
	font-size: 14px;
	table-layout: fixed;
}
.uploaded-files-results table th {
	padding: 10px 20px;
	background: #C9CED2;
	color: #fff;
}
.uploaded-files-results table td {
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
	word-wrap: break-word;
}
.uploaded-files-results-right table td {
	border: none;
}
.uploaded-files-results-left, .uploaded-files-results-right {
	width: 50%;
	float: left;
	color: #727A80;
}
.uploaded-files-results .fa {
	cursor: pointer;
}
.uploaded-files-results.inactive .fa-expand {
	display: inline-block;
}
.uploaded-files-results .fa-expand,
.uploaded-files-results.inactive .fa-compress,
.uploaded-files-results.inactive .uploaded-files-results-left,
.uploaded-files-results.inactive .uploaded-files-results-right {
	display: none;
}
.uploaded-files-results.inactive .x-table-header-upload-results {
	background: #C9CED2;

}