/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
img.scoutsportsbr-foto-atleta {
	width: 40px;
	height: 40px;
    border-radius: 50%;
		max-width: inherit !important;
}
img.scoutsportsbr-foto-equipe {
    border-radius: 50%;
	width: 40px;
	height: 40px;
	max-width: inherit !important;
}
.scoutsportsbr-ranking {
	font-size: 1.25em;
}
.scoutsportsbr-nome-atleta {

}
.scoutsportsbr-nome-equipe {

}
.scoutsportsbr-numero-gols {
	font-size: 2em;
}
.scoutsportsbr-tabela {
	width: 100%;
	padding: 1px;
	border: 1px;
}
.scoutsportsbr-loader,
.scoutsportsbr-loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
.scoutsportsbr-loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#scoutsportsbr-loadingDiv {
	position:absolute;;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
}

/*--- css usado nas tabelas webservice --*/

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

/*

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
*/

table th,
table td {
  text-align: center;
}


tr.numero-maior {
	font-size: 2em;
}

.xx {
	font-size: 2.5em;
}

.scoutsportsbr-vitoria {
	font-size: 0.75em;
	padding: 5px;
	border: 1px solid green;
	background-color: green;
	color: white;
}

.scoutsportsbr-derrota {
	font-size: 0.75em;
	padding: 5px;
	border: 1px solid red;
	background-color: red;
	color: white;
}

.scoutsportsbr-empate {
	font-size: 0.75em;
	padding: 5px;
	border: 1px solid grey;
	background-color: grey;
	color: white;
}

/* TESTE */

/*
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
*/

/*
// removido porque fica horroroso o layout em mobile
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
*/

.scoutsportsbr-zui-table {
    border: none;
    border-right: solid 1px #DDEFEF;
    border-collapse: separate;
    border-spacing: 0;
}
.scoutsportsbr-zui-table thead th {
    background-color: #DDEFEF;
    border: none;
    color: #336B6B;
    text-align: left;
    white-space: nowrap;
}
.scoutsportsbr-zui-table tbody td {
    color: #333;
    padding: 10px;
    white-space: nowrap;
}
.scoutsportsbr-zui-wrapper {
    position: relative;
}
.scoutsportsbr-zui-scroller {
    margin-left: 155px;
    overflow-x: scroll;
    overflow-y: visible;
    width: 550px;
}
.scoutsportsbr-zui-table .scoutsportsbr-zui-sticky-col {
    left: 0;
    position: absolute;
    top: auto;
    width: 90px;
}
.scoutsportsbr-zui-table .scoutsportsbr-zui-sticky-col2 {
    left: 70px;
    position: absolute;
    top: auto;
    width: 70px;
}
.scoutsportsbr-zui-table img.scoutsportsbr-foto-equipe {
	margin-top:-7px;
}

@media screen and (min-width: 500px) and (max-width: 700px) {
	.scoutsportsbr-zui-scroller {
		margin-left: 155px;
		overflow-x: scroll;
		overflow-y: visible;
		width: 340px;
	}
}
@media screen and (min-width: 300px) and (max-width: 499px) {
	.scoutsportsbr-zui-scroller {
		margin-left: 140px;
		overflow-x: scroll;
		overflow-y: visible;
		width: 160px;
	}
}