﻿@media (min-width:1200px)
{
    .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width:100%!important;
}
.numeroBoletoSEO {
    font-size: 40px;
    line-height: 65px;
    font-weight: 600;
    padding: 14px 17px;
    color: #000;
}
}

  
/*Iphone6 horizontal*/

    @media (min-width:375px) and (max-width:667px) and (orientation:landscape){

    .numeroBoletoSEO {
       font-size: 60px;
    line-height: 95px;
    font-weight: 600;
    padding: 14px 0px 0px 195px;
    color: #000;
}
}


 
  /*Iphone5 vertical*/
@media (min-width:320px) and (max-width:568px) and (orientation:portrait){

    .numeroBoletoSEO {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    padding: 14px 0px 0px 75px;
    color: #000;
}
}
/*Iphone6 vertical*/
@media (min-width:375px) and (max-width:667px) and (orientation:portrait){

    .numeroBoletoSEO {
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    padding: 14px 0px 0px 105px;
    color: #000;
}
}
/*Iphone5 horizontal*/
@media (min-width:320px) and (max-width:568px) and (orientation:landscape){

    .numeroBoletoSEO {
    font-size: 40px;
    line-height: 75px;
    font-weight: 600;
    padding: 14px 0px 0px 175px;
    color: #000;
}
}



  


/*Ipad*/
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .numeroBoletoSEO {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding: 14px 0px 0px 55px;
    color: #000;
}

}
    @media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .numeroBoletoSEO {
    font-size : 30px;
    line-height: 50px;
    font-weight: 600;
    padding: 5px 0px 0px 90px;
    color: #000;
}

}
/*.numeroBoletoSEO {
    font-size: 40px;
    line-height: 65px;
    font-weight: 600;
    padding: 14px 0px 0px 105px;
    color: #000;
}*/
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    
}

.bloque-busqueda-terminal {
    min-height: 250px!important;
        border: 1px solid #c6c6c6;
    
    padding: 20px 20px;
    margin: 30px 0px;
        background-color: #fff;
   
}
.titulo-busqueda-loteria {
   
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    
    text-transform: inherit;
}
.parrafo-busqueda-loteria {
  
    
    line-height: 26px;
    text-align: center;
    color: #4a4a49;
}
h3 {
    font: 30px ;
 
    margin: 0;
    margin-bottom: 5px;
}
.cotenedor-boleto-total {
    margin-bottom: 40px;
}
    .cotenedor-boleto-total .boleto-total-imagen {
    background-size: contain;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
   
    width: 100%;
    height: 100%;
    display: block;
}
.bloque-decimo-sort {
    position: absolute;
    top: 0px;
    width: 95%;
    /*height: 220px;*/
    padding: 0px 0px;
    margin: 0px 0px;
}
.bloque-comprar-decimos {
    display: inline-block;
    width: 85%;
    background: transparent;
   /* height: 220px;*/
    float: right;
}
.numero-bloque-decimos {
    width: 160px;
    margin: auto;
     padding: 8px 18px 0px 0px;
    letter-spacing: 3px;
    font-size: 33px;
    text-align: center;
    color: #4a4a49;
}
.info_extra-boleto-total {
    background-color: inherit;
    border: 1px solid #ededed;

    
   
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    
    padding: 5px 20px;
}
.cotenedor-boleto-total .boleto-total-imagen img {
    width: 100%;
}
.contenedorBombos {
    border: 1px solid #c6c6c6;
    width: 100%;
    min-height: 100px;
    padding: 0px 5px;
    margin: 10px 0px 30px;
}
.cuboBombos {
    width: 20%;
    height: auto;
    display: inline-block;
    margin: 12px 0px;
    padding: 0px 5px;
   /* border-right: 1px solid #c6c6c6;*/
    
    font-size: 24px;
    text-align: center;
    float: left;
    background-image: url(/Web_2_0/recursos/loteria/web/img/icon-loterias-ln-light.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.btn-arrow-Bombos {
    padding: 0px 10px;
    margin: 0px;
    background: none;
    border: 0px;
}
.numeroBombos {
    width: 23px;
    height:26px;
    padding: 0px 0px;
    text-align: center;
}
.cuantosLNIQ {
    border: 1px solid #c6c6c6;
    width: 100%;
    min-height: 100px;
    padding: 15px 5px;
    margin: 10px 0px 30px;
    text-align: center;
}
.cuantosLNIQ select {
    min-height: 25px;
    font-size:12px;
}


p
{
   font-size: 10px;
    line-height: 18px;
    color: #58646e;
    }
   .btnBuscarLNIQ {
    padding: 15px 5px;
    margin: 30px 0px 30px;
    text-align: center;
}
.btnBuscarLNIQ:hover {
    padding: 15px 5px;
    margin: 30px 0px 30px;
    text-align: center;
}
.action-button {

    border-radius: 3px;
    background-color: #A92528;
    color: rgb(255, 255, 255) !important;
}

.btn-ver-decimo {
   
    font-size: 18px;
    line-height: 29px;
    height: 57px;
    /* width: 100%;
    color: #ffffff!important;
    background: #348CD4!important;
    padding: 16px;
    text-align: center;
   */
   
}
.btn-ver-decimo:hover
{
   font-size: 18px;
    line-height: 29px;
    height: 57px;
    /* width: 100%;
    padding: 16px;*/

    }

/* line 4316, ../sass/main.scss */
.btn-ver-decimo.activo {
 /* color: #ffffff;
  background: #348CD4;*/
}
.btn-buscar-decimo {
   
    font-size: 24px;
    line-height: 29px;
    height: 57px;
    width: 100%;
    padding: 16px;
    text-align: center;
    color: #ffffff;
    background: #97dc85;
   
}
.btn-buscar-decimo:hover {
  color: #ffffff;
  background: ##97dc85;
}
/* line 4316, ../sass/main.scss */
.btn-buscar-decimo.activo {
  color: #ffffff;
  background: #97dc85;
}
    .cesta-lista table
{
     border-collapse: initial!important;
     }
     .info_extra-boleto-total {
    background-color: #fff;
    border: 1px solid #c6c6c6;
        display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
  
    padding: 5px 20px;
}
.botonera-mas-menos {
    display: flex;
    display: -webkit-flex;
}
.botonera-mas-menos .qty {
 
    font-size: 18px;
    height: 35px;
    width: 50px;
    color: #4a4a49;
    border: 1px solid #c6c6c6;
}
.qty {
    border: 1px solid #dadee1;
    background: none;
    box-shadow: none;
    width: 58px;
    color: #58646e;
    height: 49px;
    margin-left: -3px;
    margin-right: -3px;
    text-align: center;
}
.btniq {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.btnMasComprarLoteriaIQ {
    color: #ffffff;
    background: #CC0202;
    height: 25px;
    width: 25px;
    margin-left: 5px;
    margin-right: 4px;
    margin-top: 5px;
}
  .btnMinusComprarLoteriaIQ {
    color: #ffffff;
    background: #3071a9;
    height: 25px;
    width: 25px;
    margin-top: 5px;
}
.btnComprarLoteriaIQ {
    color: #000000;
    background: inherit;
    height: 25px;
    width: 25px;
    margin-top: 5px;
    margin-left: 4px;
}
.info_extra-boleto-total .solo_quedan-boleto-total p {
    margin: 0px;
    line-height: 15px;
}
.color-red {
  color: red; 
  }
  
  /*ESTILOS DAME SUERTE*/
  .contenidolightboxIQ {
    margin: 10% auto;
    width: 80%;
}
/*.numeroBoletoSEO {
    font-size: 40px;
    line-height: 65px;
    font-weight: 600;
    padding: 14px 17px;
    color: #000;
}*/
.modal-backdrop {
    opacity: 0.8 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
      z-index: 1030;
          bottom: 0;
              position: fixed!important;
}

.btn-info:hover, .btn-info:focus {
    background-color: #c0ddf7;
    color: #26455f;
    background-image: none;
}
.btn-info
{
      background-color: #c0ddf7;
    color: #26455f;
    background-image: none;
    }
.anchoBtn100 {
    width: 100%!important;
    margin-top: 10px!important;
}
.sinPaddingRight
{
    padding-right:0px;
    }
    .sinPaddingLeft
    {
        padding-left:0px;
        }
.sinresultados {
    text-align: center;
    font-size: 18px;
    color: #0b4792;
    padding: 40px 20px;
        }
        