.card-circle .text-cart{
    padding:5px;
}

.card-circle .branded img{
    width: 100%; 
    max-width:100px; 
    height:auto;
    max-height:100px;
}

.catagory-col{
    padding-left:5px;
    padding-right:5px;
}

.card-index .cardimg{
    height:auto;
}


.card-index .cardimg img{
    width:100%; 
    max-width:250px;
    height:auto;
}

.card-index{
    width:100%; 
    max-width:250px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom: 10px;
}

.card-index .card_detail .card_box{
    width:100%; 
    max-width:250px;
}

.card-col{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    
}

.display_container_shadow{
    border-radius:10px 10px 10px 10px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%) !important;
}

.card_container_shadow{
    border-radius:10px 10px 10px 10px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%) !important;
}

.agent-level-img-container{
    background:#f9f9f9;
    min-height:220px;
    
}

.agent_level_img{
    border-radius:10px 0px 0px 10px;
    
}

.agent_level_detail{
    border-radius:0px 10px 10px 0px;
}

.no-agent-level{
    width:100%;
    height:220px;
    color:grey;
    text-align:center;
    border-radius:10px 0px 0px 10px;
    font-size:2em;
    font-weight:bold;
    display:flex;
}

.no-agent-level-modal{
    width:100%;
    height:220px;
    color:grey;
    text-align:center;
    border-radius:10px 10px 0px 0px;
    font-size:2em;
    font-weight:bold;
    display:flex;
}

.agent-level-noimage{
    width:100%;
    height:220px;
    text-align:center;
    border-radius:10px 0px 0px 10px;
    font-size:2em;
    font-weight:bold;
    display:flex;
}

.agent-level-noimage-modal{
    width:100%;
    height:200px;
    background:#f9f9f9;
    text-align:center;
    border-radius:10px 10px 0px 0px;
    font-size:2em;
    font-weight:bold;
    display:flex;
}

@media (max-width:768px) {
    .agent_level_img{
        border-radius:10px 10px 0px 0px;
    }

    .agent_level_detail{
        border-radius:0px 0px 10px 10px;
    }

    .no-agent-level{
        border-radius:10px 10px 0px 0px;
    }

    .agent-level-noimage{
        border-radius:10px 10px 0px 0px;
    }
}

.agent-img-in-modal{
    border-radius: 10px 10px 0px 0px;
}

.agent_level-detail-in-modal{
    border-radius: 0px 0px 10px 10px;
}


.ui-block-nocolor{
    margin-bottom: 15px
}

.capsule-btn{
    display: inline-block;
    padding: 3px 6px;
    vertical-align: bottom;
    border-radius: 15px;
    color: white !important;
    font-size:0.7em;
}

.square-container{
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
}

.card-product-image{
    border-radius:10px 10px 0px 0px;
    background-position: center; 
    background-repeat: no-repeat;
    background-size:cover;
    overflow:hidden;
}

.card-product-detail{
    border-radius:0px 0px 10px 10px;
}

.card-product-title{
    font-size:14px;
    height:45px; 
    overflow:hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    width:100%
}

.card-product-subtitle{
    font-size:11px;
    width:100%;
    height:35px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.card-product-price{
    font-size:16px;
}

.card-product-price > .initial-price{
    color:red;
    text-decoration:line-through;
}

.card-product-price > .end-price{
    color:#474747;
}

a.card-product-link{
    color:#474747;
}

.card-product-discount{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 10px;
    left: -26px;
    font-size: 18px;
    background: red;
    width: 115px;
    -webkit-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    transform: rotate(-39deg);
    color: white;
    z-index: 1;
    text-align:center;
}

.card-product-row{
    margin-left:-5px;
    margin-right:-5px;
}

.card-product-col{
    padding-left:5px;
    padding-right:5px;
}

.ellipse {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-lines {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.three-lines {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.agent-level-image-upgrade{
    width:100%;
    height:180px;
    background-position: center; 
    background-repeat: no-repeat;
    background-size:cover;
    border-radius:10px 10px 0px 0px;
}

.fixed-sidebarss {
    position: fixed;
    z-index: 22;
    width: 70px;
    min-height: 1000vh;
    top: 70px;
    z-index: 20;
    right: 0;
    min-height: 100%;
}

.bundle-image{
    border-radius:10px 0px 0px 10px;
    background-position: center; 
    background-repeat: no-repeat;
    background-size:cover;
    overflow:hidden;
}

.bundle-title{
    border-radius:0px 10px 10px 0px;
}

.bundle_product_list > .bundle_product_item {
    border-bottom:1px solid #E0E0E0;
}

.bundle_product_list > .bundle_product_item:last-child {
    border-bottom:none;
}

.bundle_shared_prod_image{
    border-radius:50%;
}

.bundle-prod-image{
    border-radius:5px 5px 0px 0px;
    border:2px solid #F0F0F0;
}

.bundle-prod-image > img{
    border-radius:5px 5px 0px 0px;
}

.bundle-prod-image-disabled{
    filter: grayscale(100%) brightness(90%);
    opacity: 0.3;
}

.bundle-prod-code{
    border-radius:0px 0px 5px 5px;
    background-color:#F0F0F0;
}

.bundle-prod{
    border-radius:5px 5px 5px 5px;
}

.bundle-prod-selected > .bundle-prod-image{
    border:2px solid #99cd3c !important;
}

.bundle-prod-selected > .bundle-prod-code{
    background-color:#99cd3c !important;
}

.bundle-option-loading > div {
    border-radius:5px 5px 5px 5px;
    border:1px solid #F0F0F0;
    width: 100%;
    font-size:1.1em;
}

.bundle-option{
    
    
}

.bundle-option > div {
    display:flex;
    border-radius:5px 5px 5px 5px;
    border:1px solid #F0F0F0;
    width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    font-size:1.1em;
}

.bundle-option-selected > div {

    border:2px solid #99cd3c !important;
    color:#99cd3c !important;
}

.bundle-option-disabled > div {
    background-color: #F0F0F0 !important;
    color:#CCC;
}

.bundle-mix-option > div {
    display:flex;
    border-radius:5px 5px 5px 5px;
    border:1px solid #F0F0F0;
    width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    font-size:1.1em;
    
}

.bundle-mix-fade > div {
    transition: all .5s linear;
}

.bundle-mix-selected > div {

    border:2px solid #99cd3c !important;
    color:#99cd3c !important;
}

.bundle_image_container{
    position:relative;
}

.bundle_image_thumb{
    border-radius:50%;
    width:50px;
    height:50px;
}

.bundle_thumb {
    border : 2px solid #99cd3c !important;
}

.bundle-tag
{
    position: absolute;
    top: -5px;
    right: -1px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding-left: 2px;
    padding-right: 2px;
    background-color:#99cd3c !important;
}

.bundle-tag-mobile
{
    position: absolute;
    top: -5px;
    left: 7px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding-left: 4px;
    padding-right: 4px;
    background-color:#99cd3c !important;
}

.bundle-tag-normal
{
    position: absolute;
    top: -5px;
    left: -9px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding-left: 2px;
    padding-right: 2px;
    background-color:#99cd3c !important;
}

.prod_bundle_in_modal_detail{
    height:30px;
    width:30px;
    border-radius:50%;
}

.prod_bundle_in_modal_list > .bundle_product_item {
    border-bottom:1px solid #E0E0E0;
}

.prod_bundle_in_modal_list > .bundle_product_item:last-child {
    border-bottom:none;
}

.mobile_cart_summary{
    background-color: #f0f0f0;
}

.invoice_bundle_image{
    border:2px solid #99cd3c;
}

.bundle_image_thump_square{
    position:relative;
}


.bundle-product-caption{
    color:#BBB !important;
}

.bundle_image_thump_square > div{
    position: absolute;
    top: -5px;
    left: -15px;
    right:5px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding-left: 2px;
    padding-right: 2px;
    background-color:#99cd3c !important;
}

.bundle_image_thump_square_mobile{
    position:relative;
}

.bundle_image_thump_square_mobile > div{
    position: absolute;
    top: -5px;
    right: -15px;
    left:5px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    padding-left: 2px;
    padding-right: 2px;
    background-color:#99cd3c !important;
}

.bundle_title_row > td{
    border-bottom:none;
}

.bundle_product_detail > img {
    border-radius:50%;
}

.prod_in_bundle_image {
    width:30px;
    height:30px;
    border-radius:50%
}

.bundle_detail_invoice_list > tr > td{
    border-bottom:none;
}

.reserve_failed{
    background-color : #FFCDD2;
}

.failed_invoice_row{
    background-color : #FFCDD2;
}

.round_right{
    border-radius:0px 10px 10px 0px;
}

.round_left{
    border-radius:10px 0px 0px 10px;
}

.affiliate_salepage_detail{
    border-radius:0px 10px 10px 0px;
    position:relative;
}

.affiliate_salepage_price{
    bottom:10px;
    position:absolute;
    width:calc(100% - 28px);
}

.affiliate_salepage_image{
    border-radius:10px 0px 0px 10px;
    background-color:white; 
    background-size: cover;
    background-position: center;
    overflow:hidden;
}

.affiliate_salepage_title{
    font-size:14px;
}

.affiliate_btn{
    border:1px solid #e6ecf5 !important;
    background:white !important;
    color: #474747 !important;
}

.affiliate_btn:hover{
    border:1px solid #99cd3c !important;
    background:#99cd3c !important;
    color: white !important;
}