/************** Estilos del Swiper *****************/
.swiper-container {
    /*margin-top: 15%;*/
    width: 100%;
    height: 100%;
}

.swiper-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width:100%;
    height: 50px;
    text-align: center;
    background-color:black !important;
    border-top: solid 1px  #919090;
    z-index:10;
}

.footer .option{
    width:60px;
    /*height: 50px;*/
/*    background-color: black;*/
    color:#919090;
    display: inline-block;
    line-height: 13px;
    vertical-align: middle;
    font-size: 13px;
}

.footer .option img{
    height: 29px;
    width: 40px;
    object-fit: contain;
    margin-top: 3px
}

div[data-role="header"]{
    text-align:center;
    /*background-color:#000000 !important;*/
    background-color: rgba(0, 0, 0, 0.3803921568627451) !important;
    border-color: #000 !important;
    color:white;
}
.ui-page-theme-a .ui-bar-inherit{
    text-shadow:none !important;
    color:white !important;
}

table{
    width:100%;
    /*text-align:left;*/
}
td{
    text-align:left;
}

.ui-content{
    margin-bottom: 52px;
}
.footer.menu{
    position:fixed !important;
    bottom:0;
    left:0;
}


div[data-role="page"] {
    background-image: url('../images/FondoClienteFrecuenteCR.jpg');
    background-size:cover;
    color:white;
    text-shadow:none;
}

.btn.btnRed{
    background-color:red !important;
    border:none !important;
    color:white !important;
    text-shadow:none !important;
    font-family: 'UnitedSansSemiCond-Bold' !important;
    font-size:18px;
}

@font-face {
    font-family: 'UnitedSansSemiCond-Bold';
    src: url('../fonts/UnitedSansSemiCond-Bold.woff') format('woff');
}

.letra-pizza{
    font-family: 'UnitedSansSemiCond-Bold' !important;
}


/*.productosCanje{
    width: 50%;
    height: 50%;
    object-fit: contain;
    float: left;
}

.productosCanje.inactivo{
    opacity: 0.5;
}*/

.itemProductoCanje{
    text-align:left;
    overflow:auto;
    margin-top:5px;
}

.itemProductoCanje.inactivo{
    opacity:0.5;
}

.itemProductoCanje>div{
    float:left;
    /*display:inline-block;*/
    object-fit:contain;
    width:70%;
    padding-left:10px;
    box-sizing:border-box;
    /*font-family:*/
}

.itemProductoCanje img{
    float:left;
    width:30%;
    height:70px;
    object-fit:contain;

}

.itemProductoCanje .titulo{
    font-size:18px;
    font-weight:bold;
}
.itemProductoCanje .sabores{
    font-size:13px;
}
.itemProductoCanje .puntos{
    font-size: 16px;
    float:right;
    width:150px;
    text-align:right;
}



a.icono{    
    display: block !important;
    height: 20px;
    width: 20px;
    background-color: transparent !important;
    border-style: none;

}

a.icono>img{
    width: 100%;
    height: 100%;
}

*, ::after, ::before {
    box-sizing: content-box;
}



.acciones {
    
}

.accion {
    background-color:black;
    padding:5px;
    margin-bottom:15px;
    overflow: hidden;
    position:relative;
}

.accion h3, .accion p , .accion div {
    color:white;
    display:inline-block;
}

 .accion div {
    float:left;
    font-weight: 500;
}

 .accion .fecha{
    position: absolute;
    right: 15px;
    font-size:12px;
 }
 .accion img{
     width:100%;
 }

 #detalleRifa .imagen{
     width:100%;
 }

 #detalleRifa table{
     width:100%;
     font-size:14px;
 }

 #detalleRifa table thead {
     text-transform:uppercase;
 }

 #detalleRifa .leyendaLarga {
     text-align:justify;
 }

 #canjear .nav-tabs .nav-link.active{
    color: #cacaca;
    background-color: #2d2d2d;
    border-color: #ddd #ddd #fff;
 }

 #canjear .nav.nav-tabs .nav-item{
     width:33%;
 }

 .ui-page-theme-a a{
     color:#8a8a8a;
 }

 .noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}