.container {
    max-width: 85%; /* Defina a largura máxima desejada */
    margin: 0 auto;/* Centraliza horizontalmente */
    padding-bottom: 10px; 
    max-width: 340px;
    
   
}

.carousel{
    width: 100%;
}
.carousel-item img {
    opacity: 0.55;
    width: 100%;
    text-align: center;
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%; /* Define a largura do slide */
    text-align: center;
    background: none;
    
}

.carousel-item::before {
    content: "";
    background: transparent!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Estilo do retângulo com 90% de transparência */
.carousel-overlay {   
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Alterado para 100% */
    height: 100%;
    text-align: center;
}

/* Estilo do texto na frente */
.carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Estilo do conteúdo dentro do retângulo */
.overlay-content {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 7px;
}


.game-info {
   
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 330px;
}


.home-team {
    text-align: center;
   
}

.home-team img {
    text-align: center;
    max-width: 32px;
    max-height: 32px;
    margin-right: 10px;
}

.match-time p {
    text-align: center;
}

.away-team {
    text-align: center;
   
   
}

.away-team img {
    text-align: right;
    max-width: 32px;
    max-height: 32px;
    margin-right: 10px;
}


.match-time {
    font-size: 14px;
    text-align: center;
    flex: 1;
}

.odds-match-home {
    text-align: center;
    position: absolute;
    display: block;
   
   
}

.game-info-top{

    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    width: 330px;

}

m-slider__slide {
    display: none;
}

.m-slider__slide:first-child {
    display: block;
}

.m-slider-dots_wrap {
    text-align: center;
}

.m-slider-dots__point {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.m-slider-dots__point.activeDot {
    background-color: #3498db;
}


.cover {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    padding-left: 15px;
    padding-right: 15px;
}

.background {
    background-size: cover;
    background-position: center;
    height: 822px;
    width: 100%;
    position: absolute;
    z-index: -1;
}

.background-pre-jogo {
    background-size: cover;
    background-position: center;
    height: 195px;
    width: 100%;
    position: absolute;
    z-index: -1;
}

.team, .match-time {
    text-align: center;
    color: #fff;
    
}

.team img {
    max-width: 180px;
    height: 65px;
}

.team h2 {
    font-size: 14px;
    margin: 10px 0;
}

.team.home, .team.away {
    width: 50%;

    
}

.match-time {
    width: 100%;
}

.options-b-1981{
    font-size: 13px;
    padding: 5px;
}


.bt-place-88{
    font-size: 17px;
}
/* CSS /* Estilos para o modal personalizado */
.custom-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0; /* Alinhe o modal na parte inferior */
    width: 100%;
    height: 50%;
    overflow-y: scroll; /* Permite rolar verticalmente dentro do modal */
    background-color: rgba(0, 0, 0, 0.4);
}


.modal-content-ticket {
    background-color: #909090;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    margin: 0 auto;
    max-height: 100%; /* Limite a altura do modal à metade da página */
    overflow-y: scroll; /* Permite rolar dentro do modal */
}
.close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}


.goog-auth {
    text-align: center;
    margin-top: -25px;
    padding: 10px;
    font-size: 10px;
    color: whitesmoke;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goog-auth a {
    padding-top: 5px;
    color: whitesmoke;
    text-decoration: none; /* Remover a decoração de link padrão */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goog-auth p{
    padding-top: 5px;
   

}


.opts-bets {
    display: none; /* Ocultar todas as divs inicialmente */
}


.opts-live {
    display: none; /* Ocultar todas as divs inicialmente */
}

.btn_menu_esportes{
    color: whitesmoke;
}



.back-none {
    background: none;
}




.container-next-events {
    
    max-width: 100%;
    border-radius: 12px;
    margin: 1px;
    
}

.team-name-ne {
    font-size: 13px;
    padding-bottom: 3px;
    margin: 5px;
}

.grey-link{
    color: gainsboro;
}


.auth-section-balance-wrapper {
    min-width: 0
}

.Cryptoleo.desktop .auth-section-balance {
    width: 154px
}

.auth-section-balance-text {
    line-height: 32px;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.auth-section-balance-dropdown {
    left: 0!important
}

.auth-section-balance[active=true]:before {
    border: 2px solid var(--color-dark-grey-2);
    border-radius: 102px;
    bottom: -2px;
    content: "";
    left: -2px;
    pointer-events: none;
    position: absolute;
    right: -2px;
    top: -2px
}

.auth-section-balance .auth-section-balance-arrow {
    color: var(--color-mid-grey-4);
    height: 12px;
    position: absolute;
    right: 8px;
    transition: transform .25s ease-in-out;
    width: 12px
}

.auth-section-balance .auth-section-balance-arrow[active=true] {
    transform: rotate(180deg)
}

.auth-section-avatar {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    position: relative;
    width: 32px
    }

.Cryptoleo .auth-section-avatar,.auth-section-avatar {
    background: var(--color-dark-grey-2);
    border-radius: 50%
    }

.auth-section-avatar-icon {
    height: 18px;
    width: 18px
}

.NavSidebar .auth-section-avatar {
    height: 56px;
    margin: 0 14px 0 0;
    width: 56px
}

@media(max-width: 1248px) {
.auth-section-avatar-dropdown {
    left:0!important
}
}

.m-accordion-item__content {
    border-radius: 8px;
    color: var(--color-light-grey-1);
    font-weight: 500;
    padding: 12px 16px
}

.m-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.m-avatar {
    --rank-icon-size: 16px;
    --rank-icon-offset-x: -6%;
    --rank-icon-offset-y: -8%;
    height: var(--avatar-size);
    width: var(--avatar-size)
}

.m-avatar,.m-avatar--vip {
    position: relative
}

.m-avatar--vip:after {
    background-image: url(https://cdn.aramuz.net/front/components/smartico/avatar-vip-stroke.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 108.5%;
    width: 108.5%;
    z-index: 2
}

.m-avatar--vip:after,.m-avatar--vip:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.m-avatar--vip:before {
    border-radius: 100%;
    box-shadow: inset 0 0 0 calc(var(--avatar-size)/15) var(--color-dark-grey-0);
    height: 100%;
    width: 100%;
    z-index: 1
}

.m-avatar__image {
    align-items: center;
    background: var(--color-dark-grey-2);
    border-radius: 100%;
    display: flex;
    height: 35px;
    justify-content: center;
    position: relative;
    width: 35px;
}

.m-avatar__image-empty {
    fill: var(--color-mid-grey-4);
    height: 55%;
    width: 55%
}

.m-avatar__image>img {
    width: 100%
}

.expanded-content {
    display: none;
    
}

#expandableSection.expanded .expanded-content {
    display: block;
    
}


.fab[data-v-1b5da010] {
    position: fixed;
    z-index: 7000;
    right: 8px;
    bottom: 64px;
    background: var(--brand-primary-hover-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 32px
}

.fab__notification[data-v-1b5da010] {
    position: absolute;
    top: -2px;
    right: -2px
}

.combo-info-enter-active[data-v-1b5da010],.combo-info-leave-active[data-v-1b5da010] {
    -webkit-transition: .3s;
    transition: .3s
}


.notification[data-v-61ae55a4] {
    background: rgb(241 65 108/var(--tw-bg-opacity, 1));
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding: 0 2px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.notification--hasText[data-v-61ae55a4] {
    min-width: 16px
}

.notification--xsmall[data-v-61ae55a4] {
    padding: 2px;
    min-width: auto!important
}

.notification--small[data-v-61ae55a4] {
    font-size: .64286rem;
    line-height: 12px;
    padding: 2px
}

.notification--medium[data-v-61ae55a4] {
    padding: 4px
}

.notification--large[data-v-61ae55a4] {
    font-size: .78571rem;
    line-height: 12px;
    padding: 2px 4px
}


.container-margin-lateral{
    margin-left: 2px;
    margin-right: 2px;
}
.container-padding-menu{
    margin-top: -10px;
    margin-bottom: 100px;
   
}
.padding-menu-bottom{
    margin-bottom: 80px;
   
}

.register-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    background-color: var(--color-dark-grey-0);
    height: 100%;
    
    
}


.register-container-lp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    height: 100%;
    
}
.register-container-cdaf {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px;
    height: 95%;
    
}


.erros-forms{
    color: red;
    padding: 5px;
    text-align: center;

    font-size: 14px;
    font-weight: bold;
}


.tab-content {
    display: none;
}
.active-live-bet {
    display: block;
}


.send-search{
    width: 50%;
    margin: 0 auto;
    padding: 15px;
}


/* Messages */

@keyframes show-toast {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.show-notification {
    position: fixed;
    bottom: 45px;
    right: 20px;
    animation-name: show-toast;
    animation-duration: 13s;
    z-index: 9999;
    animation-fill-mode: forwards;
}


.messages-container {
    display: flex;
    flex-flow: column nowrap;
    gap: calc(var(--spacing-gutter-medium) /2 );
}

.message {
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid var(--color-dark-text);
    background: var(--color-gray-2);
    color: var(--color-dark-text);
  }
  
.message-error {
    border: 1px solid var(--color-error-dark);
    background: var(--color-error-light);
    color: var(--color-error-dark);
  }
  
.message-success {
    border: 1px solid var(--color-success-dark);
    background: var(--color-success-light);
    color: var(--color-success-dark);
  }
  
.message-warning {
    border: 1px solid var(--color-warning-dark);
    background: var(--color-warning-light);
    color: var(--color-warning-dark);
  }
  
.message-alert {
    border: 1px solid var(--color-alert-dark);
    background: var(--color-alert-light);
    color: var(--color-alert-dark);
  }
  
.message-info {
    border: 1px solid var(--color-info-dark);
    background: var(--color-info-light);
    color: var(--color-info-dark);
  }
  
.message-debug {
    border: 1px solid var(--color-debug-dark);
    background: var(--color-debug-light);
    color: var(--color-debug-dark);
  }

/*  authors */
.login-message{
    margin: 1rem 0;
    padding-bottom: 10px;
    
}


.image-icon {
    text-align: center;
}

.content-profile-edit{
    padding: 15px;
    margin-top: 20px;
    /* background-color: var(--color-dark-grey-1); */
}

.content-my-bets{
    padding: 15px;
    
    margin: 0 auto;
    max-width: 100%;  
    padding-bottom: 58px;
}


.container-form-bolao{
    margin: 0 auto;
}


.show-photos-perfil img{
    padding: 10px;
}

.center{
    text-align: center;
}

.image-icon b{
    font-size: 14px;
    color: whitesmoke;
    font-weight: 600;
}

.sombra-campeonatos{
    z-index: 3;
    pointer-events: none;
    position: absolute;
    inset: 0px 0px auto auto;
    width: 40px;
    height: 100%;
    background: linear-gradient(to left, rgb(16 26 61), rgba(6, 14, 42, 0));
}

.link-camp{
    color: currentcolor;
}


.content-camp {
    margin: 7px;
    
}


.title-camp{
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 15px;
    margin: 0 auto;
    text-align: center;

}


.mx-317j37{
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 4px;
    margin-bottom: 2px;
}


.highlighted{
    background: rgb(0, 40, 0, 0.8);

}


.main-torneios-container {
    display: flex;
}

.main-content-missoes-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 15px;
    margin: 10px;
}



.mission {
    background-color: rgb(50 54 55/var(--tw-bg-opacity, 1));
    padding: 3px;
    transform: scale(1.05);
    transition: all 300ms ease-in-out;
    
}
.missions-list-item{
    max-width: 64rem;
}

.missions-list-item:hover{
    transform: scale(1.03);
    max-width: 64rem;
    
}

.mission img{
    max-width: 100%;
}

.mission-title-container{
    padding: 5px;
    color: darkgray;
}
.title-mission {
    font-size: 25px;
    font-weight: 900;
    text-align: center;
    word-wrap: break-word; /* Quebra palavras longas */
    overflow-wrap: break-word; /* Alternativa moderna ao word-wrap */
    white-space: normal; /* Permite que o texto quebre em várias linhas */
}

.mission-author {
    padding: 0 5px;
}

.mission-content {
    padding: 5px;
    padding-top: 1rem;
    
    font-size: 12px;
    font-weight: 600;
    color: darkgray;
    word-wrap: break-word; /* Quebra palavras longas */
    overflow-wrap: break-word; /* Alternativa moderna ao word-wrap */
    white-space: normal; /* Permite que o texto quebre em várias linhas */
}

.mission-pontos {
    padding: 5px;
    padding-top: 0.5rem;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: darkgray;
}

.mission-author-item {
    color: darkgray;
    margin-right: 1rem;
}

.mission-author a {
    color: var(--color-primary);
    transition: all 300ms ease-in-out;
    text-decoration: none;
}

.mission-author a:hover {
    color: var(--color-primary-dark);}


.mission-meta-container {
    display: flex;
    flex-flow: row wrap;
    padding: 3px;
    color: var(--color-mid-grey-4);
}

.mission-meta {
    display: flex;
    flex-flow: column nowrap;
    flex-shrink: 1;
    flex-grow: 1;
    text-align: center;
}

.mission-meta-title {
    font-size: 1.6rem;
}




.button-mission{
    padding: 15px;
    margin: 0 auto;
    text-align: -webkit-center;
    
}

.container-torneio{
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 5px;
    margin: 5px;
}

.title-torneio{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    text-align: center; 
    color: whitesmoke;
}

.title-torneio span{
    font-size: 10px;
    color: var(--color-mid-grey-4);
}

.icon-torneio{
    text-align: center;
}

.icon-torneio svg {

    display: flex;
    text-align: center;
    margin: 0 auto;
}

.premiacoes-torneio{
    color: var(--color-mid-grey-4);
    font-size: 13px;
    font-weight: 600;
    margin: auto auto;
    text-align: center;

}

.premiacoes-torneio span{
    margin-bottom: 2px;

}

.premiacoes-torneio svg{
    display: inline;

}

.container-title-ranking{
    padding: 15px;
}

.color-green-pontos{
    color: #07BE1A;
}

.container-missoes-cumpridas{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 5px;
    margin: 7px;
}

.container-missoes-cumpridas span{
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
}

.container-missoes-cumpridas small{
    font-size: 10px;
}

.cumpridas-torneio svg {
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-bottom: -10px;
}

.z-index-1{
    z-index: 1;
}

.qr-code-modal{
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

.total-blnc-amnt{
    font-size: 14px;
    font-weight: 600;
}


.qr-code-container{
    text-align: center;
    margin: 0 auto;
    
}

.value-container{
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 900;
}

.button-copia{
    padding:10px; 
    background: #126e51; 
    color: whitesmoke;
    text-align: center;
    max-width: 50%;
    margin: 10px auto;
}

.container-copia{
    border: none; 
    max-height: fit-content; 
    block-size: fit-content;
    text-align: center;
    display: grid;
    
    
}


.container-copia-text{
    color: whitesmoke;
    text-align: center;
    margin: 0 auto;
    background-color: var(--color-dark-grey-1);
}

.cashier-currency-select{
    color: #126e51;
}

.progress_container {
    max-width: 1140px;
    width: calc(100% - 2rem);
    padding: 0 1rem;
    margin: 0 auto;
  }
.progress {
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
.progress_item {
    padding: 0.5rem 0;
}
.progress_title {
    color: #fff;
    padding: 1rem 0;
}
.progress_bar {
    position: relative;
    width: 10rem;
    height: 12px;
    border-radius: 2rem;
    background: #c7c7c7;
    margin-bottom: 5px;
    margin-top: 5px;
}
@media (max-width: 768px) {
.progress_bar {
    width:160px;
}
}
@media (max-width: 440px) {
.progress_bar {
    width: 130px;
}
}
@media (max-width: 340px) {
.progress_bar {
    width: 90px;
}
}
.bar {
    border-radius: inherit;
    background: linear-gradient(90deg, #5b4dda, #6546ee, #575afc);
    position: absolute;
    transition: width 1.5s cubic-bezier(0.1, 0.42, 0.85, 1);
    width: 0;
    height: 100%;
    left: 0;
}


.bar::after {
    content: attr(data-text);
    position: absolute;
    left: 100%;
    width: 2.2rem;

    font-size: 12px;
    /* line-height: 1.7rem; */
    color: black;
    text-align: center;
    border-radius: 0.1rem;
    animation: text 0.6s ease-in-out;
    font-weight: bold;
    background-color: #c7c7c7;
    border-radius: 5px;
}
@keyframes text {
0% {
    opacity: 0;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}


.header-userblnc-detail-amt{
    padding-top: 5px;
    font-size: 14px;

}



.header-userblnc-detail-saldo{

    padding-top: 5px;
    font-size: 16px;
}



.bar-cassino {
    border-radius: inherit;
    background: linear-gradient(90deg, #5b4dda, #6546ee, #575afc);
    position: absolute;
    transition: width 1.5s cubic-bezier(0.1, 0.42, 0.85, 1);
    width: 0;
    height: 100%;
    left: 0;
}
.bar-cassino::after {
    content: attr(data-text-cassino);
    position: absolute;
    left: 100%;
    width: 2.2rem;

    font-size: 12px;
    /* line-height: 1.7rem; */
    color: black;
    text-align: center;
    border-radius: 0.1rem;
    animation: text 0.6s ease-in-out;
    font-weight: bold;
    background-color: #c7c7c7;
    border-radius: 5px;
}
.progress-cassino {
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
.progress_item-cassino {
    padding: 0.5rem 0;
}
.progress_title-cassino {
    color: #fff;
    padding: 1rem 0;
}

.alt-senha-perfil a{
    margin-right: 8px;
}

.background-red-dark{
    background: #800020;
}

.site-btn--xs{
    display: flex;
    padding: 7px;
    margin: 0 auto;
}

.small-pix-info{
    font-size: 11px;
    text-align: center;
    font-style: italic;
    color: hsla(0,0%,100%,.7490196078431373);
}


.icon-message-account{
    max-width: fit-content; 
    margin: 0 auto;
}

.margin-0-auto {
    margin: 0 auto;
}


.hidden {
    display: none!important;
}

.container-principal-center{
    /* background-color: var(--color-dark-grey-1); */
}



.search-input input{
    background-color: #252C45;
}

.search-cassino{
    background-color: #252C45;
    max-width: 98%;
    margin: 0 auto;
    border-radius: 15px;
}

.search-cassino button{
    max-width: 80px;
    background-color: #3d455f;
    border-color: #252C45;
    color: #B1B4BC;
    border-radius: 0;

}

.close-suggestions {
    cursor: pointer;
    border: none;
    background: none;
    font-size: 20px;
    color: #aaa;
}

.close-suggestions:hover {
    color: #f00;
}


.bets-table-row {
    opacity: 0;
    transform: translateY(-20px); /* Mover o elemento 20px para cima inicialmente */
    transition: opacity 0.5s, transform 0.5s; /* Suaviza a transição de opacidade e posição */
}

.bets-table-row--visible {
    opacity: 1;
    transform: translateY(0px); /* Mover de volta para a posição original */
}


.bets-table-row--visible-tn {
    opacity: 1;
    transform: translateY(0px); /* Mover de volta para a posição original */
}

.rc-anchor {
    display: none;
}

.grecaptcha-badge {
    display: none;
}

.text-promo-promo{
    font-size: 15px;
    color: darkgoldenrod;
    padding: 6px;
    line-height: 1.3;
}

.container-promo-promo{
    padding: 12px;
    margin: 0 auto;
}


.baixar-app-style{   
    display: flex;
    margin: auto auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: greenyellow;
}


.baixar-app-style-text {
    text-align: center;
    color: greenyellow;;
}

.baixar-app-image-android{
    text-align: center;
    padding: 20px;
}


.rules-bolao{
    padding: 5px;
    font-size: 12px;
   
}

.rules-bolao a{
    color: #a9a9a9;
}


.container-predict{
    margin-top: 20px;
    margin-bottom: 50px;
}


.start-screen {
    margin-top: 125px;
    position: relative;
    margin-top: -40px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}



.start-margin-top {
    margin-top: 50px;
} 

.start-screen__logo {
    max-width: 500px;
    width: 100%;
    height: auto;
    margin-bottom: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.top-prize {
    max-width: 500px;
    width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}


.top-prize__value {
    display: block;
    margin-top: 2px;
    color: #f3d113;
    font-weight: 700;
    font-size: 45px;
    line-height: 54px;
}


.top-prize__text {
    color: #126e51;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
}



.start-screen__button {
    max-width: 500px;
    width: 100%;
    height: 45px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 10px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 10px; */
    color: whitesmoke;
    background: #126e51;
    margin: 6px auto;
}


.how-to-play__row {
    padding: 0 20px 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.how-to-play__row-text {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}


.prize-board {
    max-width: 500px;
    width: 100%;
    margin: 20px auto 0;
    padding: 13px 20px 15px;
    --tw-bg-opacity: 1;
    background-color: rgb(33 36 37 / var(--tw-bg-opacity, 1));
    border: 1px solid #585859;
    border-radius: 10px;
}


.prize-board__header {
    margin-bottom: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
}

.prize-board__row-text--top-prize {
    padding: 0 10px 1px 0;
}


.prize-board__row-text {
    white-space: nowrap;
    font-size: 13px;
    line-height: 19px;
    padding-right: 10px;
    color: #f0f0f0;
    width: auto;
    text-align: left;
}

.prize-board__row-value {
    font-size: 15px;
    line-height: 18px;
    color: #126e51;
    font-weight: 700;
}


.prize-board__row-value--top-prize {
    font-size: 22px;
    line-height: 28px;
}


.currency {
    display: inline;
    text-transform: none;
}


.prize-board__row-value--top-prize {
    font-size: 22px;
    line-height: 28px;
}


.prize-board__row-value {
    font-size: 15px;
    line-height: 18px;
    color: #f3d113;
    font-weight: 700;
}


.prize-board__row {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: end;
}


.game-root {
    position: relative
}


.history-button {
    position: absolute;
    z-index: 150;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.history-button__text {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0 15px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #e4e4e4;
    line-height: 45px;
    transition: all .4s ease-out;
}


.header {
    position: relative;
    min-height: 175px;
    background-image: url(./game-header-BzngB_bH.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}



.game-border {
    margin: 0 10px;
    height: 1px;
    background: linear-gradient(90deg, #383838, #69edc4 48%, #383838);
}


.header__anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.header__logo {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}


.header__logo>.logo__type-2 {
    max-width: 300px;
    margin: 42px 0 0 4px;
    padding: 13px 0 0 6px;
}


.choice-screen__header {
    position: relative;
    margin-top: -30px;
    z-index: 50;
}


.choice-screen__header-text {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: 700;
}


.pick-background {
    background: rgb(50 54 55/var(--tw-bg-opacity, 1));
}


.pick {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}


.pick>div {
    flex: 33.33%;
}


.pick-team {
    height: 100%;
    min-width: 0;
}


.pick-team__shirt {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 9px;
}


.strip-container {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    /* background-color: #303030; */
    border: 1px solid #505050;
    display: flex;
    justify-content: center;
    align-items: center;
}
.strip-container__shirt {
    width: 28px;
    height: 28px;
}


.pick-team__name {
    margin-bottom: 15px;
    color: #adacad;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.pick-editor {
    height: 153px;
    padding: 15px 5px 0;
}


.pick-editor__header-text {
    color: #ddd;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.display-date {
    position: relative;
}


.display-date {
    position: relative;
}



.pick-editor__input {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.pick-input {
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.pick-input:first-child {
    margin-right: 10px;
}


.bolao_pick_icon-up {
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-bottom: 6px solid #05bc82;
}


.pick-input__box-inner {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #666666;
    background-color: #444;
    transition: opacity .5s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pick-input__box-outer {
    cursor: pointer;
    padding: 7px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}




.pick-input--inactive {
    opacity: .3;
    border-color: #666;
    background-color: #444;
}

.pick-input__box-inner {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #666666;
    background-color: #444;
    transition: opacity .5s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}


.bolao-pick__icon-down {
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 6px solid rgb(219 73 73);
}

.start-screen__placares{
    padding-top: 5px;
    font-size: 28px;
    color: darkgray;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}


.start-screen__placares b{
   
    color: #f3d113;
    font-weight: 700;
   
}


.bolao-screen__save-button-container{
    padding: 20px;
    margin: 0 auto;
}


.winner__prize-container{
    padding: 20PX;
}


.pick-divider {
    height: 1px;
    /* margin: 0 10px; */
    background: linear-gradient(90deg, #383838, #666, #383838);
}


.button-initial-page{
    margin: 0 auto;
    text-align: center;
    padding: 25px;
    width: 50%;
}

.container-button-meus-palpites{
    width: 60%;
    padding: 5px;
    margin: 0 auto;
}


.m-load-more button{
    margin: 8px auto;
}


.text-turb{
    display: flex;
    /* margin: 0px -20px; */
    border-bottom: 1px solid black;
    margin-bottom: 7px;
}

.text-turb svg{
    max-width: 19px;
    margin-right: -9px;
}


.container-text-bft{
    display: flex;
    padding-bottom: 6px;
    margin-top: -3px;
    font-size: 11px;
}
.text-bft {
    color: #ffb240;
    margin-left: -10px;
    margin-top: 2px;
}  

.buttons-pos-bet{
    
        gap: 35px;
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
    
}

.ptl-asxn{
    display: flex; 
    flex-flow: row
}