/* LOGIN.CSS */
@-webkit-keyframes Animation__fondo {
    0% {
        background-size: 130%;
    }

    100% {
        background-size: 100%;
    }
}
@keyframes Animation__fondo {
    0% {
        background-size: 130%;
    }

    100% {
        background-size: 100%;
    }
}

@-webkit-keyframes Animation__tituloone {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 5%;
        opacity: 1;
    }
}

@keyframes Animation__tituloone {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 5%;
        opacity: 1;
    }
}

@-webkit-keyframes Animation__titulooneOp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes Animation__titulooneOp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes Animation__cont-form {
    0% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes Animation__cont-form {
    0% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes Animation__login {
    0% {
        margin-left: 200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes Animation__login {
    0% {
        margin-left: 200%;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes Animation__footer {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Animation__footer {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Style.css */
@-webkit-keyframes luzDinamica {
    0% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 0));
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 1));
    }

    100% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 0));
    }
}
@keyframes luzDinamica {
    0% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 0));
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 1));
    }

    100% {
        -webkit-filter: drop-shadow(0px 0px 25px rgba(255, 69, 0, 0));
    }
}
@-webkit-keyframes animation-submenu {
    0% {
        opacity: 0;
        transform: scale(2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes animation-submenu {
    0% {
        opacity: 0;
        transform: scale(2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* Monitor.css */
@-webkit-keyframes aparecerHeader {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes aparecerHeader {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes aparecerOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes aparecerOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animation-submenu-notificaciones {
    0% {
        opacity: 0;
        margin-top: -100px;
    }

    100% {
        opacity: 1;
        margin-top: 0;
    }
}

@keyframes animation-submenu-notificaciones {
    0% {
        opacity: 0;
        margin-top: -100px;
    }

    100% {
        opacity: 1;
        margin-top: 0;
    }
}
@-webkit-keyframes pulseAnimation--rojo {
    from {
        box-shadow: 0px 0px 1px 0px rgba(239, 82, 75, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(219, 82, 75, 0);
    }
}
@keyframes pulseAnimation--rojo {
    from {
        box-shadow: 0px 0px 1px 0px rgba(239, 82, 75, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(219, 82, 75, 0);
    }
}

@-webkit-keyframes pulseAnimation--azul {
    from {
        box-shadow: 0px 0px 1px 0px rgba(64, 94, 208, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(64, 94, 208, 0);
    }
}

@keyframes pulseAnimation--azul {
    from {
        box-shadow: 0px 0px 1px 0px rgba(64, 94, 208, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(64, 94, 208, 0);
    }
}

@-webkit-keyframes pulseAnimation--gris {
    from {
        box-shadow: 0px 0px 1px 0px rgba(99, 102, 116, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(99, 102, 116, 0);
    }
}

@keyframes pulseAnimation--gris {
    from {
        box-shadow: 0px 0px 1px 0px rgba(99, 102, 116, 1);
    }

    to {
        box-shadow: 0px 0px 1px 20px rgba(99, 102, 116, 0);
    }
}
/* ANIMISTA  */
.fade-in-top {
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.fade-out-top {
    -webkit-animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-27 17:42:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-out-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

@keyframes fade-out-top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

.fade-in-right {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-3 19:4:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-right {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.fade-in-fwd {
    -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-3 19:5:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
    0% {
        transform: translateZ(-80px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes fade-in-fwd {
    0% {
        transform: translateZ(-80px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}


.rotate-in-center {
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-center {
    0% {
        transform: rotate(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}
.flip-in-hor-bottom {
    -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes flip-in-hor-bottom {
    0% {
        transform: rotateX(80deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}

@keyframes flip-in-hor-bottom {
    0% {
        transform: rotateX(80deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}

.kenburns-bottom-right {
    -webkit-animation: kenburns-bottom-right 5s ease-out reverse both;
    animation: kenburns-bottom-right 5s ease-out reverse both;
}

@-webkit-keyframes kenburns-bottom-right {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 84% 84%;
    }

    100% {
        transform: scale(1.25) translate(20px, 15px);
        transform-origin: right bottom;
    }
}

@keyframes kenburns-bottom-right {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 84% 84%;
    }

    100% {
        transform: scale(1.25) translate(20px, 15px);
        transform-origin: right bottom;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-7-31 16:50:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bck-top
 * ----------------------------------------
 */
.slide-in-bck-top {
    -webkit-animation: slide-in-bck-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bck-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-top {
    0% {
        transform: translateZ(700px) translateY(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-bck-top {
    0% {
        transform: translateZ(700px) translateY(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}