.acb_traffic {
    display: flex;
    -webkit-box-shadow: 2px 4px 10px rgb(216 216 216 / 47%);
    box-shadow: 2px 4px 10px rgb(216 216 216 / 47%);
    padding: 15px;
    font-size: 12px;
    font-family: sans-serif;
    position: relative;
    margin-top: 35px;

    .acb_left h3 {
        display: flex;
        gap: 7px;
        align-items: center;
    }

    .acb_left {
        box-shadow: 7px 0px 12px 0px rgba(201, 201, 201, 0.47);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 1px 1px 1px 1px #008080;
    }

    .acb_left {
        flex: 1;
        padding: 15px;

        h3 {
            margin-bottom: 10px;
            position: relative;

            .wcs_title {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 0;
                cursor: pointer;
            }
        }

        h2.title-active-user {
            margin-left: 6px;
            color: #5e5e5e;
        }

        h3.review-case-title.active-user {
            color: #188b33;
        }

        span.active-number {
            color: #048732;
            font-weight: 800;
        }

        .active-user-status {
            color: #fff;
            background-color: #3ac47d;
            font-weight: 700;
            text-transform: uppercase;
            padding: 5px 10px;
            min-width: 19px;
            border-radius: 3px;
        }

        .inactive-user-status {
            background-color: #e11776;
            font-weight: 700;
            text-transform: uppercase;
            padding: 5px 10px;
            min-width: 19px;
            border-radius: 3px;
            color: #fff;
        }


        input.PrivateSwitchBase-input {
            position: absolute;
            left: 12px;
            top: 17px;
        }

        .wpx_deleteButton {
            width: 32px;
            font-size: 10px;
            padding: 8px 14px 5px 9px;
            border: none;
            background-color: teal;
            color: white;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
        }

        button.wpx-buld-delete {
            width: 95px;
            padding: 9px;
            border: none;
            background-color: teal;
            color: white;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            margin-left: 6px;
            margin-bottom: 13px;
        }

        input.wpx-search-leads {
            border: 1px solid #eee;
            color: #7a7a7a;
            font-size: 11px;
            font-weight: 500;
            height: 37px;
            outline: none;
            padding: 0 15px;
            width: 242px;
            border-radius: 6px;
            margin-bottom: 13px;
        }


        svg.wcs_tooltip_icon {
            width: 15px;
            height: 15px;
        }
    }


    .inactive-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 18px;

        img.wpnts_woocommerce {
            width: 150px;
            height: 150px;
        }

        .action-btns {
            text-align: center;
            position: absolute;

            h3.inactive-text {
                color: #ffffff;
            }

            .install-btn {
                display: flex;
                flex-direction: column;

                button.install-action {
                    padding: 10px;
                    border: none;
                    background-color: teal;
                    color: white;
                    font-weight: bold;
                    cursor: pointer;
                    margin-top: 10px;

                    &:hover {
                        background-color: rgb(2, 101, 101);
                        color: white;
                    }
                }

            }
        }

    }


    @media only screen and (max-width: 768px) {
        flex-direction: column;

        .acb_left {
            flex: 1;
            margin: 10px;
        }
    }

}