.loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  overflow: hidden;
}

.loading-bar--active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 5px;
  background-color: #F0C14B;
  
  -webkit-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  -moz-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  
  -webkit-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  -moz-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
}


.loading-bar-industries {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  background-color: transparent;
  overflow: hidden;
}

.loading-bar-industries--active::after {
  content: '';
  position: relative;
  width: 20%;
  height: 5px;
  background-color: #F0C14B;
  
  -webkit-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  -moz-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  
  -webkit-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  -moz-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
}
.loading-bar-countries {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  background-color: transparent;
  overflow: hidden;
}

.loading-bar-countries--active::after {
  content: '';
  position: relative;
  width: 20%;
  height: 5px;
  background-color: #F0C14B;
  
  -webkit-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  -moz-box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  box-shadow: 10px 0 30px 15px #F0C14B, -10px 0 30px 15px #F0C14B;
  
  -webkit-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  -moz-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
}
#loading-bar-company {
  display: none;
}
.loading-bar-company {
  display: block;
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  background-color: transparent;
  overflow: hidden;
}

.loading-bar-company--active::after {
  content: '';
  position: relative;
  width: 20%;
  height: 5px;
  background-color: #7ff04b;
  
  -webkit-box-shadow: 10px 0 30px 15px #7ff04b, -10px 0 30px 15px #7ff04b;
  -moz-box-shadow: 10px 0 30px 15px #7ff04b, -10px 0 30px 15px #7ff04b;
  box-shadow: 10px 0 30px 15px #7ff04b, -10px 0 30px 15px #7ff04b;
  
  -webkit-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  -moz-animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
  animation: loadBar 2s cubic-bezier(.09,.89,.7,.71) infinite;
}

@keyframes loadBar {
  0% {
    left: -10%;
  }
  100% {
    left: 110%;
  }
}

.loading-register {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  display: flex;
  align-items: center;
  z-index: 99;
  background-color: #84848475;
}
.loading-register > .loading-content {
  display: inline-grid; 
  text-align: center; 
  justify-items: center;
}
.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}

.half-circle-spinner {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
  /* border-top-color: #244596; */
  border-top-color: #244596;
  animation: half-circle-spinner-animation 1s infinite;
  box-shadow: inset 0px -15px 14px -15px #fff;

}

.half-circle-spinner .circle.circle-2 {
  border-bottom-color: #FEBF00;
  animation: half-circle-spinner-animation 1s infinite alternate;
  box-shadow: inset 0px -15px 14px -15px #fff;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}
.container-text-loading {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  border-radius: 15px;
}