:root{
  --font-Poppins:  'Poppins', sans-serif;
  --font-Hind: 'Hind', sans-serif;
  --main-color: #365e91;
  --main-dark-color: #0f082b;
  --soft-main-color : #f78f0f;
  --active-color:  #f78f0f;
  --active-dark-color: #f49740;
  --secondary-color:#f78f0f;
}


/* LINEAS */

main{
    padding-top: 0px !important;
}

/*lottery-presale*/
#lotteries-presale-container > .navbar-light:first-child {
    height:115px !important;
    background: linear-gradient(190deg, #204270fb 22%, rgba(233, 236, 239, 1) 58%, rgba(233, 236, 239, 1) 72%, #204270fb 95%) !important;
}


#refresh{
    top:-66px !important;
    bottom:unset !important;
    height:36px !important;
    background:white !important;
    color: black !important;
    border: 1px solid rgba(12,145,80,.2784313725490196)!important
}

#odds-container >#leagues-picker{
    margin-top:67px!important;
}

#leagues-direction{
    bottom: unset !important;
    top:-26px !important;
    height:22px !important;
    background:#2a4b76 !important;
}
#app-menu-principal{
    margin-left:151px !important;
}

#app-navbar div:nth-child(2) div:nth-child(2).col-3{
    display:none !important;
}

/*END LINEAS*/

/*RESULTADOS*/
#scores-container #leagues-picker{
    margin-top:67px!important;
}

#scores-section div:first-child{
    margin-bottom:0px !important;
    padding-left: 1px !important;
}
#scroll-wrapper{
    padding-left:4px !important;
}

section#datepicker .date {
    min-height:35px !important;
}

/*END RESULTADOS*/


/*PRESALE*/
#presale-app>nav:first-child{
    background:linear-gradient(190deg, #204270fb 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, #204270fb 95%) !important;
    /*background: linear-gradient(16deg, rgba(32,66,112,0.9832420028558299) 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, rgba(246,131,24,0.9496285574776786) 98%) !important;*/
    height:115px !important;
}

#presale-span{
    font-weight: bolder !important;
    color: #204270 !important;
    background-color: #00b96a !important;
    border-radius:0px !important;
    padding-bottom:9px !important;
}

#presale-precontainers{
    padding-top: unset !important;
    padding-left: 4px !important;
}

#app-menu-principal td a {
    font-weight: bold;
    color: #0d2562 !important;
}   
#presale-navbar > div >div > div#leagues-picker {
    margin-left: 205px !important;
}

#ticket-maker-container{
    margin-top:unset !important;
}

#ticketsPreview{
    margin-top:87px !important;
}
/*letras */
/*#presale-navbar #leagues-picker-container button.active {*/
/*    color: #004085  !important;*/
/*}   */
#presale-navbar #leagues-picker-container button {
    color: #004085 ;
} 
#presale-app #options-container td .option-title {
    /*bottom: 6px;*/
    color:#0c1a29;
} 
/*END PRESALE*/

/*PREPAID*/
#prepaid-app>nav:first-child{
    background:linear-gradient(190deg, #204270fb 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, #204270fb 95%) !important;
    /*background: linear-gradient(16deg, rgba(32,66,112,0.9832420028558299) 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, rgba(246,131,24,0.9496285574776786) 98%) !important;*/
    height:115px !important;
    padding-top:4px !important;
}
#online-navbar{
     background:transparent !important;
}

#pin-loader-modal{
    background:linear-gradient(100deg, #204270fb 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, #204270fb 98%) !important;
     /*background: linear-gradient(16deg, rgba(32,66,112,0.9832420028558299) 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, rgba(246,131,24,0.9496285574776786) 98%) !important;*/
}

#prepaid-app #leagues-picker {
    margin-left: 205px !important;
}

#pre-container{
    padding-top:0px !important;
}

#ticket-body > iframe{
    height:525px!important 
}

#pin-tickets-modal .modal-dialog{
    top:86px !important;
}

#pin-tickets-modal .modal-content{
    border:none!important;
}

#pin-tickets-modal .modal-backdrop{
    display:none !important;
}
/*letras */
/*#prepaid-app #leagues-picker-container button.active {*/
/*    color: #004085  !important;*/
/*}   */
#prepaid-app #leagues-picker-container button {
    color: #004085 ;
} 
#prepaid-app #options-container td .option-title {
    /*bottom: 6px;*/
    /*color:#0c1a29;*/
} 
#balance-container .blc-money {
    color: #ffffff9e  !important;
} 
/*END PREPAID*/



.oddsboard-table .header th{
    background-color:#2a4b76 !important;
}

#opt-btns button{
    border-right: 0px solid rgba(12,145,80,.2784313725490196)!important
}

#app-navbar{
   background: transparent !important;
   height: 38px !important;
}

#app-menu td a{
    color: #0d2562 !important;
    font-weight: bolder;
}

#app-brand #brand-logo{
    margin-top: -105px !important;
    width: 306px !important;
    z-index: auto;
    margin-left: -21px !important;
}
#prepaid-app  #app-brand #brand-logo
{
     z-index: auto;
    margin-top: -103px !important;
    width: 306px !important;
    margin-left: -5px !important;
    height: 300px;
}

#app-menu a:not(.no-hover):hover
 {
    background: transparent !important;
    border-bottom: solid var(--active-color) 3px !important ;
    /*transform: scale(1.2) !important;*/
 }
 
 #app-menu-principal a:not(.no-hover):hover {
    background: transparent !important;
    border-bottom: solid var(--active-color) 3px !important ;
    /*transform: scale(1.2) !important;*/
   
}

#xhr-modal{
    z-index:10001;
    margin-top:unset !important;
    padding-left: 0px !important;
}

#xhr-modal > .modal-dialog {
    margin-top: 0px !important;
}

#presale-app #app-brand #brand-logo{
    z-index: auto;
    margin-top: -103px !important;
    width: 306px !important;
    margin-left: -5px !important;
    height: 300px;
}



#app-top-navbar {
    height: 115px !important;
    /*background-image:url("/img/blue-bg.jpg") !important;*/
    /*background:linear-gradient(100deg, #204270fb 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, #204270fb 98%) !important;*/
    background:linear-gradient(190deg, #204270fb 22%, rgba(233, 236, 239, 1) 58%, rgba(233, 236, 239, 1) 72%, #204270fb 95%) !important;
    /*background: linear-gradient(16deg, rgba(32,66,112,0.9832420028558299) 22%, rgba(233,236,239,1) 58%, rgba(233,236,239,1) 72%, rgba(246,131,24,0.9496285574776786) 98%) !important;*/
}

#app-navbar,#presale-navbar,#prepaid-navbar{
    background:transparent !important;
    /*background: linear-gradient(to right, #ec3008, #ce2b09) !important; */
    /* background: linear-gradient(to right, #ce2b09, #ce2b09) !important; */
}

#presale-precontainers,#pre-container{
    top:-38px !important;
}

#presale-navbar, #online-navbar{
    top:-50px !important;
}


#options-container{
    top: 28px !important;
}
#social-buttons{
    pointer-events:none;
    /*margin-top: 36px !important;*/
    right: 18px !important;
}
#app-menu td a.active {
    border-bottom: 1px solid #f68318 !important;
}
/*scroll*/
#oddsboard-scrollable{
    padding-bottom: 105px;
}

/*splashscreen*/
#splashscreen #logo {
    max-width: 30%;
}
#prepaid-span{
    background: #304270 !important;
    color: white !important;
    border-radius:0px !important; 
    padding-bottom:7px !important;
}

.scoreboard-table .header th {
    background : #2a4b76 !important;
}

/*RESPONSIVE ADJUST*/
/* media query max witdh 1526px*/
@media (max-width: 1315px) {
    #pre-container {
        flex-direction: column;
    }
    
    #pre-container #left-div {
        width: 100% !important;
        float: left;
        padding-right: 0px !important;
    }
    
    #pre-container #right-div {
        width: 50% !important;
        float: right;
    }
     .oddsboard-table td:nth-child(4),.oddsboard-table thead tr th:nth-child(4) {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    #app-brand #brand-logo {
        width: 135px!important;
    }
    #leagues-picker-container img{
        display:none;
    }
    #leagues-picker-container button {
        min-width:99px!important;
    }
}
@media screen and (min-width: 492px) and (max-width: 767px){
    /*logo*/
   #presale-app #app-brand #brand-logo {
    height: 216px;
    margin-top: -75px !important;
    margin-left: 0%;
    width: 213px !important;
   }
   #app-brand #brand-logo {
    margin-top: -71px !important;
    width: 212px !important;
   }
   .row {
        /*display: flex !important;*/
        /*flex-wrap: nowrap !important;*/
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        /*gap: 1vw !important; */
    }
    
    #ticket-header .row {
        /*display: flex !important;*/
        flex-wrap: nowrap !important;
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 0vw !important; 
    }
    

    .row > * {
        flex-shrink: 0 !important;
        /*flex: 0 0 auto !important;*/
        white-space: nowrap !important;
        /*min-width: 16vw !important; */
        /* adaptable al ancho */
    }

    /* Navegacion */
    #app .nav-content.row {
        font-size: 0vw;
        margin-top: auto !important;
        gap: 15% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-right: 405px !important;
    }

    #app #app-menu {
        height: auto !important;
    }
    #app-menu-principal {
        width: 93px !important;
    }
    #app-menu-principal + div.col-3 {
      max-width: 11% !important;
    }

    #app-menu-principal td a {
        margin-bottom: 12% !important;
        font-size: clamp(10px, 1.3vw, 14px) !important;
        margin-left: 119% !important;
        width: max-content !important;
    }

    #app-menu td a {
        padding-right: 1% !important;
        padding-top: 35px!important;
        font-size: clamp(9px, 1.3vw, 12px) !important;
        margin-bottom: 1% !important;
    }
    #app-menu-principal td {
        font-size: 0px !important;
    }


    .w-100 {
        width:100% !important;
    }

    #app-menu td {
        font-size: unset !important;
        margin-right: 3% !important;
        min-width: clamp(100px, 20vw, 178px) !important;
        white-space:nowrap !important;
        display: ruby-text !important;
    }

    #app-navbar {
        margin-left: -23% !important;
        width: 143% !important;
        /*height: 5vw !important;*/
        overflow-x: visible !important; 
    }
    /*iconos*/
    #app #app-navbar 
        td .fa,
        td .fab,
        td .fad,
        td .fal,
        td .far,
        td .fas {
            display: none !important;
    }
    #prepaid-span {
        margin-top: 4% !important;
        width: 15vw !important;
        margin-left: -5%;
    }
    
    /*opciones*/
    #opt-btns > * {
        flex-shrink: 0 !important;
        min-width: 8px !important;
    }
    #opt-btns small {
        display: none !important;
    }
    /* Botones horizontales con scroll */
    #opt-btns {
        height: 30px;
        overflow-x: auto !important;
        border: 1px solid #e6e4e4 !important;
        border-radius: 1px !important;
        display: flex !important;
        flex: none !important;
        margin-bottom: 4px !important;
        max-width: 100% !important;
        overflow-y: hidden !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    #opt-btns::-webkit-scrollbar {
        display: none !important;
    }

/* Hover activos */
    #app-menu a:not(.no-hover):hover {
        border-bottom: solid var(--active-color) 3px !important;
        background: transparent !important;
    }

    #app-menu-principal a:not(.no-hover):hover {
        border-bottom: solid var(--active-color) 3px !important;
        background: transparent !important;
        flex-direction: column-reverse !important;
        margin-top: -4% !important;
        display: flex !important;
    }

/* Botones redes */
    #app #social-buttons {
        margin-top: 1vw !important;
        right: -11vw !important;
    }

    #social-buttons a {
        border-radius: 50% !important;
        height: 27px !important;
        margin-right: 3px !important;
        width: 27px !important;
    }

    #app #login-options {
        margin-top: 18px !important;
        right: 13% !important;
    }

    #app #login-options .btn {
        margin-top: 20% !important;
        font-size: 75% !important;
        min-width: 103px !important;
    }
/*tabla deportiva*/
    #oddsboard-container  button, input, optgroup, select, textarea {
        margin: 0;
        font-family: inherit;
        font-size: 90%;
    }
    #odds-container .header th:nth-child(4) {
        display: none !important;
    }

    #odds-container .game-container td:nth-child(4) {
        display: none !important;
    }
    #odds-container.leagues-right #odds-section {
    font-size: 2vw;
    margin-right: 42px;
    }
    #oddsboard-container .header th {
        border-color: #454d55;
        color: #fff;
        font-size: 2vw;
    }
  
/* Tabla resultados */
    
    #scoresboard-v2 .text-left small b { 
     display: block;
        font-size: 82%
    }

    #scores-container .scoreboard-table .header th {
        font-size: clamp(10px, 1.5vw, 13px) !important;
        padding-left: 0% !important;
    }

    #scores-container #scores-section .team-name {
        display: none !important;
    }

    #app .scoreboard-table td {
        padding-bottom: 2% !important;
    }

    #app #scores-section .card {
        font-size: 53% !important;
    }

    .player.small.small {
        display: grid !important;
        font-size: 8px !important;
    }
   #scores-section .scoreboard-table td {
    font-size: 67% !important;
   }
    /*opciones resultados */
   #scores-section section#datepicker {
        width: 281px;
    }
    .odds-btn{
    min-width: 28px !important;
    }
/*REGLAS*/
    #rules-content span {
      display: block; 
    }
    #rules-content p:nth-of-type(2) {
      padding-left: 0% !important;
    }


/* PREVENTA */
    #presale-precontainers {
        display: flex !important;
        padding-top: 1em !important;
        width: 100% !important;
        /*justify-content: center !important;*/
    }

    #presale-precontainers #left-div {
        margin-left: -3% !important;
        font-size: 54% !important;
        padding-right: 0px !important;
        margin-right: -23px !important;
    }

    #presale-precontainers #oddsboard-scrollable {
        overflow: auto !important;
    }

    #presale-app #oddsboard-container3 #opt-btns small {
        display: none !important;
    }

    #oddsboard-container3 #opt-btns button {
        height: 22px !important;
    }
    /*opciones de equipos */
     #presale-navbar > div >div > div#leagues-picker {
        margin-left: 10px !important;
    }
    #presale-navbar .btn-group, .btn-group-vertical {
        margin-left: -34px;
    }
    #leagues-picker-container .league-title{
    font-size: 9px !important;
    }
    #leagues-picker-container .league-counter {
    margin-right: 22% !important;
    }
    #leagues-picker-container button {
    margin-right: -12px !important;
    }
    /*tabla*/
    #presale-app .header th {
        font-size: 10px !important;
    }
    #presale-app .odds-btn {
        min-width: 32px !important;
    }
/* Ticket preventa */
    #presale-precontainers #right-div {
        float: right !important;
        min-width: 35vw !important;
        width: -9% !important;
    }

    #presale-precontainers #ticket-navbar {
        padding-right: 8%;
        display: flex !important;
        padding-top: 2% !important;
        min-height: 37px !important;
        /*flex-direction: column !important;*/
    }

    #presale-precontainers #right-div #ticket-maker-container {
        margin-right: auto !important;
        margin-left: 11% !important;
    }

    #presale-precontainers #ticket-maker-container {
        min-height: 85px !important;
    }

    #presale-precontainers #ticket-navbar .sub-title {
      bottom: -3%;
    }
    #presale-precontainers #ticket-navbar .title {
        font-size: 60% !important;
    }
    
    #ticket-header {
        margin-top: -3%;
        font-size: 72% !important;
        height: 27px !important;
        letter-spacing: 1.5px;
    }
    
    #tickets-options {
      padding-left:0vw !important;
      display: flex;        
       gap: 0px;             
     justify-content: center; 
    }
    
    #tickets-options button {
        margin-right: 25% !important;
        background: none !important;
        font-size: 80% !important;
        padding: 8% 0%;
        cursor: pointer;
    }
    #presale-precontainers #right-div #re-bet input {
        font-size: 68%;
    }
    #ticket-header .col-4.pt-1 span {
        display: none;
    }

/*buscar  en ticket preventa*/
     #presale-precontainers .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #presale-precontainers .small {
        font-size: 86%;
    }
    #presale-precontainers #ticket-maker-container #ticket-header #tickets-options .btn-success:not(:disabled):not(.disabled).active, 
    .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
        padding-right: 3% !important;
        padding-left: 5% !important;
        background-color: #1e7e34 !important;
    }
     #presale-app  button#play-level {
        font-size: 9px !important;
        height: 20px !important;
        width: 16px !important;
    }

  #presale-app #ticket-plays .play-table td {
        /*display: block;*/
        font-size: 51%;
        white-space: nowrap;
    }
    #presale-app #ticket-plays .play-table td:nth-child(1) {
        display: none !important;
    }
        
    #presale-app #ticket-panel label {
        padding-left: 29%;
        font-size: 5px;
        display: flex

    }
    #presale-app #ticket-panel input {
        margin-left: -29%;
        width: 40px;
        font-size: 1.3vw !important;
        text-align: center;

        text-overflow: ellipsis;
        overflow: hidden !important;
        white-space: nowrap;
    }
    #presale-app #gamble-options .btn {
        width: 34% !important;
        font-size: 45%;
      
    }
  
    
/*calculadora preventa*/
    #presale-precontainers #calculator-footer {
        width: auto !important;
        font-size: 1.2vw !important;
    }
    
    #presale-precontainers #right-div #ticket-maker-container #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 91% !important;
    }
    
    #presale-precontainers #calculator-navbar {
            padding-right: 5% !important;
    }
    #presale-precontainers .ticket-view {
        font-size: 70% !important;
        top: 16px !important;
    } 
    
    #presale-precontainers #odds-calculator .parlay-input {
        font-size: 75%;
        height: 31px;
        width: 46px !important;
    }  
   #presale-precontainers .input-group-addon {
        padding-left: 1px !important;
        font-size: 12px !important;
   }  
    #presale-precontainers span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #presale-precontainers #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 66px !important;
        width: 25px !important;
        }
 
    #presale-precontainers .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    
    #odds-calculator > div.d-flex {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
      width: 99% !important;
      padding-right: 0 !important;
    }
    
    #odds-calculator > div.d-flex > * {
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #odds-calculator > div.d-flex > *:not(:last-child) {
      margin-right: 4px !important; 
    }
    
    span.price.blue.pl-3 {
        padding-right: 37%;
         padding-top: 9%;
        /*display: ruby-text;*/
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
  
    #calculator-navbar {
        min-height: 0px !important;
        padding: 0 !important;
    }
    #presale-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        display:none;
    }
    #presale-precontainers .footer .lf {
        font-weight: 700;
        padding-left: 0px;
    }
    #presale-app #parlay-ap, #parlay-gan {
        margin-top: -9px;
    }
 /*opciones de pre-venta*/

    #presale-app #options-container {
        top: 0% !important;
        right: -1%;
    }
    #presale-app #options-container td {
        width: 42px !important;
        position: relative;
        border-right: none; 
    }
    
    #presale-app #options-container td img {
        margin-top: 37% !important
    }
    
    #presale-app #options-container td .option-title {
        display: none;
    }
    
/* Simulamos un borde corto a la derecha */
    #options-container td::after {
      content: "";
      position: absolute;
      top: 17%;             
      height: 61%;          
      right: 0;
      width: 1px;
      background-color: #eee;
    }
 /*el boton buscar en las opciones de preventa*/
    #presale-app #ticketsPreview .modal-dialog {
        min-width: auto !important;
    }
    #presale-app #ticketsPreview  #save-cart {
        width: 274px;
    }
     /*ocultar equipos*/
    #presale-app  .header th:nth-child(4) {
        display: none !important;
    }

    #presale-app .game-container td:nth-child(2) {
        display: none !important;
    }
     #presale-app  .header th:nth-child(2) {
        display: none !important;
    }

    #presale-app .game-container td:nth-child(4) {
        display: none !important;
    }
    
    /*PIN-BET*/
 
    #prepaid-app #app-brand #brand-logo {
      height: 216px;
        margin-top: -75px !important;
        margin-left: 0%;
        width: 213px !important;
   }
     
    
 /*inicio de sesion */
    #pin-loader-modal #app-confirmation input#pinbet-code {
      text-align: center !important;
      font-size: 22px !important;
      height: 50px;
      width: 100% !important;
     
    }
    #pin-loader-modal #app-confirmation button {
        margin-right: -5% !important;
        width: 109% !important;
        margin-left: -4% !important;
    }
/*login de confirmacion pin-bet*/
    #prepaid-app #pin-loader-modal #app-confirmation .modal-content {
        width: auto;
    }
    #pin-loader-modal .modal-dialog.modal-dialog-centered {
        max-width: fit-content !important;
    }
    /*OPCIONES DE EQUIPO */
/*opciones de pin-bet*/
    #prepaid-app #options-container {
        top: 7px !important;
        right: -1%;
    }

    #prepaid-app #options-container td {
      width: 63px !important;
      position: relative;
      border-right: none; 
      padding-top: 7%;
     
    }

    #prepaid-app #options-container td img {
        margin-top: 29% !important;
        max-width: 45%;
    }
    #prepaid-app #options-container td .option-title {
        display: none;
        
    }
     /*opciones de equipos */
     #online-navbar > div >div > div#leagues-picker {
        margin-left: 10px !important;
    }
    #online-navbar .btn-group, .btn-group-vertical {
        margin-left: -5vw;
    }
    #leagues-picker-container .league-title{
    font-size: 9px !important;
    margin-left: 10% !important;
    }
    #leagues-picker-container .league-counter {
    margin-right: 27%;
    }
 

/* Simulamos un borde corto a la derecha */
    #prepaid-app #options-container td::after {
      content: "";
      position: absolute;
      top: 23%;            
      height: 62%;          
      right: -1%;
      width: 1px;
      background-color: #eee;
    }
    #prepaid-app #pinbet-info .balance, .section-casino, .section-info .section {
        bottom: 5%;
        font-size: 60%;
    }
    
    #prepaid-app #balance-container .blc-money {
        font-size: 14px;
    }
    #prepaid-app #balance-container
    {
        padding-left: 3%;
        min-width: 80px !important;
    }
/*tabla*/
   #prepaid-app #oddsboard-container3 .oddsboard-table td {
        padding: 0px 0px;
        border: none;
        font-size: 54% !important;
    }
    
    #prepaid-app #pre-container {
    display: flex;
    flex-direction: row;
    /*justify-content: center !important;*/
    }
    
    #prepaid-app #oddsboard-scrollable {
        overflow: unset;
    }
    #prepaid-app #oddsboard-container3 #opt-btns small {
        display: none;
    }
     /*ocultar equipos*/
    #prepaid-app .header th:nth-child(4) {
        display: none !important;
    }

    #prepaid-app .game-container td:nth-child(4) {
        display: none !important;
    }
     #prepaid-app .odds-btn {
        min-width: 36px !important;
    }
    #pre-container #left-div {
        width: 72% !important;
        float: left;
        padding-right: 8px;
        width: 63%;
    }
      #prepaid-app #opt-btns > * {
        min-width: 65px !important;
    }
    #prepaid-app .header th {
        font-size: 58%;
    }
    #prepaid-app .game-container td:nth-child(2) {
        display: none !important;
    }
    #prepaid-app  .header th:nth-child(2) {
        display: none !important;
    }
 /*ticket pin-bet*/
   #prepaid-app #pre-container #right-div {
        float: right;
        min-width: 30vw !important;
        width: -9% !important;
    }
    #prepaid-app #right-div #ticket-maker-container {
        margin-right: auto !important;
        margin-left: -4% !important;
     }
    
     #prepaid-app #pre-container #ticket-navbar {
            padding-right: 5%;
            display: flex !important;
            padding-top: 2%;
            min-height: 37px !important;
            /*flex-direction: column !important;*/
    }
     #prepaid-app #ticket-maker-container {
        min-height: 85px !important;
    }
    
    #prepaid-app #ticket-navbar .sub-title {
        display:none;
      /*bottom: 5%;*/
    }
    
    #prepaid-app #ticket-navbar .title {
        font-size: 60% !important;
    }
    
    #prepaid-app #ticket-header {
        margin-top: -3%;
        font-size: 72% !important;
        height: 27px !important;
        letter-spacing: 1.5px;
    }
    
    #prepaid-app #tickets-options {
        display: flex;          
        gap: 0px;              
        justify-content: center; 
    }
    
    #prepaid-app #tickets-options button {
        margin-right: 25% !important;
        background: none !important;
        font-size: 80% !important;
        padding: 11% 0%;
        cursor: pointer;
    }
    #prepaid-app #right-div #re-bet input {
        font-size: 68%;
    }
    #prepaid-app #ticket-maker-container #ticket-header #tickets-options .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
        padding-right: 3% !important;
        padding-left: 5% !important;
        background-color: #1e7e34 !important;
    }

/*buscar  en ticket pin-bet*/
    #prepaid-app .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 0% !important;
      padding-right: 0% !important;
    }
    
    #prepaid-app .small {
        font-size: 63% !important;
    }
    /*cuando se selecciona*/
    #prepaid-app button#play-level {
        font-size: 9px !important;
        height: 20px !important;
        width: 16px !important;
    }
    #prepaid-app #ticket-plays .play-table td {
        /*display: block;*/
        font-size: 1vw;
        white-space: nowrap;
    }
    #prepaid-app #ticket-plays .play-table td:nth-child(1) {
        display: none !important;
    }
        
    #prepaid-app #ticket-panel label {
        padding-left: 18%;
        font-size: 5px;
        display: flex

    }
    #prepaid-app #ticket-panel input {
        margin-left: -29%;
        width: 40px;
        font-size: 1.3vw !important;
        text-align: center;

        text-overflow: ellipsis;
        overflow: hidden !important;
        white-space: nowrap;
    }
    #prepaid-app #gamble-options .btn {
        width: 34% !important;
        font-size: 45%;
      
    }
   #prepaid-app #ticket-panel.row {
         flex-wrap: nowrap !important;
   }

/*calculadora-pin-bet*/
    #prepaid-app #calculator-footer {
        width: auto !important;
        font-size: 1.3vw !important;
    }
    
    #prepaid-app #right-div #ticket-maker-container 
    #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 76%;
    }
    
    #prepaid-app #calculator-navbar {
            padding-right: 10% !important;
    }
    #prepaid-app .ticket-view {
        font-size: 1.6vw !important;
    } 
    
    #prepaid-app #odds-calculator .parlay-input {
        font-size: 75%;
        height: 31px;
        width: 46px !important;
    }  
    #prepaid-app .input-group-addon {
        padding-left: 1px !important;
        font-size: 12px !important;
   }  
    
    #prepaid-app span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #prepaid-app #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 63px !important;
        width: 25px !important;
    }
   
    #prepaid-app .footer  {
        font-weight: 700;
        padding-left: 0px;
        text-align: left;
    }
    #prepaid-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        display:none;
    }
       #prepaid-app .footer .lf {
        font-weight: 700;
        padding-left: 0px;
    }
    #prepaid-app #parlay-ap, #parlay-gan {
        margin-top: -9px;
    }

/*modal de tickets*/
    #pin-tickets-modal .modal-content {
        width: 140%;
    }
/*modal de reglas pin-bet*/
    #rules-content .h3, h3 {
        font-size: 2vw;

    }
    /*modal de salir */
      body .swal-modal {
    width: 454px !important;
}
}


 @media screen and (min-width: 768px) and (max-width: 1366px){
     /*LOGO*/
   /*LOGO*/
    #app-top-navbar #app-brand #brand-logo {
        margin-top:-87px !important;
        width: 242px !important;
        z-index: auto;
        margin-left: -27px !important;
    }
    /*logo preventa*/
    #presale-app #app-brand #brand-logo {
        height: 246px;
        margin-top:-88px !important;
        width: 242px !important;
        z-index: auto;
        margin-left: -12px !important;
    }
    /*logo pin-bet*/
    #prepaid-app #app-brand #brand-logo {
        height: 246px;
        margin-top:-88px !important;
        width: 242px !important;
        z-index: auto;
        margin-left: -12px !important;
    }
    /**/
   #prepaid-app .casino-name, .casino-title, .div-casinos, .div-games, .game-card>.game-title {
    display: none !important;
     }
    
    #app-footer {
        display: none !important;
    }
    /**/
    
/*contenedor */
    #prepaid-app #pre-container #left-div {
        float: left;
        padding-left: 1%;
        width: 70vw !important;
    }
   .row {
        /*display: flex !important;*/
        /*flex-wrap: nowrap !important;*/
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        /*gap: 1vw !important; */
    }
    
    #ticket-header .row {
        /*display: flex !important;*/
        flex-wrap: nowrap !important;
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 1vw !important; 
    }
    

    .row > * {
        flex-shrink: 0 !important;
        /*flex: 0 0 auto !important;*/
        white-space: nowrap !important;
        /*min-width: 16vw !important; */
        /* adaptable al ancho */
    }

    /* Navegacion */
    #app .nav-content.row {
        margin-top: -1% !important;
        gap: 0% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-right: -39% !important;
        align-items: flex-end;
        /*justify-content: center;*/
        
    }

    #app #app-menu {
        height: auto !important;
    }

    #app-menu-principal + div.col-3 {
      max-width: 11% !important;
    }

    #app-menu-principal td a {
        margin-bottom: 12% !important;
        font-size: clamp(10px, 1.3vw, 14px) !important;
        /*margin-left: 119% !important;*/
        width: max-content !important;
    }

    #app-menu td a {
        padding-right: 1% !important;
        padding-top: 3px!important;
        font-size: clamp(9px, 1.3vw, 12px) !important;
        margin-bottom: -1% !important;
    }

    .w-100 {
        width:100% !important;
    }

    #app-menu td {
        font-size: unset !important;
        margin-right: 4% !important;
        min-width: clamp(100px, 20vw, 178px) !important;
        white-space:nowrap !important;
        display: ruby-text !important;
    }

    #app-navbar {
        margin-left: -23% !important;
        width: 91% !important;
        /*height: 5vw !important;*/
        overflow-x: visible !important; 
    }
 
    #opt-btns > * {
    flex-shrink: 0 !important;
    min-width: 120px !important; /* asegúrate que sea más grande que el contenedor */
    }

/* Botones horizontales con scroll */
    #opt-btns {
        overflow-x: auto !important;
        border: 1px solid #e6e4e4 !important;
        border-radius: 1px !important;
        display: flex !important;
        flex: none !important;
        margin-bottom: 4px !important;
        max-width: 100% !important;
        overflow-y: hidden !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    #opt-btns::-webkit-scrollbar {
        display: none !important;
    }

/* Hover activos */
    #app-menu a:not(.no-hover):hover {
        border-bottom: solid var(--active-color) 3px !important;
        background: transparent !important;
    }

    #app-menu-principal a:not(.no-hover):hover {
        border-bottom: solid var(--active-color) 3px !important;
        background: transparent !important;
        flex-direction: column-reverse !important;
        margin-top: -4% !important;
        display: flex !important;
    }

/* Botones redes */
    #app #social-buttons {
        /*margin-top: 42px !important;*/
        right: -2vw !important;
    }

    #social-buttons a {
        border-radius: 50% !important;
        height: 27px !important;
        margin-right: 3px !important;
        width: 27px !important;
    }

    #app #login-options {
        margin-top: 18px !important;
        right: 13% !important;
    }

    #app #login-options .btn {
        margin-top: 20% !important;
        font-size: 75% !important;
        min-width: 103px !important;
    }
    /*tabla deportiva*/
    #oddsboard-container  button, input, optgroup, select, textarea {
        margin: 0;
        font-family: inherit;
        font-size: 90%;
    }
    #odds-container .header th:nth-child(4) {
        display: none !important;
    }

    #odds-container .game-container td:nth-child(4) {
        display: none !important;
    }
  

/* Tabla resultados */
      #scoresboard-v2 .text-left small b { 
     display: block;
        font-size: 82%
    }

    #scores-container .scoreboard-table .header th {
        font-size: clamp(10px, 1.2vw, 13px) !important;
        padding-left: 0% !important;
    }

    #scores-container #scores-section .team-name {
        display: none !important;
    }

    /*#app .scoreboard-table td {*/
    /*    padding-bottom: 2% !important;*/
    /*}*/

    #app #scores-section .card {
        font-size: 72% !important;
    }

    .player.small.small {
        display: grid !important;
        font-size: 8px !important;
    }
/*boton verde -preventa*/

    #presale-span {
        padding-bottom: 0.8vw !important
    }

/* Preventa */
    #presale-precontainers {
        display: flex !important;
        padding-top: 1em !important;
        width: 100% !important;
        justify-content: center !important;
    }

    #presale-precontainers #left-div {
        margin-left: -1% !important;
        font-size: 80% !important;
        padding-right: 0px !important;
        margin-right: -23px !important;
    }

    #presale-precontainers #oddsboard-scrollable {
        overflow: auto !important;
    }

    #presale-app #oddsboard-container3 #opt-btns small {
        display: none !important;
    }

    #oddsboard-container3 #opt-btns button {
        height: 22px !important;
    }
    #presale-navbar > div >div > div#leagues-picker {
        margin-left: 10% !important;
    }

/* Ticket preventa */
    #presale-precontainers #right-div {
        float: right !important;
        min-width: 233px !important;
        width: -9% !important;
    }

    #presale-precontainers #ticket-navbar {
        padding-right: 5%;
        display: flex !important;
        padding-top: 2% !important;
        min-height: 37px !important;
        /*flex-direction: column !important;*/
    }

    #presale-precontainers #right-div #ticket-maker-container {
        /*margin-top: 2% !important;*/
        margin-right: -9% !important;
        margin-left: 8% !important;
    }

    #presale-precontainers #ticket-maker-container {
        min-height: 85px !important;
    }

    #presale-precontainers #ticket-navbar .sub-title {
      bottom: 5%;
    }
    
    #presale-precontainers #ticket-navbar .title {
        font-size: 84% !important;
    }
    
    #ticket-header {
        margin-top: -3%;
        font-size: 72% !important;
        height: 38px !important;
        letter-spacing: 1.5px;
    }
    
    #tickets-options {
      padding-right:0vw !important;
      display: flex;        
       gap: 10px;             
     justify-content: center; 
    }
    
    #tickets-options button {
        background: none !important;
        /*font-size: 11px !important;*/
        padding: 8% 0%;
        cursor: pointer;
    }
    #presale-precontainers #right-div #re-bet input {
        font-size: 68%;
    }
/*buscar  en ticket preventa*/
     #presale-precontainers .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #presale-precontainers .small {
        font-size: 86%;
    }
    #presale-precontainers #ticket-maker-container #ticket-header #tickets-options .btn-success:not(:disabled):not(.disabled).active, 
    .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
        padding-right: 3% !important;
        padding-left: 5% !important;
        background-color: #1e7e34 !important;
    }
    #presale-app #ticket-plays .play-table td {
        white-space: nowrap;
        font-size: 56%;
    }

    #presale-app #ticket-panel label {
        font-size: 10px;
    }

    #presale-app #ticket-panel input {
        width: 52px;
        font-size: 12px !important;
        text-align: center;

        text-overflow: ellipsis;
        overflow: hidden !important;
        white-space: nowrap;
    }

    #presale-app #gamble-options .btn {
        width: 16% !important;
        font-size: 60%;
      
    }
    #presale-app  button#play-level {
        font-size: 12px !important;
        height: 22px !important;
        width: 18px !important;
    }
    
/*calculadora*/
    #presale-precontainers #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #presale-precontainers #right-div #ticket-maker-container #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 100% !important;
    }
    
    #presale-precontainers #calculator-navbar {
            padding-right: 4% !important;
    }
    #presale-precontainers .ticket-view {
        font-size: 83% !important;
        top: 16px !important;
    } 
    
    #presale-precontainers #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #presale-precontainers span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #presale-precontainers #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
    }
 
    #presale-precontainers .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    
    #odds-calculator > div.d-flex {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
      width: 96% !important;
      padding-right: 0 !important;
    }
    
    #odds-calculator > div.d-flex > * {
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #odds-calculator > div.d-flex > *:not(:last-child) {
      margin-right: 4px !important; 
    }
    
    span.price.blue.pl-3 {
    padding-right: 37%;
     padding-top: 9%;
    /*display: ruby-text;*/
    text-align: right;
    font-size: 114%;
    padding-left: 0px !important;
    }
  
    #calculator-navbar {
        min-height: 0px !important;
        padding: 0 !important;
    }
    #presale-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }
   
 /*opciones de pre-venta*/

    #presale-app #options-container {
        top: 0% !important;
        right: -1%;
    }
    #presale-app #options-container td {
        width: 42px !important;
        position: relative;
        border-right: none; 
    }
    
    #presale-app #options-container td img {
        margin-top: 37% !important
    }
    
    #presale-app #options-container td .option-title {
        display: none;
    }
    
/* Simulamos un borde corto a la derecha */
    #options-container td::after {
      content: "";
      position: absolute;
      top: 17%;             
      height: 61%;          
      right: 0;
      width: 1px;
      background-color: #eee;
    }
 /*el boton buscar en las opciones de preventa*/
    #presale-app #ticketsPreview .modal-dialog {
        min-width: auto !important;
    }
    #presale-app #ticketsPreview  #save-cart {
        width: 274px;
    }
    
    /*PIN-BET*/
 
 /*inicio de sesion */
    #pin-loader-modal #app-confirmation input#pinbet-code {
      text-align: center !important;
      font-size: 22px !important;
      height: 50px;
      width: 100% !important;
     
    }
    #pin-loader-modal #app-confirmation button {
        margin-right: -5% !important;
        width: 109% !important;
        margin-left: -4% !important;
    }
    /*login de confirmacion pin-bet*/
    #prepaid-app #pin-loader-modal #app-confirmation .modal-content {
        width: auto;
    }
    #pin-loader-modal .modal-dialog.modal-dialog-centered {
        max-width: fit-content !important;
    }
    /*opciones   de equipos en pinn-bet*/
    #prepaid-app #leagues-picker {
    margin-left: 10% !important;
    }
/*opciones de pin-bet*/
    #prepaid-app #options-container {
        top: 7px !important;
        right: -1%;
    }

    #prepaid-app #options-container td {
      width: 63px !important;
      position: relative;
      border-right: none; 
      padding-top: 7%;
     
    }

    #prepaid-app #options-container td img {
        margin-top: 29% !important;
        max-width: 45%;
    }
    #prepaid-app #options-container td .option-title {
        display: none;
        
    }
     

/* Simulamos un borde corto a la derecha */
    #prepaid-app #options-container td::after {
      content: "";
      position: absolute;
      top: 23%;            
      height: 62%;          
      right: -1%;
      width: 1px;
      background-color: #eee;
    }
    #prepaid-app #pinbet-info .balance, .section-casino, .section-info .section {
        bottom: 5%;
        font-size: 60%;
    }
    
    #prepaid-app #balance-container .blc-money {
        font-size: 14px;
    }
    #prepaid-app #balance-container
    {
        padding-left: 3%;
        min-width: 80px !important;
    }
/*tabla*/
   #prepaid-app #oddsboard-container3 .oddsboard-table td {
        padding: 0px 0px;
        border: none;
        font-size: 80% !important;
    }
    
    #prepaid-app #pre-container {
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    }
    
    #prepaid-app #oddsboard-scrollable {
        overflow: unset;
    }
    #prepaid-app #oddsboard-container3 #opt-btns small {
        display: none;
    }
    
 /*ticket pin-bet*/
   #prepaid-app #pre-container #right-div {
        float: right;
        min-width: 231px !important;
        width: 16% !important;
    }
    #prepaid-app #right-div #ticket-maker-container {
         margin-top: 2% !important;
        margin-right: 0vw !important;
        margin-left: -3%;
     }
    
     #prepaid-app #pre-container #ticket-navbar {
            display: flex !important;
            padding-top: 2%;
            min-height: 37px !important;
            /*flex-direction: column !important;*/
    }
     #prepaid-app #ticket-maker-container {
        min-height: 85px !important;
    }
    
    #prepaid-app #ticket-navbar .sub-title {
      bottom: -17%;
    }
    
    #prepaid-app #ticket-navbar .title {
        font-size: 65% !important;
    }
    
    #prepaid-app #ticket-header {
        font-size: 69% !important;
        height: 37px !important;
        letter-spacing: 1.5px;
    }
    
    #prepaid-app #tickets-options {
        display: flex;          
        gap: 10px;              
        justify-content: center; 
    }
    
    #prepaid-app #tickets-options button {
        background: none !important;
        font-size: 11px !important;
        padding: 11% 0%;
        cursor: pointer;
    }
    #prepaid-app #right-div #re-bet input {
        font-size: 68%;
    }
    #prepaid-app #ticket-maker-container #ticket-header #tickets-options .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
        padding-right: 3% !important;
        padding-left: 5% !important;
        background-color: #1e7e34 !important;
    }

/*buscar  en ticket pin-bet*/
    #prepaid-app .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #prepaid-app .small {
        font-size: 63% !important;
    }
    /*cuando se seleciona*/

    #prepaid-app #ticket-plays .play-table td {
    white-space: nowrap;
    font-size: 56%;
   }

    #prepaid-app #ticket-panel label {
        font-size: 10px;
    }

   #prepaid-app #ticket-panel input {
        width: 52px;
        font-size: 12px !important;
        text-align: center;

        text-overflow: ellipsis;
        overflow: hidden !important;
        white-space: nowrap;
    }

    #prepaid-app #gamble-options .btn {
        width: 16% !important;
        font-size: 60%;
      
    }
    #prepaid-app  button#play-level {
        font-size: 12px !important;
        height: 22px !important;
        width: 18px !important;
    }


/*calculadora-pin-bet*/
    #prepaid-app #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #prepaid-app #right-div #ticket-maker-container 
    #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 95%;
    }
    
    #prepaid-app #calculator-navbar {
            padding-right: 4% !important;
    }
    #prepaid-app .ticket-view {
        font-size: 87%;
    } 
    
    #prepaid-app #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #prepaid-app span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #prepaid-app #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
    }
   
    #prepaid-app .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    #prepaid-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }

/*modal de tickets*/
    #pin-tickets-modal .modal-content {
        width: 140%;
    }
/*modal salir de pin-bet */
    body .swal-modal {
    width: 454px !important;
}
    }

 @media screen and (min-width: 1366px) and (max-width: 1600px) and (orientation: portrait) {
    
/* LOGO*/
    /*#app-top-navbar  #app-brand #brand-logo {*/
    /*    width: 220px !important;*/
    /*    margin-left: 3px !important;*/
    /*    height: 34px !important;*/
    /*}*/

/*OPCIONES */
    .row {
        gap: 0% !important;
        display: flex;
        flex-direction: row ;
    }
       #app .nav-content.row{
        /*gap: 1% !important;*/
        display: flex;
        flex-direction: row ;
        margin-right: 34px !important;
        /*margin-right: 7% !important;*/
    }
    #app-menu-principal td {
        padding-left: 35% !important;
        font-size: 12px !important;
        padding-top: 2% !important;
    }
    #app-menu-principal td a {
        padding-top: 0 !important;
        /*padding-right: 0% !important;*/
        /*padding-left: 11px;*/
        padding-top: 0%!important;
        height: 27px !important;
        
    }
    #app-menu td a {
        padding-top: 3px!important;
        height: 29px !important;
        font-size: 78% !important;
        padding-right: 0% !important;
        margin-bottom: 7px !important;
    }
    
    .w-100 {
        width:100% !important;
    }
    #app-menu td {
        margin-right: 26px; 
        min-width: 144px !important;
        white-space: normal !important;
        /*display: ruby-text !important;*/
    }
    
    #app-navbar {
        margin-left: -24% ;
        width: 143%;
        height: 4% !important;
        overflow-x: clip !important;
    }
 /**/
 
    #opt-btns {
        overflow-x: auto !important;
        border: 1px solid #e6e4e4;
        border-radius: 1px;
        display: flex;
        flex: none;
        margin-bottom: 4px;
        max-width: 100%;
        overflow-y: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none;
    }

    #opt-btns::-webkit-scrollbar {
        display: none; /* oculta en Chrome/Safari */
    }

/*table de preventa*/
    #oddsboard-container3 .oddsboard-table {
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;
      width: 100%;
    }

    #oddsboard-container3 .oddsboard-table td {
      padding: 0px 0px; 
      border: none;    
      font-size: 58% !important;
    }

/*BOTONES-REDES*/
    #social-buttons {
        font-size: 0% !important;
        margin-top: 6px !important;
        position: absolute;
       
    }
    #social-buttons {
        right: -50px !important;
    }
/**/
    .card {
        font-size: 71% !important;  
     
    }
    
    .card-container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px; 
    }

    .scores-card .team-name {
        display: none;
    
    }
    .player.small.small {
        display:grid;
        font-size: 8px;
    }

/*boton verde -preventa*/

    #presale-span {
        padding-bottom: 8px !important
    }
    
    #presale-navbar > div >div > div#leagues-picker {
        margin-left: 0px !important;
    }

/*tabla pre-venta*/
    #presale-precontainers #left-div {
        font-size: 132% !important;
        padding-right: 0px !important;
        margin-right: -3% !important;
    }
    
    #presale-precontainers #oddsboard-scrollable {
        overflow: hidden;
    }

/*//PRE-VENTA*/
    #presale-precontainers {
        display: flex;
        padding-top: 1em;
        width: 100%;
        justify-content: center !important;
    }
    #presale-app #oddsboard-container3 #opt-btns small {
        display: none !important;
    }
    #oddsboard-container3 #opt-btns button {
        height: 22px !important;
    }
    #presale-precontainers #right-div {
        float: right;
        min-width: 233px !important;
        width: -9%;
    }
     
    #presale-precontainers #ticket-navbar {
        display: flex !important;
        padding-top: 2%;
        min-height: 37px !important;
        flex-direction: column !important;
    }
 /*ticket pre-venta*/
    #presale-precontainers #right-div #ticket-maker-container {
        margin-right: -9%;
        margin-left: 11%;
    }
        
    #presale-precontainers #ticket-maker-container {
        min-height: 85px !important;
    }
    
    #presale-precontainers #ticket-navbar .sub-title {
      bottom: 5%;
    }
    #presale-precontainers #ticket-navbar .title {
        font-size: 84% !important;
    }
    
    #ticket-header {
        font-size: 72% !important;
        height: 38px !important;
        letter-spacing: 1.5px;
    }
    
    #tickets-options {
      display: flex;        
       gap: 10px;             
     justify-content: center; 
    }
    
    #tickets-options button {
        background: none !important;
        font-size: 11px !important;
        padding: 11% 0%;
        cursor: pointer;
    }
    #presale-precontainers #right-div #re-bet input {
        font-size: 68%;
    }
/*buscar  en ticket preventa*/
     #presale-precontainers .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #presale-precontainers .small {
        font-size: 86%;
    }
    
/*calculadora*/
    #presale-precontainers #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #presale-precontainers #right-div #ticket-maker-container #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 100% !important;
    }
    
    #presale-precontainers #calculator-navbar {
            padding-right: 4% !important;
    }
    #presale-precontainers .ticket-view {
        font-size: 83% !important;
        top: 23px !important;
    } 
    
    #presale-precontainers #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #presale-precontainers span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #presale-precontainers #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
        }
    /*#prepaid-app #odds-calculator > div.d-flex > * {*/
    /*        margin-right: 7% !important;*/
    /*        margin-left: 5% !important;*/
    /*} */
    #presale-precontainers .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    
    #odds-calculator > div.d-flex {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
      width: 100%;
      padding-right: 0 !important;
    }
    
    #odds-calculator > div.d-flex > * {
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #odds-calculator > div.d-flex > *:not(:last-child) {
      margin-right: 4px !important; 
    }
    
    span.price.blue.pl-3 {
    padding-right: 37%;
     padding-top: 9%;
    /*display: ruby-text;*/
    text-align: right;
    font-size: 114%;
    padding-left: 0px !important;
    }
  
    #calculator-navbar {
        min-height: 0px !important;
        padding: 0 !important;
    }
    #presale-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }
  
/*logo-preventa*/
    /*#presale-app #app-brand #brand-logo {*/
    /*    margin-top: -38px !important;*/
    /*    width: 89% !important;*/
    /*    margin-left: 26px !important;*/
    /*    height: 36px !important;*/
    /*}*/

/*opciones de pre-venta*/

    #presale-app #options-container {
        top: 0% !important;
        right: -1%;
    }
    #presale-app #options-container td {
        width: 42px !important;
        position: relative;
        border-right: none; 
    }
    
    #presale-app #options-container td img {
        margin-top: 37% !important
    }
    
    #presale-app #options-container td .option-title {
        display: none;
    }
    
    /* Simulamos un borde corto a la derecha */
    #options-container td::after {
      content: "";
      position: absolute;
      top: 17%;             
      height: 61%;          
      right: 0;
      width: 1px;
      background-color: #eee;
    }
    /*el boton buscar en las opciones de preventa*/
    #presale-app #ticketsPreview .modal-dialog {
        min-width: auto !important;
    }
    #presale-app #ticketsPreview  #save-cart {
        width: 274px;
    }

/*OPCION-RESULTADOS*/
    #scores-container .scoreboard-table .header th {
        font-size: 79% !important;
    }
    #scores-container #scores-section .team-name {
        bottom: -6%;
}

/*PIN-BET*/
 
 /*inicio de sesion */
    #pin-loader-modal #app-confirmation input#pinbet-code {
      text-align: center !important;
      font-size: 22px !important;
      height: 50px;
      width: 100% !important;
     
    }
    #pin-loader-modal #app-confirmation button {
        margin-right: -5% !important;
        width: 109% !important;
        margin-left: -4% !important;
    }
/*logo*/
    /*#prepaid-app #app-brand #brand-logo{*/
    /*    z-index: auto;*/
    /*    padding-bottom: 17%;*/
    /*    width: 89% !important;*/
    /*    margin-left: 26px !important;*/
    /*}*/
     #prepaid-app #oddsboard-container3 #opt-btns small {
        display: none;
    }
/*opciones de equipos*/
    #online-navbar > div >div > div#leagues-picker {
        margin-left: 0px !important;
    }

/*opciones de pin-bet*/
    #prepaid-app #options-container {
        top: 7px !important;
        right: -1%;
    }

    #prepaid-app #options-container td {
      width: 63px !important;
      position: relative;
      border-right: none; 
      padding-top: 7%;
     
    }

    #prepaid-app #options-container td img {
        margin-top: 29% !important;
        max-width: 45%;
    }
    #prepaid-app #options-container td .option-title {
        display: none;
        
    }

/* Simulamos un borde corto a la derecha */
    #prepaid-app #options-container td::after {
      content: "";
      position: absolute;
      top: 23%;            
      height: 62%;          
      right: -1%;
      width: 1px;
      background-color: #eee;
    }
    #prepaid-app #pinbet-info .balance, .section-casino, .section-info .section {
        bottom: 5%;
        font-size: 60%;
    }
    
    #prepaid-app #balance-container .blc-money {
        font-size: 14px;
    }
    #prepaid-app #balance-container
    {
        padding-left: 3%;
        min-width: 80px !important;
    }
        
/*tabla*/
   #prepaid-app #oddsboard-container3 .oddsboard-table td {
        padding: 0px 0px;
        border: none;
        font-size: 72% !important;
    }
    
    #prepaid-app #pre-container {
    display: flex;
    flex-direction: row;
    }
    
    #prepaid-app #oddsboard-scrollable {
        overflow: unset;
    }
    
 /*ticket pin-bet*/
   #prepaid-app #pre-container #right-div {
        float: right;
        min-width: 231px !important;
        width: 16% !important;
    }
    #prepaid-app #right-div #ticket-maker-container {
        margin-right: -9%;
        margin-left: -1%;
     }
    
     #prepaid-app #pre-container #ticket-navbar {
            display: flex !important;
            padding-top: 2%;
            min-height: 37px !important;
            flex-direction: column !important;
    }
     #prepaid-app #ticket-maker-container {
        min-height: 85px !important;
    }
    
    #prepaid-app #ticket-navbar .sub-title {
      bottom: 8%;
    }
    
    #prepaid-app #ticket-navbar .title {
        font-size: 81% !important;
    }
    
    #prepaid-app #ticket-header {
        font-size: 69% !important;
        height: 37px !important;
        letter-spacing: 1.5px;
    }
    
    #prepaid-app #tickets-options {
        display: flex;          
        gap: 10px;              
        justify-content: center; 
    }
    
    #prepaid-app #tickets-options button {
        background: none !important;
        font-size: 11px !important;
        padding: 11% 0%;
        cursor: pointer;
    }
    #prepaid-app #right-div #re-bet input {
        font-size: 68%;
    }

/*buscar  en ticket pin-bet*/
    #prepaid-app .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #prepaid-app .small {
        font-size: 70%;
    }

/*calculadora-pin-bet*/
    #prepaid-app #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #prepaid-app #right-div #ticket-maker-container 
    #odds-calculator #calculator-navbar .h6, h6 {
            font-size: 95%;
    }
    
    #prepaid-app #calculator-navbar {
            padding-right: 4% !important;
    }
    #prepaid-app .ticket-view {
        font-size: 87%;
        top: 23px !important;
    } 
    
    #prepaid-app #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #prepaid-app span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #prepaid-app #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
    }
   
    #prepaid-app .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    #prepaid-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }

/*modal de tickets*/
    #pin-tickets-modal .modal-content {
        width: 140%;
    }

/*login de confirmacion pin-bet*/
    #prepaid-app #pin-loader-modal #app-confirmation .modal-content {
        width: auto;
    }
    #pin-loader-modal .modal-dialog.modal-dialog-centered {
        max-width: fit-content !important;
    }
 }
    
  @media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    #opt-btns {
        overflow-x: auto !important;
        overflow-y: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none;
    }
    #opt-btns::-webkit-scrollbar {
        display: none; /* oculta en Chrome/Safari */
    }
/*OPCION CALCULADORA*/
    span.price.blue.pl-3 {
        padding-right: 37%;
        padding-top: 9%;
        /* display: ruby-text; */
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
       
/*PREVENTA */
  /*table */
    #presale-app #oddsboard-container3 #opt-btns small {
        display: none !important;
    }
    #presale-app #opt-btns button {
        height: 22px !important;
    }
    /**/
    #presale-navbar > div >div > div#leagues-picker {
        margin-left: 10% !important;
    }
    #presale-precontainers #right-div #ticket-maker-container {
        margin-right: -5%;
        margin-left: 0%;
    }
    
/*buscar  en ticket preventa*/
     #presale-precontainers .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #presale-precontainers .small {
        font-size: 86%;
    }
    
/*calculadora preventa*/
    #presale-precontainers #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #presale-precontainers #calculator-navbar {
            padding-right: 4% !important;
    }
   
    #presale-precontainers #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #presale-precontainers span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #presale-precontainers #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
        }
  
    #presale-precontainers .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    
    #odds-calculator > div.d-flex {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
      width: 100%;
      padding-right: 0 !important;
    }
    
    #odds-calculator > div.d-flex > * {
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #odds-calculator > div.d-flex > *:not(:last-child) {
      margin-right: 4px !important; 
    }
    
    span.price.blue.pl-3 {
    padding-top: 9%;
    text-align: right;
    font-size: 114%;
    padding-left: 0px !important;
    }
  
    #calculator-navbar {
        min-height: 0px !important;
        padding: 0 !important;
    }
    #presale-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }
    
   /*PIN-BET*/
    /*table */
    #prepaid-app #oddsboard-container3 #opt-btns small {
        display: none !important;
    }
    #prepaid-app #opt-btns button {
        height: 22px !important;
    }
   #prepaid-app #online-navbar > div >div > div#leagues-picker {
        margin-left: 10% !important;
    }
    #prepaid-app #pre-container {
        display: flex;
        flex-direction: row;
    }
   
    /*ticket*/
        #prepaid-app #pre-container #right-div {
        float: right;
        min-width: 262px !important;
        width: 16% !important;
    }
    #prepaid-app #right-div #ticket-maker-container {
        margin-top: 1vw !important;
        margin-right: 3% !important;
        margin-left: -1% !important;
    }
    /*buscar  en ticket pin-bet*/
    #prepaid-app .col-12.mt-3.pl-4.pr-4.text-center {
      padding-left: 3% !important;
      padding-right: 3% !important;
    }
    
    #prepaid-app .small {
        font-size: 86%;
    }
/*modal de tickets*/
    #pin-tickets-modal .modal-content {
        width: 100% !important;
    }
    
 /*calculadora-pin-bet*/
    #prepaid-app #calculator-footer {
        width: auto !important;
        font-size: 86% !important;
    }
    
    #prepaid-app #calculator-navbar {
            padding-right: 4% !important;
    }
  
    #prepaid-app #odds-calculator .parlay-input {
        font-size: 105%;
        height: 31px;
        width: 72px !important;
    }  
    
    #prepaid-app span.price.blue.pl-3 {
        padding-right: 18%;
        padding-top: 4%;
        display:contents; 
        text-align: right;
        font-size: 114%;
        padding-left: 0px !important;
    }
    #prepaid-app #parlay-ap, #parlay-gan {
        border: none;
        font-size: 138%;
        font-size: 134% !important;
        margin-left: 78px !important;
        width: 25px !important;
    }
   
    #prepaid-app .footer  {
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
    }
    #prepaid-app #ticket-maker-container #odds-calculator #calculator-navbar .btn {
        font-size: 100%;
    }

 }