/** PROGRESSBAR MATERIAL-DESIGN **/
	.progress {
		position: relative;
		height: 4px;
		display: block;
		width: 100%;
		border-radius: 2px;
		background-clip: padding-box;
		margin: 0.5rem 0 1rem 0;
		overflow: hidden;
	}
	.progress.thin {
		height: 2px;
	}
	.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%;
		}
	}
	
	
/** MATERIAL DESIGN SPINNER **/
	.md-spinner {
		height: 32px;
		width: 32px;
		-webkit-animation: spinner-rotator 1.4s linear infinite;
				    animation: spinner-rotator 1.4s linear infinite;
	}
	.md-spinner.small {
		height: 16px;
		width: 16px;
	}
	.md-spinner.large {
		width: 65px;
		height: 65px;
	}
	
	.md-spinner-path {
		stroke: #1b6bb5;
		stroke-dasharray: 187;
		stroke-dashoffset: 0;
		-webkit-transform-origin: center;
				    transform-origin: center;
		-webkit-animation: md-spinner-dash 1.4s ease-in-out infinite;
				    animation: md-spinner-dash 1.4s ease-in-out infinite;
	}
	.colored .md-spinner-path {
		-webkit-animation: md-spinner-dash 1.4s ease-in-out infinite, md-spinner-colors 5.6s ease-in-out infinite;
				    animation: md-spinner-dash 1.4s ease-in-out infinite, md-spinner-colors 5.6s ease-in-out infinite;
	}
	
	@-webkit-keyframes spinner-rotator {
		0% {
			-webkit-transform: rotate(0deg);
			        transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(270deg);
			        transform: rotate(270deg);
		}
	}
	
	@keyframes spinner-rotator {
		0% {
			-webkit-transform: rotate(0deg);
			        transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(270deg);
			        transform: rotate(270deg);
		}
	}
	
	@-webkit-keyframes md-spinner-colors {
		0% {
			stroke: #1b6bb5;
		}
		25% {
			stroke: #DE3E35;
		}
		50% {
			stroke: #F7C223;
		}
		75% {
			stroke: #1B9A59;
		}
		100% {
			stroke: #4285F4;
		}
	}
	
	@keyframes md-spinner-colors {
		0% {
			stroke: #4285F4;
		}
		25% {
			stroke: #DE3E35;
		}
		50% {
			stroke: #F7C223;
		}
		75% {
			stroke: #1B9A59;
		}
		100% {
			stroke: #4285F4;
		}
	}
	@-webkit-keyframes md-spinner-dash {
		0% {
			stroke-dashoffset: 187;
		}
		50% {
			stroke-dashoffset: 46.75;
			-webkit-transform: rotate(135deg);
			        transform: rotate(135deg);
		}
		100% {
			stroke-dashoffset: 187;
			-webkit-transform: rotate(450deg);
			        transform: rotate(450deg);
		}
	}
	@keyframes md-spinner-dash {
		0% {
			stroke-dashoffset: 187;
		}
		50% {
			stroke-dashoffset: 46.75;
			-webkit-transform: rotate(135deg);
			        transform: rotate(135deg);
		}
		100% {
			stroke-dashoffset: 187;
			-webkit-transform: rotate(450deg);
			        transform: rotate(450deg);
		}
	}
	
	
/** DROP DOWNS **/
	.material-dropdown {
		position: relative;
	}
	.material-dropdown ul {
		position: absolute;
		left: 0;
		top: 3em;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transform: scale(0);
		transform-origin: 0 0;
		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		li {
			display: block;
			width: 100%;
			a {
				width: 100%;
				padding: 1em 18px;
				display: inline-block;
				white-space: pre;
				box-sizing: border-box;
				&:hover {
					background: #f5f5f5;
				}
			}
		}
	}
	.material-dropdown.open ul {
		transform: scale(1);
	}


/** PIE CHART PROGRESS **/
	.set-size {
		font-size: 100px;
	}
	
	.charts-container:after {
		clear: both;
		content: "";
		display: table;
	}
	
	.pie-wrapper {
		font-size: 100px;
		height: 100px;
		width: 100px;
		position: relative;
	}
	.pie-wrapper:nth-child(3n + 1) {
		clear: both;
	}
	.pie-wrapper .pie {
		height: 100%;
		width: 100%;
		clip: rect(0, 100px, 100px, 50px);
		left: 0;
		position: absolute;
		top: 0;
	}
	.pie-wrapper .pie .half-circle {
		height: 100%;
		width: 100%;
		border: 10px solid #8e44ad;
		border-radius: 50%;
		clip: rect(0, 50px, 100px, 0);
		left: 0;
		position: absolute;
		top: 0;
		transition: transform .2s linear;
	}
	.pie-wrapper .label {
		background: #34495e;
		border-radius: 50%;
		bottom: 0.4em;
		color: #ecf0f1;
		cursor: default;
		display: block;
		font-size: 0.25em;
		left: 0.4em;
		line-height: 2.24em;
		position: absolute;
		right: 0.4em;
		text-align: center;
		top: 0.4em;
	}
	.pie-wrapper .label .smaller {
		color: #bdc3c7;
		font-size: 0.45em;
		padding-bottom: 20px;
		vertical-align: super;
	}
	.pie-wrapper .shadow {
		height: 100%;
		width: 100%;
		border: 10px solid rgba(0,0,0,.1);
		border-radius: 50%;
	}
	.pie-wrapper .label {
		background: none;
		color: #7f8c8d;
	}
	.pie-wrapper .label .smaller {
		color: #bdc3c7;
	}
	.pie-wrapper.progress {
		background: transparent;
	}
	.pie-wrapper.progress .pie .left-side {
		-webkit-transform: rotate(-0deg);
		        transform: rotate(-0deg);
	}
	.pie-wrapper.progress .pie .right-side {
		display: none;
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.standard-theme .pie-wrapper.progress .pie .half-circle { border-color: #1666c0; }
	.archived .pie-wrapper.progress .pie .half-circle { border-color: #6f8d9b; }
	.red-theme .pie-wrapper.progress .pie .half-circle { border-color: #F44336; }
	.purple-theme .pie-wrapper.progress .pie .half-circle { border-color: #9C27B0; }
	.indigo-theme .pie-wrapper.progress .pie .half-circle { border-color: #3F51B5; }
	.blue-theme .pie-wrapper.progress .pie .half-circle { border-color: #2196F3; }
	.teal-theme .pie-wrapper.progress .pie .half-circle { border-color: #009688; }
	.green-theme .pie-wrapper.progress .pie .half-circle { border-color: #4CAF50; }
	.lime-theme .pie-wrapper.progress .pie .half-circle { border-color: #CDDC39; }
	.yellow-theme .pie-wrapper.progress .pie .half-circle { border-color: #FFEB3B; }
	.orange-theme .pie-wrapper.progress .pie .half-circle { border-color: #FF9800; }
	.brown-theme .pie-wrapper.progress .pie .half-circle { border-color: #795548; }
	.grey-theme .pie-wrapper.progress .pie .half-circle { border-color: #9E9E9E; }