.elementor-13704 .elementor-element.elementor-element-1579e206{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13704 .elementor-element.elementor-element-26983b3d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13704 .elementor-element.elementor-element-318bb06a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13704 .elementor-element.elementor-element-f958a0f .elementor-heading-title{font-weight:600;}.elementor-13704 .elementor-element.elementor-element-78ed7fd3.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-13704 .elementor-element.elementor-element-78ed7fd3{right:0px;}body.rtl .elementor-13704 .elementor-element.elementor-element-78ed7fd3{left:0px;}.elementor-13704 .elementor-element.elementor-element-78ed7fd3{top:0px;}.eael-lightbox-popup-window-78ed7fd3{width:550px;max-width:550px;}.eael-lightbox-modal-window-78ed7fd3{width:550px;max-width:550px;}.elementor-13704 .elementor-element.elementor-element-78ed7fd3 .eael-lightbox-wrapper{justify-content:flex-end;}.eael-lightbox-popup-window.eael-lightbox-popup-window-78ed7fd3 .eael-lightbox-container{background-color:var( --e-global-color-d8450e5 );border-radius:30px 30px 30px 30px;overflow:hidden;padding:40px 40px 40px 40px;}.eael-lightbox-popup-window.eael-lightbox-modal-window-78ed7fd3 .mfp-iframe{background-color:var( --e-global-color-d8450e5 );border-radius:30px 30px 30px 30px;overflow:hidden;padding:40px 40px 40px 40px;}.mfp-bg.eael-lightbox-modal-popup-78ed7fd3{background:rgba(0,0,0,.8);}.elementor-13704 .elementor-element.elementor-element-78ed7fd3 .eael-trigger-icon{font-size:28px;color:var( --e-global-color-accent );}.elementor-13704 .elementor-element.elementor-element-78ed7fd3 .eael-trigger-svg-icon svg{width:28px;}.elementor-13704 .elementor-element.elementor-element-78ed7fd3 .eael-trigger-icon svg{fill:var( --e-global-color-accent );}.eael-lightbox-popup-window-78ed7fd3 .mfp-close{font-size:28px;font-weight:normal;color:#ffffff;}.eael-lightbox-modal-window-78ed7fd3 .mfp-close{font-size:28px;font-weight:normal;color:#ffffff;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item{background-color:var( --e-global-color-d8450e5 );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:var( --e-global-color-primary );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li.active{background-color:var( --e-global-color-text );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li{font-family:"Onest", Sans-serif;font-size:1.2rem;font-weight:700;background-color:var( --e-global-color-d8450e5 );color:var( --e-global-color-accent );border-radius:40px 40px 40px 40px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-tab-top-icon li i, .elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-tab-top-icon li img, .elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li:hover:not(.active){background-color:var( --e-global-color-0c929a4 );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:var( --e-global-color-accent );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:var( --e-global-color-text );}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-content > div{color:#333;padding:0px 0px 0px 0px;margin:20px 0px 0px 0px;}@media(max-width:767px){.elementor-13704 .elementor-element.elementor-element-26983b3d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13704 .elementor-element.elementor-element-318bb06a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13704 .elementor-element.elementor-element-f958a0f{text-align:center;}.elementor-13704 .elementor-element.elementor-element-f958a0f .elementor-heading-title{font-size:1.6rem;}.elementor-13704 .elementor-element.elementor-element-982b838{font-size:0.9rem;}.eael-lightbox-popup-window-78ed7fd3{width:325px;max-width:325px;}.eael-lightbox-modal-window-78ed7fd3{width:325px;max-width:325px;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-nav > ul li{font-size:0.9rem;}.elementor-13704 .elementor-element.elementor-element-60156dc3 .eael-advance-tabs .eael-tabs-content > div{margin:10px 0px 0px 0px;}}/* Start custom CSS for eael-adv-tabs, class: .elementor-element-60156dc3 */.podtabs .eael-advance-tabs .eael-tabs-nav>ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    flex-direction: row;
    align-content: center;
    gap: 10px;
    flex-wrap: nowrap;
}


.podtabs .eael-tabs-nav #customers span::before {
    content: "Customers ";
    color: black;
    font-weight: 600;
}

.podtabs .eael-tabs-nav #pods span::before {
    content: "Pods ";
    color: black;
    font-weight: 600;
}

.podtabs .eael-tab-nav-item.active span::before {
    color: white !important;
}

.podtabs li {
    width: 50%;
}

.onemp-invites-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    gap:10px
}

.onemp-invite-item {
    background-color: white;
    padding: 20px;
    border-radius: 20px;
}

.inactive .onemp-invite-name::after{
    display: block;
    content: "inactive";
    color: #808080;
    background-color: #dadada;
    font-size: 1rem;
    padding: 0px 10px 0px 10px;
    border-radius: 40px;
    margin-top: -15px;
}

.inactive .onemp-invite-pods-percentage {
    opacity: 40%;
}

.inactive {
    opacity: 80%;
}

.inactive .onemp-invite-details::after {
    content: "Inactive User.";
    position: relative;
    top: 50%;
    left: 0;
    width: inline;
    text-align: center;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: auto;
    background-color: white;
    border-radius: 20px;
}

.inactive:hover > .onemp-invite-details::after {
    display: none;
}

.onemp-invite-details {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    grid-template-areas: 
    'name pods customers ss'
    'bar bar bar bar';
    gap: 10px;
}

.onemp-invite-invite-code {
    display: none;
}

.onemp-invite-membership-name {
    grid-area: status;
    text-align: right;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 100%;
    display: none;
}

.inactive .onemp-invite-name {
    color: #aaaaaa;
   
}

.onemp-invite-name {
    grid-area: name;
    font-size: 1.3rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    gap: 5px;
    text-transform: capitalize;
}

.onemp-invite-smart-shoppers {
    grid-area: ss;
    background-color: #f1f1f1;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.3rem;
    display: none;
}

.onemp-invite-smart-shopper-pros {
    grid-area: ssp;
    background-color: #f1f1f1;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.3rem;
    display: none;
}

.pod-list .onemp-invite-pods-percentage {
    grid-area: bar;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
    'podsm percent'
    'podsmp podsize';
    background-color: #f1f1f1;
    padding: 0px;
    border-radius: 10px;
    height: 50px;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 0;
    contain: paint;
}

.cus-list .onemp-invite-pods-percentage {
    display: none;
}

.onemp-invite-pod-smart-shoppers {
    grid-area: podsm;
    display: block;
    margin-bottom: -6px;
    font-size: 0.9rem;
    font-weight: bold;
    padding-left: 15px;
    z-index: 10 ;
}

.onemp-invite-pod-smart-shoppers::after {
    content: " Smart Shoppers";
    font-weight: 600;
}

.onemp-invite-pod-smart-shopper-pros {
    grid-area: podsmp;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    padding-left: 15px;
    z-index: 10;
}

.onemp-invite-pod-smart-shopper-pros::after {
    content: " Pros";
    font-weight: 600;
}

.completion-bar {
    display: block;
    background-color: #FFE2CB;
    border-radius: 10px;
    height: 50px;
    position: absolute;
    z-index: 0;
    order: -2;
}

.completion-number {
    grid-area: percent;
    display: block;
    width: 100%;
    text-align: right;
    z-index: 70;
    font-weight: bold;
    font-size: 1.2rem;
    padding-right: 15px;
    margin-bottom: -8px;
}
.onemp-invite-pods {
    grid-area: pods;
    background-color: #f1f1f1;
    padding: 2px 10px 2px 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
    gap: 5px
}

.onemp-invite-pods::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #58B7FF;
    border-radius: 40px;
}

.onemp-invite-customers {
    grid-area: customers;
    background-color: #f1f1f1;
    padding: 2px 10px 2px 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 40px;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
    gap: 5px
}

.onemp-invite-customers::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #FF5858;
    border-radius: 40px;
}

.onemp-invite-pod-size {
    grid-area: podsize;
    display:block;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.onemp-invite-pod-size::before {
    content: "( ";
}

.onemp-invite-pod-size::after {
    content: " / 2047 ) ";
}

.pod-list .pro {
    color: white;
    background-color: #003E46;
    font-size: 1rem;
    padding: 0px 10px 0px 10px;
    border-radius: 40px;
    margin-top: -15px;
}

@media (max-width: 767px) {
    .onemp-invites-list {
    display: grid;
    grid-template-columns: 1fr;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    gap:10px
}
    
    .onemp-invite-item {
        padding: 10px;
    }
    
    .onemp-invite-name {
        font-size: 1rem;
        white-space: nowrap;
        width: 25%;
    }
    
    .onemp-invite-pod-smart-shoppers {
    grid-area: podsm;
    display: block;
    margin-bottom: -6px;
    font-size: 0.8rem;
    font-weight: bold;
    padding-left: 15px;
    z-index: 10;
    white-space: nowrap;
    }
    
    .onemp-invite-pod-smart-shopper-pros {
    grid-area: podsmp;
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
    padding-left: 15px;
    z-index: 10;
}
    
    .pod-list .pro {
    color: white;
    background-color: #003E46;
    font-size: 0.85rem;
    padding: 0px 8px 0px 8px;
    border-radius: 40px;
    margin-top: -15px;
}

    .onemp-invite-details {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    grid-template-areas: 'name pods customers ss'
    'bar bar bar bar';
    gap: 6px;
}
    
    .onemp-invite-customers {
    grid-area: customers;
    background-color: #f1f1f1;
    padding: 2px 10px 2px 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 40px;
    font-weight: bold;
    font-size: 0.85rem;
    margin: 0;
    gap: 5px;
}

    .onemp-invite-customers::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #FF5858;
    border-radius: 40px;
}

    .onemp-invite-pods {
    grid-area: pods;
    background-color: #f1f1f1;
    padding: 2px 10px 2px 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 50px;
    font-weight: bold;
    font-size: 0.85rem;
    margin: 0;
    gap: 5px;
}

.onemp-invite-pods::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #58B7FF;
    border-radius: 40px;
}

    .completion-number {
    grid-area: percent;
    display: block;
    width: 100%;
    text-align: right;
    z-index: 70;
    font-weight: bold;
    font-size: 1rem;
    padding-right: 15px;
    margin-bottom: -8px;
}

    .onemp-invite-pod-size {
    grid-area: podsize;
    display: block;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 0;
    font-size: 0.7rem;
}
}/* End custom CSS */