/*estilos css para el loading div de cada datatable*/
.fingerprint-spinner, .fingerprint-spinner * {
      box-sizing: border-box;
}
.fingerprint-spinner {
  height: 25rem;
  width: 25rem;
  margin: auto;
  overflow: hidden;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
/*estilo para el spinner del loading*/
.spinner-ring {
  position: absolute;
  border-radius: 50%;
  margin: auto;
  border: 0.25rem solid transparent;
/*border-top-color: #3C8DBC;
  border-left-color: #3C8DBC;
  border-right-color: #3C8DBC;
  border-bottom-color: #3C8DBC;*/
  animation: fingerprint-spinner-animation 3000ms cubic-bezier(0.680, -0.750, 0.265, 1.750) infinite forwards;
  margin: 15%;
  /*padding: 5%;*/
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.fingerprint-spinner .spinner-ring:nth-child(1) {
  height: calc(18rem / 9 + 0 * 18rem / 9);
  width: calc(18rem / 9 + 0 * 18rem / 9);
  animation-delay: calc(100ms * 1);
  border-top-color: #2172b8;
  /*border-left-color: #2172b8;*/
  border-right-color: #2172b8;
  border-bottom-color: #2172b8;
}

.fingerprint-spinner .spinner-ring:nth-child(2) {
  height: calc(18rem / 9 + 1 * 18rem / 9);
  width: calc(18rem / 9 + 1 * 18rem / 9);
  animation-delay: calc(100ms * 2);
     border-top-color: #18a39b;
     /*border-left-color: #18a39b;*/
     border-right-color: #18a39b;
     border-bottom-color: #18a39b;
}

.fingerprint-spinner .spinner-ring:nth-child(3) {
  height: calc(18rem / 9 + 2 * 18rem / 9);
  width: calc(18rem / 9 + 2 * 18rem / 9);
  animation-delay: calc(100ms * 3);
     border-top-color: #82c545;
     /*border-left-color: #82c545;*/
     border-right-color: #82c545;
     border-bottom-color: #82c545;
}

.fingerprint-spinner .spinner-ring:nth-child(4) {
  height: calc(18rem / 9 + 3 * 18rem / 9);
  width: calc(18rem / 9 + 3 * 18rem / 9);
  animation-delay: calc(100ms * 4);
     border-top-color: #f8b739;
     /*border-left-color: #f8b739;*/
     border-right-color: #f8b739;
     border-bottom-color: #f8b739;
}

.fingerprint-spinner .spinner-ring:nth-child(5) {
  height: calc(18rem / 9 + 4 * 18rem / 9);
  width: calc(18rem / 9 + 4 * 18rem / 9);
  animation-delay: calc(100ms * 5);
     border-top-color: #f06045;
     /*border-left-color: #f06045;*/
     border-right-color: #f06045;
     border-bottom-color: #f06045;
}

.fingerprint-spinner .spinner-ring:nth-child(6) {
  height: calc(18rem / 9 + 5 * 18rem / 9);
  width: calc(18rem / 9 + 5 * 18rem / 9);
  animation-delay: calc(100ms * 6);
     border-top-color: #ed2861;
     /*border-left-color: #ed2861;*/
     border-right-color: #ed2861;
     border-bottom-color: #ed2861;
}

.fingerprint-spinner .spinner-ring:nth-child(7) {
  height: calc(18rem / 9 + 6 * 18rem / 9);
  width: calc(18rem / 9 + 6 * 18rem / 9);
  animation-delay: calc(100ms * 7);
     border-top-color: #c12680;
     /*border-left-color: #c12680;*/
     border-right-color: #c12680;
     border-bottom-color: #c12680;
}

.fingerprint-spinner .spinner-ring:nth-child(8) {
  height: calc(18rem / 9 + 7 * 18rem / 9);
  width: calc(18rem / 9 + 7 * 18rem / 9);
  animation-delay: calc(100ms * 8);
     border-top-color: #5d3191;
     /*border-left-color: #5d3191;*/
     border-right-color: #5d3191;
     border-bottom-color: #5d3191;
}

.fingerprint-spinner .spinner-ring:nth-child(9) {
  height: calc(18rem / 9 + 8 * 18rem / 9);
  width: calc(18rem / 9 + 8 * 18rem / 9);
  animation-delay: calc(100ms * 9);
     border-top-color: #4000FF;
     /*border-left-color: #4000FF;*/
     border-right-color: #4000FF;
     border-bottom-color: #4000FF;

}
@keyframes fingerprint-spinner-animation {
  100% {
    transform: rotate( 360deg );
  }
}