/*
 *  Flex Layout Specifics
*/
#tournament, #tournament-looser{
  display:flex;
  flex-direction:row;
}
.round{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:200px;
  list-style:none;
  padding:0;
}

.de-round{
  justify-content:center;
  width:150px;
  list-style:none;
  padding:0;
}

  .round .spacer{ flex-grow:1; }

  .round .spacer-offset-top{ height:0px; }
  .round .spacer-offset-bottom{ flex-grow:1; }

  .round .spacer:first-child,
  .round .spacer:last-child{ flex-grow:.5; }

  .round .game-spacer{
    flex-grow:1;
  }

/*
 *  General Styles
*/


li.game{
  padding-left:20px;
}

  li.game.winner{
    font-weight:bold;
  }
  li.game span{
    float:right;
    margin-right:5px;
  }

  li.game-top{
	  border-bottom:1px solid #aaa;
	  white-space: nowrap;
	  height: 15px;
  }

  li.game-spacer{
    border-right:1px solid #aaa;
    min-height:40px;
	text-align: right;
  }

  li.game-bottom{
    border-top:1px solid #aaa;
	white-space: nowrap;
    height: 15px;
  }

  .hotovo {
  	color: gray;
  }

  .nekresli-vpravo {
	  border-right: 0px !important;
  }

  @media only screen and (max-width: 1081px) {
    #tournament, #tournament-looser {
      font-size: small;
    }
  }