.indicator_main { height: 90%; padding: 50px 0 0; position: fixed;width: 100%; z-index: 1055; }
.indicator {display: inline-table; left: 44%; margin:auto 0;position: relative; top: 40%; width:150px;}
.head-loading{display:none; width:100%; text-align:center; padding-top:250px;}
.loadingIcon{
background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    z-index: 9999999999;
    position: fixed;
	 display: none;
}
.loadingIcon span{
	position: absolute;top: 48%;left: 48%;z-index: 9999;
}
.merrixvalue{width:90px;}
.errormsg-main{text-align: center;}
.successmsg{ color:#12B225; font-size:20px; }

/*loading icons  Start*/
.mainbeeloading {
 
	position: absolute;
  display: flex;
  
  justify-content: center;
  align-items: center;
  height: 100vh;
	width: 100%;
 z-index: 9999;
	opacity: 1;
}

.loading {
  width: 120px;
  height: 120px;
  position: relative;
  z-index: 2;
	background:#0341EC; border-radius: 50%;
}
	.ball{position: absolute; top:30%; left: 20%; }
.loading-text {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 120px;
  height: 120px;
  transform: translate(50%, 50%);
  animation: rotateText 8s ease-in-out infinite;
  z-index: 1;
}
@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0% {
    top: 30px;
  }
  25% {
    top: 40px;
  }
  50% {
    top: 25px; 
  }
  75% {
    top: 35px;
  }
  100% {
    top: 30px; 
  }
}

/*loading icons  End*/