.icon.select-icon {
	padding: 0 0.2em;
	font-size: 0.8em;
}
.icon.select-icon>svg { vertical-align: text-top; }
.date-container {
	display: flex;
	padding: 1em;
	align-items: center;
	justify-content: center;
	gap: 1em;
	scroll-behavior: smooth;
}
.date-scroll {
	flex-basis: 100%;
	flex-shrink: 10;
	flex-grow: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	scrollbar-width: none;
	max-width: 39.2em;
}
.date-scroll::-webkit-scrollbar {
	  display: none;
}

.date-scroll .date-item:first-child {
	margin-left: calc(50vw - 3.5em);
}
.date-scroll .date-item:last-child {
	margin-right: calc(50vw - 3.5em);
}
.date-scroll .date-item.selected>.dia {
	background: gray;
	color:white;
}
.date-scroll .date-item>.mes {
	font-size: 0.6em;
}
.date-scroll .date-item>.dia {
	background: #eee;
	color: #666;
	border-radius: 4px;
	min-width: 2.5em;
	padding: 0.2em 0.5em;
}
.date-scroll .date-item>.dow {
	font-size: 0.6em;
	color: #aaa;
}
.date-scroll .date-item {
	cursor:pointer;
	margin: 0 1em;
	min-width: 3.6em;
	overflow: hidden;
	scroll-snap-align: center;
	display: flex;
	flex-direction:column;
	align-items: center;
	gap: 0.2em;
	text-align: center;
}

.show-grupo {
	display: flex;
	justify-content: center;
	/* margin: 0.5em; */
}
.tabela .tabela-lance {
	text-align: center;
}
.tabela .tabela-lance-titulo {
	font-weight: normal;
	background: darkgray;
	color: white;
	padding: 0.1em 1em;
	font-size: 0.8rem;
	display: inline-block;
	border-radius: 0.3em;
}
.tabela .tabela-grupo-titulo {
	font-weight: bold;
	background: #333;
	color: white;
	padding: 0.5em 1em;
}
.tabela .tabela-linha {
	padding: 0.5em 0em;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	cursor: pointer;
}
.tabela .tabela-linha-content {
	/*padding: 0.5em 1em;*/
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5em
}
.tabela .tabela-item + .tabela-item {
	border-top: 1px solid gray;
}
.tabela .tabela-linha .clube {
	flex-basis: 30%;
	flex-grow: 10;
	flex-shrink: 10;
	min-width: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0px; /*10px;*/
}
.tabela .tabela-linha .clube .clube-escudo {
	max-height: 4em;
}
.tabela .tabela-linha .clube .clube-nome-short,
.tabela .tabela-linha .clube .clube-nome {
	flex-basis: auto; /*100%;*/
	flex-grow: 10;
	flex-shrink: 10;
	font-weight: bold;
	font-size: 1.4em;
}
.tabela .tabela-linha .clube .clube-nome-short,
.tabela .tabela-linha .clube .clube-nome-suffix {
	display: none;
}

.tabela .tabela-linha .clube .clube-nome-suffix, 
.tabela .tabela-linha .clube .clube-nome, .simulador-container .tabela-principal .tabela .tabela-linha .clube .clube-nome-suffix { display: inline; font-weight: bold; font-size: 0.9em; }
.tabela .tabela-linha .visitante .clube-nome-short, .tabela .tabela-linha .visitante .clube-nome { flex-grow: 0; }

.simulador-container .tabela .tabela-linha .clube .clube-nome-short, .simulador-container .tabela .tabela-linha .clube .clube-nome-suffix { font-size: 0.9em; }

@media (max-width: 800px) {
	.tabela .tabela-linha .clube .clube-nome { display: none; }
	.tabela .tabela-linha .clube .clube-nome-short { display: inline; }
	.tabela .tabela-linha .clube .clube-escudo { max-height: 3em; }
    .tabela .tabela-linha .clube .clube-nome { display: none;}
	.simulador-container .tabela-principal .tabela .tabela-linha .clube .clube-nome-suffix { display: none;}
	.artilharia-table .lance .tabela .tabela-linha .clube .clube-nome-suffix, 
	.tabela .tabela-linha .clube .clube-nome, 
	.tabela .tabela-linha .clube .clube-nome-suffix,
	.tabela .tabela-linha .clube .clube-nome-short { font-size: 0.9em; }
}

.tabela .tabela-linha .clube.mandante {
	text-align: right;
}
.tabela .tabela-linha .clube.mandante .clube-escudo {
	order: 1;
}
.tabela .tabela-linha .clube.visitante {
	text-align: left;
}
.tabela .tabela-linha .placar {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0 0.7em;
}
.tabela .tabela-linha .placar>.mandante,
.tabela .tabela-linha .placar>.visitante {
	padding: 0em 0.2em;
	font-size: 2.5em;
	font-weight: bold;
	min-width: 1em;
}
.tabela .tabela-linha .placar > input.mandante, .tabela .tabela-linha .placar > input.visitante {
	font-size: 2em;
	width: 1.7em;
	text-align: center;
}

.tabela-linha-header { text-align:center; font-size: 1rem; padding-top: 1rem; }
.tabela-linha-footer { text-align:center; }

.tabela.tabela-bottom .cronometro { color: #FFFFFF; }
.tabela.tabela-bottom .tabela-linha-content { color: #000000; }

.tabela .tabela-linha .placar .penaltis { background: #da0; font-size: 0.8em; position: relative; top: -0.3em; margin: 0.1em; }
.tabela .tabela-linha .placar .prorrogacao { background: #aaa; font-size: 0.8em; position: relative; top: -0.3em;  margin: 0.1em;}

.tabela .tabela-linha-info { font-size: 0.8em; color: gray; text-align: center; }
.tabela .tabela-linha-info .observacao { color: #f44; }

.arbitro.fifa>span { font-weight: bold; color: #666; }
.list-arbitro > span + span::before {
	content: " - ";
}

.tabela .line-stats, .tabela .line-agr { display: flex; flex-direction: row; align-items: stretch; align-self: stretch; border-left: 1px solid lightgray; flex-basis: auto; flex-grow: 0; }
.tabela .line-agr .line-stats-clubes .clube-nome { display: none; }
.tabela .line-agr .line-stats-clubes .clube-nome-short { display: none; }
.tabela .line-agr .line-stats-clubes .clube-nome-suffix { display: none; }
.tabela .line-agr .line-stats-clubes .clube-escudo { width: 62px; }
.tabela .line-agr .line-stats-clubes .placar_x { text-align: center; }
.tabela .line-stats .line-stats-clubes { display: none; text-align: center; width: 32px; }
.tabela .line-stats .line-stats-clubes .placar_x { color: gray; font-weight: bold; font-size: 0.8em; }
.tabela .line-stats .line-stats-clubes .mandante { align-items: flex-end; justify-content: center; }
.tabela .line-stats .line-stats-clubes .visitante { align-items: flex-start; justify-content: center; }
.tabela .line-stats .line-stats-clubes .clube-escudo { width: 24px; }
.tabela .line-stats .line-stats-clubes .clube-nome { display: none; }
.tabela .line-stats .line-stats-clubes .clube-nome-short { display: none; }
.tabela .line-stats .line-stats-clubes .clube-nome-suffix { display: none; }
.tabela .line-stats>*:nth-child(even)       { background: #f8f8f8; }
.tabela .line-stats .number { flex-basis: 5%; flex-shrink: 1; flex-grow: 1; display: flex; justify-content: center; align-items: center; min-width: 2.3em; }
.tabela .line-stats .number.large { flex-basis: 15%; flex-shrink: 5; flex-grow: 5; min-width: 4em; }
.tabela .line-stats .number.currency { flex-basis: 25%; flex-shrink: 5; flex-grow: 10; min-width: 7.8em; }
.tabela .line-stats .number.percent { flex-basis: 5%; min-width: 2.25em; }
.tabela .tabela-item.header { position: sticky; top: 0; z-index: 1; border-bottom: 1px solid lightgray; background: white; }
.tabela .tabela-item.header .line-stats { font-weight: bold; }
.tabela .header .title-text { visibility: hidden; padding: 0 1em; }
.tabela .header .button { display: block; }

@media (max-width: 1100px) {
	.tabela .tabela-item { position: relative; width: 100%; overflow: hidden; }
	.tabela .header .title-text { visibility: visible; }
	.tabela .header .line-data { background: #f8f8f8; }
	.tabela .header .button { display: block; }
	.tabela .line-stats .line-stats-clubes { display: flex; }
	.tabela:not([data-stats="true"]) .line-stats { right: -100%; }
	.tabela .line-stats { position: absolute; right: 0; top: 0; height: 100%; width: 100%; transition: right 0.5s ease-in-out; border-left: 3px solid black; background: white; }
}
@media (max-width: 380px) {
	.tabela .placar .placar_tn { font-size: 2em; }
}

.tabela .tabela-item.tabela-horario > .line-data { color: gray; font-size: 0.9em; padding: 2em 1em; }
.tabela .tabela-item.tabela-horario .prorrogacao { display: inline-block; width: 0.9em; height: 0.9em; background: #eee; margin-right: 0.2em; border: 1px solid gray; }
.tabela .tabela-item.tabela-horario .penalti { display: inline-block; width: 0.9em; height: 0.9em; background: #da0; margin-right: 0.2em; border: 1px solid gray;}
.tabela .tabela-item.tabela-horario .maior-publico { display: inline-block; width: 0.9em; height: 0.9em; background: #7CB566; margin-right: 0.2em; border: 1px solid gray;}
.tabela .tabela-item.tabela-horario .menor-publico { display: inline-block; width: 0.9em; height: 0.9em; background: #ff0000; margin-right: 0.2em; border: 1px solid gray;}
.tabela .tabela-item.tabela-horario .espaco { display: inline-block; width: 0.9em; height: 0.9em;  margin-right: 0.2em;}
.tabela .tabela-item.tabela-horario .legenda-publico { margin-top:2px;}

/* .tabela-legenda { flex-basis: 21.85em; } */
.tabela-legenda .legenda-colunas { padding: 1em 1.7em; }
.tabela-legenda .legenda-colunas>span:not(:last-child):after { content: " |\00a0"; }
.tabela-legenda .legenda-colunas>span { display: inline-block; }
.tabela-legenda .legenda-colunas>span>span { font-weight: bold; }
.tabela-legenda .legenda-colunas>span>span:after { content: " -\00a0"; font-weight: normal; color: gray; }
.tabela-legenda-tabela { border-left: none !important; }
.legenda-colunas-tabela { padding: 0em !important; }

.tabela .tabela-stats-title { background: #999; color: white; margin-bottom: 1em; padding: 0.5em 1em; text-align: center; }
.tabela .tabela-stats { display: flex; flex-direction: row; flex-wrap: wrap; }
.tabela .tabela-stats>* { flex-grow: 10; flex-shrink: 1; padding: 0.5em; box-sizing: border-box; }
.tabela .tabela-stats>.w15 { flex-basis: 9em; }
.tabela .tabela-stats>.w20 { flex-basis: 15em; }
.tabela .tabela-stats>.w25 { flex-basis: 18em; }
@media (max-width: 1420px) {
	.tabela .tabela-stats>.w15 { flex-basis: 15em; }
	.tabela .tabela-stats>.w20 { flex-basis: 22em; }
	.tabela .tabela-stats>.w25 { flex-basis: 21em; }
}
@media (max-width: 900px) {
	.tabela .tabela-stats>* { max-width: 37em; }
	.tabela .tabela-stats>.w15 { flex-basis: 7.5em; }
	.tabela .tabela-stats>.w20 { flex-basis: 11em; }
	.tabela .tabela-stats>.w25 { flex-basis: 18.5em; }
	.tabela .tabela-linha .placar {
		padding: 0 0em;
	}
	.tabela .tabela-linha .placar>.mandante, .tabela .tabela-linha .placar>.visitante {
		font-size: 1.8em;
	}
	.tabela .tabela-linha .placar .penaltis, .tabela .tabela-linha .placar .prorrogacao {
		font-size: 0.8em;
	}
	.tabela .tabela-linha .placar .clube .clube-escudo {
		margin: 0 4px;
	}
}

.tabela .tabela-stats .title-stats { background: #ccc; font-weight: bold; }
.tabela .tabela-stats .subtitle-stats { background: #eee; }
.tabela .tabela-stats { text-align: center;
    margin: auto;
    /* max-width: 800px; */
}
.tabela .info .tabela-stats { 
	max-width: 800px;
}
.tabela .tabela-stats .cell { border-left: 1px solid lightgray; border-bottom: 1px solid lightgray; min-width: 0; flex-basis: 30%; flex-shrink: 10; flex-grow: 10; }
.tabela .tabela-stats .cell:last-child { border-right: 1px solid lightgray; }

.tabela .tabela-stats .clube .clube-escudo { /*width: 40px;*/ height: 40px; }
.tabela .tabela-stats .column { align-items: center; }
.tabela .tabela-stats .clube .clube-nome { display: none; }
.tabela .tabela-stats .clube .clube-nome-short { display: none; }
.tabela .tabela-stats .clube .clube-nome-suffix { display: none; }

.right-panel .tabela-linha .clube .clube-nome { display: none; }
.right-panel .tabela-linha .clube .clube-nome-short { display: block; }
.right-panel .tabela { font-size: 0.8em; }

.modal-panel { position: absolute;
    width: 100%;
    /* height: 100%; */
    z-index: 99999;
    /* top: 0px; */
    background-color: #fff;
    /* opacity: 85%; */
}

.modal-panel .right-panel-close {
	display: block;
	cursor: pointer;
	float: right;
	padding: 1rem;
}

.modal-panel-close {
	display: block;
    cursor: pointer;
    float: right;
}

.opacity-container {
	height: 100%;
    width: 100%;
    opacity: 70%;
    background-color: #fff;
    z-index: -1;
    position: absolute;
    top: 0;
}
.modal-panel-content {
    margin: 10px 5%;
    border: 4px solid #ccc;
}

.modal-panel-content .h2 {
	float: left;
}
.modal-panel-content .modal-title {
	height: 50px;
	padding: 0.5rem;
	background-color: #ccc;
}
.tabela .row-fluid {
	width: 46%;
	float: left;
}
.tabela .row-fluid-agr {
	width: 8%;
	float: left;
}
.clearfix {
	clear: both;
}
.simulador-container .tabela .row-fluid {
	width: 100%;
	/* float: left; */
}
.title-ida-volta {
	text-align: center;
    background-color: #ccc;
	max-height: 21px;
}
.line-agr2 {
	width: 100%;
	border-left: none;
	background-color: #95999d; 
	padding: 8px;
}
.line-agr2 .column {
	text-align: center;
	width: 100%;
}

.line-agr2 .clube {
    display: flex;
    flex-direction: column;
}
.tabela-item-direita {
	border-left: 1px solid lightgray;
}
.line-agr2 .placar-agregado  .mandante, .line-agr2 .placar-agregado  .visitante  {
	font-size: 40px;
}
.placar-agregado {
	flex-direction: row;
	margin: auto;
}
.line-agr2 .clube, .line-agr2 .mandante, .line-agr2 .visitante {
	float: left;
}
.placar-agregado-result {
	display: inline-flex;
}
.line-agr2 .placar_x{
	float: left;
	margin-top: 25px;
	padding: 0px 2px; /*10px;*/
}
.tabela .line-agr2 .line-stats-clubes .clube-escudo {
	width: 50px;
	height: 50px;
}
.placar-agregado .clube {
	width: 100%;
}
.display-mobile {
	display: none;
}
.title-aba-div {
	text-align: right;
	margin: 0.5em;
}
.tabela-abrir-todos {
	font-weight: normal;
	background: darkgray;
	color: white;
	padding: 0.1em 1em;
	font-size: 0.8rem;
	display: inline-block;
	border-radius: 0.3em;
}
.tabela-principal .tabela-horario {
	border: 1px solid gray;
}
.color-menor, .vermelho {
	color: #ff0000;
}
.color-maior, .verde {
	color: #008000;
}

.icon.icon-chevron {
    -webkit-mask-image: url(/static/media/chevron.05a124d….svg);
    mask-image: url(/static/media/chevron.05a124d….svg);
}

.div-tabela .row-fluid .tabela-linha-content {
	font-size: 15px;
}

.tabela-com-grupo .tabela-grupo {
	clear: both;
}

@media (max-width: 1100px) {
	.tabela .row-fluid {
		width: 100%;
	}
	.tabela .row-fluid-agr {
		width: 100%;
		float: right;
		/* order: 1; */
	}
	.placar-agregado .clube {
		width: auto;
	}
	.placar-agregado-result {
		float: left;
	}
	.div-tabela {
		display: flex;
		flex-direction: column;
	}
	.row-fluid-agr {
		display: none;
	}
	.display-mobile {
		display: block;
	}
	/* .row-fluid {
		order:0 ;
	}  */
}