@CHARSET "UTF-8";



.loaderImg {
    position: absolute;
    left: 65%;
    top: 50%;
    z-index: 1;
    /* width: 150px; */
    /* height: 150px; */
    margin: -75px 0 0 -75px;
    /* border: 16px solid #f3f3f3; */
    border-radius: 50%;
    /* border-top: 16px solid #3498db; */
    /* width: 120px; */
    /* height: 120px; */
    animation: spin 2s linear infinite;
}

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

.stop-scroll-by-loading {
	height: 100%;
	overflow: hidden;
}

.loading {
	display: inline-block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	background: rgba(53, 53, 53, 0.5);
	text-align: center;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.loading .popup {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 200px;
	margin-left: -150px;
	margin-top: -100px;
}

.loading .popup > img {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-bottom: 15px;
}

.loading .popup > .wait {
	font-size: 18px;
	font-weight: bold;
	color: white;
}

.loading .popup > .progress {
	height: 18px;
	margin: 20px;
	margin-top: 15px;
	margin-bottom: 0;
	text-align: left;
	font-size: 0px;
}

.loading .popup > .progress > .pivot {
	display: inline-block;
	height: 100%;
	width: 0;
/* 	background: white; */
	background: skyblue;
}

.loading .popup > .message {
	text-align: center;
	color: white;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 3px;
}