/* Minification failed. Returning unminified contents.
(142,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(174,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(184,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(204,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(210,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(214,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(219,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(250,23): run-time error CSS1039: Token not allowed after unary operator: '-font-heading'
(489,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-lighter'
(493,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-lighter'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(727,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(733,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(738,17): run-time error CSS1039: Token not allowed after unary operator: '-black2'
(823,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(861,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(942,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1197,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1231,17): run-time error CSS1039: Token not allowed after unary operator: '-black2'
(1346,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1353,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(1359,36): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1363,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(1427,30): run-time error CSS1030: Expected identifier, found '.'
(1427,49): run-time error CSS1031: Expected selector, found ')'
(1427,49): run-time error CSS1025: Expected comma or open brace, found ')'
(1665,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(1678,17): run-time error CSS1039: Token not allowed after unary operator: '-black0'
(1757,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(1776,36): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1783,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(1803,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1855,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1902,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1971,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1985,25): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2026,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2080,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2257,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2265,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2426,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2449,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2460,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2511,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2822,21): run-time error CSS1039: Token not allowed after unary operator: '-font-sm'
(2830,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xs'
(3014,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3018,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(3022,17): run-time error CSS1039: Token not allowed after unary operator: '-black0'
(3042,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3089,17): run-time error CSS1039: Token not allowed after unary operator: '-black2'
(3110,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3212,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3224,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3257,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3297,32): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(3335,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3336,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3343,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3344,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3349,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3350,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3357,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3359,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3372,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3373,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3385,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3386,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3394,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3402,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3408,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3412,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3419,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3420,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3426,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3427,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3432,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3433,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3440,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3442,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3455,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3456,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3468,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3469,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3483,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(3489,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3493,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-darker'
(3510,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3536,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3540,36): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/* =====================================================================================================
   CSS File Index:
   1. Utility Classes
   2. Shopify Feature
   3. Featured Lots Feature
   4. QuickView Feature
   5. Shopify Feature Media Queries
   6. Footer Modules   
   7. Standalone Modules: re-usable, generic modules
   8. Page Specific
   9. Header Modules
   10. Sidebar Modules
   11. Thumbnail Modules   
   12. Trending Events Module
   13. Trending Products Module
   14. QA Module
   15. Registration Accordion Form Module
   16. MultiStep Registration form
   17. Lot Critics Module
   18. Lot/Listing Details Module
   19. Bid History Module
   20. Custom Filters Module
   ===================================================================================================== */

/* =====================================================================================================
   1. Utility Classes
   ===================================================================================================== */

.m-0 {
    margin: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

/* padding */
.px-5{
    padding-left:5px;
    padding-right:5px;
}

.p-29{
    padding:29px;
}

/* =====================================================================================================
   2. Shopify Feature
   ===================================================================================================== */
.btn-shopify {
    background-color: green;
    border-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-overflow: ellipsis;
    width: 60%;
    margin: 0 auto;
}

    .btn-shopify:hover, .btn-shopify:active, .btn-shopify:focus {
        background-color: #036703;
        border-color: rgba(0,0,0,0.2);
        color: #fff;
    }

/* =====================================================================================================
   3. Featured Lots Feature
   ===================================================================================================== */
/* No effect on ui */
/*.featured-lots-container > h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}*/

/* =====================================================================================================
   4. QuickView Feature
   ===================================================================================================== */

/* Quick View model --------------------------------- */
img.full {
    margin: 10px auto;
}


.detail__option-menu__icon svg {
    transform: none;
}
#quickViewModalPopup .modal-header {
    padding: 0;
    border: none;
}

#quickViewModalPopup .modal-body {
    padding: 0;
}

#quickViewModalPopup .modal-content {
    padding: 15px;
}

/*@media(max-width: 767px) {
    #quickViewModalPopup .modal-dialog {
        width: 100%;
    }
}*/

@media(min-width: 768px) {
    #quickViewModalPopup .modal-dialog {
        min-width: 746px;
        width: fit-content;
    }
}

/* Browse Listing --------------------------------- */

.listing {
    min-height: 165px;
}

.panel.panel-default.listing {
    border: solid 1px #8e8e8e;
    margin-bottom: 20px;
    box-shadow: none;
    border-radius: 0;
}

.listing .price {
    color: var(--primary);
    font-size: 17.5px;
    font-weight: 500;
}

.listing .time {
    font-weight: 500;
}

.label-primary.status-type {
    background-color: transparent;
    border: 1px solid #a38e96;
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: 300;
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 0;
}

.label-success.InlineContextualStatus, .label-danger.InlineContextualStatus, .label-warning.InlineContextualStatus {
    right: 0;
    top: 0;
}



/* Listing Details --------------------------------- */
.tag {
    margin: 4px;
    padding: 0.5em 1em;
    background-color: #f7ede7;
    color: var(--primary);
    border-radius: 10px;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
}

    .tag:hover,
    .tag:active,
    .tag.selected {
        background-color: var(--primary);
        color: #fff;
    }

.wrap-score-badge {
    padding: 10px;
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    direction: rtl;
}

.wrap-score-badge-quick-view {
    top: 0;
}

.wrap-score-badge::-webkit-scrollbar-track {
    border: none;
    background-color: var(--primary-light);
    border-radius: 10px;
}

.wrap-score-badge::-webkit-scrollbar {
    width: 5px;
    background-color: var(--primary-dark);
}

.wrap-score-badge::-webkit-scrollbar-thumb {
    background-color: var(--primary-dark);
}

.critic-score-badge {
    font-size: 11px;
    background-color: var(--primary);
    border-radius: 50%;
    height: 6.25em;
    list-style-type: none;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    width: 6.25em;
}

.score-badge-svg {
    padding: 0.25em;
}

    .score-badge-svg text {
        fill: white;
        text-transform: uppercase;
        letter-spacing: 0.31em;
        font-size: 1.25em;
    }

.critic-score-badge .critic-initial-score {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-heading);
    height: 3.75em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3.75em;
}

.critic-initial-score .score-count {
    font-size: 2em;
    font-weight: 500;
    position: relative;
    top: 0.153em;
}

.critic-initial-score .score-label {
    font-size: 0.75em;
    position: relative;
    top: -0.6em;
}

.wrap-product-views {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

.product-view-thumbnail {
    max-width: 105px;
    margin-bottom: 5px;
    height: 100px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#addRemoveWatchList {
    cursor: pointer;
}
/*=========== old code ============*/
/*.quickView-details-container {
    display: flex;
    gap: 1rem;
}*/

.quickView-btn-container {
    position: absolute;
    top: 50%;
    display: none;
}

.quickView-hover-state:hover .quickView-btn-container {
    display: block;
}

.quickView-hover-state:hover .thumbnail-image:before {
    opacity: .5;
    background: white;
}

.thumbnail-image:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
}

/* =====================================================================================================
   5. Shopify Feature Media Queries
   ===================================================================================================== */
@media only screen and (max-width: 768px) {
    .btn-shopify {
        width: auto;
        margin: 0px 15px;
    }
}


/* =====================================================================================================
   6. Footer Modules
   ===================================================================================================== */

.footer-logo {
    max-width: 195px;
    margin-bottom: 20px;
    font-size: 17px;
}

/* === Overriding AW css === */
footer #Time {
    color: #fff
}


.collapsible-accordion div.btn.btn-link {
    display: none;
}

.collapsible-accordion h5 {
    color: #fff;
}


.collapsible-accordion .footer-links.accordion-content {
    display: block;
}

.footer-links li {
    font-size: 13px;
    margin-bottom: 0.45em;
    color: #a1a1a1;
}

    .footer-links li a {
        color: #a1a1a1;
        font-size: 13px;
        text-decoration: none;
    }

        .footer-links li a:hover {
            color: #fff;
        }

.social-media {
    display: flex;
    position: relative;
    left: -5px;
    margin-top: 8px;
}

    .social-media svg {
        fill: #fff;
    }

    .social-media a {
        padding: 4px;
        margin-right: 2px;
        margin-left: 2px;
    }

        .social-media a:hover {
            opacity: 60%;
        }

.credit-cards {
    float: right;
    margin-bottom: 0;
}

.card {
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(/Content/Images/UnitedCellers/sprite-credit-cards.png);
    background-repeat: no-repeat;
}

.american-express {
    background-position: 0 0;
}

.apple-pay {
    background-position: -29px 0;
}

.g-pay {
    background-position: -58px 0;
}

.mastercard {
    background-position: -87px 0;
}

.paypal {
    background-position: -116px 0;
}

.shopcard {
    background-position: -145px 0;
}

.union-pay {
    background-position: -174px 0;
}

.visa {
    background-position: -203px 0;
}

#SignalRStatus {
    display: none;
}
/*======================================================================
 7. Standalone Modules: re-usable, generic modules
=======================================================================*/
.masthead {
    padding: 3.75em 25px;
    background-color: #522c3a;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    margin-top: -40px;
    margin-bottom: 45px;
}

    .masthead h1, .masthead h2 {
        color: #fff;
    }

.masthead-description {
    width: 77%;
    margin-left: auto;
    margin-right: auto;
}

.sidebar-gap-maincol {
    padding-left: 40px;
}

.section-row {
    font-size: 17px;
    padding-top: 90px;
    padding-bottom: 80px;
}

    .section-row.alt {
        background-color: var(--gray-lighter);
    }

    .section-row.row-alt {
        background-color: var(--gray-lighter);
    }

.section-row-divider {
    border-top: solid 1px#959595;
    margin: 1px 0;
}

/* Where grid thumbnails are shown in multiple rows, there is 50px gap between rows. Thats why following selector is required. */

/**/
.contains-multi-rows {
    padding-bottom: 48px;
}
    .contains-multi-rows .gallery-thumbnail {
        margin-bottom: 50px !important;
    }

/* List Sort-filter options (well) */

.list-sort-filter-options {
    padding: 0;
    background-color: transparent !important;
    border: none;
}

    .list-sort-filter-options .form-group{
        margin-bottom:5px;
    }

    .list-sort-filter-options .btn, .list-sort-filter-options .form-control, .list-sort-filter-options .input-group-addon {
        font-size: 16px;
        height: 44px;
    }

    .list-sort-filter-options .form-group { margin-bottom: 10px;}

    .btn-lg, .btn-group-lg > .btn {
        border-radius: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0;
}


.list-sort-filter-options .form-group{
    margin-bottom: 7px;
}


/*======================================================================
 8. Page Specific 
=======================================================================*/

/* Login - Register  */

.login-register {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .login-register {
        flex-direction: column;
        align-items: initial;
    }
}



    /* Homepage --------------------------------------------- */

.cta-home-hero {
    margin-top: -40px;
    display: flex;
    align-items: center;
    padding: 2em;
    font-size: 16px;
    overflow: hidden;
    height: 422px;
    color: #fff;
    background: url(/Content/Images/UnitedCellers/bg-home-footer-cta.webp) no-repeat left top;
    background-size: cover;
}

    .cta-home-hero .welcome {
        font-size: 1.81em;
        font-weight: 500;
    }

    .cta-home-hero .primary-heading {
        font-size: 3.43em;
        font-weight: 500;
    }

    .cta-home-hero .description {
        font-size: 1.25em;
    }

    .cta-home-hero .welcome {
    }


/* How it Works*/
.wrap-infograph-hiw {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.infograph-hiw {
    display: flex;
    align-items: center;
    gap: 2px;
}

    .infograph-hiw li {
        text-align: center;
    }

.convex-curve {
    display: flex;
    align-self: flex-start !important;
}

.concave-curve {
    display: flex;
    align-self: center !important;
}


/* CTA home bottom */
.cta-bottom-home {
    display: flex;
    align-items: center;
    padding: 2em;
    margin-bottom: -40px;
    font-size: 16px;
    overflow: hidden;
    height: 420px;
    color: #ffffff;
    background: url(/Content/Images/UnitedCellers/bg-home-footer-cta.webp) no-repeat left top;
    background-size: cover;
}

    .cta-bottom-home h1 {
        font-size: 3em;
        color: #ffffff;
    }

.category-links {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0.7em;

}





    .category-links li {
        margin-bottom: 0.8em;
        margin-left: 15px;
    }

        .category-links li:last-child {
            margin-bottom: 0 !important;
        }

        .category-links li.active {
            font-weight: 500;
        }

    .category-links h4 {
        font-weight: normal;
        font-size: 1.1em;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        margin-bottom: 1.1em;
        border-bottom: solid 1px #777777;
    }

.summary-point {
    font-size: 17px;
}

.summary-link {
    color: var(--primary) !important;
    text-decoration: none !important;
}

    .summary-link:hover {
        font-weight: 500;
    }

.summary-count-button {
    min-width: 3.52em;
    padding: 0.25em 1.176em;
    font-size: 1.13em;
}


/* ====================================================================================== 
    AW overrides 
=======================================================================================*/
.btn-default-fake {
    width: auto !important;
}

.no-photo {
    background-color: #fff;
    color: #cad0db;
}
    .no-photo span {
        color: #cad0db;
    }





/* =====================================================================================================
   9. Header Modules
   ===================================================================================================== */
@media (max-width: 768px) {
    header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.menu-list.nav-pills > li > a:hover {
    background-color: var(--primary);
    color: #fff;
    margin: 3px;
}

.all-category-button:hover {
    background-color: var(--primary-dark) !important;
}

.menu-list.nav-pills > li > a:hover .badge {
    background-color: #fff;
    color: var(--black2);
    font-weight: 500;
}

.badge {
    background-color: #4b4b4b;
}


.header-row {
    display: flex;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.navbar-default {
    font-size: 17px;
    background-color: transparent;
    border: none;
}

.navbar .dropdown-menu {
    left: unset;
    right: 0 !important;
}

/* Change the direction of the first (from left) menu flow-out to right instead of left, so that the submenu does not go outside the viewport */
.navbar li:first-child > ul:last-child {
    left: 0;
    right: unset !important;
}



.link-close-top-panel {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
}

.close-top-panel {
    position: absolute;
    left: -2px;
}

.wrap-shopping-cart {
    position: relative;
}

.shopping-count {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-color: #000;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
    border-radius: 999px;
    text-align: center;
    padding: 1px 3px;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    padding-top: 12px;
    padding-bottom: 10px;
}

.header-logo {
    max-width: 166px;
    margin: 0 auto;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background-color: #ede9eb;
}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: var(--primary);
}

.navbar-default .navbar-nav > li > a .bi-chevron-down {
    font-size: 12px !important;
    font-weight: bold;
}

.user-options {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1001;
}

    .user-options .dropdown-menu {
        left: unset;
        right: 0 !important;
        border-radius: 0;
        padding: 8px;
    }

.user-options-button {
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: transparent;
    border: none;
}

.myaccount__dropdown li a.sign-out {
    color: red;
}

.myaccount__dropdown li.user-name {
    background-color: #ede9eb;
    color: var(--primary);
    font-weight: 500;
    font-size: 14px;
}

    .myaccount__dropdown li.user-name span {
        display: block;
        width: 186px;
        padding: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .myaccount__dropdown li.user-name span img {
            height: 23px;
        }

.mobile-menu-button {
    font-size: 35px;
    background-color: transparent;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}



.holds-search-m-menu {
    /* background-color: yellow; */
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-menu-search {
    display: inline-block;
    align-items: center;
    gap: 12px;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
}


/* search control */
.search-button {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 23px;
}

.search-bar-container {
    position: relative;
    background-color: #fff;
    display: none;
    top: 0;
    left: 15px;
    border-radius: 6px;
    z-index: 1002;
}

    .search-bar-container .glyphicon-remove {
        position: absolute;
        top: 0;
        right: -15px;
        z-index: 10;
    }

.search-criteria {
    margin-top: 6px;
    gap: 10px;
    font-size: 12px;
    color: var(--primary)
}

    .search-criteria a {
        color: var(--primary)
    }

        .search-criteria a:hover {
            color: #2c4f96;
        }

.wrap-close-search {
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    top: 14px;
    right: -21px;
    display: inline-block;
    /*    border-radius: 999px;*/
    background-color: #fff;
    box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
}


.search-bar-remove {
    display: inline-block;
    position: relative;
    top: 1px;
    right: -5px;
    font-size: 24px;
    z-index: 2;
/*    background-color: #fff;*/
    height: 24px;
    cursor: pointer;
}

.search-bar-container {
    padding: 13px;
    box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
    width: 100%;
    position: absolute;
/*    top: 65px;*/
}



@media screen and (max-width: 767px) {
    .search-bar-container {
        display: none;
        padding: 13px;
        box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
        min-width: 350px;
        position: absolute;
        top: 65px;
    }

    header.header-splash.open-sidebar {
        z-index: 1030;
    }
}

/* overrided style of existing aw header styling */
@media (max-width: 768px) {
    header .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}


/* =====================================================================================================
   10. Sidebar Modules
   ===================================================================================================== */
.sidenav {
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 1020;
    padding-top: 40px;
    overflow-y: scroll;
}

main {
    position: relative;
}

.overlay-sidebar {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 53, 69, 0.4);
    z-index: 1010;
}



/* Accordion Panel arrow Icon
=================================================*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'bootstrap-icons'; /* essential for enabling glyphicon */
    content: "\f286"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    /*color: grey;*/ /* adjust as needed */
    font-weight: 600 !important;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f282"; /* adjust as needed, taken from bootstrap.css */
}


/* Accordion for categories
========================================*/

.panel-title {
    font-size: unset;
}

.accordion-categories {
    font-weight: 300;
    font-size: 14px;
}

    .accordion-categories .panel-default {
        margin-bottom: 0.5em;
    }

        .accordion-categories .panel-default > .panel-heading {
            padding: 0;
            background-color: transparent;
            border: 0;
        }

    .accordion-categories .panel-default {
        border: none;
        /*border-bottom: solid 1px #777777;*/
    }

        .accordion-categories .panel-default > .panel-heading a {
            display: inline-block;
            width: 100%;
            font-size: 1.125em !important;
            font-weight: 500 !important;
            text-decoration: none;
            letter-spacing: 0.02em;
            padding: 1.1em 0.8em;
        }

    .accordion-categories .panel-body {
        padding: 0 8px 8px 0.5em;  /* 1.7em (left) */
    }


.accordion-link {
    display: flex;
    justify-content: center;
    padding: 0.5em 0.8em;
}


/* =====================================================================================================
   11. Thumbnail Modules
   ===================================================================================================== */


.gutter-16 {
    margin-left: -8px;
    margin-right: -8px;
}

    .gutter-16 > [class*='col-'] {
        padding-right: 8px;
        padding-left: 8px;
    }

.gutter16-col {
    padding-left: 8px;
    padding-right: 8px;
}


/* Gallery Thumbnail*/

.gallery-thumbnail {
    border-radius: 0;
    /* overrided style of existing thumbnail card */
    border: solid 1px #8f8f8f !important;
    margin-bottom: 20px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.thumbnail-header {
    font-size: 13px;
    font-weight: 300;
}

.thumbnail-header-left-values {
    position: absolute;
    top: 9px;
    left: 2px;
}

.thumbnail-header-right-values {
    position: absolute;
    top: 9px;
    right: 8px;
}

.holds-thumbnail-image {
    width: 100%;
    text-align: center;
    background-color: #fff; /*#f7f8f8;*/
    padding: 15px;
}


.thumbnail-card-title {
    margin: 10px;
}

.watched-icon {
    position: absolute;
    top: 35px;
    right: 15px;
    width: 35px;
    height: 25px;
    font-size: 21px;
}

.listView-watched-icon {
    top: 10px;
}

.account-watching-container .addRemoveWatchList {
    top: 10px;
}

.addRemoveWatchList {
    cursor: pointer;
}

.product-synopsis {
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: var(--primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thumbnail-title {
    font-size: 16px;
    line-height: 1.35em;
    height: 2.7em; /* fixes the height to always occupy height for 2 lines of text */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* if we want to have ellipsis on the 3rd line-end. value should be 3 */
    -webkit-box-orient: vertical;
/*    color: var(--black2);*/
}

.thumbnail-image {
    margin-top: 30px; /* fixes the thumbnail header by adding top margin on image */
    padding-left: 10px;
    padding-right: 10px;
}

/* overrided style of existing hr */
.thumbnail-card-hr {
    margin: 20px 10px !important;
    border: 0;
    border-top: 1px solid #8f8f8f7a;
}

/* fixes the thumbnail card btn to   */
.thumbnail-card-btn {
    width: 100%;
    margin-top: 0px !important;
    color: var(--black2);
}

.thumbnail-footer {
    margin: 0 10px;
}

.thumbnail-actions-btn {
    min-height: 164px; /* fixes the thumbnail card actions btn like quick bid, place bid btn css by adding min-height for consistent card height  */
    margin-bottom: 10px;
}

.flexi-button-grid {
    display: flex;
    gap: 5px;
}

    .flexi-button-grid .flexible-width {
        flex-grow: 1;
    }


/* Changed thumbnail card badges position   */
.thumbnail-options {
    position: absolute;
    top: 30px;
    left: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.listing-badge-custom {
    max-width: fit-content;
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    z-index: 999;
    padding: 2.5px 10px;
    background-color: #034db1;
    color: white;
}

.listing-badge-row {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.critic-score-badge-container {
    z-index: 998;
    padding-left: 15px;
}

/*.critic-score-badge-lite {
    font-size: 12px;
    width: 3em;
    height: 3em;
    border: solid 2px var(--primary);
    text-align: center;
    line-height: 2.95em;
    border-radius: 999px;
    background: transparent;
    font-weight: 500;
    margin-bottom: 2px;
}*/

    .critic-score-badge-lite .score {
        font-size: 1.4em;
        font-weight: 500;
    }


.make-an-offer-badge {
    max-width: fit-content;
    border-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    z-index: 999;
    padding: 4px 10px;
    background-color: #ED7E14;
    color: white;
}

/* fixes the thumbnail card user listing status -winning,not winning,etc position   */
.gallery-thumbnail .InlineContextualStatus {
    top: 30px !important;
    border-radius: 0px !important;
    margin: 0 !important;
}

.gallery-thumbnail .label-success.InlineContextualStatus {
    background-color: #2DB400;
    color: white;
    font-weight: normal;
}

/* overrided style of existing auctionworx alert messages of bidding */
.galleryUnit > .awe-rt-ListingActionMessage {
    top: 57px !important;
}

/* TAB CONTROL */
.tab-control {
    margin-bottom: 2.5em;
}

    .tab-control.nav-pills {
        font-size: 23px; /*16px;*/
    }

        .tab-control.nav-pills > li > a {
            color: var(--primary);
            background-color: #fff;
            border: solid 1px #2c2c2c;
            padding: 0.85em 2em;
        }

            .tab-control.nav-pills > li > a:hover, .tab-control.nav-pills > li > a:focus {
                color: var(--primary-dark);
                background-color: #faf6f8;
            }

        .tab-control.nav-pills > li.active > a {
            color: #fff;
            background-color: var(--primary);
        }

            .tab-control.nav-pills > li.active > a:hover, .tab-control.nav-pills > li.active > a:focus {
                background-color: var(--primary-dark);
            }

.offer-badge {
    position: absolute;
    left: 0;
    top: 70px !important;
    max-width: fit-content;
    border-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    z-index: 999;
    padding: 5px 10px;
    color: white;
}
/* Place Bid Div*/
.placebid-container {
    width: 100%;
}

.per-bottle-price-tag {
    color: black;
    font-size: 14px;
    font-weight: normal;
}

@media (max-width: 650px) {
    .gallery-col-xxs {
        width: 100% !important;
    }
}

@media only screen and (min-width:425px) and (max-width: 586px) {
    .critic-score-badge-lite {
        font-size: 10px;
    }
}

/* =====================================================================================================
   12. Trending Events Module
   ===================================================================================================== */
.trending-auctions-heading,
.trending-auctions-cards,
.trending-auctions-others {
    /*margin-bottom: 20px; Naresh*/
}

.trending-auctions-cards {
    display: flow-root;
}

.text-uppercase * {
    text-transform: uppercase;
}

.trending-event-card {
    border: 1px solid #cccccc;
}

    .trending-event-card .img-container {
        /* height: 230px; ~revist Naresh*/
    }

    .trending-event-card:has(.no-photo-thumbnail) .trending-img-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }


.trending-event-image {
    width: 100%;
    height: 100%;
}

.trending-event-info {
    padding: 15px;
}

.event-timing-content {
    font-size: 15px;
}

.event-lot-counts {
    font-size: 18px;
    color: gray;
    margin-bottom: 5px;
}

.event-title {
    font-size: 20px; /*22px;*/
    margin: 0;
    margin-bottom: 15px;
    font-weight: 400;
}

    .event-title a {
        color: #404040 !important;
    }

.event-info-break-line {
    height: 1px;
    margin-bottom: 15px;
    background-color: #a38e96;
    width: 100%;
}

.opening-time span {
    font-weight: 500;
    font-size: 15px;
}

.closing-time span {
    font-weight: 500;
    font-weight: 500;
    font-size: 15px;
}

.text-eclipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-trending-events {
    width: 100%;
    display: inline-block;
    font-size: 25px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .trending-event-card {
        margin-bottom: 20px;
    }
}


/* =====================================================================================================
   13. Trending Products Module
   ===================================================================================================== */

.trending-products-img-container {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #80808017;
    position: relative;
}

.trending-img-container {
    height: 100%;
    width: 100%;
}

.trending-products-image {
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.listing-title a {
    color: black;
}

.text-eclipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trending-products-card {
    border: 1px solid #cccccc;
    padding: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 1px 0px 12px 0px;
    margin: 10px;
}

.alert-msgs {
    position: absolute;
    top: 15px;
    right: -15px;
    left: -15px;
}

.lot-details {
    font-size: 12px;
    display: flex;
}

.details-break-line {
    margin: auto 6px;
    width: 1px;
    background-color: #595353;
    height: 15px;
}

.listing-card-upper-section {
    display: flex;
    justify-content: space-between;
}

.listing-detail-seperation-line {
    height: 1px;
    margin-bottom: 15px;
    background-color: #cccccc;
    width: 90%;
    margin: 10px auto;
}

.no-trending-products {
    width: 100%;
    display: inline-block;
    font-size: 25px;
    margin-bottom: 20px;
}

img:focus-visible {
    outline: none;
}

a:focus {
    outline: none;
}

.slick-slide img {
    max-width: 100%;
}

.trending-products-cards .slick-prev, .trending-products-cards .slick-next {
    z-index: 1;
    width: 50px !important;
    height: 50px !important;
}

    /* apply bg to the next-pre buttons */
    .slick-prev:before, .slick-next:before {
        content: '';
        display: inline-block;
/*        background-color: #fff;*/
        width: 40px;
        height: 40px;
        border-radius: 999px;
    }



    /*Slick Slider Override CSS */
    .trending-products-cards .slick-prev:before, .trending-products-cards .slick-next:before {
        font-size: 50px !important;
        opacity: .75;
        color: #000000 !important;
        font-weight: 700;
    }



.trending-products-cards .slick-prev {
    left: -20px !important;
}

.trending-products-cards .slick-next {
    right: -20px !important;
}

@media (max-width: 810px) {
    .trending-products-cards .slick-prev {
        left: 0 !important;
    }

    .trending-products-cards .slick-next {
        right: 10px !important;
    }
}

/* =====================================================================================================
   14. QA Module
   ===================================================================================================== */

.wrap-reply {
    padding: 20px 0 0 35px;
}

.reply-block {
    background-color: #f1f1f1;
    padding: 20px 30px;
}

.globe-icon {
    position: relative;
    top: 4px;
    right: -8px;
}

.qa-header {
    display: flex;
    justify-content: space-between;
}

.question-header {
    border-bottom: 1px solid var(--primary-light);
    margin-bottom: 5px;
}

    .question-header > span {
        margin-right: 5px;
    }

.delete-question {
    text-transform: capitalize;
}

.qa-username {
    color: var(--black0);
}

.qa-actions-btn {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* =====================================================================================================
   15. Registration Accordion Form Module
   ===================================================================================================== */

.myaccount .validation-summary-errors-secondary{
    scroll-margin:25px;
}

.grid-accordion {
    display: grid;
    grid-template-columns: 28px auto;
    /* border: solid 1px gray; */
}

.accordion-control {
    display: flex;
    font-size: 17px;
}

.accordion-bullet {
    width: 28px;
    /* border: solid 1px red; */
    background-image: url(/Content/Images/UnitedCellers/accordion-line-dot.jpg);
    background-repeat: no-repeat;
    background-position: top left 4px;
    /* border: solid 1px red; */
}

    .accordion-bullet.top {
        background-position: top 20px left 4px;
    }

    .accordion-bullet.bottom {
        background-image: url(/Content/Images/UnitedCellers/accordion-line-dot.jpg);
        background-repeat: no-repeat;
        background-position: top left 4px;
        height: 30px !important;
    }

.accordion {
    margin-bottom: 0;
    width: 100%;
    font-size: 17px;
}

    .accordion label {
        font-size: 1em;
        font-weight: normal;
    }

    .accordion .form-group {
        margin-bottom: 1.47em;
    }

        .accordion .form-group:last-child {
            margin-bottom: 0;
        }

.accordion-v-line {
    height: 100%;
    width: 1px;
    border-left: solid 1px #b7b7b7;
    margin: 0 auto;
}

.accordion .panel-default:last-child {
    margin-bottom: 0 !important;
}

.accordion .panel-default {
    border: solid 1px var(--primary-light);
    margin-bottom: 1.64em;
    font-size: inherit;
}

    .accordion .panel-default > .panel-heading {
        background-color: #fff;
        font-size: inherit;
        padding: 0.88em;
        padding-left: 1.5em;
        position: relative;
    }

        .accordion .panel-default > .panel-heading:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 999px;
            background-color: var(--primary);
            position: absolute;
            left: -31px;
            top: 1.1em;
        }

.qa-actions-btn a {
    border-bottom: 1px solid var(--primary-light);
}

.accordion .panel-title {
    font-size: inherit !important;
}

.qa-actions-btn a.disabled {
    opacity: 0.65;
}

.accordion .panel-default > .panel-heading a {
    font-size: inherit;
    font-weight: normal;
    color: #3a3a3a;
    text-decoration: none;
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 1.58em;
    border-top: solid 1px var(--primary);
}

/* Accordion Panel arrow Icon
=================================================*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    /*font-family: 'Glyphicons Halflings';*/ /* essential for enabling glyphicon */
    content: "\F286"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\F282"; /* adjust as needed, taken from bootstrap.css */
}

/* =====================================================================================================
   16. MultiStep Registration form
   ===================================================================================================== */

.validation-summary-errors-secondary /* The summary of validation errors - display at the top of a form */ {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    font-size: 85%;
    padding: 5px;
}

    .validation-summary-errors-secondary li {
        display: block;
        padding: 5px;
        position: relative;
    }

.form-step {
    height: 0px;
    overflow: hidden;
    transition: height 0.7s cubic-bezier(.19,1,.22,1);
}

    .form-step.active {
        display: block;
    }

/*Accordion - Registration Page*/
#RegistrationForm .form-step .panel-body {
    border-top: none
}

#RegistrationForm .form-step.active .panel-body {
    border-top: solid 1px var(--primary);
}

#RegistrationForm .next-button-container {
    text-align: right;
}

.btn-cta {
    background-color: #fff5f8;
    border: solid 1px #a38a93;
    height: 54px;
    line-height: 30px;
}

    .btn-cta:hover, .btn-cta:active {
        background-color: #f2e0e5;
        border: solid 1px #9b828b;
    }

#RegistrationForm .panel-body {
    margin: 0px -5px
}

#RegistrationForm .panel.panel-default {
    padding-bottom: 0px
}

#RegistrationForm .accordion-head {
    cursor: pointer;
}

    #RegistrationForm .accordion-head .panel-title a {
        font-weight: 500;
    }

.sidebar-accordion-title {
    font-weight: 200;
    text-decoration: none;
}

    .sidebar-accordion-title.activeLink {
        font-weight: 500;
        text-decoration: underline;
        text-underline-offset: 5px;
    }

#RegistrationForm .panel-heading .accordion-toggle:after, #RegistrationForm .panel-heading .accordion-toggle.collapsed:after {
    color: var(--primary);
    font-weight: 900;
}

.custom-checkbox {
    width: 20px;
    height: 20px;
}

/**/


/* fixes the thumbnail card sold badge Show On End in realtime css   */
.badge-ShowOnEnd {
    position: absolute;
    bottom: 82px;
}

.sold.badge-ShowOnEnd {
    bottom: 128px;
    left: 8px;
}

/* fixes the thumbnail card sold badge on end (completed) css   */
.badge-OnEnd {
    position: absolute;
    bottom: 55px;
}
/**/
/*Thumbnail Homepage*/


.browse-event .gallery-thumbnail {
    border-radius: 0;
    border: solid 1px #8f8f8f;
    padding: 0px 0px 22px 0px;
}

.browse-event .view-all-lots {
    width: 88%;
}

.browse-event .thumbnail-title-div,
.browse-event .thumbnail-header,
.browse-event .view-all-lots {
    padding-left: 10px;
    padding-right: 10px;
}

.browse-event .mv-15 {
    margin-left: 10px;
    margin-right: 10px;
}

.browse-event .thumbnail-header.event-row__time-label {
    margin-bottom: 10px;
}

.browse-event .thumbnail-header {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 7px;
    border-bottom: none;
}

    .browse-event .thumbnail-header .bidding-status-label {
        background-color: transparent;
        color: var(--primary);
        padding: 0px;
        font-size: 17px;
        font-weight: 500;
    }

    .browse-event .thumbnail-header .bidding-status-value {
        border-bottom: 0px;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 13px;
    }

        .browse-event .thumbnail-header .bidding-status-value.text-danger.text-uppercase {
            color: var(--red);
            text-transform: uppercase;
            font-weight: normal;
        }

.browse-event .thumbnail-image {
    position: relative;
    padding: 22px;
    background-color: #f8f9fa;
    text-align: center;
    margin-top: 0;
}

.browse-event .thumbnail-title {
    margin-top: 15px;
}

.homepage-tabs {
    display: flex;
}

    .homepage-tabs > li {
        width: inherit;
    }
    .homepage-tabs > li:not(:first-child) {
        margin-left: 15px;
    }


.tab-control.nav-pills.homepage-tabs > li.filter-option > a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.85em 1em;
    border-radius: 0;
    margin: 0;
    border-color: black
}

.view-all-lots .btn.btn-default {
    color: var(--primary);
}

.pac-container {
    z-index: 10000 !important
}

.google-map-input-container {
    padding: 15px 15px 0 15px;
}

/* =====================================================================================================
   17. Lot Critics Module
   ===================================================================================================== */

.critic-list-container {
    overflow-x: auto;
}

.critic__method {
    float: left;
    clear: both;
    margin-top: 20px;
    padding: 10px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    background-color: #337ab7;
    display: flex;
    align-items: center;
}

.mr-15 {
    margin-right: 15px !important;
}

.flex-dir-col {
    display: flex;
    flex-direction: column;
}

.lot-critics-container {
    position: relative;
}

/* =====================================================================================================
   18. Lot/Listing Details Module
   ===================================================================================================== */

.uc-breadcrumb > li + li:before {
    content: '\F285' !important;
    font-family: bootstrap-icons !important;
    color: var(--primary) !important;
    position: relative;
    top: 2px;
}

.slick-vertical {
    position: absolute !important;
    top: 15px !important;
    bottom: 15px !important;
    right: 40px !important;
    overflow: hidden;

}

.slick-slide .img-thumbnail {
    max-width: unset;
}


/* vertical image slider */
.vertical-slider-wrapper {
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    width: 100px;
    /*height: 100%;*/

}

    .vertical-slider-wrapper .vertical-slick-slider {
        padding-top: 21px;
        padding-bottom: 30px;
    }



    .vertical-slider-wrapper .slick-prev, .vertical-slider-wrapper .slick-next {
        top: unset;
        left: unset;
        right: unset;
        transform: unset;
        width: 100%;
        left: 0;
/*        background: #f3f3f3;*/
    }

    .vertical-slider-wrapper .slick-prev {
        top: -10px;
    }

    .vertical-slider-wrapper .slick-next {
        bottom: 0;
    }

        .vertical-slider-wrapper .slick-prev:before, .vertical-slider-wrapper .slick-next:before {
            color: white;
            font-family: bootstrap-icons !important;
        }

    .vertical-slider-wrapper .slick-prev:before {
        content: "\F27C";
        font-size: 29px !important;
        color: black;
    }

    .vertical-slider-wrapper .slick-next:before {
        content: "\F279";
        font-size: 29px !important;
        color: black;
    }

.slider-img {
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}


/* option menu styles */
.uc-option-menu > a {
    position: relative;
    color: black;
}

.uc-option-separator:after {
    content: '';
    height: 45px;
    width: 1px;
    background: #a6969b;
    position: absolute;
    top: 15px;
    right: 0;
}

/*.uc-option-menu > a:not([style*="display: none"]) {
        background-color: red;
        border: 1px solid black;
    }*/


.uc-option-menu > a > .detail__option-menu__icon {
    border: 1px solid black;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 5px;
    fill: black;
}

.uc-option-menu > a > .detail__option-menu__label {
    text-transform: capitalize !important;
}

.auction-disclaimer {
    padding: 25px;
    background-color: #ffeff5;
    font-size: 15.5px;
    font-weight: 300;
    margin-bottom: 20px;
}


/* details accordion */
.panel-title {
    font-size: unset;
}

.accordion-lite {
    /* border: solid 1px red; */
    font-weight: 300;
    font-size: 16px;
}

    .accordion-lite .panel-default {
        margin-bottom: 0.5em;
    }

        .accordion-lite .panel-default > .panel-heading {
            padding: 0;
            background-color: transparent;
            border: 0;
        }

    .accordion-lite .panel-default {
        border: none;
        border-bottom: solid 1px #777777;
    }

        .accordion-lite .panel-default > .panel-heading a {
            display: inline-block;
            width: 100%;
            font-size: 1.125em !important;
            font-weight: 300;
            text-decoration: none;
            letter-spacing: 0.02em;
            padding: 1.1em 0.8em;
        }

    .accordion-lite .panel-body {
        padding: 0 8px 8px 1.7em;
    }

.accordian-panel-padding {
    padding: 0 8px 8px 0 !important;
}

.comment-user-info {
    display: flex;
    gap: 15px;
}

.rating-stars {
    color: var(--yellow);
}

.critic-score-badge-lite {
    margin-bottom: 2px;
    font-size: 15px;
    width: 3em;
    height: 3em;
    border: solid 2px var(--primary);
    text-align: center;
    line-height: 2.95em;
    border-radius: 999px;
    background: transparent;
    font-weight: 500;
}

.listing-main-img > img#previewimg {
    height : 475px !important;
    object-fit :contain;
}
/* =====================================================================================================
   19. Bid History Module
   ===================================================================================================== */
.bid-history .table-bidHistory {
    margin-top: 15px;
}

.bid-history .section-title a {
    font-weight: 500;
    font-size: 16px;
}

.bid-history .section-title {
    font-size: 22px;
    font-weight: 500;
}

.bid-history .panel-default {
    border: none
}

.bid-history .panel.panel-default .panel-heading {
    background-color: #eeeaeb;
    font-weight: 500;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .bid-history .panel.panel-default .panel-heading a {
        font-weight: 600;
    }

.bid-history .panel-body .listing-summary-details table tbody td:first-child {
    color: #000000;
    font-weight: 400;
}

.bid-history .panel-body .listing-summary-details table tbody td > strong {
    font-weight: 500;
}

.bid-history .table-history.well.well-panel {
    background-color: #ffffff;
    padding-top: 0px;
}


@media (max-width:767px) {

    .bid-history .pull-right {
        float: none !important;
        display: block;
        margin-top: 10px;
    }
}

@media (max-width:580px) {
    .table-bidHistory {
        display: block;
    }

    .bid-history .table-condensed {
        margin-bottom: 8px;
    }

    .bid-history .panel-body .listing-summary-details table tbody {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .bid-history .panel-body .listing-summary-details table tbody tr {
            display: flex;
            flex-direction: column;
        }

    .bid-history .table-condensed > tbody > tr > td {
        padding: 1px;
    }
}
/* =====================================================================================================
   20. Custom Filters Module
   ===================================================================================================== */
.display-flex-items-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 15px;
}

    .display-flex-items-container > * {
        margin: 0 !important;
    }

.custom-filters-dropdown .panel-body {
    padding: 15px !important;
}

.custom-filters-dropdown .price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}

    .custom-filters-dropdown .price-input .field {
        display: flex;
        width: 100%;
        height: 45px;
        align-items: center;
    }

.custom-filters-dropdown .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

.custom-filters-dropdown input[type="number"]::-webkit-outer-spin-button,
.custom-filters-dropdown input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-filters-dropdown .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.custom-filters-dropdown .slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

    .custom-filters-dropdown .slider .progress {
        height: 100%;
        position: absolute;
        border-radius: 5px;
        background: var(--primary);
    }

.custom-filters-dropdown .range-input {
    position: relative;
}

    .custom-filters-dropdown .range-input input {
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        background: none;
        pointer-events: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
    }

.custom-filters-dropdown input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--primary);
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.custom-filters-dropdown input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--primary);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.custom-filters-dropdown #catlistboxes .form-group,
.custom-filters-dropdown #reglistboxes .form-group
{
    display: block !important;
}

.custom-filters-dropdown #catlistboxes .awe-category-group,
.custom-filters-dropdown #reglistboxes .awe-category-group {
    margin-top: 10px !important;
    width: 100% !important;
}

.custom-filters-dropdown #catlistboxes .form-group,
.custom-filters-dropdown #reglistboxes .form-group
{
    margin: 0!important;
}
.custom-filters-dropdown #catlistboxes select,
.custom-filters-dropdown #reglistboxes select {
    width: 100% !important;
}

.custom-filters-dropdown .panel-title {
    padding: 0;
    margin-left: 0;
}

.custom-filters-dropdown .panel-default > .panel-heading a {
    font-size: 1em !important;
    padding: .9em .8em;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 170px;
    overflow-y: auto;
}

    .filter-list .item {
        padding: 5px 0;
    }


.filter-toggle-button {
    color: var(--primary);
    cursor: pointer;
    display: block;
    margin-top: 12px;
}

.chip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 15px;
}

.chip {
    display: flex;
    align-items: center;
    background-color: #e0e0e0;
    border-radius: 16px;
    padding: 3px 10px;
    font-size: 14px;
    color: #333;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

    .chip .close-btn {
        background: none;
        border: none;
        font-size: 16px;
        margin-left: 8px;
        cursor: pointer;
        color: #666;
    }

        .chip .close-btn:hover {
            color: #000;
        }


.header-flex-container { 
    display: flex;
    align-items:center;
    justify-content: center;
    gap: 1rem;
}

.header-flex-container > div {
    margin-left: auto;
}
#eventSelectFilter {
    width: 200px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}


    #eventSelectFilter option {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.detail__title {
    padding-right: 70px;
}

@media (max-width: 767px) {
    #eventSelectFilter {
        width: 100%;
    }
}
@media (min-width: 992px) {
    #sidebarCategories.collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }

    .chip-container {
        margin-bottom: 15px;
        padding: 10px 25px;
    }
}
/* ====================================================================

[ STYLE INDEX ]

~Variables

~Fonts                  : Font embed code

~Utilities              : Utility classes (single purpose classes)

~Global or Base         : Element styles (global scope)
    
~Layout                 : Main layout sections (header, footer, main, sidebar)

~Modules                : Modules sit inside layout (hence categorized based on layout components)

~Standalone Modules     : Re-usable, standalone modules   

~Bootstrap redfined     : 

~Page Specific          : Styles used only on specific pages (repeated nowhere elese)

~Responsive


Bootstrap icons: https://icons.getbootstrap.com/#icons

    z-index index
    header - z-index: 1030 (custom)
    .sidenav - z-index: 1020 (custom)
    .overlay-sidebar - z-index: 1010 (custom)

======================================================================*/

/*======================================================================
 ~Variables
=======================================================================*/
:root {
    --black0: #000000;
    --black1: #2c2c2c;
    --black2: #4c4c4c; /* default text color */

    --gray: #8e8e8e;
    --gray-light: #c8c8c8;
    --gray-lighter: #f6f6f6;
    --primary: #522c3a;
    --primary-dark: #3f212d;
    --primary-darker: #29151d;
    --primary-light: #a38f97;
    --primary-lighter: #fff5f8;
    --font-sm: 14px;
    --font-xs: 10px;
    --red: #ff0000;
    --yellow: #ffb400;
}

/*======================================================================
 ~Fonts: Poppins (Weights: regular/normal, medium/500, light/300)
=======================================================================*/
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/UnitedCellar/Poppins-Medium.woff2') format('woff2'), url('/fonts/UnitedCellar/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/UnitedCellar/Poppins-Light.woff2') format('woff2'), url('/fonts/UnitedCellar/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/UnitedCellar/Poppins-Regular.woff2') format('woff2'), url('/fonts/UnitedCellar/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bootstrap-icons';
    src: url('/fonts/Unitedcellar/bootstrap-icons.woff2') format('woff2');
}
/*======================================================================
 ~UTILITIES
=======================================================================*/

.width-85 {
    width: 85% !important;
}

/* border utilities -------------- */


.red {
    border: solid 2px red;
    
}


.green {
    border: solid 1px green;
}

.blue {
    border: solid 1px blue;
}

.border-top-gray {
    border-top: solid 1px gray !important;
}

.border-brand {
    border: solid 1px #a8959c;
}

.border-brand-color {
    border-color: #a8959c !important;
}


.hr-color-brand {
    border-top: solid 1px #a8959c;
    height: 1px;
    color: #a8959c;
}


.border-none {
    border: none !important;
}

.float-right {
    float: right !important;
}

/*cursor utilities --------------------*/

.cursor-pointer {
    cursor: pointer !important;
}


.border-0 {
    border: none !important;
}

/*position utilities --------------------*/

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

/*display utilities --------------------*/

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex !important;
}

.d-table {
    display: table !important;
}

.gap-5{
    gap: 5px!important;
}

.gap-10 {
    gap: 10px !important;
}



.d-none{
    display: none !important;
}

/* flex utilities */
.justify-content-center{
    justify-content: center !important;
}
.align-items-center {
    align-items: center !important;
}

/* font utilities
------------------------------------------*/
.font-xl {
    font-size: 26px !important;
}

.font-lg {
    font-size: 23px !important;
}

.font-md {
    font-size: 17px !important;
}

.font-sm {
    font-size: var(--font-sm) !important;
}

.font-size-default {
    font-size: 16px !important;
}

.font-xs {
    font-size: var(--font-xs) !important;
}

.font-13{
    font-size: 13px !important;
}

.font-weight-md {
    font-weight: 500;
}

.font-light {
    font-weight: 300;
}

.sans-serif {
    font-family: georgia, sans-serif;
}

.box-shadow-none {
    box-shadow: none !important;
}

.uppercase {
    text-transform: uppercase;
}


/*width utilities --------------------------------------------*/
.w-100 {
    width: 100% !important;
}



/* text decoration utilities --------------------*/
.underline {
    text-decoration: underline;
}

/* padding utilities
------------------------------------------*/
.p-0{
    padding: 0!important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-15 { padding-left: 15px !important;}

.pl-30 {
    padding-left: 30px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.ph-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

/* margin utilities
------------------------------------------*/
.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mv-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.mv-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

/*color utilities --------------------------------------------*/

.primary {
    color: var(--primary) !important;
}

.gray {
    color: var(--gray) !important;
}

.text-black {
    color: var(--black0);
}

.text-white {
    color: #fff !important;
}

/*background color utilities --------------------------------------------*/

.background-none {
    background: transparent !important;
}


.product-image-bg {
    background-color: #fff !important;
    padding: 8px 5px;
}

.primary-bg {
    background-color: var(--primary) !important;
}

/*Button Utilties */
/*button utilities --------------------------------------------*/
.btn-wide {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.btn-xl {
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
    font-size: 18px !important;
    text-transform: uppercase;
}

/* text alignment */
.text-align-right {
    text-align: right !important;
}
.text-align-left{
    text-align: left!important;
}

/* text limit utilities */
.text-limit-15 {
    padding: 5px;
    white-space: nowrap;
    max-width: 15ch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-limit-25 {
    padding: 5px;
    white-space: nowrap;
    max-width: 25ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*======================================================================
 ~Global or Base
=======================================================================*/
body {
    font-family: "Poppins";
    font-weight: normal;
    color: var(--black2);
    font-size: 16px;
}

/* start: sticky footer ------------ */
/* commented this code due to issue of buttons stacked on sales report page when it is un commente. show method sets display block. */
/*body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1;
}*/
/* end: sticky footer -------------- */

a,
a:hover,
a:focus {
    text-decoration: none;
    color: var(--primary)
}

/*was changing color to dark when on this states which is not required*/
/*    a:active, a:hover, a:focus {
        color: #200f15;
    }*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins";
    font-weight: 500;
    margin-top: 0;
    color: #2c2c2c;
}


/* Headings-Responsive Headings */

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}
h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}
h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
}

h5,
.h5 {
    font-size: 0.8rem; /*20px;*/
}

h6,
.h6 {
    font-size: 1.125rem; /*18px;*/
}



@media (min-width: 1199px) {
    .listing-details-colgap {
        padding-left: 4%;
    }
    .listing-details-colgap-sm {
        padding-left: 2%;

    }
}


    @media (min-width: 1200px) {
        h1, .h1 {
            font-size: 3rem; /* 55?px */
        }

        h2,
        .h2 {
            font-size: 2.63rem; /* 42px */
        }

        h3,
        .h3 {
            font-size: 1.88rem; /*30px;*/
        }

        h4,
        .h4 {
            font-size: 1.38rem; /*22px;*/
        }
    }


    /*======================================================================
 ~Layout 
===========================================================================*/

    main > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    header {
        box-shadow: 0 9px 14px -7px #d5d2d2;
        /* margin-bottom:  25px; */
        /* padding-bottom: 4px; */
        /*region :::UnitedCellar - Header*/
        padding-top: 0px;
        margin-bottom: 0px;
        /*endregion :::UnitedCellar - Header*/
    }

    .header-top {
        background-color: var(--primary);
        color: #fff;
        /*region :::UnitedCellar - Header*/
        padding: 0.94rem;
        font-size: 14px;
        display: none;
        /*endregion :::UnitedCellar - Header*/
    }

    .hero-control {
        font-size: 15px;
        padding: 1.5rem;
        background-color: var(--primary);
        color: #fff;
        margin-bottom: 4rem;
    }

    main {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        main > .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }


    footer {
        background-color: #000;
        color: #fff;
        padding: 2.64em 0;
    }




/*======================================================================
 ~AW Styles redfined: controls that are directly modified using 
 AuctionWorx's original class names
=======================================================================*/

.section-title {
    border: none !important;
        padding: 11px;
    color: var(--primary) !important;
}




    /*======================================================================
 ~Bootstrap redfined: controls that are directly modified using 
 bootstrap's original class names
=======================================================================*/

/*select.input-lg {
    height: 47px;
    line-height: 47px;
}*/



section .context-wrapper {
    top: 0;
}

.gallery-thumbnail .context-wrapper {
    top: 30px;
}


.galleryImage img {
    max-height: 100% !important;
}



.close {
    font-size: 31px;
}

    .form-control {
        border-radius: 0;
        height: 36px;
        border: 1px solid var(--gray);
    }

    .btn-lg {
        padding: 12px 16px;
        font-size: 16px;
    }

    .input-lg {
        height: 47px;
        font-size: 16px;
    }

    label {
        font-weight: normal !important;
        font-size: 16px;
    }

    .btn {
        border-radius: 0;
    }

    .panel-group .panel {
        border-radius: 0;
    }

    /* CTA buttons (large buttons) */

    .cta-button {
        font-size: 18px !important;
    }




    /* btn-primary */
    .btn-primary {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
        text-transform: uppercase;
    }

        .btn-primary:focus,
        .btn-primary.focus {
            color: #fff;
            background-color: var(--primary-darker);
            border-color: var(--primary-darker);
        }

        .btn-primary:hover {
            color: #fff;
            background-color: var(--primary-dark);
            border-color: var(--primary-dark);
        }

        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            color: #fff;
            background-color: var(--primary-darker);
            background-image: none;
            border-color: var(--primary-darker);
        }

            .btn-primary:active:hover,
            .btn-primary.active:hover,
            .open > .dropdown-toggle.btn-primary:hover,
            .btn-primary:active:focus,
            .btn-primary.active:focus,
            .open > .dropdown-toggle.btn-primary:focus,
            .btn-primary:active.focus,
            .btn-primary.active.focus,
            .open > .dropdown-toggle.btn-primary.focus {
                color: #fff;
                background-color: var(--primary-darker);
                border-color: var(--primary-darker);
            }

        .btn-primary.disabled:hover,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary:hover,
        .btn-primary.disabled:focus,
        .btn-primary[disabled]:focus,
        fieldset[disabled] .btn-primary:focus,
        .btn-primary.disabled.focus,
        .btn-primary[disabled].focus,
        fieldset[disabled] .btn-primary.focus {
            background-color: var(--primary-dark);
            border-color: var(--primary-dark);
        }

    /* btn-primary-border */
    .btn-primary-border {
        border: 1px solid #a59399;
        background-color: #ffffff;
        text-transform: uppercase;
        color: var(--primary)
    }

        .btn-primary-border:hover,
        .btn-primary-border:focus,
        .btn-primary-border:active,
        .btn-primary-border.active,
        .open > .dropdown-toggle.btn-primary-border {
            background-color: var(--primary-dark);
            color: #ffffff;
        }

        .btn-primary-border:active,
        .btn-primary-border.active {
            border: solid 1px var(--primary-darker);
        }

            .btn-primary-border:active:focus {
                border: solid 1px var(--primary-darker);
            }


/* btn-info */
.btn-info {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: var(--primary-darker);
        border-color: var(--primary-darker);
    }

    .btn-info:hover {
        color: #fff;
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: var(--primary-darker);
        background-image: none;
        border-color: var(--primary-darker);
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: var(--primary-darker);
            border-color: var(--primary-darker);
        }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
    }

/* btn-info-border */
.btn-info-border {
    border: 1px solid #7d606b;
    background-color: #ffffff;
}

    .btn-info-border:hover,
    .btn-info-border:focus,
    .btn-info-border:active,
    .btn-info-border.active,
    .open > .dropdown-toggle.btn-info-border {
        background-color: var(--primary-dark);
        color: #ffffff;
    }

    .btn-info-border:active,
    .btn-info-border.active {
        border: solid 1px var(--primary-darker);
    }

        .btn-info-border:active:focus {
            border: solid 1px var(--primary-darker);
        }

/* well */
.well {
    background-color: #eeeaeb;
    font-weight: 500 !important;
    font-size: 17px;
}


/* overriding styles of AW */
    .well .key.winning, .well .key.winning-reserve, .well .key.not-winning {
        font-weight: 500;
    }
    /* modal */
    .bootstrap-dialog .modal-header {
        background-color: var(--primary) !important;
    }

        .bootstrap-dialog .modal-header .bootstrap-dialog-title,
        .bootstrap-dialog .bootstrap-dialog-title .modal-title {
            color: white !important;
        }

    .bootstrap-dialog.type-warning .glyphicon-info-sign {
        color: #f0ad4e;
    }

    .bootstrap-dialog.type-danger .glyphicon-warning-sign {
        color: #d9534f;
    }

    .bootstrap-dialog-close-button button.close, .bootstrap-dialog-close-button button.close:hover {
        color: white;
    }

    /* Carousel Indicators */
    .carousel-indicators.listing-details-indicators {
        position: relative;
    }

    .listing-details-indicators li {
        border: solid 1px var(--primary) !important;
    }

        .listing-details-indicators li.active {
            background-color: var(--primary) !important;
        }

    /* tab control */
    .nav-pills > li > a {
        border-radius: 0;
    }

    .nav-pills > li + li {
        margin-left: unset;
    }

    .nav-pills > li > a {
        /*padding: 0.9em 2.7em;  naresh*/
    }



    /*======================================================================
 ~Pagination UI 
=======================================================================*/
    .pagination {
        font-size: 17px;
        font-weight: 300;
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
    }

    .disabled-arrow {
        cursor: not-allowed;
        opacity: 0.5;
    }
.pagination-products-count-contianer {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 35px 0 10px 0;
}
        .pagination-products-count-contianer > div {
            width: 33.33%;
        }

        .pagination-products-count-contianer .products-count{
            text-align: right;
        }


.pagination-products-count-contianer .pagination {
    display: inline-flex;
    margin: 0;
}   
    /*======================================================================
 ~Responsive 
=======================================================================*/
    /* MIN-WIDTH
----------------------------------*/
    @media screen and (min-width: 768px) {
        .sidebar {
            padding-right: 40px;
        }
        .navbar-collapse.collapse {
            display: table !important;
            margin: 0 auto;
        }
    }

    /* MAX-WIDTH
----------------------------------*/
    @media screen and (max-width: 1199px) {
        .navbar-default {
            font-size: 14px;
        }

        .tab-control.nav-pills.homepage-tabs > li.filter-option > a {
            font-size: 18px
        }
    }

    @media screen and (max-width: 991px) {
        .navbar-default {
            font-size: 12px;
        }

            .navbar-default .nav > li > a {
                padding: 7px;
            }

        .browse-categories .nav a {
            padding: 0 !important;
        }

            .browse-categories .nav a.browse-category-link {
                padding: 10px 15px !important;
            }

        .tab-control.nav-pills.homepage-tabs > li.filter-option > a {
            font-size: 15px
        }

        .tab-control.nav-pills {
            font-size: 17px;
        }


        /*My account pages responsive */
        .sidebar-gap-maincol {
            padding-left: 15px;
        }
        /*Accordion - Registration Form*/
        #RegistrationForm .accordion, #RegistrationForm .btn-primary {
            font-size: 14.5px;
        }

        .cta-bottom-home {
            height: auto;
            font-size: 12px;
            margin-bottom: -80px;
        }


        .section-row {
            padding-top: 40px;
            padding-bottom: 30px;
        }
    }


@media screen and (max-width: 767px) {
    .header-row {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /*Top banner*/
    .masthead {
        margin-top: -3rem;
        margin-bottom: 25px;
        padding: 1.75em 25px;
    }

    /* hero control requires negative top margin, and its value changes in the mobile view*/
    .hero-control {
        margin-top: -2.9rem;
    }

    .cta-home-hero {
        margin-top: -48px;
    }

    main {
        padding-top: 48px;
        padding-bottom: 35px;
    }

    .section-row {
        padding-top: 42px;
        padding-bottom: 24px;
    }

    /* collapsible accordion */

    .collapsible-accordion {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 25px;
    }

        .collapsible-accordion > .col-sm-3 {
            padding-left: 0;
            padding-right: 0;
        }

        .collapsible-accordion .btn {
            padding: 14px 30px;
        }

        .collapsible-accordion h5 {
            display: none;
            color: white;
        }

        .collapsible-accordion div.btn.btn-link {
            color: #ffffff;
            text-decoration: none;
            width: 100%;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
        }

            .collapsible-accordion div.btn.btn-link:focus {
                outline: none;
            }

        .collapsible-accordion div.btn:hover {
            outline: none;
            outline-offset: 0;
        }

        .collapsible-accordion .footer-links {
            margin-bottom: 0px;
        }

            .collapsible-accordion .footer-links.accordion-content {
                height: 0px;
                padding-left: 30px;
                overflow: hidden;
                transition: height 0.7s cubic-bezier(.19,1,.22,1);
                border-bottom: solid 1px gray;
            }

                .collapsible-accordion .footer-links.accordion-content li:last-child {
                    margin-bottom: 20px;
                }


    .accordion-categories .panel-default > .panel-heading a {
        font-size: 1em !important;
    }

    .footer-accordion-panel {
        border-bottom: solid 1px #808080;
        padding-bottom: 10px;
    }

    .accordion-lite {
        font-size: 13px;
    }


    .credit-cards {
        float: left;
        margin-top: 10px;
    }

    .footer-logo {
        margin-left: auto;
        margin-right: auto;
    }

    .social-media {
        justify-content: center;
    }

    .flex-sm-column {
        flex-direction: column;
    }

    .tab-control.nav-pills {
        font-size: 16px;
    }

    /* how it works */

    .infograph-hiw {
        flex-direction: column;
        gap: 25px;
    }

    .hiw-image {
        width: 105px;
    }

    .hiw-curve-left {
        padding-right: 8px;
        align-self: flex-start;
        margin-top: 30%;
    }

    .hiw-curve-right {
        padding-left: 8px;
        align-self: flex-end;
        margin-bottom: 30%;
    }

    .cta-bottom-home {
        font-size: 8px;
        text-align: center;
        margin-bottom: -48px;
    }

/*    #RegistrationForm .next-button-container {
        text-align: center;
    }*/

    .visible-xs.homepage-tabs {
        display: flex !important;
        gap: 15px;
    }

    .homepage-tabs > li {
        width: inherit;
    }

    .contains-multi-rows .gallery-thumbnail {
        margin-bottom: 28px !important;
    }

    .category-links {
        font-size: 14px;
    }


    .masthead-description {
        width: 100%;
    }

    .critic-score-badge-lite {
        font-size: 14px;
    }
}

        @media screen and (max-width: 600px) {

            .cta-home-hero {
                height: auto;
                font-size: 11px;
            }

            .tab-control.nav-pills {
                font-size: 13px; /*16px;*/
            }

        }

        @media (min-width: 576px) and (max-width: 767px) {
            .browse-event .col-sm-6 {
                width: 50%;
                box-sizing: border-box;
                clear: none;
                float: left;
            }
        }

        @media (min-width: 992px) and (max-width: 1200px) {
            .browse-event .col-md-3 {
                width: 33.33%;
            }
        }

        @media (max-width: 576px) {
            .visible-xs.homepage-tabs {
                display: flex !important;
                flex-wrap: wrap;
                gap: 8px;
            }

            .homepage-tabs > li {
                width: inherit;
                margin-left: 0 !important;
            }

            .tab-control.nav-pills.homepage-tabs > li.filter-option > a {
                padding: 0.60em 2em;
            }
        }

@media screen and (max-width: 500px) {
    .pagination-products-count-contianer {
        flex-direction: column;
        align-items: center;
        flex-flow: column-reverse;
    }
        .pagination-products-count-contianer .pagination{
            margin-top: 5px;
        }
        .pagination-products-count-contianer > div {
            width: 100%;
        }

        .pagination-products-count-contianer .products-count {
            text-align: center;
        }
    .pagination-products-hide-me {
        display: none;
    }
}

@media screen and (max-width: 375px){

    #featuredLotsTab ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #featuredLotsTab ul li{
        width: 100%;
        text-align: center;
    }

        #featuredLotsTab ul li:first-child{
            margin-bottom: 10px;
        }
}