/* LB image picker select */

.image_picker_selector .thumbnail p {
    flex-direction: column;
    display: flex;
    font-size: 10pt;
    text-align: center;
}

.picker_price {
    flex: 1;
}

.picker_price .amount, .variation_price {
    font-size: 10pt;
    color: #ffac54;
    font-weight: bold;
}

.picker_label {
    flex: 1;
}

#top .variation_switch_modal .lb-attribute-0 .value {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;

    padding: 0;
}

#variation_switch .lb-attribute-0 label {
    display: none;
}

.variation_switch_modal .lb-attribute-0 ul.thumbnails.image_picker_selector {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: row;
    float: left;
    align-items: baseline;
}


#lb-sizeref {
    z-index: 1054;
}

.sizeref {

    text-transform: uppercase;
    width: 100%;

    border-radius: 10px;
}

#size_reference {
    max-width: 103px;
}

ul.thumbnails.image_picker_selector {
    display: flex;
}

.variation_switch_modal ul.thumbnails.image_picker_selector li {
    flex: 1 1 50%;
    padding: 0;
    margin: 0;
}

.variation_switch_modal ul.thumbnails.image_picker_selector li:last-child {
    flex: 0 1 50%;
}

.variation_switch_btn_container .back_to_products {
    background-color: #ffac54;
    width: 100%;
    margin:0;
    border-radius: 0;

}
.variation_switch_btn_container {
    display: flex;
}

.variation_switch_btn_container button {
    flex: 1;
}

#lb-product-switch .omodal-body, .variation_switch_modal {
    padding: 0;
}

.picker_description {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#lb-product-switch .variations_form, #top .variation_switch_modal .variations_form {
    padding: 0;
    border-radius: 0;
}

#lb-product-switch .variations_form table, #top .variation_switch_modal .variations_form table {
    margin: 0;
}

#lb-product-switch ul.thumbnails.image_picker_selector li .thumbnail.selected,
#top .variation_switch_modal ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background-color: #fff;
}

#lb-product-switch ul.thumbnails.image_picker_selector li .thumbnail.selected,
#variation_switch ul.thumbnails.image_picker_selector li .thumbnail.selected
{
    background-color: #24b47e;
    border-radius: 10px;
    color: #fff;
}

#lb-product-switch ul.thumbnails.image_picker_selector li .thumbnail,
#top .variation_switch_modal ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 0;
    border: none;
    text-align: center;

    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);

    border-radius: 4px;

    margin:0.5rem;
}


#lb-product-switch ul.thumbnails.image_picker_selector li .thumbnail p,
#top .variation_switch_modal ul.thumbnails.image_picker_selector li .thumbnail p
{
    margin: 0;
    display: flex;
    justify-content: center;
    padding: 0.25rem;
    text-align: center;

    font-size: smaller;
    font-weight: bold;
}

#lb-product-switch ul.thumbnails.image_picker_selector li {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
    /* display: flex;
     width: auto;
     max-width: none;
     max-height: 150px;
     height: 100%; */
    max-width: 100%;
    width: 200px;
}

.variation_switch_modal .omodal-body {
    padding: 0;
}

#lb-product-switch .lb-attribute-2 ul.thumbnails.image_picker_selector li .thumbnail img,
#lb-product-switch .lb-attribute-1 ul.thumbnails.image_picker_selector li .thumbnail img,

.variation_switch_modal .lb-attribute-2 ul.thumbnails.image_picker_selector li .thumbnail img,
.variation_switch_modal .lb-attribute-1 ul.thumbnails.image_picker_selector li .thumbnail img
{
    max-height: 160px;
    width: 207px;
}


.variation_switch_modal .variation_price {
    display: block;
    width: 100%;
    color: #ffac54;
    font-size: 15px;
}

.lb_variation_size {
    font-size: 11px;
}

#change_layout {
    display: none;
}

#change_layout, .variations_form .lb_change_layout_btn {
    border-radius: 10px;
    background-color: #24b47e;
    color: #fff;
    flex: 2;
    padding: 0;
    border: 1px solid #24b47e;
    width: 100%;

    font-weight: bold;
}

:root {
    --gutter: 20px;
}
#ui_product_switch .image_picker_selector, .lb_tab ul.thumbnails.image_picker_selector {
    display: grid;
    grid-gap: calc(var(--gutter) / 2);
    grid-template-columns: 10px;
    grid-template-rows: minmax(150px, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: calc(50% - var(--gutter) * 2);

    overflow-x: scroll;
    scroll-snap-type: x proximity;
    padding-bottom: 0;
    margin-bottom: 0;
}
#ui_product_switch .image_picker_selector:before,
#ui_product_switch .image_picker_selector:after,
.lb_tab ul.thumbnails.image_picker_selector:before,
.lb_tab ul.thumbnails.image_picker_selector:after
{
    content: '';
    width: 10px;
}

@media only screen and (max-width : 767px) {
    #ui_product_switch .image_picker_selector, .lb_tab ul.thumbnails.image_picker_selector {
        display: grid;
    }
}



@media only screen and (max-width : 1024px) and (min-width: 768px) {
    #ui_product_switch .image_picker_selector, .lb_tab ul.thumbnails.image_picker_selector {
        display: flex;
    }
}

@media only screen and (min-width : 1200px) {
    .lb_tab ul.thumbnails.image_picker_selector {
        display: block;
        overflow: auto;
    }

    #ui_product_switch .image_picker_selector {
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
    }

    #ui_product_switch .image_picker_selector li {
        flex: 1 0 40%;
        text-align: center;
        align-self: center;
    }
}
#ui_product_switch ul.thumbnails.image_picker_selector li {
    padding-bottom: 0;
    margin-bottom: 0;
}

#ui_product_switch ul.thumbnails.image_picker_selector li .thumbnail img {
    max-height: 100%;
    border-radius: 10px;
}

.lb_ui #ui_product_switch ul.thumbnails.image_picker_selector li .thumbnail {
    max-width: 160px;
}

.lb_ui ul.thumbnails.image_picker_selector li .thumbnail {
    border: none;
    padding-bottom: 0;
    max-width: 80px;
    font-size: 1rem;
}

.lb_ui ul.thumbnails.image_picker_selector li .selected {
    color: #fff;
}

.variation_switch_modal img {
    max-width: 150px;
}

.variations_form .lb_change_layout_btn {
    margin-top: 10px;
}

.lb-variation-switch-container {
    display: none;
}

#top .lb-variation-switch-container .variations_form {
    margin: 0;
    padding: 0;

    border: none;
    background-color: transparent;
}



* {
    min-width: 0;
}