table {
    font-size: 5vh;
    font-family: 'Droid Sans Mono', monospace;
}
.red {
    color: red;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
                            
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
                                            
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.black {
    color: black;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}
thead{
    background: #f0f0f0;
}
.header-row{
    background: #f0f0f0;
    font-size: 7vh;
    font-family: 'Droid Sans Mono', monospace;
    text-align: center;
}

.container {
    width: 100vw;
    padding: 0 0 0 0;
}

.container .table {
    margin-left: 0;
    margin-right: 0;
}
.repeat-item.ng-leave {
    -webkit-transition:0.5s linear all;
    transition:0.5s linear all;
}

.repeat-item.ng-leave.ng-leave-active {
    opacity: 0;
    font-size:  0vh;
}

.repeat-item.ng-leave{
    opacity: 1;
    font-size: 5vh;
}