@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.upload-form {
/*
	display: flex;
	flex-flow: column;			
	max-width: 90%;
	padding: 10px;
	margin: 100px auto 1rem auto;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
*/
}

.upload-form label {
	/*
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	border: 1px dashed #e6e8ec;
	color: #000000;
	padding: 0.5rem 0.75rem;
	font-weight: 500;
	font-size: 16px;
	margin: 0.5rem 0;
	border-radius: 0.25rem;
*/	
	cursor: pointer;
}
/*
.upload-form label i {
	padding: 0.25rem 0;
	color: #0c7ce5;
}

.upload-form label span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	word-break: break-all;
}
*/
.upload-form label:hover {
	background-color: #87f8f9;
	border: 1px solid #e3e5ea;
}

.upload-form input[type="file"] {
	appearance: none;
	visibility: hidden;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
}
/*
.upload-form .result {
	display: flex;
	background: #ecf6ff;
	border-radius: 0.25rem;
	gap: 0.5rem;
	padding: 0.5rem
}

.upload-form .result * {
	font-size: 16px;
}

.upload-form .result .ph-file {
	font-size: 16px;
}

.upload-form .result span {
	display: block;
}

.upload-form .result .file-details {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.25rem;
	flex: 1
}

.upload-form .result .file-details span.file-name {
	color: #000000;
	font-weight: 500;
}

.upload-form .result .file-details span.file-size {
	color: green;
}
*/
.upload-form .result .progress-bar {
	width: 100%;
	height: 0.25rem;
	background-color: #e3e5ea;
	border-radius: 0.25rem;
	overflow: hidden;
}

.upload-form .result .progress-bar .progress {
	height: 100%;
	background-color: #0c7ce5;
}
/*
.upload-form .result .upload-result {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.25rem;
}
/*
.upload-form .result .upload-buttons {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}
*/
.upload-form .result .upload-result .fa-circle-notch {
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-ms-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	font-size: 2rem;
}

.upload-form .result .upload-result .fa-check {
	color: #23c925;
	font-size:2rem;
}

.upload-form .result .upload-result .fa-x {
	color: #c94647;
	font-size:2rem;
}