:root{
	--accentcolor: #aa8341;
	--accentcolor: #ac8d5d;
	--bgcolor: #b50968;
}


.pagecontent {
    background: #ffffff;
    color: #333333;
    position: relative;
    box-shadow: none;
}
body.darktheme .pagecontent .table{
    background: #ffffff;
}

.bgcontainer .pagecontent {
    padding: 2rem 1.5rem 2.2rem 1.5rem;
}
.pagecontent + .pagecontent{
	border-top: solid 1px #dddddd;
}
@media (max-width: 767px){
	.pagecontent {
		font-size: 0.9rem;
		line-height: 1.4;
	}
	.bgcontainer .pagecontent {
		padding: 1.5rem 1rem 1.6rem 1rem;
	}	
}

div.tilecontainer{
	background-repeat: repeat-x;
	background-position: top center;
	background-color: var(--bgcolor);
}
div.bgcontainer{
	margin-top: 1.5rem;
	background-size:2200px auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top center;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;	
	background-color: var(--bgcolor);
}
div.tilecontainer > div.bgcontainer{
	background-color: transparent;	
	margin-top: 0;
}
div.tilecontainer > div.bgcontainer > .container{
	padding-top: 0;
}


@media (max-width: 1670px) {
	div.bgcontainer{background-size:133% auto;}
}
@media (max-width: 767px) {
	div.bgcontainer{background-size:133% auto;}
}




.bgcontainer .event-countdown{
	background: rgba(90,90,90,0.4);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    overflow: hidden;
    border-radius: var(--radius-menu);
    position: relative;
    width:100%;
    color:#ffffff;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    margin-top: 1.5rem;
    pointer-events: all;
}
.bgcontainer .event-countdown > *{
    position: relative;
    z-index: 1;	
}
.bgcontainer .event-countdown:before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    background: var(--bgcolor);
    z-index: 0;
    opacity: 0.9;
    mix-blend-mode: soft-light;
    backdrop-filter: blur(0.2rem);
}

div.space-stats {
    font-size: 0;
    line-height: 0;
    height: 0;
    position: relative;
    top: -3rem;
}
.no-wrap{
	white-space: nowrap;
    width: auto;
}



div.main_pp .data {
    font-size: 0.8rem;
    line-height: 1;
    margin: 0 0 0.5rem 0;
}

div.main_pp .data_pp_home{
	opacity:0.9;
}
.pp_games .btn.btn-default.btn-sm:focus:active, 
.pp_games .btn.btn-default.btn-sm:active, 
.pp_games .btn.btn-default.btn-sm {
	padding: 0.3rem 0.5rem;
    font-size: 0.6rem;
    min-height: 1rem;
}

div.pp_team1 a, div.pp_team2 a{ text-decoration: none;}
div.pp_team1 a:hover, div.pp_team2 a:hover{ text-decoration: none;}

#msgBox{font-size: 13px;line-height: 160%; position: absolute; text-align: center; background: url("/_images/event/transparent.png") repeat; width: 100%; height: 1200px; left: 0; top: 0; z-index: 1; }
#msgInBox{padding: 20px;border: 2px solid #000; font-size: 13px; line-height: 160%; position: absolute; text-align: center; background: #fff; width: 60%; left: 20%; top: 20%; z-index: 2; text-align: left; }
.msgpositive{font-weight: bold; color: #00aa00; }
.msgnegative{font-weight: bold; color: #cc0000; }
.msgneutral{font-weight: bold; color: #666; }

img.historia_pp{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    margin: 0px;
    max-width: 25%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    width: 10rem;
    border-radius: 0.2rem;
}
@media (max-width: 767px){
	img.historia_pp{
		bottom:0.3rem;
		right:0.3rem;
	}
}

div.main_pp{
	background: transparent;
	margin-top:0px;
	margin-bottom:1.5rem;
	margin-left:auto;
	margin-right:auto;
	border-radius:0;
}
div.header_pp{
    width: 100%;
    clear: both;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 1.5rem !important;
    position: relative;
    background-size: cover;
    height: 0px;
    padding-bottom: 11.7%;
    overflow: hidden;
    border-radius: var(--radius-menu);
}
div.header_pp.summerCup_header_pp{
    background-position: center center;
}
@media all and (max-width:767px){
	div.header_pp {
		padding-bottom: 15%;
	}
	
	div.header_pp.header_gpcup {
		background-position: 95% 0%;
		
		background-position: 0% 0%;
		padding-bottom: 11.5%;
	}	
	
	
}

div.menu_pp{
	width:100% !important;
}
ul.menu_pp{
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding:0px;
	position:relative;
	width:100% !important;	
	background: rgba(90,90,90,0.4);
	background: rgba(40,40,40,0.5);

    overflow: hidden;
    border-radius: var(--radius-menu);
	
}
ul.menu_pp:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: var(--bgcolor);
    z-index: 0;

    opacity: 0.9;
    mix-blend-mode: soft-light;
    backdrop-filter: blur(0.2rem);
    
}
/* ####### menu start ####### */

ul.menu_pp li{
    font-family: var(--fontfamily3);
    font-weight: normal;
    font-size: 1.98rem;
    line-height: 1.1;
    height: auto;
    display: block;
    text-align: left;
    padding-left: 0;
    margin: 0;
    background: rgba(0,0,0,0);
    transition: background-color 0.25s ease;
    position: relative;
    z-index: 1;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
ul.menu_pp li:hover {
	background: var(--accentcolor);
}
ul.menu_pp li.menuSelected {
	background: var(--accentcolor);
}
ul.menu_pp li a{
	color: #ffffff;
	text-transform:uppercase;
	padding:0.7rem 1.5rem;
	display: block;
	text-decoration: none;
}
ul.menu_pp li br{
	display:none;
}
ul.menu_pp li span{
	color: #ffffff;
	font-family: var(--fontfamily3);
	font-size:1.1rem;
	line-height:1;
	text-transform:none;
	display:block;
	font-weight: normal;
	text-shadow: none;
	opacity:0.8;
}
ul.menu_pp li.menuHover{
	background: var(--accentcolor);
}
ul.menu_pp li.menuHover a{
	color: #ffffff;
	text-decoration: none;
	xxdisplay: block;
}
ul.menu_pp li.menuHover span{
	text-shadow: none;
}
ul.menu_pp li.menuSelected{
	xxbackground: rgba(1,127,189,0.8);
}
ul.menu_pp li.menuSelected a{
	xxdisplay: block;
	text-decoration: none;
	color: #ffffff;
}
ul.menu_pp li.menuSelected span{
	text-shadow: none;
}

@media (max-width: 767px) {
	ul.menu_pp li {
		font-size: 1.6rem;
		line-height: 1;
    }
	ul.menu_pp li span {
		font-size: 0.93rem;
		line-height: 1;
		text-align: right;
	}
	ul.menu_pp li a {
		padding: 0.4rem 1rem;
		padding: 0.5rem 1rem 0.3rem 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

}


/* ####### menu end ####### */



div.box_pp{
	margin-top:0px;
	margin:0 0 1.5rem 0;
	border-radius: 0px;
	width:100%;
	text-align: left;
}
div.countDown_pl,
div.box_pp,
div.header_pp,
ul.menu_pp{
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	overflow: hidden;
    border-radius: var(--radius-menu);
}
.inside_pp.pagecontent.content div.box_face_img{
	margin-bottom: 1.5rem;
}
.box_pp_news_content{
    display: flex;
    flex-direction: column;
}
.box_pp_news_content h3{
	flex-grow:1;
}

div.logos_pp{
	margin: 0px;
	padding:1rem;
	background:#eeeeee;
	text-align: center !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0.5rem;	
}
div.logos_pp a{
	display: block;
}
div.logos_pp img{
	padding: 0;
	margin: 0.8rem 1.2rem;
	width: auto;
	height: auto;
	max-width: 14rem;
	max-height: 4.5rem;
}
@media screen and (max-width:767px){
	div.logos_pp img{
		margin: 0.8rem 1rem;
		max-width: 9rem;
		max-height: 3rem;
	}

}


.box_pp h2,
.box_pp h3,
.box_pp h4,
.box_pp h5,
.box_pp h6{
	color: var(--accentcolor);
}

div.box_pp .data + h3{
	margin-top:0;
}


.pagecontent h1{
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px){
	.pagecontent h1 {
		font-size: 1.5rem;
	}
}
.pagecontent h2{
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.pagecontent h2 + *{
    margin-top: 1rem;
}
div.headerbox_pp{
	background: var(--accentcolor);
    color: #ffffff;
    padding: 0.5rem 1rem 0.4rem 1rem;
    border-radius: var(--radius-menu) var(--radius-menu) 0 0;
    xxtext-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}
div.headerbox_pp h2{
    color: #ffffff;
    background: transparent;
    padding: 0;
    font-size: 1.45rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: var(--fontfamily3);
    letter-spacing: 0;
}
div.headerbox_pp h2 span{
    font-weight: 200;
    padding: 0 0.2rem;	
}
div.headerbox_pp h2 a{
	color: #ffffff;
}
div.headerbox_pp h2 a:hover,
div.headerbox_pp h2 a:focus{
	text-decoration: underline;
	color: #ffffff;	
}
@media (max-width: 767px) {
	div.headerbox_pp {
		padding: 0.4rem 1rem 0.3rem 1rem;
	}
	div.headerbox_pp h2{
		font-size: 1.2rem;
		line-height: 1.1;
	}
}


div.box_pp div.closer{
	height:10px;
}
table.games_pp{
	background-color: #363636;
	color: #fff;
	margin: auto;
	font-size: 13px;
	width: 350px;
	border-collapse: collapse;
}
table.games_pp td{
	padding: 5px;
	border: 1px solid #000;
	width: 50%;
	line-height: 16px;
}
table.games_pp a{
	text-decoration: none;
	color: #fff;
	display: block;
}
table.games_pp tr:hover{
	background-color: #444;
}
.tleft{text-align: left;}
.tright{text-align: right;}
div.team_pp{
	float: left;
	display: inline;
	text-align: center;
	width: 80px;
	margin-top: 10px;
	background:#ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#333333;
}
span.title_pp{
	color: #666666;
	font-size:13px;
	font-weight: bold;
	text-align: center;
}
div.hr_pp{
	height: 1px;
	line-height: 1px;
	background-color: transparent;
	font-size: 1px;
	border-bottom: 1px dotted #797979;
	margin: 10px 0;
}
div.box_pp div.xhr{
	height: 1px;
	line-height: 1px;
	background-color: transparent;
	font-size: 1px;
	border-bottom: 1px dotted #797979;
	border-top: none;
}

div.path_pp div.path{
	color: #fff;
	float: right;
	margin-right:6px;
	margin-top:4px;
}
div.path_pp div.path a{
	color: #ade4ff;
}


.box_pp a{
	color: var(--accentcolor);
}
.box_pp a:focus,
.box_pp a:hover{
    color: var(--accentcolor);
    text-decoration-color: var(--accentcolor);
}
.box_pp a.btn-default{
	background: var(--accentcolor);
	color:#ffffff;
}
.box_pp a.btn-default:hover{
	xxbackground: #0084c5;
	xxcolor:#ffffff;
	xxtext-decoration:none;
}

.box_pp .fleft{float:left;}

div#countDown{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top:10px;
	font-size: 12px;
	line-height:12px;
	font-weight: normal;
	letter-spacing: 0px;
	word-spacing:0px;
	color: #f7f7f7;
	background: rgba(10,10,60,0.2);
}
div#countDown div.item_pp{
	display: inline-block;
	vertical-align:middle;
	text-align: center;
	margin: 10px 0;
	padding: 0 7px;
	font-family: var(--fontfamily3);
	font-size: 34px;
	line-height:34px;
	text-shadow:1px 1px 1px #000000;
}
div#countDown div.counter_pp{
	text-align: center;
	margin: auto;
}
div#countDown span{
	font-family: var(--fontfamily3);
	font-size: 12px;
	line-height:12px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0px;
}
div#countDown br{
	font-size: 12px;
	line-height:12px;
	display:block;
}
div#countDown .counter_title{
	font-family: var(--fontfamily3);
	font-size: 16px;
	line-height:16px;
	text-shadow:1px 1px 1px #000000;
	padding:10px 0 0 0;
}
div.gamesTr_pp{
	border-bottom:	1px solid #222;
	height:			20px;
	clear:			both;
	position:relative;
}
div.gamesTr_pp img.hover{
	position:		absolute;
	top:			0;
	left:			0;
	width:			605px;
	height:			20px;
	z-index:		100;
}
div.gamesTeam_pp{
	float:				left;
	display:			inline;
	color:				#fff;
	height:				20px;
	width:				220px;
	text-align:			center;
	padding-top:		1px;
}
div.gamesTeam_pp span{position:relative; top:2px;}
div.gamesDate_pp, div.gamesMore_pp, div.gamesRatesDate_pp{
	float:				left;
	display:			inline;
	width:				55px;
	text-align:			center;
	color:				#000;
	height:				20px;
	text-align:			center;
}
div.gamesRatesDate{width:110px; font-weight:normal; color:#777; width:120px; font-weight:normal;border-left:1px solid #222; border-right:1px solid #222;}
div.gamesDate_pp{border-left:1px solid #222; border-right:1px solid #222;}
div.gamesMore{font-weight:normal; border-left:1px solid #fff; border-right:1px solid #fff;}
div.gamesDate span{position:relative; top:2px;}
div.gamesMore span{position:relative; top:2px; z-index:101;}
div.gamesScore{
	float:				left;
	display:			inline;
	text-align:			center;
	width:				65px;
	height:				20px;
	border-left:		1px solid #222;
	border-right:		1px solid #222;
}


div.team_a{float:left; width:146px; height:140px; color:#da251e; font-size:12px; position:relative; padding:0px; margin:0px; display:inline;}
div.team_b{float:left; width:146px; height:140px; color:#da251e; font-size:12px; position:relative; display:inline;}
div.team_score{float:left; width:150px; text-align:left; color:#01349c; height:170px; display: inline;}
div.team_score_data{width:100px; text-align:center; margin-left:25px; margin-top:10px;}
div.team_a img{position:absolute; top:18px; left:35px;}
div.team_a span{position:absolute; top:130px; left:12px; width:135px;}
div.team_b img{position:absolute; top:18px; left:35px;}
div.team_b span{position:absolute; top:130px; left:12px; width:135px;}
div.team_score_container{height:120px; float:left; padding-top:40px; display: inline;}
div.games_names{
	text-align:				right;
	color:					#2c8de7;
	font-weight:			bold;
	margin-right:			10px;
	width:					100px;
}
div.games_det{
	margin-right:			10px;
	width:					100px;
	padding-top:			20px;
	padding-bottom:			20px;
}
div.scorewinnerxx, div.scoreloserxx, div.scorenoxx{
	width:					21px;
	height:					17px;
	background-position:	center center;
	background-repeat:		no-repeat;
	float:					left;
	display:				inline;
	color:					#fff;
	font-weight:			bold;
	text-align:				center;
}
div.scorewinnerxx span, div.scoreloserxx span, div.scorenoxx span{
	position:relative;
	top:1px;
	left:1px;
}


.teams_x{
    display: flex;
    margin: 0 auto;
    justify-content: center;
    gap: 1rem;
}

.team_x{
    display: flex;
    align-items: center;
    width: 50%;
    max-width: 22rem;
    font-family: var(--fontfamily3);    
    font-size: 1.4rem;
    line-height: 1; 
    padding: 1rem 0.5rem 1rem 1.5rem;        
    text-align: left;
    box-shadow: var(--shadow1);
    border-radius: var(--radius-small);
}
.team_x img {
    max-width: 6.2rem;
}
.team_x span {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
@media screen and (max-width: 767px){
	.team_x{
		flex-direction: column;
		text-align: center;
		font-size: 1.2rem;
		padding: 0.5rem;
	}
	.team_x span {
		padding: 1rem 0.5rem 0.5rem 0.5rem;
	}
}

.multi-buttons{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 45rem;
    margin: 0 auto;
}




div.game_pp{
	display: table;
    width: 100%;
    max-width: 34rem;
    margin: 0 auto;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
    font-family: var(--fontfamily2);
}
div.team_a_pp,div.team_b_pp,div.team_score_pp{
	background:#ffffff;
	display:table-cell;
	margin:0px;
	padding:0;
	max-width:200px;
	text-align: center;
	width:auto;
}
div.team_score_pp{
	width:30%;
	text-align: center;
	vertical-align:middle;
	font-size: 0.9rem;
}
div.team_score_pp h3{
	font-size:1.2rem;
}
div.team_score_pp h3 + h3{
	font-size:1rem;
}
div.team_a_pp,
div.team_b_pp{
    width: 35%;
    padding: 1rem 0.4rem 0.7rem 1rem;
}
div.team_b_pp{
    padding: 1rem 1rem 0.7rem 0.4rem;
}
div.team_a_pp a,div.team_b_pp a{
	display:block;
}
div.team_a_pp img,div.team_b_pp img{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 1.5rem;
	background: #ffffff;
	font-size: 0;
	line-height: 0;
}
div.team_a_pp h5,div.team_b_pp h5{
	font-size: 1rem;
    margin: 0.2rem 0 0.5rem 0;
    color: inherit;
}
@media (max-width: 767px){
	div.team_score_pp {
		font-size: 0.7rem;
	}
	div.team_score_pp h3{
		font-size:0.95rem;
	}
	div.team_score_pp h3 + h3{
		font-size:0.8rem;
	}
	div.team_a_pp img, div.team_b_pp img {
		padding: 0 0.9rem;
	}
	div.team_a_pp h5, div.team_b_pp h5 {
		font-size: 0.78rem;
	}
}

div.scorewinner_pp, div.scoreloser_pp, div.scoreno_pp{
    width: 1.5rem;
    font-size: 1.5rem;
	width: 1.9rem;
	font-size: 1.85rem;
	line-height: 1;
	padding: 0.35rem 0.3rem 0.15rem 0.3rem;
    text-align: center;
    color: #fff;
    font-family: var(--fontfamily3);
    font-weight: normal;
    border-radius: 3px;
}
div.scorewinner_pp{background: var(--wincolor);}
div.scoreloser_pp{background: var(--lostcolor);}
div.scoreno_pp{background: var(--drawcolor);}




div.tilecontainer-history{
	margin:0;
	background-color: rgba(133,133,133,0.08);
	position:relative;
	background-position: top center;	
}	
div.tilecontainer-ppcup{
	background-repeat: repeat-x;
	background-color: #b31066;
	background-image: url("/_images/common/pcup_bg.jpg");
	background-size: auto;	
}
div.tilecontainer-spcup{
	background-repeat: no-repeat;
	background-color: #ba1929;
	background-image: url("/_images/common/scup_bg.jpg");		
}
div.tilecontainer-gpcup{
	background-repeat: no-repeat;
	background-color: #f6a533;
	background-image: url("/_images/common/gcup_bg.jpg");	
	background-size: 100% auto;	
}



div.box_pp_history_list {
	--accentcolorxxx: var(--maincolor);
    display: grid;
    grid-template-columns: repeat(4, 25%);
    margin-left: var(--halfgap-negative);
    margin-right: var(--halfgap-negative);
}
.rightcol_pp div.box_pp_history_list {
    grid-template-columns: repeat(3, 33.333%);
}

@media screen and (max-width:1289px){
	div.box_pp_history_list {
		grid-template-columns: repeat(3, 33.333%);
	}
}
@media screen and (max-width: 767px){
	.rightcol_pp div.box_pp_history_list,
	div.box_pp_history_list {
		grid-template-columns: repeat(1, 100%);
	}
}



div.box_pp_history {
    width: auto;
    margin-left: var(--halfgap);
    margin-right: var(--halfgap);
    display: flex;
    flex-direction: column;
}
.box_pp_history .headerbox_pp h2{
	margin: 0.2rem 0;
	line-height: 1;
}


.box_pp_history_content {
    background: #ffffff;
    color:#000000;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.box_pp_history_content .shadow{
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.4;
    padding: 0.5rem;
    color: #444444;
    background: #f0f0f0;
	min-height: 4.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.box_pp_history_buttons {
	background: #ffffff;
    padding: 0.5rem;
    display: flex;
    gap: 1rem;
    justify-content: space-around;
    align-items: flex-end;
}
.box_pp_history_buttons a{
	display:block;
}
.box_pp_history_buttons img{
	display:block;
	max-height:2.5rem;
}

.game_pp.history{
    margin: 0;
    width: 100%;
    max-width:100%;
    flex-grow: 1;
}
.game_pp.history div.team_a_pp,
.game_pp.history div.team_b_pp{
	width:40%;
}
.game_pp.history div.team_score_pp{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.game_pp.history div.team_a_pp h5,
.game_pp.history div.team_b_pp h5{
    margin: 0.5rem 0 0 0;
    padding: 0;
    font-size: 0.85rem;
    line-height: 1.1;
}
.team_score_pp h3{
	margin:0;
	padding:0;
}

.specs{
	line-height:1;
}
.specs .row > div{
	padding:0.3rem 0.2rem;
}
.specs .row > div.text-right{
	opacity: 0.6;
	font-weight: 600;
	font-size: 0.85em;
	padding-top: 0.45rem;
}


div.team_score_container_pp{
	margin: 0.5rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
}
div.innerdiv_pp{
	padding: 1rem;
}
div.hr1_pp{
	height: 1px;
	padding: 0px;
	margin: 5px 0 7px 0;
	border-bottom: 1px dotted #797979;
	line-height: 1px;
}
div.innerdiv_pp div.games_box div.games_names{
	color: #8f8f8f;
}
table.normal_pp{
	border-collapse: collapse;
	margin: auto;
}
table.normal_pp td{
	height: 30px;
	text-align: center;
	vertical-align:middle;
	border: 1px solid #ffffff;
	background-color: #797979;
	color: #ffffff;
}
table.normal_pp th{
	color: #ffffff;
	background-color: #05577f;
	height: 30px;
	text-align: center;
	vertical-align:middle;
	border: 1px solid #ffffff;
}
/* puchar polski start */

div.pp_box{
	position: relative;
	margin-top: 0.625rem;
	z-index:0;
	text-align: left;

	width: 9.0625rem;
	height: 9.0625rem;
	background: #ffffff;
	overflow:hidden;
	color: var(--accentcolor);   
	border-radius: var(--radius-small);
	box-shadow: var(--shadow1);
	transition: box-shadow 0.25s ease;
}
div.pp_box:hover{
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

div.pp_cont{
    line-height: 1;
    font-size: 0.7rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.pp_team1, div.pp_team2{
    width: 100%;
    text-align: center;
    font-weight: normal;
    left: 0;
    z-index: 0;
    padding: 0.4rem 0.3rem;
    position: relative !important;
    height: 29% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.03rem;
}


div.pp_score{
	top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    z-index: 0;
}
div.pp_score table{
	margin: 0px auto;
    width: 100%;
}
div.pp_score table table{
    width: 4rem;
    margin: 0 auto 0.2rem auto;
}
div.pp_score table table td{
	width:0.4rem;
}
div.pp_score table td{
	color: #666;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 0.85rem;
    border-radius: 0.2rem;
    font-weight: 500;
    font-family: var(--fontfamily2);
}
div.pp_score table td.td135 {
    font-size: 0.67rem;
    line-height: 1.2;
}
div.pp_score table td.win{
	width:1.5rem;
	height: 1.2rem;
	background: var(--wincolor);
	color: #fff;
	font-weight: bold;
	z-index:0;
}
div.pp_score table td.lose{
	width:1.5rem;
	height: 1.2rem;	
	background: var(--lostcolor);
	color: #fff;
	font-weight: bold;
	z-index:0;
}
div.pp_score table td.no{
	width:1.5rem;
	height: 1.2rem;
	background: var(--drawcolor);
	color: #fff;
	font-weight: bold;
	z-index:0;
}

td.padding40 {
	padding-left: 37px;
}

table.fullbox_table{
	margin-top:15px;
}
table.fullbox_table td{
	height: 50px;
	vertical-align: middle;
}
div.fullbox_cont{
	float: left;
	display: inline;
	padding-left: 20px;
	width: 200px;
	height: 126px;
	font-weight: normal;
	text-align: left;
}


div.pp_desc{
	margin-top: 15px;
	border-top: 1px dashed #999;
	padding-top: 10px;
}
div.pp_desc div.col1{font-weight: normal; color: #0d52ee;}
div.inside_pp p{
}
div.inside_pp p strong, div.inside_pp p b{
}
div.videobox_pp{
	float: left;
	margin-left:10px;
	width:145px;
	height:141px;
}
div.videobox_pp img{
	margin-top: 15px;
	margin-left: 10px;
	width:125px;
	height:80px;
	border:1px solid #aaa;
}
div.gamegal_pp{
	border: 5px solid #fff;
}
/* puchar polski end */
div.stars0,div.stars10,div.stars20,div.stars30,div.stars40,div.stars50,div.stars60, div.stars5, div.stars15, div.stars25, div.stars35, div.stars45, div.stars55{
	background: transparent url("/_images/event/stars.png") no-repeat;
}
div.stars0{background-position: -120px -3px;}
div.stars10{background-position: -100px -3px;}
div.stars20{background-position: -80px -3px;}
div.stars30{background-position: -60px -3px;}
div.stars40{background-position: -40px -3px;}
div.stars50{background-position: -20px -3px;}
div.stars60{background-position: 0px -3px;}
div.stars5{background-position: -100px -29px;}
div.stars15{background-position: -80px -29px;}
div.stars25{background-position: -60px -29px;}
div.stars35{background-position: -40px -29px;}
div.stars45{background-position: -20px -29px;}
div.stars55{background-position: 0px -29px;}

input.register_submit{
	text-transform:lowercase;
	font-size:12px;
}

div.pp_dialink1{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:300;
}
div.pp_dialink1 a{
	display:block;
	height: 100%;
    width: 100%;
	z-index:300;
	cursor:pointer;
	text-decoration:none;
}
div.pp_dialink1 a:hover{
	text-decoration:none;
}
div.pp_dialink2{
	width:100%;
	height:50%;
	position:absolute;
	top:50%;
	left:0px;
	cursor:pointer;
	z-index:400;
}
div.pp_dialink2 a{
	display:block;
	height: 100%;
    width: 100%;
	z-index:999;
	cursor:pointer;
	text-decoration:none;
}
div.pp_dialink2 a:hover{
	text-decoration:none;
}

div.box_pp ul li{
	background-image:none;
}
div.histLogo{
	padding-left:10px;
	padding-bottom:10px;
	float:left;
	display:inline;
}
div.paging_active{
	color:#000;
}

div.commentsContentxx{
	margin:30px 0 0 0;
	background:#ebeff0;
	color:#333333;
	width:100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


.paging {
    background: #ffffff;
    border-radius: var(--radius-menu);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    margin: -3rem 0 1.5rem 0;
    position: relative;
    padding: 2rem 1rem;
}
.paging .btn-default:not(.btn-disabled):not(:hover):not(:focus) {
    background: var(--accentcolor);
}
.paging a:hover,.paging a:focus{
	color: var(--accentcolor);
}
.paging .paging-section a.page.active {
    background-color: var(--accentcolor);
}


.news_pp{
	position: relative;
	width:100% !important;
	margin:0 0 1.5rem 0;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	padding-bottom: 67%;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    overflow: hidden;
    border-radius: var(--radius-menu);
}
.news_pp > a.news_pp_image_link{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-decoration: none;
}


.news_pp .newsbox_pp_new{
	opacity:0;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-decoration: none;
	transition: opacity 0.25s ease;
}
.news_pp .newsbox_pp_new img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.news_pp .newsbox_pp_new.active{
	opacity:1;
	z-index:2;
}


.newstext_pp{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	background:rgba(0,0,0,0.7);
	padding-bottom: 0.2rem;
}
.newstext_pp h1{
    font-size: 1.6rem;
    font-family: var(--fontfamily1);
    color: #ffffff;
    font-weight: normal;
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 1;
    margin: 0;
}
@media screen and (max-width: 767px){
	.newstext_pp h1{
		font-size: 1rem;
		padding: 0.8rem 1rem 0.3rem 1rem;
	}
}

.newstext_pp a:hover,
.newstext_pp a:focus{
    text-decoration-color: #ffffff;
}

.newstext_pp p{
	padding-left:1rem;
	line-height:1.3;
	margin:0;
	position: relative;
}

.newstext_pp .newsactions_pp{
    color: #fff;
    font-size: 0.8rem;
    height: 2rem;
    line-height: 1;
    margin: 0;
    display: flex;
    align-items: center;
}
.newsactions_pp a{
	color: #bcbcbc;
	text-decoration: none;
}
.newsactions_pp a:hover{
	color: #fff;
	text-decoration: underline;
}

.data_pp{

}
.data_pp_home{
	padding-left:1rem;
}
.data_pp:before,
.data_pp_home:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    line-height: 1.2;
    padding-right: 0.4rem;
    vertical-align: baseline;
    position: relative;
    content: "\f017";
}
.data_pp:before{
	font-size:80%;
}
.readmore_pp{
	padding-left:1.5rem;
}
.readmore_pp:after{
	font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    line-height: 1.2;
    padding-left: 0.5rem;
    vertical-align: baseline;
	position:relative;
	content: "\f105";
}

.comments_pp{
	padding-left:20px;
	margin-left: 1px;
	background: #000;
}
.comments_pp:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:15px;
	line-height:20px;
	padding:0 5px 0 0;
	vertical-align:top;
	position:relative;
	top:3px;
	color:#ffffff;
	content: "\f075";
}
.newstext_pp h1:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    padding-right: 0.7rem;
    vertical-align: baseline;
    position: relative;
    font-size: 90%;
}
.newstext_pp h1.nt_news:before{
	content: "\f1ea";
}
.newstext_pp h1.nt_gallery:before{
	content: "\f030";
}
.newstext_pp h1.nt_video:before{
	content: "\f008";
}
.newstext_pp h1.nt_blog:before{
	content: "\f02d";
}
.newstext_pp h1.nt_liveCoverage:before{
	content: "\f111";
}


.box_pp_news_summary{
    font-size: 0.95rem;
    line-height: 1.3;
    margin-top: 0.5rem;
    flex-grow:1;
}
.box_pp_news_content .text-right{
    margin-top: 1rem;
}
h3.box_pp_news_title{
	flex-grow:0;
	line-height: 1.1;
}


.newsthumbs_pp{
	position: absolute;
	z-index: 100;
	top: 0.5rem;
	right:0.5rem;
	display: flex;
    flex-direction: column;
    gap: 0.4rem;    
}
.newsimg_pp img{
	width: 8rem;
	height: auto;
	transition: opacity 0.25s ease;
}
.newsthumbs_pp .newsimg_pp{
	background-color:var(--bgcolor);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	border:2px solid var(--bgcolor);
	cursor:pointer;
	border-radius: 0.2rem;
	transition: background 0.25s ease;
}
.newsthumbs_pp .newsimg_pp.selected{
	border-color: #ffffff;
}
.newsthumbs_pp .newsimg_pp:hover,
.newsthumbs_pp .newsimg_pp.selected:hover{
	background-color:#ffffff;
}
.newsthumbs_pp .newsimg_pp:hover img,
.newsthumbs_pp .newsimg_pp.selected:hover img{
	opacity:0.9;
}

@media screen and (max-width: 767px){
	.newsthumbs_pp{
		position: absolute;
		top: 0.1rem;
		right:0.1rem;
		flex-direction: row;
		gap: 0.2rem;   
	}
	.newsimg_pp img{
		width: 2.5rem;
	}
}



.newxtextbg_pp,
.newstext_pp,
.newsactions_pp{
	width:100% !important;
}
.rightcol_pp.main_pp{
	background:none;
}

.data{color:#777777;}

div.box_face_img img{
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    background: rgba(180,180,190,0.2);
}

div.main_pp.tablecell{
	display:table-cell;
	margin:0;
	vertical-align:top;
	text-align:left;
}
div.rightcol_pp.main_pp.tablecell{
	background:none;
}
@media (max-width: 992px){
	.col-xs-12.tablecell,
	.col-sm-12.tablecell{
		display:block;
	}
	div.main_pp.tablecell{
		display:block;
		margin:0;
	}
}
.rightcol_pp .container{width:100%;}
.rightcol_pp .container .col-md-12{padding:0;}


div.pp_score table td.gamenumber{
	font-size: 0.6rem;
    line-height: 1;
    color: #666666;
    padding-top: 0.12rem;
}
/*-------------MESSAGE CLOUD S1----------------*/
.message_cloud_s1
{
position: relative;
color: #3a87b0;
padding: 10px 18px 13px 18px;
border: solid 1px #c9e2ee;
border-radius: 11px;
background-color: #d9edf7;
}
#columns .message_cloud_s1 .bold
{
color: #3a87b0;
}
.message_cloud_s1 .button_remove_s2
{
position: absolute;
top: 9px;
right: 9px;
}


div.attachmentslist a.file:after {
    background-color: var(--accentcolor);
}
div.attachmentslist a:hover, 
div.attachmentslist a:focus {
    background-color: var(--accentcolor);
}



/***** diagramy **************************************************************/

div.diagram_labels{
	text-transform: uppercase;
    padding: 2rem 0 0.5rem 0;
    font-family: var(--fontfamily2);
    font-size: 0.8rem;
    font-weight: 600;
    color: #333333;
    display: flex;
    flex-direction: row-reverse;
    clear: both;
    justify-content: flex-start;
}
div.diagram_labels > *{
	float:none;
}
div.diagram_labels div.col2:after{
    border-left: solid 1px #cccccc;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 50%;
}
div.diagram_pp_bg{
    background-color: rgba(237, 237, 237, 1);
    overflow: auto;
    border-radius: 0 0 var(--radius-menu) var(--radius-menu);
}
div.col1{
	width: 9.0625rem;
	float: right;
	margin:0;
	display: inline;
	text-align: center;
}
div.col2 {
    width: 0.625rem;
    float: right;
    display: inline;
    position:relative;
}
div.diagram_pp{
	background: transparent url("/_images/event/diagram.gif") no-repeat top left;
	background-size: 100% auto;
	width: 637px;
	width: 39.8125rem;	
	margin: 0.5rem;	
}
div.diagram_pp #game_2{margin-top:3.125rem;}

div.diagram_pp #game_4,
div.diagram_pp #game_8,
div.diagram_pp #game_10{margin-top:1.875rem;}

div.diagram_pp #game_6,
div.diagram_pp #game_12,
div.diagram_pp #game_16{margin-top:6.25rem;}

div.diagram_pp #game_17{margin-top:8.125rem;}
div.diagram_pp #game_18{margin-top:16.5625rem;}
div.diagram_pp #game_19{margin-top:20rem;}
div.diagram_pp #game_14{}

div.diagram_pp11 #game_1,
div.diagram_pp15 #game_1,
div.diagram_pp19 #game_2{margin-top:3.125rem;}

div.diagram_pp11 #game_2,
div.diagram_pp11 #game_4,
div.diagram_pp11 #game_5,
div.diagram_pp15 #game_2,
div.diagram_pp15 #game_4,
div.diagram_pp15 #game_6,
div.diagram_pp19 #game_4,
div.diagram_pp19 #game_8,
div.diagram_pp19 #game_10{margin-top:1.875rem;}

div.diagram_pp11 #game_3,
div.diagram_pp11 #game_6,
div.diagram_pp11 #game_8,
div.diagram_pp15 #game_3,
div.diagram_pp15 #game_8,
div.diagram_pp15 #game_12,
div.diagram_pp19 #game_6,
div.diagram_pp19 #game_12,
div.diagram_pp19 #game_16{margin-top:6.25rem;}

div.diagram_pp11 #game_9,
div.diagram_pp15 #game_13,
div.diagram_pp19 #game_17{margin-top:8.125rem;}

div.diagram_pp11 #game_10,
div.diagram_pp15 #game_14,
div.diagram_pp19 #game_18{margin-top:16.5625rem;}

div.diagram_pp11 #game_11,
div.diagram_pp15 #game_15,
div.diagram_pp19 #game_19{margin-top:20rem;}

div.diagram_pp11 #game_7{}
div.diagram_pp15 #game_10{}
div.diagram_pp19 #game_14{}




div.diagram_pp13 {
	background-image: url("/_images/event/diagram13.gif");
}
div.diagram_pp13 div.pp_box{
	width: 7.25rem;
	height: 7.25rem;
}
div.diagram_pp13 .col1{
	width: 7.25rem;
}
div.diagram_pp13 div#game_1 {margin-top: 2.25rem;}
div.diagram_pp13 div#game_2,
div.diagram_pp13 div#game_3,
div.diagram_pp13 div#game_4 {margin-top: 1.4375rem;}
div.diagram_pp13 div#game_5 {margin-top: 6.625rem;}
div.diagram_pp13 div#game_6 {margin-top: 10.125rem;}
div.diagram_pp13 div#game_9 {margin-top: 0.625rem;}
div.diagram_pp13 div#game_8,
div.diagram_pp13 div#game_10 {margin-top: 3.5625rem;}
div.diagram_pp13 div#game_11 {margin-top: 6.25rem;}
div.diagram_pp13 div#game_12 {margin-top: 11rem;}
div.diagram_pp13 div#game_13 {margin-top: 15.3125rem;}



div.diagram_pp15b {	
	background-image: url("/_images/event/diagram15b.png");
	width: 39.8125rem;	
}
div.diagram_pp15b div.pp_box{
	width: 9.0625rem;
	height: 8.8125rem;
}
div.diagram_pp15b div#game_1,
div.diagram_pp15b div#game_3,
div.diagram_pp15b div#game_5,
div.diagram_pp15b div#game_7 {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp15b div#game_2,
div.diagram_pp15b div#game_4,
div.diagram_pp15b div#game_6,
div.diagram_pp15b div#game_8 {
	margin-top: 0.625rem;
	margin-bottom: 2.5rem;
}
div.diagram_pp15b div#game_8 {
	margin-top: 0.625rem;
	margin-bottom: 0;
}
div.diagram_pp15b div#game_9,
div.diagram_pp15b div#game_10,
div.diagram_pp15b div#game_11,
div.diagram_pp15b div#game_12 {
	margin-top: 5.3125rem;
	margin-bottom: 11.875rem;
}
div.diagram_pp15b div#game_12 {
	margin-top: 5.3125rem;
	margin-bottom: 0;
}
div.diagram_pp15b div#game_13,
div.diagram_pp15b div#game_14 {
	margin-top: 15.625rem;
	margin-bottom: 32.5rem;
}
div.diagram_pp15b div#game_14{
	margin-top: 15.625rem;
	margin-bottom: 0;
}
div.diagram_pp15b div#game_15 {
	margin-top: 36.5625rem;
}




div.diagram_pp7{
	background-image: url("/_images/event/diagram7.png");
	background-size: 39.8125rem auto;
	width:30.1875rem;
}
div.diagram_pp7 div#game_1{
	margin-top: 1.25rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_2{
	margin-top: 3.125rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_3{
	margin-top: 3.125rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_4{
	margin-top: 3.125rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_5{
	margin-top: 7.5rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_6{
	margin-top: 15rem;
	margin-bottom: 0.625rem;
}
div.diagram_pp7 div#game_7{
	margin-top: 19.6875rem;
	margin-bottom: 0.625rem;
}



div.diagram_pp31 {
	background-image: url("/_images/event/diagram31.png");
    background-size: 59.8125rem auto;	
}
div.diagram_pp31 .col1{
	width: 7.25rem;
}
div.diagram_pp31 div.pp_box {
    width: 7.25rem;
    height: 7.25rem;
}
div.diagram_pp31 div#game_1,
div.diagram_pp31 div#game_2,
div.diagram_pp31 div#game_4,
div.diagram_pp31 div#game_6,
div.diagram_pp31 div#game_8,
div.diagram_pp31 div#game_10,
div.diagram_pp31 div#game_12,
div.diagram_pp31 div#game_14,
div.diagram_pp31 div#game_16{
	margin-top: 0.625rem;
}
div.diagram_pp31 div#game_3,
div.diagram_pp31 div#game_5,
div.diagram_pp31 div#game_7,
div.diagram_pp31 div#game_9,
div.diagram_pp31 div#game_11,
div.diagram_pp31 div#game_13,
div.diagram_pp31 div#game_15{
	margin-top: 1.25rem;
}
div.diagram_pp31 div#game_17{
	margin-top: 4.5625rem;
}
div.diagram_pp31 div#game_18,
div.diagram_pp31 div#game_19,
div.diagram_pp31 div#game_20,
div.diagram_pp31 div#game_21,
div.diagram_pp31 div#game_22,
div.diagram_pp31 div#game_23,
div.diagram_pp31 div#game_24{
	margin-top: 9.125rem;
}
div.diagram_pp31 div#game_25{
	margin-top: 12.75rem;
}
div.diagram_pp31 div#game_26,
div.diagram_pp31 div#game_27,
div.diagram_pp31 div#game_28{
	margin-top: 25.5rem;
}
div.diagram_pp31 div#game_29{
	margin-top: 29.125rem;
}
div.diagram_pp31 div#game_30{
	margin-top: 58.25rem;
}
div.diagram_pp31 div#game_31{
	margin-top: 61.875rem;
}


div.diagram_pp17 {
	background-image: url("/_images/event/pcup/diagram17.png");
}
div.diagram_pp17 div.pp_box{
	width: 7.25rem;
	height: 7.25rem;
}
div.diagram_pp17 .col1{
	width: 7.25rem;
}
div.diagram_pp17 div#game_1,
div.diagram_pp17 div#game_3,
div.diagram_pp17 div#game_9,
div.diagram_pp17 div#game_10,
div.diagram_pp17 div#game_11,
div.diagram_pp17 div#game_6,
div.diagram_pp17 div#game_7{
	margin-top: 1.5rem;
}
div.diagram_pp17 div#game_5{
	margin-top: 5.875rem;
}
div.diagram_pp17 div#game_2,
div.diagram_pp17 div#game_4,
div.diagram_pp17 div#game_13{
	margin-top: 19rem;
}
div.diagram_pp17 div#game_8,
div.diagram_pp17 div#game_12,
div.diagram_pp17 div#game_14,
div.diagram_pp17 div#game_15{
	margin-top: 10.25rem;
}
div.diagram_pp17 div#game_16 {
	margin-top: 36.5rem;
}
div.diagram_pp17 div#game_17 {
	margin-top: 32.125rem;
}


/* ########################################################################### */


.pp_games{
	overflow-x:auto;
}
.pp_games h2{font-weight: 500;}
.pp_games h3{font-size: 1.25rem;font-weight: 500;}
.pp_games h4{font-size: 1rem;font-weight: 500;}
.pp_games * + h4{
	margin-top:1rem;
}
.pp_games h4 + *{
	margin-top:0.3rem;
}

.pp_games_list{
    border-bottom: 1px solid #ddd;
	font-family: var(--fontfamily2);
    font-size: 0.8rem;
    line-height: 1.1;
    width:100%;
}
.pp_games_list td{
	padding: 0.45rem 0.45rem;
    border-top: 1px solid #ddd;
    vertical-align: middle;
}
.pp_games_list th{
	padding: 0.5rem 0.35rem;
    border-top: 1px solid #ddd;
    background: #efefef;
    font-size: 0.7rem;
    font-weight:600;
}
.pp_games_list h4{
    font-family: var(--fontfamily2);
    font-weight: 600;
    font-size: 1.3rem;
}
.pp_games_list h4 small{
    font-weight: 600;
    font-size: 70%;
    color: #444444;
}
.pp_games_list .pp_games_team{
	text-align: center;
    min-width: 8rem;
    max-width: 10rem;
    font-weight: 500;
}
.pp_games_list .pp_games_logo{
	text-align: center;

}
.pp_games_list .pp_games_logo img{
	max-width:2rem;
}


.pp_games_list .pp_games_team.text-left{
	text-align: left;
}
.pp_games_list .pp_games_buttons{
	padding: 0.15rem 0.15rem;
}
.pp_games_list .pp_games_buttons span > *{
	margin: 0.15rem;
}
.pp_games_list .pp_games_results{
	padding: 0.3rem 0.3rem;
}
.pp_games_list .pp_games_results span{
	display:inline-block;
	vertical-align: middle;
}
.pp_games_list .pp_games_title{
    border-top: 0px solid #ddd;
    padding: 0.2rem 0 0.5rem 0;
}
.pp_games_list .pp_games_space{
    border-top: 1px solid #ddd;
}
.pp_games_list tr:last-child .pp_games_space{
    border-top: 0px solid #ddd;
    padding:0;
    line-height: 0;
}
.pp_games_list .pp_games_header > *{
    border-top: 0px solid #ddd;
}
.pp_games_list .pp_games_header + * > *{
    border-top: 0px solid #ddd;	
}

div.gamewin, div.gamelose, div.gameno{
    color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0.1rem 0.1rem;
    font-weight: 500;
    margin: 0rem;
    min-width: 1rem;
    vertical-align: middle;
}
div.gamewin{color: var(--wincolor);}
div.gamelose{color:	var(--lostcolor);}
div.gameno{color: var(--drawcolor);}








/* ########################################################################### */

.inside_pp .podium {
    width: 100%;
	padding: 1rem 0 10rem 0;
    margin: 0 auto;
    position:relative;
}
.inside_pp .podium:before{
    background: transparent url('/_images/common/podium.png') no-repeat top center;
	position:absolute;
	content:" ";
	top:0;
	left:0;
	right:0;
	bottom:0;
    background-size: 100% auto;
    background-position: 50% 66%;
    opacity:0.5;
}

.inside_pp .podium-item {
    width: 100%;
    color: #000000;
	font-size: 1.5rem;
    line-height: 1.1;
    height: 4rem;
}
.inside_pp .podium-item.position1{text-align:center;}
.inside_pp .podium-item.position2{text-align:left;padding-left:10%;}
.inside_pp .podium-item.position3{text-align:right;padding-right:10%;}
.inside_pp .podium-item a {
    width: 14rem;
    display: inline-block;
    text-align: center;
    position: relative;
    color: #000000;
}
.inside_pp .podium-item img {
	display:none;
}
.inside_pp .podium-list {
    font-weight: normal;
    display: flex;
    font-size: 1.5rem;
    line-height: 1.1;
}
.inside_pp .podium-list > * {
	display: flex;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none;
    align-items: center;
}
.inside_pp .podium-list > .hr {
    margin-top: 0 !important;
}

@media (max-width: 767px){
	.inside_pp .podium:before{
		background:none;	
	}
	.inside_pp .podium{
		width:100%;
		margin:0;
		padding:0;
	}
	.inside_pp .podium-item{
		width:100%;
		color:#000000;
		font-size:20px;
		line-height:22px;
		height:auto;
		border-top:solid 1px #dddddd;
		padding:20px 0 0 0;
		margin:20px 0 0 0;
	}
	.inside_pp .podium-list{
		font-size:20px;
		line-height:22px;
		border-left:solid 0px #ffffff;
		border-right:solid 0px #ffffff;
		display:table;
		border-top:solid 1px #dddddd;
		padding:20px 0 0 0;
		margin:20px 0 0 0;
		width: 100%;
	}
	.inside_pp .podium-list > div{
		display:table-cell;
		float:none;
		padding-top:0 ;
		vertical-align:middle;
	}
	.inside_pp .podium-list > div.hr{
		display:none;
	}	
	.inside_pp .podium-list > div.podium-padded-smaller{
		padding-top:0px;
	}
	.inside_pp .podium-list > div.podium-padded{
		display: table-cell;
		vertical-align: middle;
		width: 80%;
		padding: 0 5px;
	}
	.inside_pp .podium-list img{
		display:none;
	}
	.inside_pp .podium-item a{
		width:100%;
		display:table;
		text-align:left;
		position:relative;
		color:#000000;
		font-family:titilliumwebregular, sans-serif;
		vertical-align:middle;
	}
	.inside_pp .podium-item img{
		display:none;
	}
	.inside_pp .podium-item span.podium-name{
		display:table-cell;
		vertical-align:middle;
		width:80%;
		padding:0 5px;
	}	
	.inside_pp .podium-item.position1{text-align:left;margin-top: 0;border: none;}
	.inside_pp .podium-item.position2{text-align:left;padding-left:0;}
	.inside_pp .podium-item.position3{text-align:left;padding-right:0;}
	.inside_pp .podium-item span.visible-xs{
		display:table-cell !important;
		vertical-align:middle;
		width:16.66%;
		padding:0 5px;
	}
	.inside_pp .podium-item span.podium-logo{
		display:none !important;
	}	
	.inside_pp .podium-item .circlenumber{
		width:26px;
		height:26px;
		border-radius:50%;
		font-size:19px;
		line-height:19px;
		padding:3px 0 0 0;
		margin:0 0px 0 0px;
	}
	.inside_pp .podium-list .circlenumber{
		width:26px;
		height:26px;
		border-radius:50%;
		font-size:19px;
		line-height:19px;
		padding:3px 0 0 0;
		margin:0 0px 0 0px;
	} 
	.inside_pp .podium-list	.col-xs-3.col-sm-3.text-center{
		display:none;
	}
}






.diagram-brazil-main{
	position:relative;
	background: #ffffff;	
}
.diagram-brazil-container{
	overflow-x: auto;
}
.diagram-brazil-main.fullscreen{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1250;
    padding-top: 0rem;
    background: #00343d;
    background: linear-gradient(270deg, #2098ba 0%, #00343d 100%);
}
.diagram-brazil-main.fullscreen .diagram-brazil-container{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #ffffff;
    background: radial-gradient(#ffffff 50%, #cbcfd2 100%);
}
.diagram-brazil-main .fulscreen-button{
	position: absolute !important;
    top: -0.8rem;
    left: auto;
    right: 0rem;
    z-index: 2;
    padding: 0.3rem 0.5rem !important;
    min-height: 1rem !important;
}
.diagram-brazil-main.fullscreen .fulscreen-button{
    top: 0.2rem;
    right: 1.5rem;
}
.fulscreen-button:before{
	font-family:FontAwesome;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:1rem;
	line-height:1.2;
	content: "\f065";
}
.diagram-brazil-main.fullscreen .fulscreen-button:before{
	content: "\f066";
}
.diagram-brazil{
    border-collapse: collapse;
    font-family: var(--fontfamily3);
    font-size: 0px;
    line-height: 0;
    font-weight: 400;
    font-style: normal;
    margin: 2rem 0 0 0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
.diagram-brazil-main.fullscreen .diagram-brazil{
    margin: 2.5rem 0.5rem 0.5rem 0.5rem;
}
.diagram-brazil td{
	height: 0.41rem;
    padding: 0.2rem 0.14rem;
}
.diagram-brazil-main.fullscreen .diagram-brazil td{
	padding: 0.22rem 0.2rem;
}
.team-name {
    font-size: 0.8rem;
    width: 7rem;
    min-width: 5rem;
    color: white;
    line-height: 1;
    font-weight: 400;
    background: #45a446;
    background: var(--accentcolor);
    background: var(--maincolor);
    white-space: normal;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border-radius: 0.1rem;
}
.diagram-brazil-main.fullscreen .team-name {
    font-size: 0.9rem;
}
.match-number {
    font-size: 0.7rem;
	width: 1rem;
    min-width: 0.8rem;
    color: white;
    line-height: 1;
    background: #afafaf;
    font-weight: 500;
    white-space: nowrap;
    border-left: solid 1px rgba(255,255,255,0.7);
    border-right: solid 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border-radius:1px;
}
.diagram-brazil-main.fullscreen .match-number {
    font-size: 0.9rem;
}
.match-result {
    font-size: 0.8rem;
	width: 1rem;
    min-width: 0.8rem;
    color: white;
    line-height: 1;
    background: #2098ba;
    white-space: nowrap;
    border-left: solid 1px rgba(255,255,255,0.7);
    border-right: solid 1px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border-radius: 1px;
}
.diagram-brazil-main.fullscreen .match-result {
    font-size: 0.9rem;
}
.match-number-gold {
    color: black;
    font-size: 0.7rem;
    line-height: 1;
    background: #efd485;
    white-space: normal;
}
.diagram-brazil-main.fullscreen .match-number-gold {
    font-size: 1rem;
}
.match-name-gold {
    color: black;
    font-size: 0.8rem;
    line-height: 1;
    background: #efd485;
    white-space: normal;
}
.diagram-brazil-main.fullscreen .match-name-gold {
    font-size: 1rem;
}
.round-title {
    font-size: 0.8rem;
    font-weight: 700;
    color: black;
    line-height: 1;
    vertical-align: top;
    vertical-align: middle;
    white-space: nowrap;
}
.diagram-brazil-main.fullscreen .round-title {
    font-size: 1rem;
}
.match-gold {
    color: black;
    background: #efd485;
    white-space: nowrap;
}
.match-line {
    color: white;
    border-right: 1px solid #5aa874;
    white-space: nowrap;
}

@media (orientation: landscape) and (max-width: 767px){

	ul.menu_pp {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-auto-flow: row;
		
	}

}

.transmissions-logos {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	padding-left: 0.5rem !important;
}

.transmissions-logos img{
	max-width:100%;
	width: auto;
	height: auto;
}







div.diagram_pp7_spec {

	--gap-width: 2rem;
	--gap-width-long: 3.05rem;
	--gap-height-width: 3.05rem;
	--line-color: #666666;
	--border-width: 1px;
	
	background-image: none;
	width: 100%;
	display: grid;
	margin: 0;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap-width);
	padding: 1.5rem;
}


div.diagram_pp7_spec div.col2{
	display: none;
}
div.diagram_pp7_spec div.pp_box{
	width: 100%;
	height: auto;	
	overflow: visible;
	border-radius: var(--radius-gamestrip);
	background: #f8f8f8;
	box-shadow: 0px 1px 0.2rem rgba(0, 0, 0, 0.2);
}
div.diagram_pp7_spec div.pp_box:hover {
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.2);
}
div.diagram_pp7_spec div.pp_cont {
	padding: 0.5rem 0;
	line-height: 1.1;
	font-size: 0.85rem;	
	
	color: #333333;
}

div.diagram_pp7_spec div.pp_score table td.gamenumber {
	font-size: 0.72rem;
	padding-top: 0.15rem;
	font-family: var(--fontfamily1);
	font-stretch: 75%;	
	color: #777777;
}
div.diagram_pp7_spec div.pp_score table td.td135 {
	font-size: 0.73rem;
	line-height: 1.2;
	font-family: var(--fontfamily1);
	font-stretch: 75%;
	padding: 0.15rem 0;
	color: #777777;
}

@media (max-width: 767px){
	div.diagram_pp7_spec {
		--gap-width: 0.5rem;
		--gap-width-long: 1.55rem;
		--gap-height-width: 1.55rem;
		padding: 0.5rem;
	}
	div.diagram_pp7_spec div.pp_cont {
		line-height: 1;
		font-size: 0.72rem;
		gap: 0.3rem;
	}	
	div.diagram_pp7_spec .pp_team_logo{
		display: none;
	}
}


div.diagram_pp7_spec div.pp_team1, 
div.diagram_pp7_spec div.pp_team2 {
	font-weight: 500;
	height: auto !important;
	font-family: var(--fontfamily3);
	font-size: 0.88rem;
	line-height: 1;
	padding: 0rem 0.4rem;
}


@media screen and (min-width:768px){
	div.diagram_pp7_spec div.pp_cont{
		padding: 0.5rem 0;
		line-height: 1.05;
		display: grid;
		grid-template-columns: 1fr 5rem 1fr;
		align-items: center;
	}
	div.diagram_pp7_spec .pp_team_logoandname{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 0.4rem;
	}
	div.diagram_pp7_spec .pp_team_logo{
		width: 3.5rem;
		height: 3.5rem;
		position: relative;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
		font-size: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ffffff;
		color: #333333;
		padding: 0.6rem;
		border-radius: 50%;
	}
	div.diagram_pp7_spec .pp_team_logo img{
		width: auto;
		height: 100%;
	}
}



div.diagram_pp7_spec div#game_1 {
	margin: 0;
	z-index: 1;
	grid-row: 1 / span 2;
	grid-column: 1;
}
div.diagram_pp7_spec div#game_2 {
	margin: 0;
	z-index: 2;
	grid-row: 3 / span 2;
	grid-column: 1;
}
div.diagram_pp7_spec div#game_3 {
	margin: 0;
	z-index: 3;
	grid-row: 5 / span 2;
	grid-column: 1;
}
div.diagram_pp7_spec div#game_4{
	margin: 0;
	z-index: 4;
	grid-row: 7 / span 2;
	grid-column: 1;
}
div.diagram_pp7_spec div#game_5{
	margin: 0;
	z-index: 5;
	grid-row: 2 / span 2;
	grid-column: 2;
}
div.diagram_pp7_spec div#game_6{
	margin: 0;
	z-index: 6;
	grid-row: 6 / span 2;
	grid-column: 2;
}
div.diagram_pp7_spec div#game_7{
	margin: 0;
	z-index: 7;
	grid-row: 4 / span 2;
	grid-column: 3;
}



div.diagram_pp7_spec div.pp_box:before,
div.diagram_pp7_spec div.pp_box:after{
	content: "";
	position:absolute;
	width: var(--gap-width);
	height: 1px;
	border-color: var(--line-color);
	border-width: 0px;
	border-style: dotted;
	z-index: -1;
}
div.diagram_pp7_spec div#game_1:after{
	left: 100%;
	bottom: 1rem;
	border-bottom-width: var(--border-width);
}
div.diagram_pp7_spec div#game_2:after{
	left: 100%;
	top: 1rem;
	border-bottom-width: var(--border-width);
}
div.diagram_pp7_spec div#game_3:after{
	left: 100%;
	bottom: 1rem;
	border-bottom-width: var(--border-width);
}
div.diagram_pp7_spec div#game_4:after{
	left: 100%;
	top: 1rem;
	border-bottom-width: var(--border-width);
}
div.diagram_pp7_spec div#game_5:after,
div.diagram_pp7_spec div#game_6:after{
	width: 1px;
	height: var(--gap-height-width);
	border-left-width: var(--border-width);
}
div.diagram_pp7_spec div#game_5:after{
	right: 1rem;
	top: 100%;
}
div.diagram_pp7_spec div#game_6:after{
	right: 1rem;
	bottom: 100%;
}
div.diagram_pp7_spec div#game_7:before,
div.diagram_pp7_spec div#game_7:after{
	content: "";
	position:absolute;
	width: var(--gap-width-long);
	height: 0.5rem;
}
div.diagram_pp7_spec div#game_7:before{
	right: 100%;
	top: 1rem;
	border-left-width: var(--border-width);
	border-bottom-width: var(--border-width);
	border-bottom-left-radius: 1rem;
}
div.diagram_pp7_spec div#game_7:after{
	right: 100%;
	bottom: 1rem;
	border-left-width: var(--border-width);
	border-top-width: var(--border-width);
	border-top-left-radius: 1rem;
}





div.diagram_pp7_spec div.diagram_labels {
	text-transform: uppercase;
	padding: 0.5rem 0 0rem 0;
	font-family: var(--fontfamily2);
	font-size: 0.85rem;
	font-weight: 600;
	color: #333333;
	display: flex;
	flex-direction: row-reverse;
	clear: both;
	justify-content: center;
	align-items: center;
	border-top: dotted 1px var(--line-color);
	grid-row: 9;
}

div.diagram_pp7_spec div.diagram_label_1{	grid-column: 3;}
div.diagram_pp7_spec div.diagram_label_2{	grid-column: 2;}
div.diagram_pp7_spec div.diagram_label_3{	grid-column: 1;}