.lists_holder {
    display: grid;
    grid-template-columns: 300px auto;
}

.main_right_panel .lists_holder {
    grid-template-columns: 100%;
}

.lists_holder .left_panel {
    min-height: 500px;
}

    .lists_holder .left_panel .lists {
        margin-right: 20px;
    }

        .lists_holder .left_panel .lists .create_list {
            padding: 20px 0 20px 0 !important;
        }

            .lists_holder .left_panel .lists .create_list span {
                font-size: 20px;
                font-weight: bold;
                display: flex;
                align-items: center;
                align-content: center;
            }

            .lists_holder .left_panel .lists .create_list i {
                font-size: 30px;
                margin-right: 10px;
            }

.rtl .lists_holder .left_panel .lists .create_list i {
    margin-right: 0px;
    margin-left: 10px;
}

.lists_holder .left_panel .lists .list {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

    .lists_holder .left_panel .lists .list.selected * {
        color: #F3861A !important;
    }

    .lists_holder .left_panel .lists .list:hover > .delete {
        display: inline-block;
    }

.main_right_panel .lists_holder .left_panel .lists .list .delete {
    display: none;
}

.lists_holder .left_panel .lists .list .delete {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    cursor: pointer;
    font-size: 22px;
    top: -5px;
}

.rtl .lists_holder .left_panel .lists .list .delete {
    left: 5px;
    right: auto;
}

.lists_holder .left_panel .buttons {
    margin-top: 50px;
}

.main_right_panel .lists_holder .buttons .b_copy_products {
    display: none;
}

.lists_holder .buttons .b_show_products {
    display: none !important;
}

.main_right_panel .lists_holder .buttons .b_show_products {
    display: inline-block !important;
}

.tb_list_name {
    width: 100%;
}

.lists_holder .left_panel {
    border-right: solid 1px #ccc;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.rtl .lists_holder .left_panel {
    border-left: solid 1px #ccc;
    border-right: solid 0px #ccc;
}

.lists_holder .please_select_list {
    display: none;
}

.main_right_panel .lists_holder .please_select_list {
    display: block;
}

.lists_holder .right_panel {
    padding: 0 20px 0 20px;
}

.main_right_panel .right_panel {
    display: none;
}

.lists_holder .right_panel .product .delete {
    padding: 10px;
}

    .lists_holder .right_panel .product .delete i {
        position: relative;
        margin: 0;
        right: unset;
    }

@media (max-width: 810px) {
    .lists_holder {
        grid-template-columns: 100%;
    }

        .lists_holder .left_panel {
            min-height: unset;
            border-right: solid 0px #fff;
        }

    .rtl .lists_holder .left_panel {
        border-left: solid 0px #fff;
    }

    .lists_holder .right_panel {
        padding: 0;
    }

    .lists_holder .left_panel .lists .list .delete {
        display: inline;
    }

    .rtl .lists_holder .left_panel .lists {
        margin-right: 0px;
    }

    .lists_holder .right_panel .product .delete {
        top: -70px;
    }

    .lists_header.mt-5 {
        margin-top: 10px !important;
    }
}
.la-plus-circle {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 15 10 L 15 15 L 10 15 L 10 17 L 15 17 L 15 22 L 17 22 L 17 17 L 22 17 L 22 15 L 17 15 L 17 10 Z"/></svg>')
}