@charset "utf-8";
button:has(> .icon-list), button:has(> .icon-grid) {
    display: none;
}
.dropdown-content {
    right: 0px;
}
div:has(> #facet--1, > #facet-8, > #facet-17, > #facet-52, > #facet-71, > #facet-75, > #facet-79, > #facet-89, > #facet-100, > #facet-104, > #facet-116) {
    display: none;
}
@media (min-width: 768px) {
    .product-list-btns {
        display: none;
    }
    div:has(> div.facets-list), div:has(> div.product-list) {
        display: contents; 
    }
    div.facets-list-inset {
        display: grid;
        grid-template-columns:  [first] 1fr [line2] 1fr [last] 1fr;
        gap: 15px;
    }
    div.facets-list-inset div[ng-show="facet.available"] {
        background-color: #f5f5f5;
        justify-self: stretch;
        border: 1px solid #777;
        border-radius: 8px;
        padding: 15px;
    } 
    div.facets-list-inset p {
        display: none;
    }
    div.facets-list-inset p btn:hover::before {
        color: #fff;
    }
    div.product-list .well p {
        display: none;
    }
    div.product-list .well {
        text-align: center;
    }
    #facet-59 .checkbox {
        margin-bottom: 1em;
    }
    #facet-59 .checkbox input[type="checkbox"]+label {
        padding-top: .8em;
        padding-left: 3em; 
    }
    #facet-59 .checkbox input[type="checkbox"]+label:before, #facet-59 .checkbox input[type="checkbox"]+label:after {
        color: transparent !important;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        transition: border-color .3s;
        border: 2px #ddd solid;
    }
    #facet-59 .checkbox input[type="checkbox"]:checked+label:after, #facet-59 .checkbox input[type="checkbox"]:hover+label:after {
        border-color: #F26859;
        border-width: 2px;
    }
    #facet-69 .checkbox {
        margin-bottom: 1.2em;
    }
    #facet-69 .checkbox input[type="checkbox"]+label {
        padding-top: 1.2em;
        padding-left: 4em; 
    }
    #facet-69 .checkbox input[type="checkbox"]+label:before, #facet-69 .checkbox input[type="checkbox"]+label:after {
        border: none;
        color: transparent !important;
        height: 50px;
        width: 50px;
        transition: opacity .3s;
    }
    #facet-69 .checkbox input[type="checkbox"]:checked+label:before, #facet-69 .checkbox input[type="checkbox"]:hover+label:before  {
        opacity: 1 !important;
    }
   /* .facets-list #facet-59 *:nth-of-type(1) {
        background-color: red; 
    }*/
    .facets-list #facet-59 .checkbox:nth-child(2)  label:before {
        background-color: #000; 
    }
    .facets-list #facet-59 .checkbox:nth-child(3) label:before {
        background-color: #777; 
    }
    .facets-list #facet-59 .checkbox:last-child label:before {
        background-color: #fff; 
    }
    .forWalls .facets-list #facet-69 .checkbox:nth-child(2) label:before {
        content: url(/portals/0/images/icons/svg/1-lcd-icon.svg); 
        opacity: .4;
    }
    .forWalls .facets-list #facet-69 .checkbox:nth-child(3) label:before {
        content: url(/portals/0/images/icons/svg/2-lcd-icon.svg); 
        opacity: .4;
    }
    .forWalls .facets-list #facet-69 .checkbox:nth-child(4) label:before {
        content: url(/portals/0/images/icons/svg/kb-icon.svg); 
        opacity: .4;
    }
    .forWalls .facets-list #facet-69 .checkbox:nth-child(5) label:before {
        content: url(/portals/0/images/icons/svg/lp-icon.svg); 
        opacity: .4;
    }
    .forWalls .facets-list #facet-69 .checkbox:last-child label:before {
        content: url(/portals/0/images/icons/svg/lcd-kb-icon.svg); 
        opacity: .4;
    }

    
    .forDesks .facets-list #facet-69 .checkbox:nth-child(2) label:before {
        content: url(/portals/0/images/icons/svg/1-lcd-icon.svg); 
        opacity: .4;
    }
    .forDesks .facets-list #facet-69 .checkbox:nth-child(3) label:before {
        content: url(/portals/0/images/icons/svg/2-lcd-icon.svg); 
        opacity: .4;
    }
    .forDesks .facets-list #facet-69 .checkbox:nth-child(4) label:before {
        content: url(/portals/0/images/icons/svg/3-lcd-icon.svg); 
        opacity: .4;
    }
    .forDesks .facets-list #facet-69 .checkbox:nth-child(5) label:before {
        content: url(/portals/0/images/icons/svg/4-lcd-icon.svg); 
        opacity: .4;
    }
    .forDesks .facets-list #facet-69 .checkbox:last-child label:before {
        content: url(/portals/0/images/icons/svg/lp-icon.svg); 
        opacity: .4;
    }
}
/* tabid selection row */
 #partselect-wrap {
    margin-top: 2em;
    margin-bottom: 0;
}

#partselect-wrap .select-item.toggleable {
    margin-top: 2em
}

#partselect-wrap .select-item.toggleable.toggle-on {
    margin-bottom: 2.6em
}

#partselect-wrap .select-item .radio-card-group {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: .4em;
    justify-content: center;
}

#partselect-wrap .select-item .radio-card-group:has(input:checked) .radio-card {
    background-color: oklch(1 0 0 / .5)
}

#partselect-wrap .select-item .radio-card-group:has(input:checked) .radio-card:hover {
    background-color: oklch(1 0 0 / .3)
}

#partselect-wrap .select-item .radio-card-group:has(input:checked) .radio-card:has(input:checked):hover {
    background-color: oklch(1 0 0 / 0)
}

#partselect-wrap .select-item .radio-card-group .radio-card {
    position: relative;
    display: block;
    border: 2px solid #777;
    background-position: center;
    background-repeat: none;
    background-size: cover;
    background-blend-mode: lighten;
    background-color: oklch(1 0 0 / .3);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .6s ease,border-color .6s ease;
    min-width: 200px;
    min-height: 200px
}

#partselect-wrap .select-item .radio-card-group .radio-card.co-deskmount {
    background-image: url('/portals/0/images/pages/lxpro-deskmount-thm.jpg')
}

#partselect-wrap .select-item .radio-card-group .radio-card.co-wallmount {
    background-image: url('/portals/0/images/pages/lxpro-wallmount-thm.jpg')
}

#partselect-wrap .select-item .radio-card-group .radio-card .card-content {
    display: flex;
    flex-direction: row;
    flex: 0;
    align-items: flex-end;
    height: 100%;
    border-radius: 8px
}

#partselect-wrap .select-item .radio-card-group .radio-card .card-content h3 {
    font-size: .8em;
    font-weight: bold;
    color: #555;
    margin: 0;
    padding: .5em .5em .3em;
    border-top: 1px solid oklch(.9 0 0);
    border-bottom: 4px solid oklch(.9 0 0);
    line-height: 1em;
    background-color: #f5f5f5;
    text-align: center;
    width: 100%;
    border-radius: 0 0 5px 5px
}

#partselect-wrap .select-item .radio-card-group .radio-card:hover {
    background-color: oklch(1 0 0 / .1);
    border-color: #555
}

#partselect-wrap .select-item .radio-card-group .radio-card:hover h3 {
    color: #333
}

#partselect-wrap .select-item .radio-card-group .radio-card input[type="radio"] {
    display: none;
}

#partselect-wrap .select-item .radio-card-group .radio-card:has(input:checked) {
    border-color: #5FC5BD;
    background-color: oklch(1 0 0 / 0)
}

#partselect-wrap .select-item .radio-card-group .radio-card:has(input:checked) h3 {
    color: #fff;
    background-color: oklch(.3388 .0828 262.11 / 1);
    border-bottom: 4px solid #5FC5BD;
    margin-bottom: 0
}

#partselect-wrap .select-item .select-entry {
    position: relative
}

#partselect-wrap .select-item .select-entry select {
    display: flex;
    width: 200px;
    max-width: 280px;
    font-family: 'proxima-nova',helvetica,arial,sans-serif;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #777;
    border-radius: 6px;
    width: 100%;
    padding: 8px 60px 8px 20px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23f26859' viewBox='0 0 451.847 451.847' style='enable-background:new 0 0 451.847 451.847;'><path d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z'/></svg>");
    background-position: calc(100% - 12px) calc(.9em);
    background-size: 15px 15px, 15px 15px;
    background-repeat: no-repeat;
    background-color: var(--color-bg);
    margin: .2em 0 calc(1em - 4px)
}

#partselect-wrap .select-item .select-entry select:invalid {
    color: #777
}