/*
 *  jquery-easy-loading - v1.3.0
 *  Easily add and manipulate loading states of any element on the page
 *  http://github.com/CarlosBonetti/jquery-loading
 *
 *  Made by Carlos Bonetti <carlosb_bc@hotmail.com>
 *  Under MIT License
 */
/* This CSS file just define some default styles and loaders */
/* You don't need to include it if you're working with your custom overlay loader element */

.loading-overlay {
    display: block;
    opacity: 0.95;
    position: relative;
}
.loading-overlay-content {
    font-family: 'Darwin Pro SemiBold';
    text-align: center;
    position: absolute;
	top: 45%;
	left: 50%;
    right: 50%;
    color: transparent;
}
.loading-overlay.loading-theme-light {
    background-color: #f7fafc;
    color: #000;
    z-index: 9999 !important;
    top: 0 !important;
}
.loading-overlay.loading-theme-dark {
    background-color: #f7fafc;
    color: #fff;
    z-index: 9999 !important;
    top: 0 !important;
}

/* *****animación***** */
.loading-overlay-content,
.loading-overlay-content:before,
.loading-overlay-content:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loading 1.8s infinite ease-in-out;
    animation: loading 1.8s infinite ease-in-out;
}
.loading-overlay-content {
    color: #24AF8E;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loading-overlay-content:before,
.loading-overlay-content:after {
    content: '';
    position: absolute;
    top: 0;
}
.loading-overlay-content:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loading-overlay-content:after {
    left: 3.5em;
}
@-webkit-keyframes loading {
    0%,
    80%,
    100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
    40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes loading {
    0%,
    80%,
    100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
    40% {
    box-shadow: 0 2.5em 0 0;
  }
}