.loadingcontainer {
    margin: auto;
    width: 100%;
}

.loadingtd1 {
    margin: 0;
    -webkit-animation: loadUp1 2s infinite alternate;
    -moz-animation: loadUp1 2s infinite alternate;
    -o-animation: loadUp1 2s infinite alternate;
    -ms-animation: loadUp1 2s infinite alternate;
    animation: loadUp1 2s infinite alternate;
}

@keyframes loadUp1 {
    0% {
        width: 0%;
    }

    6% {
        width: 10%;
    }

    12% {
        width: 20%;
    }

    18% {
        width: 30%;
    }

    24% {
        width: 40%;
    }

    29% {
        width: 50%;
    }

    35% {
        width: 60%;
    }

    41% {
        width: 70%;
    }

    47% {
        width: 80%;
    }

    53% {
        width: 90%;
    }

    59% {
        width: 80%;
    }

    65% {
        width: 70%;
    }

    71% {
        width: 60%;
    }

    76% {
        width: 50%;
    }

    82% {
        width: 40%;
    }

    88% {
        width: 30%;
    }

    94% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}

@-webkit-keyframes loadUp {
    0% {
        width: 0%;
    }

    6% {
        width: 10%;
    }

    12% {
        width: 20%;
    }

    18% {
        width: 30%;
    }

    24% {
        width: 40%;
    }

    29% {
        width: 50%;
    }

    35% {
        width: 60%;
    }

    41% {
        width: 70%;
    }

    47% {
        width: 80%;
    }

    53% {
        width: 90%;
    }

    59% {
        width: 80%;
    }

    65% {
        width: 70%;
    }

    71% {
        width: 60%;
    }

    76% {
        width: 50%;
    }

    82% {
        width: 40%;
    }

    88% {
        width: 30%;
    }

    94% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}

@-moz-keyframes loadUp {
    0% {
        width: 0%;
    }

    6% {
        width: 10%;
    }

    12% {
        width: 20%;
    }

    18% {
        width: 30%;
    }

    24% {
        width: 40%;
    }

    29% {
        width: 50%;
    }

    35% {
        width: 60%;
    }

    41% {
        width: 70%;
    }

    47% {
        width: 80%;
    }

    53% {
        width: 90%;
    }

    59% {
        width: 80%;
    }

    65% {
        width: 70%;
    }

    71% {
        width: 60%;
    }

    76% {
        width: 50%;
    }

    82% {
        width: 40%;
    }

    88% {
        width: 30%;
    }

    94% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}

@-o-keyframes loadUp {
    0% {
        width: 0%;
    }

    6% {
        width: 10%;
    }

    12% {
        width: 20%;
    }

    18% {
        width: 30%;
    }

    24% {
        width: 40%;
    }

    29% {
        width: 50%;
    }

    35% {
        width: 60%;
    }

    41% {
        width: 70%;
    }

    47% {
        width: 80%;
    }

    53% {
        width: 90%;
    }

    59% {
        width: 80%;
    }

    65% {
        width: 70%;
    }

    71% {
        width: 60%;
    }

    76% {
        width: 50%;
    }

    82% {
        width: 40%;
    }

    88% {
        width: 30%;
    }

    94% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}

@-ms-keyframes loadUp {
    0% {
        width: 0%;
    }

    6% {
        width: 10%;
    }

    12% {
        width: 20%;
    }

    18% {
        width: 30%;
    }

    24% {
        width: 40%;
    }

    29% {
        width: 50%;
    }

    35% {
        width: 60%;
    }

    41% {
        width: 70%;
    }

    47% {
        width: 80%;
    }

    53% {
        width: 90%;
    }

    59% {
        width: 80%;
    }

    65% {
        width: 70%;
    }

    71% {
        width: 60%;
    }

    76% {
        width: 50%;
    }

    82% {
        width: 40%;
    }

    88% {
        width: 30%;
    }

    94% {
        width: 20%;
    }

    100% {
        width: 10%;
    }
}


.loadingtd2 {
    margin: 0;
    width: 100%;
    background-color: #0072C6;
    height: 2px;
    width: 10%;
}