.loading  {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
}

.loading_graphic_container  {
	width: 200px;
	height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -50px;
}

.loading_icon  {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100px;
	margin-top: -50px;
	border: 5px solid #f6f6f6;
	animation-name: circleGrow;	
	animation-duration: 1.25s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes circleGrow {
  0% {transform: scale(0.1); opacity: 0.4;}
  
  100% {transform: scale(1.25); opacity: 1;}
}

.loading_text  {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.loading_text_inner  {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 12px 0 0 5px;
	/*background-image: url('./../images/loading_text.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	overflow: hidden;*/
}

.loading_text_inner img  {
	width: auto;
	height: 27px;
}

.load_l  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.125s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_o  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.25s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_a  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.375s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_d  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_i  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.625s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_n  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.75s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

.load_g  {
	animation-name: fadeIn;	
	animation-duration: 1s;
	animation-delay: 0.875s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	opacity: 0;
}

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








/******* ?????????? *******/

.dv-loading {
  height: 32px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: transparent url(../images/loading.gif) no-repeat center center;*/
}