@charset "UTF-8";

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block
}

	.fileinput-button input {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		font-size: 200px !important;
		direction: ltr;
		cursor: pointer
	}

@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%
	}
}

@charset "UTF-8";

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px
}

.progress-animated .progress-bar, .progress-animated .bar {
	background: url("../img/progressbar.gif") !important;
	filter: none
}

.fileupload-process {
	float: right;
	display: none
}

.fileupload-processing .fileupload-process, .files .processing .preview {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../img/loading.gif") center no-repeat;
	background-size: contain
}

.files audio, .files video {
	max-width: 300px
}

@media(max-width:767px) {
	.fileupload-buttonbar .toggle, .files .toggle, .files .btn span {
		display: none
	}

	.files .name {
		width: 80px;
		word-wrap: break-word
	}

	.files audio, .files video {
		max-width: 80px
	}

	.files img, .files canvas {
		max-width: 100%
	}
}