/* #comparador_packs_custom_select */

#comparador_packs_custom_select.custom-select {
    width: 100%;
}

#comparador_packs_custom_select.custom-select .select-options {
    transition: opacity .2s ease, max-height .3s ease, display .3s ease allow-discrete; 
}

#comparador_packs_custom_select.custom-select .select-options::-webkit-scrollbar {
    display: none;
}

#comparador_packs_custom_select.custom-select .select-options {
    max-height: 0;
    opacity: 0;
}

#comparador_packs_custom_select.custom-select.open .select-options {
    max-height: 230px;
    opacity: 1;
}

@starting-style {
    #comparador_packs_custom_select.custom-select.open .select-options {
        max-height: 0;
        opacity: 0;
    }
}



#comparador_packs_custom_select .select-display {
    background: transparent;
    border: 0;
    font-weight: 600;
    justify-content: center;
    padding: 4px 16px;
}

#comparador_packs_custom_select .select-options {
    --border-width: 2px;
    background: var(--column-background-color);
    border-top: 0;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--column-border-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--envelope-border-radius);
    border-bottom-right-radius: var(--envelope-border-radius);
    
    /* Per que quedi a la mateixa width que el pare */
    width: calc(100% + 2*(var(--border-width))); 
    left: calc(-1*(var(--border-width)));
}

.pack-basic #comparador_packs_custom_select .select-options {
    
    width: 100%; 
    left: -2px;
    
    /*border-color: var(--column-background-color);*/
    
/*    border-color: var(--column-border-color);
    width: calc(100% - 2*(var(--border-width))); 
    left: 0;*/
    
}

.custom-select .comparador_packs_custom_arrow img {
    width: 18px;
    margin-left: 10px;
    padding-top: 2px;
}

.row.yes::before {
    background-image: url(/templates/stikets/img/STK_Check.svg) !important;
    background-size: 20px;
    background-position: left center;
    height: 20px;
    width: 20px;
    content: '';
    display: inline-block;
    padding-right: 4px;
    background-repeat: no-repeat;
}