.palpites {
  width: clamp(320px, 100%, 650px);
  height: auto;
  margin: 0 auto;
  margin-top: 0px;
  padding: 0px;
}

.box_jogo {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 10px;
}

.box_jogo span {
  color: #069;
  font-size: 0.9em;
  display: block;
  margin-bottom: 4px;
}

.box_competicao {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.box_jogo button {
  width: 30%;
  height: 40px;
  border-radius: 4px;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: clamp(.7rem,2.5vw,1.2rem);
  border: 0 none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.box_jogo button img {
  width: 25px;
  height: 25px;
  object-fit: fill;
  object-position: center;
}


.box_jogo button.left-align {
  justify-content: flex-start;
}
.box_jogo button.left-align img{margin-right: 10px;}

.box_jogo button.right-align {
  justify-content: flex-end;
}
.box_jogo button.right-align img{margin-left: 10px;}

.box_jogo button.selected {
  background-color: green;
}

.metricas {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.metricas p {
  margin: 0 10px;
  color: #333;
  font-size: 1em;
}

.box_finalizar{
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px;
}
.box_finalizar button{
width: 50%;
height: 40px;
font-size: 1.2em;
background: #069;
color: #fff;
}

.table-info i.bx-edit{font-size: 1.4em;color: #089;cursor: pointer;margin: 0 5px;}
.table-info i.bx-trash-alt{font-size: 1.4em;color: tomato;cursor: pointer;margin: 0 5px;}
.tableCart td{height: 30px;padding: 5px;}

.box_pagamento{
 text-align: center; 
}
.pix_pendente h2{color: var(--txt_primary);}
.box_pagamento h2{color: var(--txt_primary);}
#contador{color: var(--txt_primary);}


.jogos{
width: clamp(320px,100%,600px);
height: auto;
margin: 0 auto;
}

ul.jogos_bolao{
width: 100%;
min-width: 300px;  
margin: auto;
display: table;
margin-top: 20px;
margin-bottom: 10px;
border: 0 none;
} 

ul.jogos_bolao li{
width: 100%;
height: auto;
margin-bottom:8px;
}

ul.jogos_bolao li div.box_partida{
border: 1px solid #ccc;
width: 100%;
text-align: center;
border-radius: 4px;
}

div.box_partida .header_partida{
border-bottom: 1px solid #ccc;
padding: 5px;
font-size: 1em;
color: #444;

}

div.box_partida .content_partida{
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}

.vs_partida{font-size: 1.6em;color: #bbb;}

div.box_partida .content_partida > div{box-sizing: border-box; padding: 10px;}

div.box_partida .content_partida .vs_partida{
display: flex;
flex-basis: 10%;
justify-content: center;
}

div.box_partida div.content_partida .left_partida{
text-align: center;
display: flex;
flex-basis: 45%;
height: 100%;
align-items: center;
justify-content: flex-end;
margin-right: 10px;
}

.left_partida .column_partida{
display: inline-block;
margin-right: 20px;
padding-top: 0px;
}

div.box_partida div.content_partida .right_partida{
text-align: center;
display: flex;
flex-basis: 45%;
height: 100%;
justify-content: flex-start;
align-items: center;
margin-left: 10px;
}

.right_partida .column_partida{
display: inline-block;
margin-left: 20px;
padding-top: 0px;
width: fit-content;
}
.column_partida img{
width: 32px;
height: 32px;
margin: 0;
padding: 0;
margin-bottom: 4px;
object-fit: contain;
object-position: center;
}


@media(max-width:600px){

.box_jogo button img {
  width: 15px;
  height: 15px;
}

.box_jogo button.left-align img{margin-right: 5px;}
.box_jogo button.right-align img{margin-left: 5px;}

.content_partida .column_partida img{
height: 35px;
width: 30px;
object-fit: contain;
}

.box_pagamento h2{font-size: 1.1em;margin: 0 10px;}

.column_partida img{
height: 36px;
object-fit: cover;
}

}

@media(max-width:400px){
div.box_partida div.content_partida .left_partida{flex-basis: 46%;}
div.box_partida div.content_partida .right_partida{flex-basis: 46%;}
div.box_partida .content_partida .vs_partida{flex-basis: 8%;}


div.box_partida .content_partida > div{box-sizing: border-box; padding: 5px;}

.column_partida img{width: 28px;height: 28px;}
.column_partida h5{font-size: .8em;} 

.quantity input {
  width: 50px;
  height: 35px;
  line-height: 1.55; 
}

}