﻿.btn-quiniGolIQ {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    color: #4a4a49;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    width: 100%;
    min-height: 69px;
}

    .btn-quiniGolIQ.activo {
        color: #ffffff;
        border: 0px solid #ffffff;
        background: #ff6e3c;
        background: -webkit-linear-gradient(left, #ff6e3c, #FF9904);
        background: -o-linear-gradient(right, #ff6e3c,#FF9904);
        background: -moz-linear-gradient(right, #ff6e3c, #FF9904);
        background: linear-gradient(to right, #ff6e3c, #FF9904);
    }

    .btn-quiniGolIQ:hover {
        background: #96072c;
        color: #ffffff;
        background: -webkit-linear-gradient(left, #ff6e3c, #FF9904);
        background: -o-linear-gradient(right, #ff6e3c,#FF9904);
        background: -moz-linear-gradient(right, #ff6e3c, #FF9904);
        background: linear-gradient(to right, #ff6e3c, #FF9904);
    }

@media only screen and (max-device-width: 680px) and (min-device-width: 320px)
{
    .botoneraQIQ,
    .btn-quiniGolIQ {
        min-height: 84px!important;
        white-space: initial;
    }

}

.panel-heading-boletosIQ {
    background-color: #ffffff !important;
    padding-top: 2px;
}

.colorSpanIQ {
    font-size: 20px;
    color: #565655 !important;
}

.dropdown-toggle-QUI {
    font-size: 15px !important;
    float: right !important;
    /*  width: auto;*/
    background-color: #fff !important;
    color: #565655 !important;
    border: 1px solid #c6c6c6 !important;
    min-height: 30px;
    margin-top: -3px;
}

.padTop5IQ {
    padding-top: 5px !important;
}

.SinBordeIQ {
    border: none;
}

.tipopartido {
    color: inherit;
    padding: 6px 0px 6px 6px;

}
.elpadin {
    padding-left:30px;
}
.cuadriMovil {
    padding-top:2px;
}

.resultados-cuadrado {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    display: inline-block;
    background: #ededed;
    color: #4a4a49;
    font-size: 20px;
    /*  width: 28px;*/
    height: 28px;
    padding: 1px 9px;
    margin: 4px 0px 0px 0px;
    text-align: center;
}

@media only screen and (max-device-width: 568px) and (min-device-width: 320px) {
    .resultados-cuadrado {
       /* width: 36px;*/
        height: 36px;
    }   
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) {
    .resultados-cuadrado {
        width: 43px;
        height: 43px;
        padding-top: 6px;

    }


   
}

/*Equipos*/
.contenedor-boletoQuiniela {
    border: 1px solid #c6c6c6 !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2px;
}
.textoPartidos {
    font-family: 'Yanone Kaffeesatz', sans-serif;    
    font-size: 14px;
    text-transform: uppercase;    
    color: #565655;
}
.displayPartidosFlex {
    display: flex !important;
    align-items: center !important;    
    padding: 7.5px 0px 7.5px 9px;  
    background-color: #fff;
}

.displayEquiposFlex {
    display: flex !important;
    align-items: center !important;
    padding: 0px 10px 0 10px;
    text-transform: uppercase;
}

.partidogris {
    /*background-color: #ddd;*/
    background-color: #EFEFEF;
}
.contenedor-completo-boleto {
    width: auto;
}
@media only screen and (max-device-width: 680px) and (min-device-width: 320px) {
    .contenedor-completo-boleto {
        margin-top: 3px;
    }
}

/* Cuadrícula*/

.panelCuadricula a {
    width: 25px;  
}
.cuadriculaFlex {
    display: flex !important;
    align-items: center !important;
    padding: 0px 20px 20px;
}

.cuadriculaFlexFuera {
    display: flex !important;
    align-items: center !important;
    padding: 0 0 5.5px 0;
}

.cuadriculaFlexCasa {
    display: flex !important;
    align-items: center !important;    
    padding: 6px 0 0 0;
}
.spansignos {
    text-decoration: none;
    text-align: center !important;
    font-weight: normal;
    border: 1px solid #ccc;
    color: #4a4a49;
    background-color:#ffffff;
}
.spansignosD {
    text-decoration: none;
    text-align: center !important;
    font-weight: normal;
    border: none;
    color: #4a4a49;
    border: 1px solid #FFF;
    pointer-events: none;
    opacity: 0.5 !important;
}

.spansignos:hover
{
        background-color: #FF9904 !important;
        color: #fff;        
}

.spansignosS {
    text-decoration: none;
    text-align: center !important;
    font-weight: normal;
    border: 1px solid #ccc;
    background-color: #FF9904 !important;
    color: #fff !important;
}


.cuadriMovil {
     padding-right: 15px!important; 
    padding-left: 15px !important;
}
.linkRefresh {
    color: #fff !important;
    font-size: 15px;
}

.cabeceraCuadricula 
{
    /* margin-top: 10px;
    margin-bottom: 10px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to right, #ff6e3c, #FF9904);
    padding: 8px 0px;
}

.cabeceraCuadricula span 
{
        color: #fff
}

.bordeCuadricula {
    border: 1px solid #c6c6c6 !important;
    padding-top: 1px;
    padding-bottom: 2px;
}

.btn-tag-QGIQ:hover {
    background: #96072c;
    color: #ffffff;
    background: -webkit-linear-gradient(left, #ff6e3c, #FF9904);
    background: -o-linear-gradient(right, #ff6e3c, #FF9904);
    background: -moz-linear-gradient(right, #ff6e3c, #FF9904);
    background: linear-gradient(to right, #ff6e3c, #FF9904);
}
/*
@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {
    .separador-bloques {
        margin-top: 705px;
    }
}*/
@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) 
{
    .separador-bloques {
        margin-top: 0px;
    }
}
/*
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
    .separador-bloques {
        margin-top: 700px;
    }
}*/


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) 
{
    .cabeceraCuadricula {
        width: 74%;
    }

    .bordeCuadricula {
        width: 74%;
    }
}
@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait)
 {
    .separador-bloques 
    {
        margin-bottom: 0px;
    }
    .selectorQGIQ {
        /*margin-top: 0px;*/
        padding-top: 0px;
    }
    .simple .contenedor-boletoQuiniela {
        margin-bottom: 0px !important;
    }

}


@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {
    /*.seccion-boleto {
        margin-left: 10%;
    }
    */
    .anchoMovilCuadricula 
    {
       width:  42%;
    }

    .panelCuadricula {
        width: 100%;
    }
}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape) 
{
    /*.panelCuadricula 
    {
        width: 22%;
    }*/
    .simple .contenedor-boletoQuiniela {
        margin-bottom: 0px !important;
    }
    .seccion-boleto {
        margin-left: 17%;
    }
}


@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) 
{
    /*  .panelCuadricula {
            width: 25%;
        }*/
        .seccion-boleto {
            margin-left: 17%;
        }
        .simple .contenedor-boletoQuiniela {
            margin-bottom: 0px !important;
           
        }
    }

.spansignos:hover, .spansignos:focus, .spansignos:active 
{
    opacity:0.3;
}


/*Ajustes cuadrícula ancho boleto 100%*/
@media only screen and (min-width: 1024px) 
{
    .panelCuadricula
    {
        padding-right:0px;
        padding-left:14px;
    }
}