@font-face {
	font-family: 'Roboto';
	font-weight: 400; /* Bold */
	src: url('../fonts/roboto/Roboto-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto/Roboto-Regular.ttf')  format('truetype') /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700; /* Bold */
	src: url('../fonts/roboto/Roboto-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
body{
	font-family: 'Roboto', sans-serif;
}
.bnsed-placeholder{
	margin-top:15em;
	text-align:center;
}
.bnsed-card{
	background-color: #fff;
	border-radius: 2px;
	margin: 0.5rem 0 1rem;
	transition: box-shadow 0.25s ease 0s;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.spinner {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}
.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}

@keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}
@-webkit-keyframes 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 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);
	}
}
span.highlighted {
	background-color: #ffd54f;
	border-radius: 2px;
	padding: 0 0.25em;
}