@keyframes lds-rolling {

  0% {

    -webkit-transform: translate(-50%, -50%) rotate(0deg);

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    -webkit-transform: translate(-50%, -50%) rotate(360deg);

    transform: translate(-50%, -50%) rotate(360deg);

  }

}



@-webkit-keyframes lds-rolling {

  0% {

    -webkit-transform: translate(-50%, -50%) rotate(0deg);

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    -webkit-transform: translate(-50%, -50%) rotate(360deg);

    transform: translate(-50%, -50%) rotate(360deg);

  }

}



.lds-rolling {

  position: relative;

}



.lds-rolling div, .lds-rolling div:after {

  position: absolute;

  width: 148px;

  height: 148px;

  border: 8px solid #1d3f72;

  border-top-color: transparent;

  border-radius: 50%;

}



.lds-rolling div {

  -webkit-animation: lds-rolling 1s linear infinite;

  animation: lds-rolling 1s linear infinite;

  top: 100px;

  left: 100px;

}



.lds-rolling div:after {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}



.lds-rolling {

  width: 200px !important;

  height: 200px !important;

  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);

  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);

}



#loading_container {

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

  z-index: 1;

}



#loading {

  position: fixed;

  top: 30%;

  left: 45%;

}



.hidden-loading {

  display: none;

}