h2 {
	color: #325373 !important;
}

.home-box-principal {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 40%;
	border: 5px double #e0dbdb;
}

.imprimir {
	text-decoration: none;
}

span.placar-extrato {
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #325373;
    color: #fff;
    font-style: normal;
}

/* SUMULA ONLINE ============================================ */
#form-sumula table{
	font-size: 13px;
}

#box-historico {
	display: block;
	height: 100px !important;
    overflow: auto;
}


.box-integrante {
	height: 35% !important;
    overflow: auto;
}

.botao-acao {
    padding: 5px 8px 5px 20px; 
}

.sem-borda{
	border: 0px;
}

.suspenso {
	color: red;
}

.box-integrante tr{
	border: 1px solid #ccc;
}

table.head-integrantes {
	width: 100%; 
	padding:0px; 
	margin: 0px;
}

table.head-integrantes th{
	background-color: #DDDDDD;
	border-color: #ccc;
	color: #777;
}

#form-sumula tr:hover {
	color: #fff !important;
	background-color: #325373;
}

/* ************************************************************************** */ 



.sobre-o-sistema {
	width: 55%;
	text-align: justify;
	padding: 10px;
}


/* Retira espaço extra de fieldsets dentro de fieldsets */
@media screen and (max-width: 640px) {
	.home-box-principal {
		padding-top: 170px;
		background-position: center top;
		background-size: 150px;
		border: 0;
	}
	
	.sobre-o-sistema {
		width: 100%;
	}
}

.logo-fundo img {
	left: 50%;
	top: 50%
}

table {
    font-size: 14px;
}

table .tr-destacar{
    outline: 2px solid yellowgreen;
    font-weight: bold;
    color: #5b8a04;
}

.titulo-pagina{
	display: block; 
	text-align: center;
	color: #C31313;
}

p.pagina-descricao{
	margin: 0;
	padding: 5px;
	text-align: center;
}



.oculto {
	display: none !important;
}

.visivel {
	display: block !important;
}


#consulta_cpf {
	border: 1px solid red;
	height: 150px;
	width: 300px;
	padding: 20px;
}

#consulta_cpf .centralizar{
	margin: 0 auto;
}

.icon-editar, .icon-editar-desabilitado .icon-homologar, .icon-excluir, .icon-extrato,
.icon-download, .icon-alerta, .icon-arvore-genealogica, .icon-numero-camisa {
	white-space: nowrap !important;
	padding: 2px;
	width: 16px;
	height: 16px;
}

.icon-extrato {
	background: url(../img/icon/visualizar.png) no-repeat center center;
}

.icon-editar {
	background: url(../img/icon/editar.png) no-repeat center center;
}

.icon-editar-desabilitado {
	background: url(../img/icon/editar-desabilitado.png) no-repeat center center;
}

.icon-homologar {
	background: url(../img/icon/homologar.png) no-repeat center center;
}

.icon-homologar-desabilitado {
	background: url(../img/icon/homologar-desabilitado.png) no-repeat center center;
}

.icon-arvore-genealogica {
	background: url(../img/icon/arvore-genealogica.png) no-repeat center center;
}

.icon-arvore-genealogica-desabilitado {
	background: url(../img/icon/arvore-genealogica-desabilitado.png) no-repeat center center;
}

.icon-numero-camisa {
	background: url(../img/icon/numero-camisa.png) no-repeat center center;
}

.icon-numero-camisa-desabilitado {
	background: url(../img/icon/numero-camisa-desabilitado.png) no-repeat center center;
}

.icon-excluir {
	background: url(../img/icon/excluir.png) no-repeat center center;
}

.icon-download {
	background: url(../img/icon/download.png) no-repeat center center;
}

.icon-download-desabilitado {
	background: url(../img/icon/download-desabilitado.png) no-repeat center center;
}

.icon-alerta {
	background: url(../img/icon/alerta.png) no-repeat center center;
}



#etapas {
	display: block;
	text-align: center;
	font-size: 10px;
}

#etapas .box{
	position: relative;
	border-radius: 50%;
	width: 85px;
	height: 85px;
	background-color: #f9f9f9;
	color: #888;
	border: 2px solid #ddd;
	margin-left: 20px;
	display: inline-block;
	float: none !important;
	background: #fff;
	z-index: 3;
	vertical-align: middle;
}

#etapas .conexao {
	background: #ddd;
	width: 50px;
	height: 5px;
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 2;
}

#etapas .homologado {
	background-color: #558200;
	color: #f9f9f9;
}

#etapas .inscricao {
	background-color: #c3c3c3;
	color: #f9f9f9;
}

#etapas .emhomologacao {
	background-color: #569cc2;
	color: #f9f9f9;
}

#etapas .revisao {
	background-color: #eab90d;
	color: #555;
}

#etapas .indeferimento {
	background-color: #ac4515;
	color: #f9f9f9;
}

#etapas div span.conteudo {
	position: absolute;
	top: 28%;
	left: 0;
	text-align: center;
	width: 100%;
}



.centro { 
    text-align: center !important;
}

.direita {
    text-align: right !important;
}

.esquerda {
    text-align: left !important;
}

.fundo-cinza {
    background-color: #EEE !important;
}

.fundo-branco {
    background-color: #FFF !important;
}

.conteudo-aba ul {
    margin-top: 0px;
    list-style-type: circle;
}

.upper {
    text-transform: uppercase;
}

.separador {
    font-size: 0.95em;
}

.ttform .msg-sucesso {
	margin: 20px 0px 0px 0px !important;
    padding: 10px;
    background: #d6e6aa url(../../../../../bibliotecas/coisa/assets/img/sucesso.png) no-repeat left;
    color: #4a6b29;
    border: 1px solid #69ab2f
}

.ttform .msg-info {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #9fcef6 url(../../../../../bibliotecas/coisa/assets/img/info.png) no-repeat left;
    color: #3B5E74;
    border: 1px solid #2f89ab;
}

.ttform .msg-aviso {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #f4ee94 url(../../../../../bibliotecas/coisa/assets/img/aviso.png) no-repeat left;
    color: #827835;
    border: 1px solid #dcc845;
}

.ttform .msg-erro {
	margin: 20px 0px 5px 5px !important;
    padding: 10px;
    background: #f4af94 url(../../../../../bibliotecas/coisa/assets/img/erro.png) no-repeat left;
    color: #7d4737;
    border: 1px solid #c46547;
}

.ttform .msg-nota {
	margin: 20px 0px !important;
    padding: 10px;
    background-color: #F5F5DC;
    color: #827835;
    border: 2px dashed #ccc;
}

.ttform li label {
	font-weight: normal;
	margin-top: 0px;
	cursor: pointer;
}

.ttform fieldset.interno legend{
	border: 1px solid 776425;
	background-color: #e0d6b5 !important;
	color: 776425;
}

.ttform fieldset.interno {
	border: 1px solid #e0d6b5;
	background-color: #efebde;
}

.ttform .msg-nota td,th{
	border: 0px;
}

input[type='checkbox'] {
    margin: 4px;
}

.botao {
    padding: 5px 8px 5px 20px; 
}

.readonly {
    color: #777;
}

span.novo {
    padding: 2px 5px 5px 20px;
}

.toolbar {
    text-align: right;
    padding: 5px;
}


.registros {
    border: 1px dashed #AAAAAA;
    padding: 2px 5px;
    overflow: hidden;
}

.registros .esquerda {
    color: left;
}

.registros .direita {
    float: right;
}

.registros a{
    color: #666;
}

.total_registros {
    font-size: 12px;
}

.tabelas {
    font-size: 12px;
}

.rlt-subtitulo {
    border-bottom: 2px solid #999999;
    margin: 0px;
}

.rlt-subtitulo-red {
    border-bottom: dotted 1px #ccc;
    margin: 10px 0px;
    color: #C31313;
    font-size: 16px;
}

.rlt-tabela-subtotal {
    padding: 4px;
    font-size: 13px;
}

.ttform input.campo-editavel {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
}

.ttform input.campo-editavel:focus,
.ttform input.campo-editavel:active,
.ttform input.campo-editavel:hover {
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: inset 0 1px rgba(50,50,50,.1);
    text-align: center;
}

.msg-impressao {
	border-top: 2px dashed #ccc; 
	padding: 0px 5px;
}

.msg-impressao span.ico-impressao{
	float: right;
}

.hide {
    display:none;
}

div.stickyHeader {
    top: 67px;
    position:fixed;
}


/* TABELA DE PONTUAÇÃO INDIVIDUAL */
table.tabela_individual {
    font-size: 12px;
    width: 48%; 
    margin: 0px; 
    position: relative;
}

table.tabela_individual td{
    border: 0 none;
    height: 30px;
}



/* IMAGENS */
.img-cartao-amarelo {
    background-image: url('../img/icon/cartao_amarelo.png');    
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.img-cartao-vermelho {
    background-image: url('../img/icon/cartao_vermelho.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.img-gol-pro {
    background-image: url('../img/icon/gol_pro.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.img-gol-contra {
    background-image: url('../img/icon/gol_contra.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.img-excluir {
    background-image: url('../img/icon/excluir.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

span.historico-gol-pro {
	background-image: url('../img/icon/gol_pro.png');
	background-size: 10px 10px;
	background-position: left center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    padding-left: 15px;
}

span.historico-gol-contra {
	background-image: url('../img/icon/gol_contra.png');
	background-size: 10px 10px;
	background-position: left center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    padding-left: 15px;
}

span.historico-cartao-amarelo {
	background-image: url('../img/icon/cartao_amarelo.png');
	background-size: 10px 10px;
	background-position: left center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    padding-left: 15px;
}

span.historico-cartao-vermelho {
	background-image: url('../img/icon/cartao_vermelho.png');
	background-size: 10px 10px;
	background-position: left center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    padding-left: 15px;
}

a.remover_post{
	cursor: pointer;
}

a.link-resultado {
	text-decoration: none;
}

/* VALIDAÇÕES SECUNDÁRIAS */
.input_invalido {
    border: 1px solid red !important;
}


.simple-modal-body .ttab .tab-menu li.active a{
	line-height: 23px;
}

.simple-modal.loading .simple-modal-body div.contents {
	display: block !important;
}


@media screen and (max-width: 640px) {
	.ttform .l2, .ttform .l3 {
		width: 100%;
	}
}

/* EXTRAS PARA FORMS */
@media screen and (min-width: 640px) {

	.ttform .l5 {
		width: 5%;
	}

	.ttform .l10 {
		width: 10%;
	}

	.ttform .l15 {
		width: 15%;
	}

	.ttform .l20 {
		width: 20%;
	}

	.ttform .l25 {
		width: 25%;
	}

	.ttform .l30 {
		width: 30%;
	}

	.ttform .l33 {
		width: 33.333333333%;
	}
	
	.ttform .l35 {
		width: 35%;
	}

	.ttform .l40 {
		width: 40%;
	}

	.ttform .l50 {
		width: 50%;
	}

	.ttform .l55 {
		width: 55%;
	}

	.ttform .l60 {
		width: 60%;
	}

	.ttform .l70 {
		width: 70%;
	}

	.ttform .l75 {
		width: 75%;
	}

	.ttform .l80 {
		width: 80%;
	}

	.ttform .l85 {
		width: 85%;
	}

	.ttform .l90 {
		width: 90%;
	}

	.ttform .l95 {
		width: 95%;
	}


	.ttform .l-button {
		width: 5%;
		margin-top: -4px;
	}

	.ttform .l-button-text {
		width: 15%;
		margin-top: -4px;
	}

	.ttform .box-3-left {
		width: 49%;
		float: left;
	}

	.ttform .box-3-right {
		width: 49%;
		float: right;
		margin-right: 5px;
	}

}

.ttform .box-3-left fieldset {
	padding: 10px 0 0 0;
	width: 100%;
}

.ttform .box-separador {
	border: 2px dashed #ccc;
	margin: 10px 0px;
	padding: 15px 0px 0px 0px;
	background-color: #f3f7fb;
	
}

.ttform .box-separador label {
	margin: 5px 20px 10px 20px;
}

.ttform .box-separador .mooploadP{
	margin: -15px 0px 0px 20px;
}


.ttform .box-separador .mooploadList li div.optionsel {
    width: 30px;
    position: absolute;
    left: 500px;
}

.ttform .box-separador .mooploadList li div.filename {
    width: 480px;
}


*[data-min] {
	display: inline-block;
}

span.etapa {
	display: inline-block;
	padding: 2px 5px;
	background: blue;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;
}

.cor-ponto-extra-1 {
	color: green;
	font-weight: bold;
}

.cor-ponto-extra-2 {
	color: red;
	font-weight: bold;
}

.cor-ponto-extra-3 {
	color: green;
	font-weight: bold;
}

.cor-ponto-extra-4 {
	color: red;
	font-weight: bold;
}

.e1 {
	background-color: #777 !important;
}

.e2 {
	background-color: #5583AE !important;
}

.e3 {
	background-color: #e9870f !important;
}

.e4 {
	background-color: #A52A2A !important;
}

.e5 {
	background-color: #008000 !important;
}

@media screen and (max-width:700px){
	.ttab .painel {
		margin-top: -2px;
	}
	
	.ttform .l50, .ttform .l33, .ttform .l505, .ttform .l500, .ttform .l75 {
		width: 100%;
		margin-right: 0;
	}
	
	.ttform .box-3-left, .ttform .box-3-center, .ttform .box-3-right {
		width: 100%;
		margin-right: 0;
	}
	
	.ttab .tab-menu li a{
		font-size: 12px;
	}
	
	.ttab .tab-menu li.active a{
		font-size: 14px;
	}
}


/* Mudanças do Gregs */

/* Menu */
div#menu {
	background: #556370 url("../img/menu.jpg") bottom left no-repeat;	
}

ul#ttmenu {
	margin-top: 20px;
}

ul#ttmenu li a, ul#ttmenu li span {
	background-color: rgba(0,0,0,.2);
}

ul#ttmenu li a:hover, ul#ttmenu li span:hover {
	background-color: rgba(0, 206, 255, 0.4);
}

ul#ttmenu li a.active, ul#ttmenu li span.active {
	background-color: rgba(0,0,0,.3);
}

ul#ttmenu li ul {
	background: rgba(0,0,0,.3);
	border-color: rgba(0,0,0,.5);
}


/* Topo */
#top {
	height: 50px;
}

#controls {
	/* background: #426D97 url("../img/top.jpg") no-repeat center left; */
	background: #eee;
	box-shadow: inset 0 -1px 0 0 rgba(100,100,100,.1);
	height: 50px;
}

#controls #toggmenu {
	background-image: url("../img/menu.png");
	background-color: transparent;
	height: 50px;
}

#logout, #messages, #usercontrol {
	height: 50px;
	background-color: rgba(200, 200, 200, .2);
}

#messages, #usercontrol {
	height: 32px;
	padding: 16px 10px 3px 30px;
	color: #53789c;
	text-shadow: 0 0;
}

#messages:hover, #controls #usercontrol:hover, #logout:hover {
	background-color: rgba(50, 50, 50, .1);
}

#messages {
	padding-left: 35px;
	background-image: url("../img/message.png");
}

#messages span {
	border-radius: 50%;
	color: #fff;
	font-size: 9px;
}

#logout {
	background-image: url("../img/off.png");
}

#controls #usercontrol {
	background-image: url('../img/user.png');
}

#controls h1 {
	padding: 9px;
	color: #53789c;
	text-shadow: 0 0;
}

#bread {
	display: none;
}


/* Conteúdo */
div#content {
	top: 50px;
	bottom: 31px;
	background: #fff url("../img/bordav.png") repeat-y top left;
	border: 1px solid #fff;
	padding-left: 20px;
}

#box_restricao {
	position: fixed;	
	background: #556370 url("../img/bg.jpg") bottom right no-repeat;
	top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
	right: 0;
	display: flex;
}

div.bg {
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
    background: rgba(255,255,255,.4);
    padding: 8px;
}

div.bg.outer {
	width: 300px;
    margin: auto;
}


#box_centro {
	padding: 30px 10px 60px 10px;
	position: relative;
	min-height: 200px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    background-image: url("../img/logotipobg.png"), url("../img/bordah.png"), url("../img/bordah.png");
    background-position: center center, top left, bottom left;
    background-repeat: no-repeat, repeat-x, repeat-x;
	border: 1px solid #fff;	
/*
	overflow: hidden;
*/
}

@media screen and (min-width: 1360px) {
	div.bg {
		padding: 15px;
	}

	div.bg.outer {
		width: 350px;
	}
}

#box_centro h2 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    color: #333;
    font-style: normal;
    border: 0;
    margin: 15px auto;
}

#box_centro p.msg-nota {
	margin: 10px 0 !important;
}

#box_centro input.enviar {
    margin: auto;
    float: none;
	width: 110px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
}

#scroller {
	max-width: 800px;
}

h2.titulo-pagina {
	margin-top: 0;
}

p.pagina-descricao {
	margin-bottom: 40px;
}


.ttab .tab-menu li.active a {
	color: #53789c;
	border-color: #53789c;
}

.ttform {
	font-size: 13px;
}

.ttform *, .ttform *:before, .ttform *:after {
    box-sizing: border-box;
}

.ttform legend {
	font-size: 13px;
	padding: 3px 15px;
}

.ttform label {
	margin-top: 10px;
	padding: 0 5px;
}

@media screen and (min-width: 640px) {

	.ttform label.inline {
		position: relative;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: flex-end;
		-moz-box-pack: flex-end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.ttform .l5, 
	.ttform .l10, 
	.ttform .l15, 
	.ttform .l20, 
	.ttform .l25, 
	.ttform .l30, 
	.ttform .l33, 
	.ttform .l40, 
	.ttform .l50, 
	.ttform .l55, 
	.ttform .l60, 
	.ttform .l70,
	.ttform .l75, 
	.ttform .l80, 
	.ttform .l85, 
	.ttform .l90,
	.ttform .l95 {
		margin: 10px 0 0 0;
		padding: 0 5px;
		float: left;
	}

	.ttform label.inline input[type=text], .ttform label.inline input[type=password],
	.ttform label.inline textarea, .ttform label.inline select, .ttform label.inline .chzn-container {
		text-align: left;
		width: calc(100% - 100px);
		margin-left: 5px;
	}

	.ttform label.inline .chzn-container-single .chzn-search input[type=text] {
		margin-left: 0;
	}

	.ttform label.inline .ss, .ttform label.inline .er {
		min-width: 100px;
		text-align: center;
		top: -17px;
	}
}

.ttform input, .ttform textarea {
	padding: 5px 0;
}

.chzn-container-single .chzn-single {
	height: 27px;
}

/* Rodapé */
div#bottom {
	height: 30px;
	padding: 0;
}

span#funcao_bottom {
	float: left;
}

span#funcao_bottom a {
	background: #ddd;
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 6px;
	text-decoration: none;
	color: #333;
}

span#funcao_bottom a:hover {
	background: #0080b5;
	color: #fff;
}

input#bug_report {
	padding: 9px 10px 9px 25px;
	margin-right: 0;
}

.ttform .mooploadList * {
	box-sizing: initial;
}


/* Faz abas mostrarem barra de rolagem */
.ttab ul.tab-menu {
	overflow: auto;
	white-space: nowrap;
}

.ttab ul.tab-menu li {
	float: none;
	display: inline-block;
}


.autocompleter-choices {
	z-index: 999999 !important;
}

#ttdialog {
	z-index: 9999999 !important;
}

#ttdialog_overlay {
	z-index: 9999999 !important;
}


/* Correção do cabeçalho das abas */
.simple-modal-body .ttab ul.tab-menu {
	position: relative;
	z-index: 2;
}

.simple-modal-body .tab-wrapper {
	z-index: 1;
	position: relative;
}

/* Modal de edição de equipe */
.simple-modal.editar-equipe {
	max-width: 850px;
}

/* Modal de extrato do jogo */
.simple-modal.extrato-jogo{
	max-width: 800px;
	max-height: 350px;
}

/* Modal de árvore genealógica */
.simple-modal.editar-arvore-genealogica {
	max-width: 1000px;
}


.tabela-sumula {
	max-height: 450px;
	overflow: auto; 
	border: 1px solid #ccc
}

/* Manter a tabela de atletas mais pequena, quando utilizado em notebook */
@media screen and (max-width: 1366px) {
	.tabela-sumula {
		max-height: 250px;
	}
}


/* Retira espaço extra de fieldsets dentro de fieldsets */
@media screen and (max-width: 640px) {
	.ttab fieldset fieldset {
		margin: 0 -10px;
	}
}

/* Diminuir o tamanho do ttdialog */
@media screen and (max-width: 640px) {
	#ttdialog {
		width: 300px;
		margin: -100px 0 0 -150px;
	}
	
	#ttdialog_bt {
		width: 280px;
	}
}


/* Reduzir as tabelas em celulares */
@media screen and (max-width: 640px) {
	.hide-mobile {
		display: none;
	}
}

/* Esconder a coluna quando for computador */
@media screen and (min-width: 640px) {
	.hide-desktop {
		display: none;
	}
}



.ttab ul.tab-menu li a {
	position: relative;
}


.ttab ul.tab-menu li a span.badge {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	margin: 5px;
	padding: 3px 7px;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	right: -10px;
}

.ttab ul.tab-menu li a span.badge.error {
	background-color: rgb(204, 0, 0);
}

.ttab ul.tab-menu li a span.badge.sucess {
	background-color: #008000;
	padding: 10px;
	background-position: center;
}


/* Vamos fazer o logout funcionar em mobile */
@media (max-width: 800px) {
	#top div.right {
		display: block;
	}

	#top #usercontrol, #top #messages {
		display: none;
	}

	#top #logout {
		position: absolute;
		top: 0;
		right: 0;
	}
}


/* CLASSIFICAÇÃO =========================================================== */
table td.zona-classificacao {
	text-align: center;
	width: 10px;
}

table span.up {
	border-radius: 50%;
	display: inline-block;
	background-color: #51a81e;
	width: 7px;
	height: 7px;
}

table span.down {
	border-radius: 50%;
	display: inline-block;
	background-color: rgb(190, 42, 42);
	width: 7px;
	height: 7px;
}

table span.middle {
	border-radius: 50%;
	display: inline-block;
	background-color: #999;
	width: 7px;
	height: 7px;
}

/* ************************************************************************** */




/* EXTRATO DA DO JOGO NA PÁGINA PÚBLICA ====================================== */
.extrato-cartao-amarelo {
	background-image: url('../img/icon/cartao_amarelo.png');
	background-position: left center;
    background-repeat: no-repeat;
	text-indent: -9999em;    
	height: 12px;
	padding-left: 22px;
}

.extrato-cartao-vermelho {
    background-image: url('../img/icon/cartao_vermelho.png');
	background-position: left center;
    background-repeat: no-repeat;
	text-indent: -9999em;    
	height: 12px;
	padding-left: 22px;
}

.extrato-gol-pro {
    background-image: url('../img/icon/gol_pro.png');
	background-position: left center;
    background-repeat: no-repeat;
	text-indent: -9999em;    
	height: 12px;
	padding-left: 22px;
}

.extrato-gol-contra {
    background-image: url('../img/icon/gol_contra.png');
	background-position: left center;
    background-repeat: no-repeat;
	text-indent: -9999em;    
	height: 12px;
	padding-left: 22px;
}


.box-equipe-a {
	width: 40%;
	text-align: right;
	float: left;
}

.box-equipe-b {
	width: 40%;
	text-align: left;
	float: left;
}

.box-resultado {
	width: 20%; 
	float: left; 
	text-align: center;
}

/* Reduzir as tabelas em celulares */
@media screen and (max-width: 640px) {
	.box-equipe-a, 
	.box-equipe-b,
	.box-resultado {
		width: 100%;
		display: block;
		text-align: center;
	}
}
/* ************************************************************************** */