.hero.is-graph-bg {
	background: #171e26 url("/dist/img/bg.png") repeat;
}

.toast {
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 1;
}

.myc {
	perspective: 1000px;
	background-color: transparent;
	width: 300px;
	height: 160px;
}

.cnt {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.cnt.open {
	transform: rotateX(-180deg);
}

.front {
	background: #209cee;
}

.back {
	background: #007cce;
	transform: rotateX(-180deg);
}

.ctrl {
	position: absolute;
	bottom: 0;
}

.front, .back {
	transition: all 3s ease-in-out!important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 5px;
	padding: 5px;
}

.scroll{
	width: 0%;
	height: 3px;
	position: fixed;
	z-index: 1000;
	background: #11639a;
	top: 0px;
	transition: all .5s ease-in-out;
}

.card .card-content pre{
	background-color: #fff;
	outline: 0;
	padding: 0;
	white-space: pre-wrap;
}

.card .columns{
	color: #b5b5b5;
	font-size:0.8rem;
}

.card.has-warn{
	box-shadow: 0 2px 3px #C30, 0 0 0 1px #C30;
}

.card+.card{
	margin-top: 1rem;
}

.file-upload {
	width:0; height:0; visibility: "hidden";
}

.is-verified {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-align: center;
	background: #209cee;
	border-radius: 8px;
	line-height: 16px;
	color: #FFF;
	cursor: default;
	margin: 0 5px;
}