/* .align_table_custom {
   display: flex;
   flex-direction: column;
}

.tables_left_content table tr:first-child.my_team_style {
   order: 3;
   border: 1px solid red;
}
.tables_left_content table tr:first-child.my_team_style ~ * {
   order: 1;
}
.tables_left_content table tr:nth-child(12)[data-position='11'] {
   visibility: visible;
} */





/* tr[data-team] {
   border:1px solid red
} */

/* ESTILOS PARA A TABELA DE RANKING DE TORCEDORES PARA O TIME DO CORAÇÃO APARECER DESTACADO SOMENTE EM BAIXO */
/* ESTILOS PARA A TABELA DE RANKING DE TORCEDORES PARA O TIME DO CORAÇÃO APARECER DESTACADO SOMENTE EM BAIXO */
/* ESTILOS PARA A TABELA DE RANKING DE TORCEDORES PARA O TIME DO CORAÇÃO APARECER DESTACADO SOMENTE EM BAIXO */
/* .align_space_col {
   padding: 13px 0px 11px !important;
   font-size: 15px;
}
.tables_left_content table tr td img {
   width: 22px;
   height: 22px;
}
.tables_left_content table tr td p {
   font-size: 15px;
} */

.header_table_left_content {
   background-color: #1E1E1E !important;
}






/* SELECT PERSONALIZADO */
/* SELECT PERSONALIZADO */
.custom-select {
   flex: 1;
   font-size: 0;
}
.custom-select .select {
   cursor: pointer;
   position: relative;
   margin-top: 10px;
   font-size: 15px;
   font-weight: 500;
   user-select: none;
}
.custom-select .select select {
   width: 100%;
   display: none;
   visibility: hidden;
}

.custom-select .select .select-styled {
   position: relative;
   padding: 0.1rem 0.5rem 0.4rem;
   border-radius: 6px;
   background-color: transparent;
   border: 1px solid #fff;
   color: #fff;
   transition: all 250ms ease;
}
.custom-select .select .select-styled:hover {
   box-shadow: 0px 0px 16px 0px #1dff2c21;
   border-color: var(--color_main);
   color: var(--color_main);
}
.custom-select .select .select-styled:active,
.custom-select .select .select-styled.active {
   box-shadow: 0px 0px 16px 0px #1dff2c21;
   border-color: var(--color_main);
   color: var(--color_main);
}

.custom-select .select .select-styled span {
   width: calc(100% - 20px);
   height: 100%;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-word;
   color: inherit;
   font-weight: 400;
}

.custom-select .select .select-styled .arrow-select-styled {
   position: absolute;
   width: 18px;
   height: 16px;
   top: calc(50% + 1px);
   right: .6rem;
   /* color: var(--color_main); */
   color: inherit;
   display: inline-block;
   transform: translateY(-50%);
   transition: top 250ms ease, transform 250ms ease;
}

.custom-select .select .select-styled:active .arrow-select-styled,
.custom-select .select .select-styled.active .arrow-select-styled {
   /* color: #fff; */
   transform: rotate(180deg);
   top: calc(25% + 1px);
}

.custom-select .select .select-options {
   position: absolute;
   max-height: 240px;
   padding: 0;
   margin: 0.45rem 0 0 0;
   top: 100%;
   right: 0;
   left: 0;
   border-radius: 6px;
   background-color: #0E0E0E;
   box-shadow: 0px 0px 12px -3px #000000;
   display: block;
   overflow: auto;
   list-style: none;
   pointer-events: none;
   opacity: 0;
   z-index: 1;
   transition: all 250ms ease;
}
.custom-select .select .select-styled.active~.select-options {
   opacity: 1;
   pointer-events: all;
}

.custom-select .select .select-options::-webkit-scrollbar-track {
   background-color: transparent;
}
.custom-select .select .select-options::-webkit-scrollbar {
   width: 6px;
   height: 6px;
   background-color: transparent;
}
.custom-select .select .select-options::-webkit-scrollbar-thumb {
   background-color: #1E1E1E;
   background-color: var(--color_main);
   border-radius: 20px;
}

.custom-select .select .select-options li {
   margin: 0;
   padding: 12px 18px;
   background-color: #0E0E0E;
   border-bottom: 1px solid #242424;
   color: #CFCFCF;
   font-size: 14px;
   font-weight: 500;
   transition: all 150ms ease-in;
}
.custom-select .select .select-options li[rel=hide] {
   display: none;
}
.custom-select .select .select-options li:hover {
   background-color: #0a0a0a;
}
.custom-select .select .select-options li.disabled,
.custom-select .select .select-options li.disabled:hover {
   background-color: #302c2c;
   color: #827b7b;
   cursor: default;
}




@media(max-width:539px) {
   .custom-select .select .select-styled span {
      font-size: 12px;
   }
   .custom-select .select .select-options li {
      font-size: 12px;
   }
}














.tables_left_content{
  margin-top: 0px;
  box-shadow: 0px 0px 14px 6px #000000;
}
.align_tables_content table tr{
  transition: background-color 0.2s ease;
}

.align_tables_content table tr:hover{
  background-color: #242323;
}





section h1{
  color: var(--color_titles);
}
.tables_left_content table tr th,
.tables_left_content table tr td {
   padding: 12px 22px;
}

.align_col .last_games {
   display: flex;
   align-items: center;
   justify-content: center;
}
.align_col .last_games .ball_game {
   width: 12px;
   height: 12px;
   margin: 0px 3px;
   border-radius: 100%;
   border: 1px solid #5B5B5B;
   background-color: #1E1E1E;
   display: inline-block;
}
.align_col .last_games .ball_game.draw {
   border: 1px solid var(--border-color);
   background-color: var(--border-color);
}
.align_col .last_games .ball_game.victory {
   border: 1px solid var(--green);
   background-color: var(--green);
}
.align_col .last_games .ball_game.defeat {
   border: 1px solid var(--invalid_color);
   background-color: var(--invalid_color);
}

/* ------------ */

/* ------------ */

/* ------------ */

/* ------------ */

/* TABELA PRÓXIMO JOGO*/

.square_next_games-66 {
  position: relative;
  width: 100%;
  margin-top: 0px;
  border-radius: 4px;
  background-color: #0e0e0e;
  overflow: hidden;
  box-shadow: 0px 0px 14px 6px #000000;
  border: 1px solid #5B5B5B;
}
.select_round_content{
  width: 100%;
  padding: 8px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0a0a0a;
  border-bottom: 1px solid #5b5b5b;
}
.select_round_content span{
  display: flex;
  border-radius: 4px;
  transition: background-color 0.2s ease;

  padding: 8px 12px;
  color: var(--color_main);
  cursor: pointer;
}
.select_round_content span:hover{
  background-color: #141414;
}
.select_round_content p{
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}
.align_teams_clash{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.teams_clash_content{
  padding: 14px 34px;
}
.teams_clash-66 {
  border-bottom: 1px solid #5b5b5b;
  background-color: #0e0e0e;
  color: #fff;
  padding: 15px 0px;
  position: relative;
}
.teams_clash-66:first-child{
  padding-top: 10px;
}
.teams_clash-66:last-child{
  border-bottom: none;
  padding-bottom: 10px;
}

.date_clash-66 {
  flex-direction: column;
}

.shield_team-66 img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.align_symbol_x-66 {
  color: #8c8c8c;
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
}
.align_symbol_x-66 span{
  margin: 0px 8px;
  color: var(--color_main);
  font-size: 18px;
  font-weight: 700;
}

.date_play-66 {
  width: 100%;
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 11px;
  color: var(--color_texts);
}

.hour_play-66 {
  margin-top: 4px;
  font-size: 12px;
  color: #9f9f9f;
}

.name_team-66 {
  margin-top: 5px;
  margin-left: 10px;
  font-weight: 600;
  font-size: 14px;
}

.see-details-match {
   position: relative;
   width: max-content;
   margin: 15px auto 0px;
   color: #ffffff;
   font-weight: 400;
   font-size: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   transition: color 0.3s ease;
}
.see-details-match:hover {
   color: var(--color_main);
}

.see-details-match svg {
   width: 18px;
   height: 18px;
   margin-left: 8px;
}
/* .see-details-match svg path:first-child{
   transform: translate(-100%, 0px);
   transition: transform 0.2s ease;
}
.see-details-match svg path:last-child{
   transform: translate(-50%, 0px);
   transition: transform 0.2s ease 0.1s;
}
.see-details-match:hover svg path {
   transform: translate(0px, 0px);
} */


/* ------------ */

/* ------------ */

/* ------------ */

/* ------------ */

@media(max-width:540px){
  .teams_clash_content{
    padding: 14px 18px;
  }
}