@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
/*==========================================================
* x IMPORTS
* ==========================================================*/
/* Transition */
/* Translate Options */
/* Border-radius */
/* Gradiente */
/* Scale */
/* Rotate */
/* Opacity */
/* Box-shadow */
/* Box-shadow 2x */
/* Background Size */
/* Grayscale */
/* Colunas */
/* Colunas Espaçamento */
/*==========================================================
* x INCLUDES
* ==========================================================*/
/*==========================================================
* x FONTES
* ==========================================================*/
/*==========================================================
* x CÓDIGO
* ==========================================================*/
/*====================================================================================================================
* HTML
* ====================================================================================================================*/
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  overflow-y: inherit;
}
/*====================================================================================================================
* TABLE
* ====================================================================================================================*/
table {
  width: 100%;
  border: 0;
  margin-bottom: 30px;
}
table thead tr th {
  font-family: 'Oswald', sans-serif;
  font-weight: 100;
  background: #333;
  color: #fff;
  padding: 6px 10px;
  text-align: left;
  font-size: 17px;
  text-transform: uppercase;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
table tbody tr td {
  font-size: 12px;
  padding: 5px 8px;
  font-weight: bold;
  border-right: 1px solid #d8d8d8;
  text-transform: uppercase;
}
/* table tbody tr td span {
  font-size: 9px;
  font-weight: 100;
  color: #7e7e7e;
} */
table tbody tr td .icon {
  position: relative;
  margin: 0 2px;
}
table tbody tr td .icon svg {
  width: 22px;
  height: 22px;
  background: #333;
  fill: #fff;
  padding: 4px;
  border-radius: 3px;
}
table tbody tr td .icon span {
  position: absolute;
  top: -29px;
  left: -30px;
  background: #ccc;
  padding: 3px 0;
  font-size: 9px;
  width: 80px;
  text-align: center;
  display: none;
}
table tbody tr td .icon:hover span {
  display: block;
}
table tbody tr td .icon:hover svg {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
table tbody tr td .insc svg {
  background: #13bf54;
}
table tbody tr td .resul svg {
  background: #f9a909;
}
table tbody tr td .insc2 svg {
  background: #333;
}
table tbody tr td .squad svg {
  background: #3051d6;
  padding: 5px;
}
table tbody tr td .invitation svg {
  background: #8593cb;
  padding: 5px;
}
table tbody tr:nth-child(odd) {
  background: #efefef;
}
table tbody tr:nth-child(even) {
  background: #fff;
}
table tbody tr.especial-interno {
  background: #333;
  color: #fff;
}
table tbody tr.especial-interno td {
  padding: 7px 14px !important;
}
h3.res_h3 {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  background: #3a3a3a;
  padding: 10px 17px;
  color: #fff;
  text-transform: uppercase;
}
h3.count_shooters {
  font-size: 15px !important;
  border-left: 0px solid #fff !important;
  color: #0F9548 !important;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0px 17px;
  text-transform: uppercase;
  text-align: right;
}
.table-center thead tr th {
  text-align: center;
  font-weight: 400;
}
.table-center tbody tr td {
  text-align: center;
}
.table-campeonato tbody tr td {
  padding: 1px 8px;
}
.table-campeonato tbody tr td img {
  mix-blend-mode: darken;
  max-height: 30px;
  max-width: 46px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .tabelas-divisoes .tabela-divisao .format-tabela .pendente b {
    background: #ff4c00 !important;
    font-size: 0 !important;
    height: 15px;
    padding: 2px 0 !important;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    width: 15px;
  }
  .tabelas-divisoes .tabela-divisao .format-tabela .pendente b:before {
    content: 'x';
    font-size: 9px;
  }
  .tabelas-divisoes .tabela-divisao .format-botoes {
    margin: 0 0 10px 0 !important;
  }
}
/*====================================================================================================================
* DEFAULT ALERTAS E BOTÕES
* ====================================================================================================================*/
.alerta {
  font-family: 'Oswald', sans-serif;
  padding: 9px 10px 11px 10px;
  text-align: center;
  border-radius: 0;
  margin-top: 25px;
  color: #333;
  background-color: #fff;
  color: #fff;
  text-transform: uppercase;
}
.alerta svg {
  fill: #ccc;
  width: 20px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.red {
  color: #dc1d2b;
}
.red svg {
  fill: #ca3540;
}
.alerta-vermelho {
  background: #ca4b4b;
}
.alerta-verde {
  background: #23b042;
  border: 1px solid #23b042;
}
.alerta-cinza {
  background: #eaeaea;
}
.alerta-azul {
  background: #00308F;
}
.alerta-vazio {
  color: #a0a0a0;
  width: 100%;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
/*====================================================================================================================
* DEFAULT BOTÕES DIVISÕES
* ====================================================================================================================*/
.botoes-divisoes {
  width: 100%;
  height: auto;
  overflow: auto;
}
.botoes-divisoes a {
  width: 25%;
  height: auto;
  color: #fff;
  background: #464646;
  padding: 13px 20px;
  font-weight: bold;
  float: left;
  list-style: none;
  border-left: 10px solid #fff;
  border-top: 10px solid #fff;
  cursor: pointer;
}
.botoes-divisoes a:nth-child(4n+1) {
  border-left: none;
}
.botoes-divisoes a b {
  display: block;
  font-weight: 100;
  font-size: 13px;
}
.botoes-divisoes a:hover,
.botoes-divisoes a:focus {
  color: #fff;
  background: #3c3c3c;
}
.botoes-divisoes .current-button {
  background: #0ba700;
}
.botoes-divisoes .current-button:hover,
.botoes-divisoes .current-button:focus {
  color: #fff;
  background: #019d00;
}
@media screen and (max-width: 600px) {
  .botoes-divisoes li {
    width: 100%;
    border: none;
    margin: 0;
    margin-bottom: 10px;
  }
}
/*====================================================================================================================
*  SELECTS PERSONALIZADOS
* ====================================================================================================================*/
.selectbox {
  position: relative;
  width: 32%;
  float: left;
}
.selectbox:nth-child(2) {
  margin: 0 2%;
}
.selectbox .selects label {
  position: absolute;
  top: -27px;
  left: 0;
  font-weight: 400;
  font-size: 14px;
  background: #696969;
  width: 100%;
  color: #fff;
  padding: 4px 15px 6px 14px;
  border-radius: 3px 3px 0 0;
}
.selectbox .selects select {
  color: #333;
  padding: 6px;
  width: 100%;
  font-size: 15px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
  border: 1px solid #c5c5c5;
  border-top: none;
  background: #fff;
  text-transform: uppercase;
  border-radius: 0 0 5px 5px;
  font-weight: bold;
}
.selectbox .selects select option {
  padding: 30px;
}
.selectdesabilitado {
  opacity: 0.5;
}
.selecione-temporada {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 7px;
  background: #efefef;
  border-radius: 4px;
}
.selecione-temporada .selects {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.selecione-temporada .selects > div {
  margin-bottom: 10px;
}
.selecione-temporada .selects label {
  font-weight: bold;
  font-size: 14px;
  width: auto;
  text-align: center;
  color: #333;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 0 25px;
  border-radius: 4px;
}
.selecione-temporada .selects select {
  color: #333;
  -webkit-appearance: button;
  appearance: button;
  outline: none;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #cecece;
  border-radius: 5px;
  height: 36px;
  max-width: 240px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 0 5px;
  justify-content: center;
  align-items: center;
  font-size: 14px !important;
}
.selecione-temporada .selects select option {
  padding: 30px;
}
.selecione-temporada .selects .row {
  display: flex; 
  flex-direction: row;
}

.buttonFiltrar {
  margin-left: 25px;
  height: 36px;

  padding-left: 20px !important;
  padding-right: 20px !important;
  background: #2B499C; 
  color: #fff; 
  border: none; 
  padding: 7px; 
  border-radius: 0px;
}

@media screen and (max-width: 600px) {
  .selectbox {
    width: 100%;
    float: inherit;
    margin-bottom: 0 !important;
    margin-top: 40px !important;
    margin-left: 0 !important;
  }
}
/*====================================================================================================================
*  VISUALIZAR ESQUADRA
* ====================================================================================================================*/
.squads-view {
  width: 32.50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.6%;
  font-family: 'Lato', sans-serif;
}
.squads-view:nth-child(3n+2) {
  margin: 0 1%;
}
.squads-view table {
  margin-bottom: 0;
}
.squads-view table thead tr th {
  text-align: center;
}
.squads-view table tbody tr td {
  font-weight: 100;
  font-size: 10px;
  padding: 8px 5px;
  height: 46px;
  border: none;
}
.squads-view table tbody tr .nome {
  text-transform: uppercase;
  line-height: 15px;
}
/*====================================================================================================================
*  TABELA INSCRITOS
* ====================================================================================================================*/
.tabelas-divisoes .tabela-divisao {
  display: block;
}
.tabelas-divisoes .tabela-divisao .format-botoes {
  margin: 30px 0;
  overflow: auto;
}
.tabelas-divisoes .tabela-divisao .format-botoes select {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  height: 40px;
  font-weight: bold;
  font-size: 13px;
  outline: none;
}
.tabelas-divisoes .tabela-divisao .format-botoes span.label {
  border-radius: 4px 4px 0 0;
  background: #696969;
  color: #fff;
  padding: 5px 18px;
  display: inline-block;
  margin: 0 18px;
  font-size: 12px;
  font-weight: bold;
}
.tabelas-divisoes .tabela-divisao .format-tabela {
  display: none;
  margin-bottom: 4px;
  position: relative;
  background-color: #fff;
  padding: 6px;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tabelas-divisoes .tabela-divisao .format-tabela a {
  font-size: 13px;
  background: #696969;
  border-left: 0;
  color: #fff;
  padding: 4px 12px;
  margin-bottom: 0;
  display: block;
  cursor: pointer;
}
.tabelas-divisoes .tabela-divisao .format-tabela a span {
  position: absolute;
  font-size: 25px;
  top: 1px;
  right: 13px;
  font-weight: bold;
}
.tabelas-divisoes .tabela-divisao .format-tabela a span:before {
  content: '+';
}
.tabelas-divisoes .tabela-divisao .format-tabela .color {
  background: #0fa700;
}
.tabelas-divisoes .tabela-divisao .format-tabela .color span {
  top: -9px;
  right: 14px;
  font-size: 40px;
  font-weight: 100;
}
.tabelas-divisoes .tabela-divisao .format-tabela .color span:before {
  content: '-';
}
.tabelas-divisoes .tabela-divisao .format-tabela li {
  padding: 8px 10px;
  list-style: none;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.tabelas-divisoes .tabela-divisao .format-tabela li .svg {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 6px;
}
.tabelas-divisoes .tabela-divisao .format-tabela li .svg svg {
  width: 13px;
  height: 13px;
  background: #0fa700;
  fill: #fff;
  padding: 3px;
  border-radius: 50%;
}
.tabelas-divisoes .tabela-divisao .format-tabela li .svg span {
  position: absolute;
  top: -31px;
  left: -32px;
  width: 80px;
  background: #0da701;
  font-size: 8px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  padding: 2px 0;
  display: none;
}
.tabelas-divisoes .tabela-divisao .format-tabela li .svg span:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0da701;
  border-bottom: 5px solid transparent;
}
.tabelas-divisoes .tabela-divisao .format-tabela li .svg:hover span,
.tabelas-divisoes .tabela-divisao .format-tabela li .svg:focus span {
  display: block;
}
.tabelas-divisoes .tabela-divisao .format-tabela li strong {
  font-size: 12px;
  color: #696969;
}
.tabelas-divisoes .tabela-divisao .format-tabela li:nth-last-child(odd) {
  background: #eaeaea;
}
.tabelas-divisoes .tabela-divisao .format-tabela .pendente b {
  background: #ff6d10;
  color: #fff;
  padding: 4px 7px;
  border-radius: 2px;
  font-size: 8px;
  margin-left: 9px;
  position: relative;
  top: -2px;
}
.tabelas-divisoes .tabela-divisao .format-tabela .intro-00 {
  padding-left: 30px;
}
.tabelas-divisoes .tabela-divisao .format-tabela .intro-00 span {
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin: 10px 0;
  border-left: 5px solid #616060;
  padding-left: 8px;
  text-transform: uppercase;
}
.tabelas-divisoes .tabela-divisao .format-tabela .intro-00 li:last-child {
  margin-bottom: 20px;
}
.tabelas-divisoes .tabela-divisao .current-table {
  display: block;
}
.tabelas-divisoes .current-table {
  display: block;
}
/*====================================================================================================================
*  CLUBES FILIADOS
* ====================================================================================================================*/
.clubes-filiados {
  font-family: 'Lato', sans-serif;
}
.clubes-filiados > .line {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
  padding-top: 20px;
}
.clubes-filiados > .line .bloco {
  float: left;
}
.clubes-filiados > .line .bloco h3 {
  font-size: 20px;
}
.clubes-filiados > .line .bloco .line {
  margin-bottom: 4px;
  font-size: 14px;
}
.clubes-filiados > .line .bloco .line label {
  font-weight: bold;
}
.clubes-filiados > .line .bloco .line span:after {
  content: ' | ';
}
.clubes-filiados > .line .bloco .line span:last-child:after {
  content: '';
}
.clubes-filiados > .line .bloco1 {
  width: 20%;
  text-align: center;
}
.clubes-filiados > .line .bloco1 img {
  max-width: 150px;
  max-height: 100px;
}
.clubes-filiados > .line .bloco2 {
  width: 80%;
}
.clubes-filiados > .line:hover,
.clubes-filiados > .line:focus {
  background: #f7f7f7;
}
.clubes-filiados > .line:hover .bloco1 img,
.clubes-filiados > .line:focus .bloco1 img {
  mix-blend-mode: multiply;
}
/*====================================================================================================================
*  FORMATAÇÃO SÚMULAS
* ====================================================================================================================*/
table.sumula-NRA tbody tr td {
  text-align: center;
  padding: 20px;
  font-size: 14px;
}
table.sumula-NRA tbody tr.thead td {
  color: #fff;
  background: #3a3a3a;
  border: none;
  padding: 5px;
}
table.sumula-TRPII tbody tr td {
  text-align: center;
  padding: 14px;
  font-size: 14px;
}
table.sumula-TRPII tbody tr.thead td {
  color: #fff;
  background: #3a3a3a;
  border: none;
  padding: 5px;
}
.penalidades-e-outros {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
/*====================================================================================================================
*  RESULTADOS VÁZIOS
* ====================================================================================================================*/
.resultado-empty {
  background: #ececec;
  padding: 14px 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
}
/*====================================================================================================================
*  FORMATAÇÃO IMPRESSÃO
* ====================================================================================================================*/
.botao-print {
  background: #2b7ebd;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-print svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-print span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-print:hover,
.botao-print:focus {
  background: #2e72a9;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
/*====================================================================================================================
*  RESULTADOS AGRUPADOS
* ====================================================================================================================*/
.botao-agrupados {
  background: #18a93b;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-agrupados svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-agrupados span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-agrupados:hover,
.botao-agrupados:focus {
  background: #0f9630;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
/*====================================================================================================================
*  RESULTADOS POR CLUBES
* ====================================================================================================================*/
.botao-clubes {
  background-color: #2b7ebd;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-clubes svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-clubes span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-clubes:hover,
.botao-clubes:focus {
  background: #2e72a9;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
/*====================================================================================================================
*  RESULTADOS POR INTERCLUBES
* ====================================================================================================================*/
.botao-interclubes {
  background-color: #db7516;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-interclubes svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-interclubes span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-interclubes:hover,
.botao-interclubes:focus {
  background: #bd620d;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/*====================================================================================================================
*  Etapa eliminatória
* ====================================================================================================================*/
.botao-etapa-eliminatoria {
  background-color: #0d4723;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-etapa-eliminatoria svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-etapa-eliminatoria span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-etapa-eliminatoria:hover,
.botao-etapa-eliminatoria:focus {
  background-color: #0d4723;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
/*====================================================================================================================
* RESULTADOS SOMA MODALIDADES
*=====================================================================================================================*/
.botao-soma-modalidades {
  background-color: #750082;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-soma-modalidades svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-soma-modalidades span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-soma-modalidades:hover,
.botao-soma-modalidades:focus {
  background-color: #61056b;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
/*====================================================================================================================
* BARRA DE TÍTULO INTERNA
* ====================================================================================================================*/
.barra-interna {
  width: 100%;
  background: #333;
}
.barra-interna .centro {
  max-width: 1366px;
  margin: 0 auto;
  padding: 45px 15px 25px 15px;
  font-family: 'Oswald', sans-serif;
}
.barra-interna .centro h1 {
  color: #e2e2e2;
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
  display: inline-block;
}
.barra-interna .centro .sub {
  color: #929292;
  text-transform: uppercase;
  font-size: 15px;
}
.barra-interna .centro .infos {
  float: right;
  margin-top: -5px;
  margin-right: 15px;
  color: #398fda;
  font-weight: 100;
  text-align: right;
}
.barra-interna .centro .infos span {
  color: #ccc;
}
.barra-interna .centro .voltar-noticias {
  display: block;
  text-transform: uppercase;
  color: #666;
  position: relative;
  margin-top: -30px;
}
.barra-interna .centro .voltar-noticias span {
  position: absolute;
  top: -8px;
  left: -50px;
  background: #fff;
  padding: 8px;
  border-radius: 50%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  writing-mode: lr-tb;
}
.barra-interna .centro .voltar-noticias span svg {
  width: 25px;
  height: 25px;
  display: block;
}
@media screen and (max-width: 600px) {
  .barra-interna .centro h1 {
    font-size: 18px;
  }
}
/*====================================================================================================================
* CONTEÚDO
* ====================================================================================================================*/
.conteudo-default {
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
  overflow: auto;
  padding: 0 15px;
}
.conteudo-default h1,
.conteudo-default h2 {
  font-size: 37px;
  font-family: lato;
  margin-bottom: 22px;
  color: #333;
  border-bottom: 3px solid #f3f3f3;
  padding-bottom: 10px;
  min-height: 30px;
}
.conteudo-default h3,
.conteudo-default h4,
.conteudo-default h5,
.conteudo-default h6 {
  font-size: 25px;
  font-family: lato;
  margin-bottom: 10px;
  color: #333;
  border-left: 11px solid #9c9c9c;
  padding-left: 11px;
}
.conteudo-default p {
  margin-bottom: 17px;
  font-size: 15px;
  line-height: 22px;
  color: #656565;
}
.conteudo-default p .alignright {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}
.conteudo-default p .alignleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.conteudo-default p .aligncenter {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.conteudo-default > ul > li {
  font-size: 15px;
  padding: 6px 3px;
  list-style: none;
  color: #333;
}
 > .conteudo-default > ul > li:before {
  content: '';
  width: 15px;
  height: 3px;
  background: #1f1f1f;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.conteudo-default ol li {
  font-size: 15px;
  padding: 6px 3px;
  color: #333;
}
.conteudo-default ol li:before {
  content: '';
  width: 15px;
  height: 3px;
  background: #1f1f1f;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.conteudo-default hr {
  margin-top: 30px;
  margin-bottom: 30px;
  opacity: 0.3;
}
.width_1170 {
  max-width: 1170px;
}
.width_1366 {
  max-width: 1366px;
}
h3.res_h3 {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  background: #3a3a3a;
  padding: 10px 17px;
  color: #fff;
  text-transform: uppercase;
}
.table-colunas {
  display: flex;
  flex-wrap: wrap;
}
.table-colunas .coluna {
  width: 25%;
}
.table-colunas .coluna .table {
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 0;
}
.table-colunas .coluna .table .table-body {
  padding: 5px 12px;
}
.table-colunas .coluna .table .table-body .line-rodape .bloco {
  padding: 6px 0;
  background: #00a765;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.table-colunas .coluna .table .table-body .discarded_1 .bloco {
  color: #ff0d0d;
}
.table-colunas .coluna:nth-child(4n+4) .table {
  margin-right: 0;
}
.table {
  margin-bottom: 40px;
  padding: 3px;
  border: 1px solid #eaeaea;
}
.table .table-head {
  width: 100%;
}
.table .table-head .line {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.table .table-head .line .bloco {
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'Oswald', sans-serif;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 8px 11px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
.table .table-head .line .bloco:last-child {
  border-right: none;
}
.table .table-head .line .bloco .sub-bloco {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.table .table-head .line .bloco .sub-bloco .bloco {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.table .table-body {
  width: 100%;
}
.table .table-body .line {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.table .table-body .line .bloco {
  font-family: 'Lato', sans-serif;
  background-color: #fff;
  color: #333;
  text-align: center;
  padding: 3px 8px;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table .table-body .line .bloco span {
  font-size: 9px;
  font-weight: 100;
  color: #7e7e7e;
}
.table .table-body .line .bloco .icon {
  position: relative;
  margin: 0 2px;
}
.table .table-body .line .bloco .icon svg {
  width: 22px;
  height: 22px;
  background: #333;
  fill: #fff;
  padding: 4px;
  border-radius: 3px;
}
.table .table-body .line .bloco .icon span {
  position: absolute;
  top: -23px;
  left: -30px;
  background: #ccc;
  padding: 3px 0;
  font-size: 9px;
  width: 80px;
  text-align: center;
  display: none;
  font-size: 11px;
}
.table .table-body .line .bloco .icon:hover span {
  display: block;
}
.table .table-body .line .bloco .icon:hover svg {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.table .table-body .line .bloco .insc svg {
  background: #d23a99;
}
.table .table-body .line .bloco .resul svg {
  background: #f9a909;
}
.table .table-body .line .bloco .insc2 svg {
  background: #13bf54;
}
.table .table-body .line .bloco .squad svg {
  background: #3051d6;
  padding: 5px;
}
.table .table-body .line .bloco:last-child {
  border-right: none;
}
.table .table-body .line .bloco .sub-bloco {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.table .table-body .line .bloco .sub-bloco .line .bloco {
  border-right: 1px solid #d6d6d6 !important;
  border-bottom: 1px solid #d6d6d6 !important;
}
.table .table-body .line .bloco .sub-bloco .line .bloco:first-child {
  border-left: 1px solid #d6d6d6 !important;
}
.table .table-body .line .bloco .sub-bloco .line:first-child {
  border-top: 1px solid #d6d6d6 !important;
}
.table .table-body .line .bloco .sub-bloco .line:nth-child(even) .bloco {
  background: #fff;
}
.table .table-body .line:nth-child(odd) .bloco {
  background: #eaeaea;
}
.table .table-body .line-head .bloco {
  background-color: #4e4e4e !important;
  color: #fff;
  padding: 12px 8px;
}
.table .table-body .line-body .bloco {
  padding: 12px 8px;
}
.table .loading {
  width: 70px;
  margin: 0 auto;
  margin-top: 20px;
}
.table .loading img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 600px) {
  .adjustmentHeight {
    padding: 20px 15px;
  }
}
/*===============================================================
* TABLE SR
* ==============================================================*/
.table-sr .titulo_full {
  display: block;
  width: 100%;
  background: #00a765;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.1px;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}
.table-sr .coluna {
  width: 19.2%;
  margin-right: 1%;
  margin-top: 1%;
}
.table-sr .coluna .table {
  margin: 0;
}
.table-sr .coluna .table .table-body {
  padding: 0;
}
.table-sr .coluna:nth-child(4n+4) {
  margin-right: 1%;
}
.table-sr .coluna:nth-child(6n+6) {
  margin-right: 0;
}
.resultado-footer {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding: 13px 15px 8px 15px;
  color: #333;
}
/*===============================================================
* GALERIA DE VÍDEOS
* ==============================================================*/
.todos-os-videos {
  display: flex;
  flex-wrap: wrap;
}
.todos-os-videos .elementor-wrapper {
  width: 23%;
  position: relative;
  margin: 1%;
  padding: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.todos-os-videos .elementor-wrapper img {
  display: block;
}
.todos-os-videos .elementor-wrapper h3 {
  font-size: 14px;
  text-align: center;
  padding: 10px;
  background: #eaeaea;
  height: 56px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.todos-os-videos .elementor-wrapper:hover,
.todos-os-videos .elementor-wrapper:focus {
  box-shadow: 0 0 0 5px #4ccc7c;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media screen and (max-width: 600px) {
  .todos-os-videos .elementor-wrapper {
    width: 100%;
  }
}
/*===============================================================
* VALIDAR DECLARAÇÃO
* ==============================================================*/
.validar-declaracao {
  padding: 60px 20px;
}
.validar-declaracao form {
  display: flex;
  margin-top: 10px;
}
.validar-declaracao form span {
  width: 15%;
  padding: 10px 15px;
  background: #eaeaea;
  font-weight: bold;
  color: #232323;
  text-align: right;
}
.validar-declaracao form input {
  width: 65%;
  border: 1px solid #eaeaea;
  padding: 10px;
  font-size: 15px;
  margin-right: 6px;
  margin-left: 6px;
  outline: none;
}
.validar-declaracao form .botao {
  width: 20%;
  background: #2bbb4c;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  outline: none;
  margin: 0;
}
/*===============================================================
* CALENDÁRIO
* ==============================================================*/
.calendario {
  max-width: 1366px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #dadada;
}
.calendario h3 {
  background: #e4e4e4;
  padding: 10px 13px;
  color: #333;
  margin-bottom: -1px;
  font-size: 18px;
}
.calendario .table {
  padding: 20px 20px;
}
.calendario .table strong {
  text-transform: uppercase;
  color: #fff;
  margin-right: 2px;
  background: #333333;
  padding: 5px 30px;
  font-size: 14px !important;
  position: relative;
  top: -2px;
  border-radius: 4px;
}
.calendario .botao-print {
  position: absolute;
  margin: 0;
  top: 20px;
  right: 20px;
}
.calendario .legenda_cat {
  display: flex;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 2px;
  flex-wrap: wrap;
}
.calendario .legenda_cat .line {
  margin-top: 10px;
  width: 33%;
}
.calendario .legenda_cat .line .cor {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #333;
  margin-right: 9px;
  vertical-align: top;
}
.calendario .legenda_cat .line .titulo {
  font-size: 13px;
  font-weight: bold;
}
.calendario .legenda_cat .line:nth-child(1),
.calendario .legenda_cat .line:nth-child(2),
.calendario .legenda_cat .line:nth-child(3) {
  margin-top: 0;
}
.calendario .topoCal {
  width: 100%;
  background: #fff;
}
.calendario .topoCal .line {
  display: flex;
}
.calendario .topoCal .line .descricao {
  width: 26%;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  padding: 3px 9px;
  min-height: 35px;
  display: flex;
  align-items: center;
}
.calendario .topoCal .line .div-vals {
  width: 80%;
  display: flex;
  text-align: center;
}
.calendario .topoCal .line .div-vals span {
  padding: 0;
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendario .topoCal .line .div-vals span:first-child {
  border-left: 1px solid #e4e4e4;
}
.calendario .topoCal .line .div-vals span.especial {
  color: #fff;
}
.calendario .base {
  width: 100%;
  background: #fff;
}
.calendario .base .line {
  display: flex;
}
.calendario .base .line .descricao {
  width: 26%;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  padding: 3px 9px;
  min-height: 35px;
  display: flex;
  align-items: center;
}
.calendario .base .line .div-vals {
  width: 80%;
  display: flex;
  text-align: center;
}
.calendario .base .line .div-vals span {
  padding: 0;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendario .base .line .div-vals span:first-child {
  border-left: 1px solid #e4e4e4;
}
.calendario .base .line .div-vals span.especial {
  color: #fff;
}
.calendario:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}
.dialog-type-lightbox,
.elementor-search-form--skin-full_screen {
  z-index: 999999 !important;
}
.colunas_1.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_1.galeria-modificada-wrapper a {
  width: 25%;
  padding: 5px;
}
.colunas_1.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_2.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_2.galeria-modificada-wrapper a {
  width: 25%;
  padding: 5px;
}
.colunas_2.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_3.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_3.galeria-modificada-wrapper a {
  width: 25%;
  padding: 5px;
}
.colunas_3.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_4.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_4.galeria-modificada-wrapper a {
  width: 25%;
  padding: 5px;
}
.colunas_4.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_5.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_5.galeria-modificada-wrapper a {
  width: 20%;
  padding: 5px;
}
.colunas_5.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_6.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_6.galeria-modificada-wrapper a {
  width: 16.66%;
  padding: 5px;
}
.colunas_6.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_7.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_7.galeria-modificada-wrapper a {
  width: 14.28%;
  padding: 5px;
}
.colunas_7.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_8.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_8.galeria-modificada-wrapper a {
  width: 12.5%;
  padding: 5px;
}
.colunas_8.galeria-modificada-wrapper a img {
  display: block;
}
.colunas_9.galeria-modificada-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colunas_9.galeria-modificada-wrapper a {
  width: 11.11%;
  padding: 5px;
}
.colunas_9.galeria-modificada-wrapper a img {
  display: block;
}

/*===============================================================
* TABELA RANKING
* ==============================================================*/

.resultado .table-ranking-responsive {width: 100%;max-height: 500px;overflow-x: auto;box-sizing: border-box;}
.resultado .table-ranking-responsive table{min-width: 100%;border-collapse: collapse;width:max-content}
.resultado .table .trap-misto, 
.resultado .table .trap-misto > td,
.resultado .table-ranking-responsive table table .trap-misto, 
.resultado .table-ranking-responsive table table .trap-misto > td {padding: 0}
.resultado .table .table, 
.resultado .table .table tr, 
.resultado .table .table td,
.resultado .table-ranking-responsive table table, 
.resultado .table-ranking-responsive table table tr, 
.resultado .table-ranking-responsive table table td {background-color: transparent;border: 0;}
.resultado .table .table tr:first-child td,
.resultado .table-ranking-responsive table table tr:first-child td{border-bottom: 1px solid #666}
.resultado .table .table .no-border > td,
.resultado .table-ranking-responsive table table .no-border > td{border: 0 !important;}
.resultado .table .table .no-border > td td,
.resultado .table-ranking-responsive table table .no-border > td td{border: 0 !important;}
.resultado .table thead tr,
.resultado .table-ranking-responsive table thead tr{background-image: none;background-color: #333; color: #fff }
.resultado .table thead tr th,
.resultado .table-ranking-responsive table thead th{font-size: 14px;text-transform: uppercase;padding: 2px;border: 1px solid #666;border-bottom: 0;}
.resultado .table thead tr th small,
.resultado .table-ranking-responsive table thead th small{font-size: 12px;}
.resultado .table thead tr th.etapas-ranking,
.resultado .table-ranking-responsive table thead th.etapas-ranking{border-left: 1px solid #666;border-right: 1px solid #666;}
.resultado .table tbody tr td,
.resultado .table-ranking-responsive table tbody td{font-size: 12px;text-transform: uppercase;padding: 2px;border: 1px solid #666;font-weight:normal;position: relative;}
.resultado .table tbody tr td img,
.resultado .table-ranking-responsive table tbody td img{height: 25px;}
.resultado .table-ranking-responsive table tbody td span{font-size: inherit;}



.resultado .table-ranking-responsive table tbody td.border-left{border-left: 1px solid #666;}
.resultado .table-ranking-responsive table tbody td.border-right{border-right: 1px solid #666;}
.resultado .table-ranking-responsive table tbody tr.danger{background-color: #ffdcdc;}
.resultado .table-ranking-responsive table tbody tr.danger td{color: #333 !important;}

.resultado .table-ranking-responsive table tbody td .clube-sede{position: absolute;top:1px;right:1px;width: 6px; height: 6px;border-radius:3px;}

.resultado .table-ranking .indices .indice{display: inline-block;margin: 0px 10px;line-height: 1;} 
.resultado .table-ranking .indices .indice-cor{display: inline-block;width: 16px;height: 16px;border: 1px solid #666;} 
.resultado .table-ranking .indices .tipo-sede{border-radius: 8px;width: 16px;height: 16px;} 


.resultado .negrito {font-weight:bold !important;color: #000 !important}
.resultado .danger {color: #dc1d2b !important}
.resultado .text-center {text-align:center !important}

/*====================================================================================================================
*  BOTAO LIMPAR
* ====================================================================================================================*/
.botao-limpar {
  background: #034D73;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-limpar svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-limpar span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-limpar:hover,
.botao-limpar:focus {
  background: #023854;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/*====================================================================================================================
*  BOTAO LIMPAR
* ====================================================================================================================*/
.botao-ranking-qualidade {
  background: #efbb19;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-ranking-qualidade svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-ranking-qualidade span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-ranking-qualidade:hover,
.botao-ranking-qualidade:focus {
  background: #d7a711;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/*====================================================================================================================
*  BOTAO LIMPAR
* ====================================================================================================================*/
.botao-ranking-desempenho {
  background: #800dcc;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.botao-ranking-desempenho svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-ranking-desempenho span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-ranking-desempenho:hover,
.botao-ranking-desempenho:focus {
  background: #6609a3;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* ====================================================================================================================*/ 
.botao-recordes {
  background: #a30a9d;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.botao-recordes svg {
  display: inline-block;
  width: 20px;
  height: 19px;
  fill: #fff;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}
.botao-recordes span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.botao-recordes:hover,
.botao-recordes:focus {
  background: #a30a9d;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}