.adf-gpby-form-popup {
display: none;
position: fixed; 
border: 3px solid #f1f1f1;
z-index: 1000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
align-items: flex-start;
padding: 14px 25px 14px 25px;
max-height: 80vh; 
height: auto; 
overflow-y: auto;
}
.adf-gpby-ct-gp-lbl{
margin-bottom:10px;
}
.adf-gpby-gp_nm_inpt{
margin-left: 16px;
}
.adf-gpby-lbl-input{
margin-bottom: 18px;
}
.adf-gpby-radio_btn_gp_typ {
margin-top: 5px;
margin-bottom: 18px;
}
.adf-gpby-sv-cls-btns{
text-align: end;
}
.adf-gpby-cls-icon{
position: absolute;
right: 5px;
top: -7px;
text-align: end;
cursor: pointer;
font-size: 20px;
font-weight: 600;
}
.adf-gpby-cls-sv-btn {
width: 40%;
text-align: center;
}
.btn:hover, .adf-gpby-login-custom-button:hover {
opacity: 1;
} #adf-gpby-myProgress {
width: 100%;
background-color: #ddd;
border-radius: 20px;
}
.adf-progress-bar {
width: 10%;
height: 19px;
background-color: #04AA6D;
text-align: center;
line-height: 30px;
color: white;
border-radius: 20px;
}
.adf-gpby-ct-gp-lbl button{
margin: 0!important;
height: auto;
width: auto;
font-size: 16px;
} .adf-gpby-group_name{
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.adf-gpby_timmer{
color: #ff0000;
font-weight: 700;
}
.adf-gpby-pg_bar_gp_btn{
display: flex;
justify-content: space-between;
margin-bottom: 15px;
width: 100%;
}
.adf-gpby-gpbuy-share-btns{
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.adf-gpby-message_custom{
display: none;
background: #008000;
color: #ffffff;
padding: 11px;
}
.adf-gpby-message_error_custom{
display: none;
background: #ff0000;
color: #ffffff;
padding: 11px;
}
.adf-gpby-social_btn{
display: flex;
justify-content: center;
align-items: center;
}
.adf-gpby-join-memeber{
position: absolute;
z-index: 100;
top: 7px;
left: 5px;
color: black;
font-size: 14px;
font-weight: 700;
}
.adf-gpby-left-memeber{
position: absolute;
z-index: 100;
top: 8px;
right:6px;
color: #ff0000;
font-size: 14px;
font-weight: 700;
} .adf-gpby-social_link_popup {
display: none;
position: absolute;
background-color: white;
border: 1px solid #ccc;
padding: 10px 10px 10px 10px;
z-index: 1000;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
bottom: 105%;
border-radius: 8px;
}
.adf-gpby-social_link_popup a:nth-child(2n) {
margin-left: 10px; 
}
.adf-gpby-social-icon{
width: 30px;
}
.adf_private_email_add_msg{
display: none;
color: red;
margin-bottom: 13px;
} .adf-gpby-dynamic_field{
margin-bottom: 10px;
width: 100%;
}
.adf-gpby-dynm_field_cont{
display: none;
margin-bottom: 10px;
width: 100%;
} #adf-gpby-slider-container {
position: relative;
width: 100%;
overflow: hidden;
}
#adf-gpby-slider {
display: flex;
transition: transform 0.5s ease;
}
.adf-gbpby-group-container {
min-width: 100%;
box-sizing: border-box;
padding: 10px 54px 10px 54px;
}
#adf-gpby-prev-slide {
left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #333;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
}
#adf-gpby-next-slide {
right: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #333;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
}
.adf_private_not_shown_msg{
margin-top: 16px;
font-size: 15px;
font-weight: 600;
}
.adf-created-customer-msg{
background: #5d89cf;
color: white;
padding: 6px 15px;
font-weight: 600;
margin-bottom: 11px;
}
.adf-gpby-social_con_in_popup{
position: relative;
cursor: pointer;
} .af-gpby-main-conatiner-shop-page{
display: none;
z-index: 1000;
position: fixed;
border: 3px solid #f1f1f1;
background: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30px;
width: 33%;
border-radius: 5px;
font-size: 15px;
}
.adf-gpby-create-form-popup{
display: none;
z-index: 1000;
position: fixed;
border: 3px solid #f1f1f1;
background: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
}
.adf-gpby-shop-pg-group-container{
display: none;
z-index: 1000;
position: fixed;
border: 3px solid #f1f1f1;
background: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 37px;
}
.adf-gpby-created-grup_container{
display: none;
z-index: 1000;
position: fixed;
border: 3px solid #f1f1f1;
background: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
width: 30%;
font-size: 15px;
}
.adf-gpby-sh-pg-group-info{
text-align: justify;
}
.adf-gpby-pg_bar_gp_btn_shp_pg{
display: flex;
justify-content: space-between;
margin-bottom: 15px;
width: 100%;
gap: 100px;
}
.adf-gpby-overlay {
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.1;
z-index: 999;
}
.adf-gpby-create-form-popup .adf-gpby-form-group{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.adf-gpby-dynamic-fields-container{
margin-bottom: 10px;
}
.adf-gpby-dynamic_field_shp_pg{
margin-bottom: 10px;
}
.adf-gpby-message_custom_sp_pg{
margin-top: 5%;
margin-bottom: 10px;
} .adf-gpby-group-row{
display: flex;
gap: 23%;
}
.adf-gpby-group-first-row{
display: flex;
gap:27px;
}
.adf-gpby-group-row-exp{
display: flex;
gap: 40px;
align-items: center;
}
.adf-gpby-group-row-progress{
display: flex;
gap: 87px;
}
.adf-gpby-row-label {
font-weight: 700;
font-size: 17px;
color: #000000;
}
.adf-gpby-prg-bar-mian-con{
width: 60%;
position: relative;
padding-top: 9px;
}
.adf-gpby-group-footer-cont{
display: flex;
margin-top: 10px;
}
.adf-gpby-grp-templete-btn{
height: 32px;
font-size: 11px;
cursor: pointer;
}
#adf-gpby-add-to-cart{
width: 95px;
font-size: 11px;
}
.adf-gpby-other-group{
cursor: pointer;
color: #1c2891;
font-weight: 700;
margin-right: 57px;
text-decoration: underline;
font-size: 13px;
margin-right: 86px;
}
.adf-gpby-group-social-cont{
display: flex;
flex-direction: row-reverse;
position: relative;
gap: 18px;
}
#adf-gpby-group_name{
width: 130px;
line-height: 113%;
}
#adf-gpby-cr_gp_button{
margin-left: 20px;
}
#adf_cancel_popup_btn{
text-align: end;
} .flipdown {
width: 215px; height: 50px; }
.flipdown .rotor {
font-size: 1.5rem; margin-right: 2px; }
.flipdown .rotor,
.flipdown .rotor-leaf,
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
width: 20px; }
.flipdown .rotor-group {
padding-right: 10px; }
.flipdown .rotor-group:last-child {
padding-right: 0px;
}
.flipdown .rotor-group-heading:before {
font-size: 0.6rem; height: 15px; line-height: 15px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
left: 45px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
bottom: 10px; height: 6px; width: 6px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
bottom: 20px; height: 6px; width: 6px; }
.flipdown .rotor-leaf-front,
.flipdown .rotor-top {
line-height: 35px; }
.flipdown .rotor-leaf,
.flipdown .rotor {
height: 35px; }
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
height: 17px; } #adf-gpby-text-countdown {
font-size: 16px;
color: #333;
margin-left: 40px;
} .adf-gpby-info-group{
display: flex;
gap: 7px;
}
.adf-gpby-info_icon{
width: 18px;
margin-top: 11px;
}
.adf-gpby-tooltip-text{
visibility: hidden;
position: absolute;
z-index: 1;
width: 270px;
color: #504b4b;
font-size: 12px;
background-color: #e7e7e7;
border-radius: 10px;
padding: 10px 15px 10px 15px;
top: -39px;
left: 120%;
}
.adf-gpby-hover-text:hover .adf-gpby-tooltip-text{
visibility: visible;
}
.adf-gpby-hover-text {
position: relative;
font-family: Arial;
text-align: center;
}
.adf-gpby-text-countdown-dig{
font-weight: 700;
}
.adf-private-help-msg{
width: 345px;
margin-bottom: 10px;
}
.adf-gp-by-sp-pg-btn-Container{
display: flex;
justify-content: center;
gap: 27px;
margin-top: 31px;
}
.adf-gpby-orginal_price{
text-decoration: line-through;
}
.adf-gpby-heading-discount{
font-size: 19px;
color: #333333;
font-weight: 700;
margin-top: 6px;
}
.adf-gpby-orginal_price {
position: relative;
display: inline-block;
text-decoration: none; color: #969b97;
}
.adf-gpby-orginal_price::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%; height: 2px; background-color: #969b97; transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
.af-gpby-main-conatiner-shop-page{
width: 100%;
}
#adf-gpby-cr_gp_button{
font-size: 10px;
font-weight: 700;
} .flipdown {
width: 175  px; height: 40px; }
.flipdown .rotor {
font-size: 1.2rem; margin-right: 1px; }
.flipdown .rotor,
.flipdown .rotor-leaf,
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
width: 15px; }
.flipdown .rotor-group {
padding-right: 9px; }
.flipdown .rotor-group-heading:before {
font-size: 0.5rem; height: 12px; line-height: 12px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
left: 33px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
bottom: 8px; height: 5px; width: 5px; }
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
bottom: 15px; height: 5px; width: 5px; }
.flipdown .rotor-leaf-front,
.flipdown .rotor-top {
line-height: 25px; }
.flipdown .rotor-leaf,
.flipdown .rotor {
height: 25px; }
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
height: 12px; }
#adf-gpby-text-countdown {
margin-left: 7px;
} .adf-gpby-tooltip-text{
width: 155px;
top: 20px;
left: -266%;
right: 0%;
}
.adf-gpby-group-first-row {
gap: 0px;
}
.adf-gpby-row-label{
font-size: 15px;
}
#adf-gpby-group_name {
width: 90px;
}
.adf-gpby-group-row-exp{
gap: 12px;
}
.adf-gpby-group-row-progress{
gap: 27px;
}
.adf-gpby-other-group{
margin-right: 22px;
} .adf-gpby-sh-pg-group-info{
text-align: left;
font-size: 11px;
}
.adf-gpby-created-grup_container{
width: 100%;
}
.adf-gpby-pg_bar_gp_btn_shp_pg {
gap: 0px;
}
.adf-gpby-add-to-cart{
width: 100px;
font-size: 11px;
font-weight: 700;
}
}
.adf-gpby-other-group-disable{
margin-right: 28%;
}
.adf-gpby-other-group{
display: none;
}
.adf-gpby-other-groups-div{
width: 162px;
} .adf-gpby-acc-tab-container {
margin: 20px 0;
}
.adf-gpby-acc-tab {
display: inline-block;
padding: 10px 20px;
margin-right: 5px; cursor: pointer;
border-radius: 5px 5px 0 0;
}
.adf-gpby-acc-tab.active {
background: #fff;
border-bottom: 2px solid #c1c3d0;
}
.adf-gpby-acc-tab-content {
display: none;
padding: 20px;
border: 1px solid #f1f1f1;
border-top: none;
background: #fff;
}
.adf-gpby-acc-tab-content.active {
overflow-x: auto;
display: grid;
}
.adf-gpby-prev-pag-btn {
margin-right: 12px;
}
#join-group table th {
transform: none;
white-space: nowrap;
}
.adf-pagination-btn.active {
background-color: #007cba; 
color: #fff;
font-weight: bold;
}
.adf-join-grp-pagination-btn.active {
background-color: #007cba;
color: #fff;
font-weight: bold;
}
.adf-invite-grp-pagination-btn.active {
background-color: #007cba;
color: #fff;
font-weight: bold;
}
.adf-create-pagination, .adf-join-pagination, .adf-invite-pagination{
width: 100%;
display: flex;
justify-content: end;
}