body {
}

.sliderRow{    
    background-size: 100% 100%;
    background-image: url('../Content/Images/Filtro/fondoSlider.png');
    background-repeat: no-repeat;
}

.vaso{
    margin-top:0.9875rem;
    bottom:0px;
}

.vaso2{
    margin-top:0px;
    bottom:0px;
}

.cervezaFiltro{
    padding:0px;
    cursor: pointer;
}

.imgBeer{
    width:100%;
}

.darkBorder{
    border-color:#3B3D3F;
    border-width:2px;
}

.saborIcon{
    width: 20%;
    right: 0;
}

.overlay-container {
  position: relative; /* <-- Set as the reference for the positioned overlay */
}

.overlay-container .overlay {
  position: absolute;
  bottom: 0;
}

.cell{
    display: table-cell;
}

.backYellow{
    background-color:#f9b537;
}
.backDark{
    background-color:#101010 !important;
}

.customSliderContainer{
    margin: 0rem 0 7% 0 !important;
    background-color:black;
    border-color:black !important;
    height: 93% !important;
    width:0.1rem !important;
}

.fit{
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
}

.customSliderHandle{
    left:-50%;
    top: 0.01rem;
    width: 1rem;
    height: 1rem;
    background-color:black !important;

}

.customSliderActive{
    background-color:black;
    left:-0.05rem;
    width:0.1rem !important;
}

.logoTipos{
    margin: 1.25rem;
}

.tipoCervezaDiv{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.tipoCerveza{
    cursor: pointer;
}

.cervezasDiv{
    margin: 0 1.25rem;
}

.cervezaDiv{
    padding: 0 0.625rem;
}

.verticalSpacer{
    margin-top:1.875rem;
    margin-bottom:1.875rem;
}

.verticalSpacerTop{
    margin-top:1.875rem;
}

.verticalSpacerBottom{
    margin-bottom:1.875rem;
}

.noVerticalSpacerBottom{
    margin-bottom:0px;
}

.toBottom{
    position:absolute;
    bottom:0;
    padding-right: 0.9475rem;
}

.paqueteText{
    color:white;
    font-size: 1.875rem;
}

.categoriaText{
    color:black;
    font-size: 1.875rem;
}

.table-container{
    display:table;
}

.table-valign-center{
    display: table-cell;
    vertical-align: middle;
}

.center-cointainer{
    padding: 2% 0;
}

.center-child{
    padding: 4% 0;
}

.spacerRight{
    padding-right: 2.8125rem;
}

.loadingIcon{
    font-size: 2.8125rem;
}

.untouchable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.normalCursor{
    cursor:default;
}

.selectableCursor{
    cursor:pointer;
}

.customCentered{
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
}

.fullWidth{
    width:100%;
}

.noBottom{
    padding-bottom:0px !important;
    margin-bottom:0px;
}

.has-tip, .has-tip:hover, .has-tip:focus{
    border-bottom: 0px;
    cursor:pointer;
}

.categoriaLogo{
    width:75%;
}

/*Small screens*/
@media only screen { 
    .vasoFiltro{
        width:100%;
    }

    .controlTipo{
        width:100%;
    }

    .customSliderHandle{
        left:-0.05rem;
        top:-0.05rem;
        width: 1.15rem;
        height: 1.15rem;
    }

    .tipoCervezaDiv{
        width:100%;
        margin-top:0.5rem;
        margin-bottom:0.5rem;
    }

    .tipoCervezaDivRow{
        margin-top:0.5rem !important;
    }
} /* Define mobile styles */
  
/*Medium screens*/
@media only screen and (min-width: 40.063em) { 
    .vasoFiltro{
        width:60%;
    }

    .controlTipo{
        width:70%;
        margin-top:0px;
    }

    .customSliderHandle{
        left:-50%;
        top:0px;
        width: 1rem;
        height: 1rem;
    }

    .tipoCervezaDiv{
        width:100%;
        margin-top:1.15rem;
        margin-bottom:1.15rem;
    }
    .tipoCervezaDivRow{
        margin-top:0px;
    }
} /* min-width 641px, medium screens */