body {
  background-image: url(/Images/img-login.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#464646;
  
}
@media screen {
    #gris {
        background-color: darkgrey;
        text-align: center;
    }

    #centro {
        text-align: center;
    }

    .seguido {
        display: inline;
    }

    .noVisibleImpresion {
        display: block;
    }

    .seguido-color {
        background-color: antiquewhite;
        display: inline;
    }

    #gclaro {
        background-color: aliceblue;
        text-align: center;
    }

    #gclaro1 {
        background-color: aliceblue;
    }

    p {
        margin-bottom: 0px;
    }

    .fondoLogin {
        background-color: rgba(255, 255, 255, 0.7);
        margin-top: 15%;
        padding: 10px;
        float: right;
        position: relative;
        right: 20px;
    }

    .bodyLogin {
        background-image: url('/Images/img-login.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .logoCentrado {
        margin: auto 0px;
    }

    .grisClaro {
        background-color: #EFEFEF ;
    }
    .alinIzquierda{
        margin-left:0px;
        padding-left:0px;
    }
}
/*@media only screen and (max-width: 767px) {
    body {
        background-image: url(/Images/img-login-mobile-devices.jpg);
    }
}*/

/* loading... */
.bounceball {
    position: relative;
    display: inline-block;
    height: 37px;
    width: 15px;
}

    .bounceball:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #FF5100;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: bounce 500ms alternate infinite ease;
        animation: bounce 500ms alternate infinite ease;
    }

@-webkit-keyframes bounce {
    0% {
        top: 30px;
        height: 5px;
        border-radius: 60px 60px 20px 20px;
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
    }

    35% {
        height: 15px;
        border-radius: 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 30px;
        height: 5px;
        border-radius: 60px 60px 20px 20px;
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
    }

    35% {
        height: 15px;
        border-radius: 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        top: 0;
    }
}
/* fin loading... */

.lockscreen {
    /*background: #d2d6de;*/
    background-color: rgba(10, 10, 10, 0.71) !important;
    background-image: url('/Images/img-login-BN.jpg');
    background-blend-mode: color;
}

.lockscreen-wrapper {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 10%;
}

.lockscreen-image {
    background: #eee;
}

.lockscreen-item {
    background: #eee;
}