#loading-bg {
	width: 100%;
	height: 100%;
	top: 0;
	/* background:#fff; */
	/* background: rgba(255,255,255,0.45); */
	z-index: 1200;
	display: block;
	position: absolute;
}

#loading-filler {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.45);
	z-index: 999;
	display: block;
	position: absolute;
	/* left: 240px; */
}

.loading-logo {
	position: absolute;
	left: calc(50% - 45px);
	top: 40%;
}

.loading {
	position: absolute;
	left: calc(50% - 36px);
	top: calc(50% - 36px);
	width: 40px;
	height: 40px;
}

.loading .effect-1{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../png/loading.svg');
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 50%;
	/* Border tròn */
	background-color: rgba(255, 255, 255, 0.1);
	/* Nền trong suốt nhẹ */
}

.loading .effect-1 {
	animation: rotate 1.5s ease infinite;
}

.loading .effects {
	transition: all 0.3s ease;
}

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

	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

@keyframes rotateOpacity {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 0.1;
	}

	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
		opacity: 1;
	}
}