/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21-mei-2014, 13:54:33
    Author     : wscherrenberg
*/


#loadingbox {
    position: fixed; 
    top: 50%;
    left: 50%; 
    margin-top: -100px; 
    margin-left: -100px; 
    /* right: 20px; */
    /* bottom: 20px; */
    background-color: #fff; 
    padding: 10px; 
    z-index: 999; 
    border: 1px solid #000;
    border-radius:5px;
}


#loadingbox #loadingBlocks, #loadingbox #loadingText {
    display: inline-block;
    vertical-align: middle;
}

#loadingBlocks{
    width:40px}

.loadingBlocks_blockG{
    background-color:#FFFFFF;
    border:1px solid #000000;
    float:left;
    height:28px;
    margin-left:2px;
    width:7px;
    opacity:0.1;
    -moz-animation-name:bounceG;
    -moz-animation-duration:1.1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(0.7);
    -webkit-animation-name:bounceG;
    -webkit-animation-duration:1.1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(0.7);
    -ms-animation-name:bounceG;
    -ms-animation-duration:1.1s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(0.7);
    -o-animation-name:bounceG;
    -o-animation-duration:1.1s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(0.7);
    animation-name:bounceG;
    animation-duration:1.1s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    transform:scale(0.7);
}

#blockG_1{
    -moz-animation-delay:0.33s;
    -webkit-animation-delay:0.33s;
    -ms-animation-delay:0.33s;
    -o-animation-delay:0.33s;
    animation-delay:0.33s;
}

#blockG_2{
    -moz-animation-delay:0.44000000000000006s;
    -webkit-animation-delay:0.44000000000000006s;
    -ms-animation-delay:0.44000000000000006s;
    -o-animation-delay:0.44000000000000006s;
    animation-delay:0.44000000000000006s;
}

#blockG_3{
    -moz-animation-delay:0.55s;
    -webkit-animation-delay:0.55s;
    -ms-animation-delay:0.55s;
    -o-animation-delay:0.55s;
    animation-delay:0.55s;
}

@-moz-keyframes bounceG{
    0%{
        -moz-transform:scale(1.2);
        opacity:1}

    100%{
        -moz-transform:scale(0.7);
        opacity:0.1}

}

@-webkit-keyframes bounceG{
    0%{
        -webkit-transform:scale(1.2);
        opacity:1}

    100%{
        -webkit-transform:scale(0.7);
        opacity:0.1}

}

@-ms-keyframes bounceG{
    0%{
        -ms-transform:scale(1.2);
        opacity:1}

    100%{
        -ms-transform:scale(0.7);
        opacity:0.1}

}

@-o-keyframes bounceG{
    0%{
        -o-transform:scale(1.2);
        opacity:1}

    100%{
        -o-transform:scale(0.7);
        opacity:0.1}

}

@keyframes bounceG{
    0%{
        transform:scale(1.2);
        opacity:1}

    100%{
        transform:scale(0.7);
        opacity:0.1}

}

.feed img.spinner-show{
    visibility: visible;
}
.feed img.spinner-hide{
    visibility: hidden;
}


/* routate dingen */