#pre-bootstrap {
	background-color: #f7f8f9;
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 999999;
}

.prebootShow {
	opacity: 1 !important;
}

.prebootStep {
	opacity: 0;
	transition: .5s ease-in-out all;
}

.app-loading, .app-loaded {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.pre_logo {
	width: 60px;
	height: 40px;
	background: url('data:image/png;base64,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') center center no-repeat;
}

.app-loading .pre_logo {
	animation: opacityToggle 3s infinite;
}

.app-loaded .pre_logo {
	animation: sizeExtend 1s;
}

@keyframes opacityToggle {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.9;
	}
}

@keyframes opacityToggleInvert {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes sizeExtend {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(20);
		opacity: 0;
	}
}

.app-loading .spinner {
	height: 150px;
	width: 150px;
	animation: rotate 2s linear infinite;
	transform-origin: center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #1B5E20;
}

.app-loading .spinner .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
	stroke: #ddd;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}