/* Inicio css para loader */
.loader {
    opacity: 0.2;
    pointer-events: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loader::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 80%;
    width: 45px;
    height: 45px;
    border-style: solid;
    border-color: #0c9af3;
    border-top-color: #d3e8f7;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.loadercentro::before {
    content: 'Cargando contenido...';
    display: block;
    margin: auto;
    text-align: center;
    color: #ffffff;
}


.loadercentro {
    opacity: 0.2;
    pointer-events: none;
}


.loadercentro::after {
    content: '';
    display: block;
    margin: auto;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-color: #0c9af3;
    border-top-color: #d3e8f7;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.deshabilitar {
    pointer-events: none;
    opacity: 0.2;
}

/* Fin loader */