/* Loading Indicator CSS */
/*---------------------------------------*/

.loader-wrapper {
  position: relative;
  /*-webkit-box-flex: 1; */
  -ms-flex: 1 1 auto;
  /*flex: 1 1 auto; */
  /*width: 1%; */
  margin-bottom: 0;
}

.loading-indicator {
  display: inline-block;
}
.loading-indicator span {
  height: 15px;
  width: 15px;
  float: left;
  margin: 0 1px;
  background-color: #9E9EA1;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}
.loading-indicator span:nth-of-type(1) {
  -webkit-animation: 1s blink infinite 0.3333s;
  animation: 1s blink infinite 0.3333s;
}
.loading-indicator span:nth-of-type(2) {
  -webkit-animation: 1s blink infinite 0.6666s;
  animation: 1s blink infinite 0.6666s;
}
.loading-indicator span:nth-of-type(3) {
  -webkit-animation: 1s blink infinite 0.9999s;
  animation: 1s blink infinite 0.9999s;
}

.loading-indicator.xs span {
  height: 7px;
  width: 7px;
}
.loading-indicator.sm span {
  height: 10px;
  width: 10px;
}
.loading-indicator.lg span {
  height: 20px;
  width: 20px;
}


.btn.loading .loading-indicator._btn span {
  background-color: #fff;
  height: 10px;
  width: 10px;
}
.btn.btn-sm.loading .loading-indicator._btn span {
  height: 7px;
  width: 7px;
}
.btn.btn-lg.loading .loading-indicator._btn span {
  height: 14px;
  width: 14px;
}
/* Dark color for btn links */
.btn.btn-link.loading .loading-indicator._btn span {
  background-color: #9E9EA1;
}


.loading-indicator._input {
  position: relative;
  right: 8px;
  margin-left: -36px;
}
.modal .form-group .loading-indicator._input {
  position: absolute;
  bottom: 12px;
}
input.form-control {
  transition: padding 0.25s ease;
}
input.loading {
  padding-right: 50px;
}
input.form-control-sm.loading {
  padding-right: 40px;
}
input.form-control-sm.loading ~ .loading-indicator._input {
  right: 7px;
  margin-left: -27px;
}
input.form-control-sm.loading ~ .loading-indicator._input span {
  height: 7px;
  width: 7px;
}
.input-group .loading-indicator._input {
  display: flex;
  align-items: center;
  z-index: 10;
}


@-webkit-keyframes blink {
  50% {
    opacity: 1;
  }
}
@keyframes blink {
  50% {
    opacity: 1;
  }
}