div#label-color
{
    display: block;
}

#label-color .et_pb_toggle
{
    transition: all 500ms ease-in-out;
}

#label-color .slat_color{
    display: inline-block;
    /* padding-right: 2rem; */
    background-color: #ff0000;
    /*padding: .5rem 1rem;*/
    text-align: center;
    margin: .5rem 0.5rem;
    border-style: solid;
    /*box-shadow: 0 0 0 2px #000;*/
    border: 2px solid #888c8c;
    border-radius: 5px;
    /*padding: .50rem 2rem;*/
    box-sizing: border-box;
    cursor: pointer;
}

#label-color .slat_color label{
    padding: .5rem 1rem;
    display: inline-block;
}

#label-color .slat_color.selected,
#label-color .slat_color:hover{
    /*outline: dashed 2px #ff0000;*/
    border-color: #2162a1;

}

#label-color .slat_color:nth-child(1){
    background-color: #fff;
}

#label-color .slat_color:nth-child(2){
    background-color: #dadada;
}

#label-color .slat_color:nth-child(3){
    background-color: #514134;
    color: #fff;
}

#label-color .slat_color:nth-child(4){
    background-color: #fef9d3;
}

#label-color .slat_color:nth-child(5){
    background-color: #ebdcbb;
}

#label-color .slat_color:nth-child(6){
    background-color: unset;
    background-image: url('../img/golden_oak.webp');
    color: #fff;
}

#label-color .slat_color:nth-child(7){
    background-color: unset;
    background-image: url('../img/nussbaum.webp');
    color: #fff;
}

#label-color .slat_color:nth-child(8){
    background-color: unset;
    background-image: url('../img/mahagony.webp');
    color: #fff;
}

#label-color .slat_color:nth-child(9){
    background-color: #8d8175;
    color: #fff;
}

#label-color .slat_color:nth-child(10){
    background-color: #56514d;
    color: #fff;
}

#label-color .slat_color:nth-child(11){
    background-color: #a49b8a;
}

#label-color .slat_color:nth-child(12){
    background-color: unset;
    background-image: url('../img/antiak.webp');
    color: #fff;
}

#label-color .slat_color:nth-child(13){
    background-color: #9a9b89;
}

#label-color .slat_color:nth-child(14){
    background-color: #000;
    color: #fff;
}

#label-color .slat_color:nth-child(15){
    background-color: #9a9b89;
}

#label-color .slat_color:nth-child(16){
    background-color: unset;
    background-image: url('../img/grizzled_black.webp');
    color: #fff;
}

#label-color .slat_color:nth-child(17){
    background-color: #9a9287;
}

#label-color .slat_color:nth-child(18){
    background-color: #000;
    color: #fff;
}


#label-color .et_pb_toggle:first-child .slat_color{
    background-color: inherit;
    background-image: unset;
    color: inherit;
}


#slat_color_field,
#end_strip_color_field,
#box_color_field,
#guide_rail_color_field,
#guide_rail_types_field,
#rail_closure_cap_field
{
    display: none;
}

input[type=text].input-text{
    border-radius: 5px!important;
}

#page-container #et-boc #et-main-area #main-content .i-agsdix-fas-fa-plus:before, #page-container #et-boc #et-main-area #main-content .i-agsdix-fas-fa-plus.et_pb_button:after, #page-container #et-boc #et-main-area #main-content .et-fb-font-icon-list .i-agsdix-fas-fa-plus:after, #page-container #et-boc #et-main-area #main-content .i-agsdix-fas-fa-plus.et_pb_shop:after, #page-container #et-boc #et-main-area #main-content .i-agsdix-fas-fa-plus.et_pb_comments_module:after, #page-container #et-boc #et-main-area #main-content .et_pb_main_blurb_image .i-agsdix-fas-fa-plus.et_pb_image_wrap:after {
    color: #000000;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
    content: "\2b" !important;
}