/*
	https://codepen.io/holdencreative/pen/vEVbwv
*/
/* Progress Bar */
.progress {
	/* position: relative; */
	position: fixed;
	height: 4px;
	/* display: block; */
	display: none;
	width: 100%;
	z-index: 1031;
	/* background-color: #acece6; */
	border-radius: 2px;
	background-clip: padding-box;
	/* margin: 0.5rem 0 1rem 0; */
	margin: 0;
	overflow: hidden; 
}
.progress .determinate {
	position: absolute;
	background-color: inherit;
	top: 0;
	bottom: 0;
	background-color: #26a69a;
	transition: width .3s linear;
}
.progress .indeterminate {
	/* background-color: #26a69a; */
	background-color: #ff9800;
}
.progress .indeterminate:before {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; 
}
.progress .indeterminate:after {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s; 
}

@-webkit-keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%; 
	}
	60% {
		left: 100%;
		right: -90%;
	}
	100% {
		left: 100%;
		right: -90%; 
	} 
}
@keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%;
	}
	60% {
		left: 100%;
		right: -90%;
	}
	100% {
		left: 100%;
		right: -90%; 
	}
}
@-webkit-keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%; 
	}
	60% {
		left: 107%;
		right: -8%; 
	}
	100% {
		left: 107%;
		right: -8%; 
	}
}
@keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%; 
	}
	60% {
		left: 107%;
		right: -8%; 
	}
	100% {
		left: 107%;
		right: -8%; 
	} 
}
/* Referencia: https://pt.stackoverflow.com/questions/22710/progresso-do-upload-com-jquery-ou-php*/
#upload-progress {
	display: none;
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden; 
	background-color: #acece6;
	background-clip: padding-box;
	
}
#upload-progress > #upload-progress-bar {
    background-color: #26a69a;
    /* width: 10%; */
	height: 1.47rem;
    position: absolute;
}
#upload-progress > #upload-status{
    position: relative;
	text-align: center;
	color: #232323;
	z-index: 3;
}