/* ============================================================================
 * Loader Tabacos
 * IDs y keyframes con prefijo "tabacos*" para no colisionar con #preloader /
 * #loader / @keyframes spin de otras hojas del portal.
 * ========================================================================== */

#preloaderTabacos {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .7);
    z-index: 2147483647;
    display: none;
}

#loaderTabacos {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #102e90;
    -webkit-animation: tabacosLoaderSpin 2s linear infinite;
    animation: tabacosLoaderSpin 2s linear infinite;
}

    #loaderTabacos:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #396bd4;
        -webkit-animation: tabacosLoaderSpin 3s linear infinite;
        animation: tabacosLoaderSpin 3s linear infinite;
    }

    #loaderTabacos:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #6b90e0;
        -webkit-animation: tabacosLoaderSpin 1.5s linear infinite;
        animation: tabacosLoaderSpin 1.5s linear infinite;
    }

@-webkit-keyframes tabacosLoaderSpin {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes tabacosLoaderSpin {
    0%   { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}