* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    height: 100%;
    font-size: initial;
    background-image: url('/Content/images/branding/LoginBackground.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.animation_container {
    position: relative;
    background-color: white;
    height: 24px;
    width: 600px;
    overflow: hidden;
    top: 270px;
    padding-bottom: 5px;
}

.security_animation {
    background-color: #ee2f34;
    background-image: -webkit-linear-gradient( left, rgba( 255,255,255,1.0 ) 0%, rgba( 238,49,52,0.2 ) 100%);
    background-image: -moz-linear-gradient( left, rgba( 255,255,255,1.0 ) 0%, rgba( 238,49,52,0.2 ) 100%);
    background-image: -o-linear-gradient( left, rgba( 255,255,255,1.0 ) 0%, rgba( 238,49,52,0.2 ) 100%);
    background-image: linear-gradient(to right, rgba( 255,255,255,1.0 ) 0%, rgba( 238,49,52,0.2 ) 100%);
    color: white;
    height: 100%;
    width: 75%;
    -webkit-animation: move_eye 3s linear 0s infinite normal;
    -moz-animation: move_eye 3s linear 0s infinite normal;
    -o-animation: move_eye 3s linear 0s infinite normal;
    animation: move_eye 3s linear 0s infinite normal;
}

@-webkit-keyframes move_eye {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 100%;
    }
}

@-moz-keyframes move_eye {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 100%;
    }
}

@-o-keyframes move_eye {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 100%;
    }
}

@keyframes move_eye {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 100%;
    }
}