.open-details
{
    cursor:pointer;
}

.quantity-input
{
    max-width:4rem;
    text-align:center;
    margin-bottom:0.25rem;
    
}

.quantity-container
{
    margin-top:0.25rem;
}

.product-description
{
    font-size:1.2rem;
}

.group-title
{
    font-weight:bold;
    margin-bottom:0.5rem;
    background: rgba(11,31,35,1)!important;
    color:#ffffff;
    padding:0.5rem 1rem; 
    display:flex;
    flex-flow: row wrap;
}

.img-expand-section
{
    height:23px;
    width:auto;
    cursor:pointer;
}

.group-options-holder
{
    width:100%;
}

.package-total,        
.package-name
{
    font-size:1rem;
    font-weight:bold;
}

.reduced-price
{
    height:0.875rem;
    color:red;
    text-decoration:line-through;
}    
    
.package-name
{
    white-space:nowrap;
    overflow:hidden;
}    
        
.quantity-label
{
    display:none!important;
}
        
#txtQuantity
{
    width:4rem!important;
}
        
.package-group        
{
    margin-top:1rem;
}
        


.product-label
{
    font-size:1.5rem;
}

.none-image
{
    height:64px;
    width:auto;
}
    
.item-image {
  width:auto;
  height:120px;
  
}

.price-holder
{
    margin-top:0.5rem;
    height:1.5rem;    
}

.price-label
{
    
    font-size:1.25rem;
    font-weight:bold;
}


input[type=radio],
input[type=checkbox]
{
    height:1.5rem;
    width:1.5rem;
}

.info-container
{
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-contents
{   
    margin: 0 auto;
    text-align:center;
}

.info-contents-left-align,
.info-contents-right-align
{
}

.option-holder
{
    border-bottom:1px solid #d6e02b;
    padding-bottom:0.25rem;
    margin-bottom:0.25rem;
}

.package-group .option-holder:last-of-type
{
    border-bottom:none;
}

.selling-special
{
    display:block;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: line-through;
    color:red;
}

.im-code-label
{
    font-size:0.875rem;
}


.info-image
{
    height:1.25rem;
    width:auto;
}

.swiper-wrapper
{
    margin-left:20px;
    margin-right:20px;
}
    
.option-image
{
    cursor: pointer;
}
    
.option-image .selected
{
    padding: 4px;
    border: 1px solid;
    border-radius: 8px;
}

    
.swiper-slide
{
    text-align:center;
    padding:10px;
}
    
.swiper-slide img    
{
    width:100%;
}
    
.nav-option
{
    position:absolute;
    top:50%;        
    font-size:1.2em;
    cursor:pointer;
    z-index:255;
    background:white;
    opacity:0.60;
    padding:8px;
    transform:translateY(-50%);
}
    
.nav-right
{
    right:5px;
}
    
.nav-left
{
    left: 10px;
}

.slick-slide img
{
    cursor: pointer;
}

.slick-slide.selected-option label 
{
    font-weight: bold;
}
    
.slick-slide.selected-option img
{
    border:1px solid var(--bpgreen);
    border-radius:4px;
    padding:4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: ease-in-out 0.3s;
    
} 
    
    
.option-header
{
    width: 100%;
    text-align: center;
    background: var(--mgrey);
    padding: 8px 0px;
    font-weight: bold;
}
    
.selected-option-label
{
    margin-left: 0.25em;
}
    
    
.package-header-option-span
{
    margin-left:0.5em;
    font-size: 1em;
    font-weight:normal;
}
    
.package-header-option-span.hidden
{
    display:none;
}
    
.package-header-option-span img
{
    width:100%;
    height:36px;
    vertical-align:top;
    cursor:pointer;
    display:block;
        
}




@media (min-width:576px)
{
    .quantity-container
    {
        margin-top:3.25rem;
    }
    
    .package-header
    {
        position:fixed;
        background:white;
        top:120px;
        left:0px;
        right:0px;
       
        z-index:255;
        border-bottom:1px solid black;
    }
    
    .package-total,
    .package-name
    {
        font-size:1.5rem;
    }
    
   .info-contents-left-align
   {
       margin-left:0;
       text-align:left;
   }
   
    .info-contents-right-align
    {
        margin-right:0;
    }
    
    .quantity-label
    {
        display:block!important;
    }
    
    #PackageContainer
    {
        margin-left:0px;
        margin-right:0px;
    }
    
    .nav-option
    {
        font-size:2em;            
    }      
        
    .package-header-option-span img
    {
        display:inline-block;
        width:72px;
    }
    
    
}

@media (min-width:1024px)
{
    .product-description
    {
        font-size:1.5rem;
    }
}