/* Active Criteria Bucket Styles */

@media (min-width:991px){

.ac-share-occasion-main .active-criteria-bucket {
    background-color: #f1fcfb;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    position: sticky !important;
    top: 20px !important;
    z-index: 100 !important;
}
}

.active-criteria-main{position: relative;}
.new_occasion-pop-up .active-criteria-main .active-criteria-bucket{background-color:#f1fcfb;border-radius:6px;padding: 13px 8px 13px 13px;margin-bottom:1rem;border:1px solid #dee2e6;z-index:100;margin-left:auto;max-width:300px; position:absolute;right:0px}
.bucket-header{margin-bottom:0px;display:flex;justify-content:space-between;width:100%;padding-top: 0px;padding-bottom: 5px;}
.bucket-title{font-weight:600;font-size:14px;margin:0;color:#495057;}
.bucket-content{display:flex;flex-wrap:wrap;max-height:200px;overflow-y:auto;padding:4px 0px;}
.bucket-empty-state{padding:0px;color:#6c757d;  font-size:13px;}
.bucket-item{background-color:#ffffff;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px;font-size:12px;color:#495057;display:inline-flex;flex-wrap:wrap;cursor:default;user-select:none;margin-top: 6px;margin-right:10px;}
.bucket-item:hover{background-color:#f8f9fa;}
.bucket-item-label{font-weight:700;margin-right:5px;margin-bottom:1px;}
.bucket-item-value{color:#6c757d;}


@media (max-width:1499px){
  .new_occasion-pop-up  .active-criteria-main  .active-criteria-bucket{ max-width: 250px;}
}

@media (max-width:1399px){
  .new_occasion-pop-up .active-criteria-main  .active-criteria-bucket{ max-width: 220px;}

}

@media (max-width:991.98px){

    .active-criteria-main .active-criteria-bucket{background-color:#f1fcfb;border-radius:6px;padding: 13px 8px 13px 13px;margin-bottom:1rem;border:1px solid #dee2e6;z-index:100;margin-left:auto;max-width:200px; position:absolute;right:8px}
     .active-criteria-bucket{top:10px;max-width: 250px;
    }
    
}


@media (max-width:767px){

    .active-criteria-bucket{ max-width: 200px;}

}


@media (max-width:576px){

    .bucket-item{padding:5px 5px;font-size:11px;margin-top:4px;margin-right:5px;}
    .active-criteria-bucket{padding:12px 7px 10px 10px;}
    .bucket-header{padding-bottom:3px;}
    .bucket-title{font-size:13px;}

    .active-criteria-bucket{ max-width: 46%;}
    .bucket-content{ padding-top:0px; }

    .ac-share-occasion-main .active-criteria-main .active-criteria-bucket {width: 48%;}

}