/* hyper-initial-loading */
.hyper-initial-loading {
	background: white;
	position: fixed;
	top: 30%;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}

/* hyper-loading */
.hyper-loading {
	z-index: 999991010; 
	display: none; 
	position: fixed; 
	top: 30%; 
	left: 50%; 
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}

/* hyper-block-loading */
.hyper-loading-block {
	z-index: 9999910; 
	display: none; 
	position: fixed; 
	cursor: wait; 
	opacity: 0.25; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: gray;
}

.hyper-loading-img {
	margin: -41px 0 0 -30px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	text-align: center;
}

.hyper-loading-img img {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 0 0 0;
	text-align: center;
}

.animate_beat {
	transform: scale(1);
	transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-moz-transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-ms-transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-o-transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		-webkit-transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	animation: animate_beat .8s infinite;
		-moz-animation: animate_beat .8s infinite;
		-ms-animation: animate_beat .8s infinite;
		-o-animation: animate_beat .8s infinite;
		-webkit-animation: animate_beat .8s infinite;
}

/* notification */
.notification-container {
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100000;
}

.notification-container .notification {
	display: none;
	float: right;
	clear: both;
	margin-top: 15px;;
	padding: 0 15px;
	width: 650px;
}

.notification-container .notification > div {
	pointer-events: all;
}

.notification-container .alert {
	margin: 0;
}