<div class="col-xs-3 knockout-card" ng-click="goMatch(game)">
    <div class="knockout-teams row" ng-class="{'final-game':isFinal==true}">
        <div class="knockout-flag-home col-xs-5">
            <img ng-src="{{::config.resources.default_flag_logo}}" of-img-src="getTeamFlag(game.teamhome.idInternal)"/>
        </div> 
        <div class="knockout-flag-away col-xs-5 col-xs-offset-2">
            <img ng-src="{{::config.resources.default_flag_logo}}" of-img-src="getTeamFlag(game.teamaway.idInternal)"/>
        </div>
        <div class="knockout-score row center">
            <span class="knockout-score center col-xs-12" ng-if="::game.scorehome!='-1'">{{game.scorehome}} : {{game.scoreaway}}</span>
            <span class="knockout-score center col-xs-12" ng-if="::game.scorehome=='-1'">-:-</span>
        </div>
    </div>
</div>
