/****** GLOBAAL ******/



.mainmenu {
    border: 1px #dddede solid;
}

body > div.menu-area > div.top-menu-area > div > div > div.col-lg-8.offset-lg-1.col-md-9.col-6.v_middle > div.author-area > a.author-area__seller-btn.btn.shop-btn.inline {
    margin-right: 5px;
    background: #948634;
}

.author-area__seller-btn.edit {
    color: #484848;
    background-color: #e0e0e0;
    padding: 0 11px;
    display: inline-block;
    line-height: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .author-area__seller-btn.edit.new {
        color: #fff;
        background-color: #118ABD;
    }

    .author-area__seller-btn.edit.offer {
        color: #fff;
        background-color: #dc6e15;
        margin: auto;
    }


.thread_sort_area.smaller {
    margin-bottom: 10px;
    box-shadow: none;
    padding: 0px;
}

.mb-seller-banner-auto a {
    color: #fff
}

.text_field.lot {
    line-height: 30px;
    background: #fff;
    border: 1px #b6bbc1 solid;
}

/* Basis: verberg standaard arrows en voeg eigen chevron toe */
.text_field.lot-drpdwn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='currentColor' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 7.5l4.5 4.5 4.5-4.5' /></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center; /* pijltje rechts */
    background-size: 16px 16px;
    padding-right: 40px; /* ruimte voor het pijltje */
    cursor: pointer;
}

    /* Verberg IE/Edge legacy arrow */
    .text_field.lot-drpdwn::-ms-expand {
        display: none;
    }

/* (optioneel) consistent randje/hoogte */
.text_field.lot-drpdwn {
    line-height: 1.4;
    min-height: 40px;
    background-color: #ffffff;
    border: 1px solid
}

.fp-offer {
    padding: 2px 10px;
    line-height: 25px;
    background: #d97a18;
    color: #ffffff;
    border: none;
}

.badge-status-fp {
    position: initial;
    background: #6f6d68;
    color: #ffffff;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 17px;
    border: 2px solid
}

.fp-title {
    font-size: 25px;
    font-weight: 700
}

.fp-pause {
    padding: 2px 10px;
    line-height: 25px;
    color: #101010;
    border: 1px solid;
}

.wizard-context {
    margin: 6px 0 14px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

    .wizard-context .badge-type {
        background: #eef5ff;
        color: #2f6feb;
        border-radius: 14px;
        padding: 4px 10px;
        font-weight: 600;
        font-size: .9rem;
        border: 1px solid #d9e7ff;
    }

    .wizard-context .badge-flow {
        background: #f4f4f4;
        color: #333;
        border-radius: 14px;
        padding: 4px 10px;
        font-size: .9rem;
        border: 1px solid #e2e2e2;
    }

    .wizard-context .badge-title {
        background: #fff;
        color: #444;
        border-radius: 14px;
        padding: 4px 10px;
        font-size: .9rem;
        border: 1px dashed #cfcfcf;
    }

.text_field.personal {
    line-height: 30px;
    background: #fff;
    border: 1px #b6bbc1 solid;
    min-height: 50px;
}

.text_field.smaller.lot {
    min-height: 75px;
}


ul.item-info-img {
    padding: 2px;
    margin-top: 10px
}

    ul.item-info-img li {
        font-size: 12px;
        list-style: circle;
    }

.fade-link {
    background: #ffffff !important;
    color: #7b7134 !important;
    border: 1px solid;
    font-weight: bold;
}

    .fade-link:hover {
        color: #000 !important;
    }

.user-level.premium {
    background: #948634;
    color: #fff;
}

.user-level {
    padding: 5px;
    border: 1px #ccc9c9 solid;
    margin-bottom: 10px;
    background: #efefef;
}

.user-friend {
    background: #ad3eaf;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
}

.user-level.activated {
    background: #dbf0f9;
}

.link-black {
    font-weight: bold;
    color: #000 !important;
}

#images-notice {
    padding-top: 15px;
}

input.topmenu-admin {
    float: left;
    margin-left: 10px;
    width: 240px;
}

.searc-wrap.admin input {
    line-height: 30px;
    height: 30px;
    border: 1px solid #d9dfe5;
    width: 260px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 25px;
    background: #f5f5f5;
}

.searc-wrap.admin .search-wrap__btn {
    position: absolute;
    line-height: 30px;
    right: 0;
    top: 0;
    border: 0;
    width: 32px;
    text-align: center;
    background: #8d989d;
    color: #fff;
    /* -webkit-border-radius: 50%; */
    /* border-radius: 50%; */
}

.col-lg-2.col-cat {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.input-group.startprice {
    font-size: 25px;
    font-weight: bold;
}

.breadcrumb ul li:after {
    content: "/";
    color: #5f7a98;
    padding: 0 7px;
}

.breadcrumb ul li a {
    font-size: 15px;
    line-height: 50px;
    color: #090242;
    font-weight: bold;
}

.breadcrumb.black ul li a {
    line-height: 45px;
    font-size: 12px
}

.breadcrumb.black ul li {
    line-height: 45px;
    font-size: 12px;
}

.breadcrumb.small ul li a {
    font-size: 15px;
    line-height: 25px;
    color: #090242;
    font-weight: bold;
}

.breadcrumb ul li.active a {
    color: #5f7a98;
}

/* wrapper (desktop) */
.bd-breadcrumb {
    margin-top: 8px;
    white-space: normal; /* desktop: mag wrappen */
    overflow-x: visible;
}

    /* bootstrap breadcrumb reset */
    .bd-breadcrumb .breadcrumb {
        padding: 0;
        margin: 0 0 5px 0;
        background: none;
    }

    /* items */
    .bd-breadcrumb .breadcrumb-item {
        padding: 0;
        margin-right: 6px;
        font-size: 13px;
        line-height: 1.2;
    }

        /* separator */
        .bd-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            content: "›";
            color: #8a8a8a;
            padding: 0 6px 0 4px;
        }

        /* links */
        .bd-breadcrumb .breadcrumb-item a {
            color: #000;
            text-decoration: none;
            padding: 0;
            margin: 0;
        }

            .bd-breadcrumb .breadcrumb-item a:hover {
                color: #000;
                text-decoration: underline;
            }

    /* back button */
    .bd-breadcrumb .bd-back {
        display: inline-block;
        padding: 0 6px;
        font-size: 14px;
        line-height: 1.2;
    }


.btn--sm.extra-small {
    line-height: 25px;
    padding: 0 22px;
    background: #fff;
    color: #000;
    box-shadow: none;
    border: 1px solid;
    margin-bottom: 5px;
}

    .btn--sm.extra-small:hover {
        color: #808080;
        background: #fff;
    }

/* title (desktop) */
.bd-breadcrumb-title {
    display: inline;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal; /* desktop: titel mag wrappen */
}

/* MOBILE */
@media (max-width: 768px) {

    .bd-breadcrumb {
        white-space: nowrap; /* mobiel: 1 regel */
        overflow-x: auto; /* en scrollbaar */
        -webkit-overflow-scrolling: touch;
    }

        .bd-breadcrumb .breadcrumb-item {
            font-size: 12px;
            margin-right: 4px;
        }

            .bd-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                padding: 0 4px 0 3px;
            }

        .bd-breadcrumb .bd-back {
            font-size: 13px;
            padding: 0 5px;
        }

    .bd-breadcrumb-title {
        display: inline-block;
        max-width: 40vw; /* alleen mobiel afkappen */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.invoice .invoice__meta {
    padding: 25px 30px;
}

.col-lg-4.col-md-6.address {
    vertical-align: top;
    padding-bottom: 15px;
}

.invoice .invoice__meta p {
    font-size: 14px;
    line-height: 20px;
}

.invoice .invoice__meta.small p {
    font-size: 14px;
    line-height: 20px;
}

.row.sellerincart {
    margin-bottom: 15px;
    border-bottom: 1px #dddede solid;
}

.totalsum {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}


.dashboard_menu_area.filter .dashboard_menu li a {
    line-height: 5px;
    font-size: 12px;
    color: #ffffff;
}

.upload_cross.filter, .progress_wrapper .p_cross {
    background: inherit;
    color: #204554;
    font-weight: bold;
}

.dashboard_menu_area.filter .dashboard_menu li a span.lnr {
    vertical-align: -5px;
    margin-left: 5px;
    margin-right: 0;
}

.btn.filter {
    background: #a2b1b7;
    font-size: 12px;
    line-height: 20px;
}

    .btn.filter:before {
        content: inherit;
    }

.card--category.catalog ul li a {
    line-height: 20px;
}

.upload_cross.small {
    line-height: 15px;
    vertical-align: -2px;
    width: 16px;
    background: #a2b1b7;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .nosorting.personal-menu {
        padding: 5px;
    }
}

@media (max-width: 991px) {
    .sorting.personal-menu {
        padding: 5px;
    }
}

.personal-auction.theme {
    color: #ffffff;
    font-size: 12px;
    border: 1px solid;
    padding: 2px;
    width: 100%;
    background: #b4c53a;
    float: left;
}

    .personal-auction.theme.start.bordered-box {
        width: auto;
        float: none;
    }

a.edit-pencil {
    padding: 0 12px;
}


.Pagingbox-auction {
    float: right;
}

.item-info .tab-content {
    margin-top: 0;
}

.item-preview {
    margin-bottom: 0
}

.sorting.personal-menu {
    background: #fff;
    padding: 0px;
    float: right;
    -webkit-border-radius: 0px;
    border-radius: 0;
    margin-bottom: 5px;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .sorting.personal-menu.bottom-banner {
        background: #fff;
        padding: 0px;
        float: left;
        -webkit-border-radius: 0px;
        border-radius: 0;
        margin-bottom: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .sorting.personal-menu.bottom-banner ul li a {
            font-size: 12px;
            -webkit-border-radius: 0px;
            font-weight: 800;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            padding: 0 10px;
            background: #ffffff;
            color: #020202;
            display: inline-block;
            line-height: 35px;
        }

    .sorting.personal-menu.left {
        float: left
    }

    .sorting.personal-menu.right {
        float: right
    }

    .sorting.personal-menu ul li a {
        font-size: 12px;
        -webkit-border-radius: 0px;
        font-weight: 800;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        padding: 0 10px;
        background: #ffffff;
        color: #020202;
        display: inline-block;
        line-height: 25px;
    }

.container.home {
    background: #fff;
}

.lnr.lnr-heart.loved.noti_icon {
    background: #000;
    color: #ffffff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    border-radius: 50%;
}

/* 1) Basistoestand icon */
.lnr.lnr-heart.noti_icon {
    background: #eff1f5;
    color: #988D8D;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid transparent; /* reserveer ruimte → geen “jump” */
    transition: background-color .15s, color .15s, border-color .15s;
    pointer-events: none; /* hover blijft op de button */
}

/* 2) Hover/focus op de OUDER (button), niet op het icoon */
.btn.btn-follow:hover .lnr.lnr-heart.noti_icon,
.btn.btn-follow:focus-visible .lnr.lnr-heart.noti_icon {
    background: #000;
    color: #fff;
    border-color: #000; /* optioneel, nu zonder formaatwissel */
}

/* 3) Maak de button zelf “stil” op hover (geen eigen glow/gradient) */
.btn.btn-follow,
.btn.btn-follow:hover,
.btn.btn-follow:focus,
.btn.btn-follow:active {
    background: none;
    box-shadow: none;
    outline: none;
}

/* 4) Neutraliseer eventuele oude, directe hover op het icoon (die veroorzaakt flicker) */
.lnr.lnr-heart.noti_icon:hover {
    background: inherit !important;
    color: inherit !important;
}



.lnr.lnr-heart.loved.noti_icon:hover {
    background: #000;
    color: #ECE9E7
}

.auct-list-right .text {
    font-size: 12px;
    color: #000
}

.auct-list-left {
    width: 45%;
    float: left;
}

.auct-list-right {
    width: 45%;
    float: left;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sorting.personal-menu ul li {
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) {
    .sorting.personal-menu ul li {
        margin-bottom: 0px;
    }
}

.card--category.categories-wrapper {
    padding: 20px 5px;
    font-size: 13px;
}

    .card--category.categories-wrapper.seller {
        margin-bottom: 0;
        padding: 15px;
    }



    .card--category.categories-wrapper .sellerCategory {
        font-weight: bold
    }

#auctionCategories > div.subCategory.sellername > a {
    font-weight: bold
}

#auctionCategories > div.subCategory.premium {
    color: #D0BE56;
    font-weight: bold;
    height: 15px;
}

#auctionCategories > div.subCategory.proffesional {
    color: #000;
    font-weight: bold;
    height: 15px;
}

#auctionCategories > div.subCategory.particulier {
    color: #000;
    font-weight: bold;
    height: 15px;
}

.theme-list-left.left-auct {
    padding: 10px 30px 2px;
    margin-bottom: 0;
    border-bottom: 0px
}

#cart-wrap {
    /*padding: 10px 10px;*/
    margin-top: 15px;
    background: #fff;
    padding: 32px 30px 32px;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cart-summ-small ul {
    font-size: 13px
}

    .cart-summ-small ul li span {
        font-weight: bold
    }

    .cart-summ-small ul li {
        margin-bottom: 8px
    }

.btn.btn-basket {
    background-color: #d0be56
}

    .btn.btn-basket.out {
        background-color: #e2e2e2
    }

.btn.btn-sm.archived {
    background: #e0e0e0;
    box-shadow: none;
    color: #000;
}

.btn-cart {
    width: auto;
    text-align: center;
    margin-top: 15px;
}

a.btn.btn--sm.look {
    background: #fff;
    color: #000;
    border: 1px solid;
}

.cart-in {
    background: #d0be56;
    color: #fff;
    padding-left: 2px;
}

.cart-out {
    color: #82c76c;
}




.cart.list-left {
    float: left;
}

.cart.list-image-wrapper {
}

img.cart.list-image {
    width: 80px;
    max-height: 210px;
    border: 0;
    margin-right: 5px
}

    img.cart.list-image.options-form {
        margin-left: 25px;
    }

.header-block {
    padding: 5px 5px 15px;
    border-bottom: 1px #bec0c3 solid;
    margin-bottom: 15px;
}


.cart-block {
    margin-bottom: 15px
}

.button-wrapper {
    padding: 4px;
    border: 1px solid
}

.box-content-bottom {
    padding-top: 15px;
}

.row.top-seller-page {
    padding-top: 15px;
    padding-bottom: 15px
}

.sidebar {
    width: -webkit-fill-available;
}


.feature__title h3 {
    font-weight: bold
}

.feature.align-left {
    text-align: left;
}

.feature.items {
    -webkit-box-shadow: 0 2px 50px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 50px rgb(0 0 0 / 8%);
    position: relative;
    margin-bottom: 30px;
    background: #fff;
    height: 150px;
}

    .feature.items.start.bordered-box {
        border: 1px solid #8f8f8d;
        border-radius: 10px;
        padding: 15px;
    }

        .feature.items.start.bordered-box:hover {
            box-shadow: 0 2px 10px #8f8f8d
        }

    .feature.items.start {
        height: inherit;
        padding-bottom: 45px;
    }

    .feature.items.voorraad {
        background: #ececec;
        border: 1px #cbcfd0 solid;
    }

    .feature.items.veilingen {
        border: 1px #cbcfd0 solid;
    }

        .feature.items.veilingen.finance {
            height: auto
        }

            .feature.items.veilingen.finance.nota {
                padding-bottom: 10px;
            }

    .feature.items .finance-list {
        padding-bottom: 15px;
        text-align: left;
        padding-left: 45px;
    }

    .feature.items.advertenties {
        background: #fffbe5;
        border: 1px #cbcfd0 solid;
    }

    .feature.items a.btn-secondary {
        border: 1px solid #118abd;
        color: #118abd;
    }

        .feature.items a.btn-secondary.finance {
            background-color: #e0e0e0;
            border: none;
            color: #484848;
            width: 200px
        }


.col.items_title {
    height: 50px;
    font-weight: bold
}

    .col.items_title.border-box {
        font-weight: bold;
        font-size: 20px;
        color: #000;
    }


    .col.items_title.finance {
        font-size: 20px
    }

@media screen and (max-width: 767px) {
    aside.sidebar--blog.sidebar-theme {
        margin-top: 0
    }
}

.dashboard_contents.overview {
    background: #f5f5f5;
}

.dashboard_contents.more {
    background: #fff;
    padding-top: 25px
}

.more-menu-content {
    text-align: left;
}

    .more-menu-content a {
        display: block;
        font-size: 15px;
        color: #000;
        text-decoration: none;
        transition: color 0.3s;
    }

        .more-menu-content a:hover {
            color: #ddd; /* Lighter color on hover */
        }



.truly.third {
    margin-top: 20px;
    color: #000;
    font-size: 13px;
    width: 100%;
    font-weight: bold;
    border-bottom: 1px #d5cece solid;
}

.more-menu.content .truly.third {
    font-size: 14px;
}

.truly.third:first-child {
    margin-top: 10px;
}

.dashboard_contents.start {
    background: #f5f5f5;
    padding: 20px 0;
}

.dashboard_contents.mb.lot {
    padding: 20px 0;
    background: #eaeae8;
}

.btn--md.offer {
    line-height: 45px;
    padding: 0 100px;
    min-width: 150px;
    font-size: 17px;
}

.dashboard_contents.mb.lot.notas {
    padding: 0px 0px 70px 0px;
    background: #eaeae8;
}

.dashboard_contents.mb.info {
    padding: 20px 0;
    background: #fff;
}

.container.mb.products.lot {
    background: #fff;
    padding: 10px 15px;
}

.dashboard_menu_area.new-tools .dashboard_menu li a {
    font-size: inherit;
    line-height: inherit;
}

.dashboard_menu_area.admin {
    padding-top: 15px;
    margin-bottom: 15px;
}

.dashboard_menu_area.seller {
    padding-top: 15px;
    margin-bottom: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border-bottom: 1px #dddede solid;
}

    .dashboard_menu_area.seller .dashboard_menu li a {
        color: #54667a;
        font-size: 17px;
        display: inline-block;
        line-height: 50px;
    }

.btn-info.wizzard-sm {
    padding: 0 10px;
    line-height: 30px
}

.dashboard_menu_area.wizzard {
    box-shadow: none;
}

.wizzard-add {
    padding: 5px;
    color: #fff;
    background: #9c9c9c;
}

.wizzard-auction {
    padding: 5px;
    color: #847777;
    background: #eaeae8;
}

.wizzard-additional-text {
    padding: 8px;
    background: #f5f5f5;
    margin-left: 0px;
    margin-top: 10px;
    border: 1px solid #eaeae8;
    font-size: 12px;
    margin-bottom: 5px;
}

.wizzard-status.concept {
    padding: 5px;
    color: #fff;
    background: #b3b3ae;
    margin-left: 5px;
}


.wizzard-status.paused {
    padding: 5px;
    color: #fff;
    background: #b3b3ae;
    margin-left: 5px;
}

.wizzard-small {
    padding: 0 10px;
    line-height: 28px;
}

.information_wrapper.form--fields.order {
    padding: 10px 30px;
    padding-top: 20px;
}

.additional-wrapper {
    float: left;
    background-color: #fff;
    padding: 15px;
    margin: 15px;
    border: 1px #5e5e57 solid;
}

.invoice__meta.order-buyer {
    padding: 20px 0px 15px 0px;
}

.address p {
    line-height: 14px;
    font-size: 15px;
}

.dashboard_menu_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding-left: 25px;
    border-bottom: 1px solid #ececec;
}

    .dashboard_menu_order li {
        margin: 8px 0;
    }

        .dashboard_menu_order li a {
            color: #0674ec;
            font-size: 16px;
            display: inline-block;
            line-height: 40px;
        }

            .dashboard_menu_order li a span.lnr {
                font-size: 18px;
                margin-right: 10px;
            }

.community-user {
    padding: 15px 20px;
    margin-bottom: 15px;
}

.community-author {
    padding: 15px 20px;
}

    .community-author a {
        float: inherit;
        line-height: 30px;
        color: #0674ec;
        font-weight: bold;
    }

.product--card .product-purchase {
    margin-top: 10px;
}

.product-purchase {
    border-top: 1px solid #ececec;
    padding: 15px 30px;
    overflow: hidden;
}



.product-title-area.cart-info {
    padding: 10px 10px;
    margin-top: 15px;
}

.top-theme-wrapper {
    font-size: 11px;
    color: #3e3e3d;
    font-weight: bold;
    float: left;
    width: 100%;
    padding-bottom: 3px;
    padding-top: 3px
}

    .top-theme-wrapper a {
        color: #d0be56;
    }


        .top-theme-wrapper a:hover {
            color: #000;
            text-decoration: underline;
        }

    .top-theme-wrapper span {
        color: #9e9a9a
    }

.author-area__seller-btn.status-sort {
    color: #464340;
    background: #ffffff;
    transition: 0.3s;
    margin-right: 0;
    border-radius: 0;
    padding: 3px;
    line-height: 18px;
    margin-bottom: 5px;
}

.list-theme {
    width: 45%;
    float: left
}

    .list-theme a {
        color: #9e9a9a;
        padding: 3px;
        border-radius: 3px;
    }

        .list-theme a.org {
        }

.list-seller {
    width: 35%;
    float: left
}

.list-time {
    width: 20%;
    float: left
}

.list-seller a {
    color: #9e9a9a
}

.lot-list-left {
    width: 20%;
    max-height: 180px;
    overflow: hidden;
    float: left;
}

    .lot-list-left.cart-list {
        width: 13%;
    }

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .lot-list-left {
        width: 35%;
    }

    .item-description-home {
        display: none
    }

    .lot-list-right {
        width: 65%;
    }

    .list-theme {
        display: none
    }

    .list-seller {
        width: 50%;
    }

    .list-time {
        width: 50%;
    }
}

.lot-list-center {
    width: 55%;
    float: left;
    margin-left: 5px
}

.lot-list-flag-wrapper {
    float: left;
    font-size: 13px;
}

.item-description-home {
    font-size: 13px;
    margin-top: 10px;
}



.more-info {
    margin-top: 5px;
    font-size: 11px
}

.lot-list-follow-box {
    width: 3%;
    float: left;
    margin-right: 5px;
}

.lot-list-right {
    float: left;
    text-align: center;
    width: 20%;
}

.follow-box {
    margin-bottom: 5px;
    cursor: pointer;
}

    .follow-box.active {
        background: #fbf5c3;
        color: #564b0c;
        font-weight: bold;
    }

    .follow-box.add {
        border: 1px #a8b0b9 solid;
        background: #fff;
    }

.breadcrumb ul li a.small {
    font-size: 13px;
    line-height: 50px;
    color: #000;
    font-weight: bold;
}

.breadcrumb ul li.active.small {
    font-size: 13px;
    line-height: 40px;
}

.breadcrumb.personal-auction {
    color: #ffffff;
    font-size: 12px;
    border: 1px solid;
    padding: 2px;
    /* width: 130px; */
    background: #b4c53a;
    line-height: 12px !important;
}

    .breadcrumb.personal-auction.small {
        width: 120px;
        padding: 3px;
    }

.seller-private-wrapper {
    background: #f7f7f7;
    border: 1px solid #d5e3ee;
    padding: 3px;
}

.OV-seller-left {
    padding-top: 10px;
}

    .OV-seller-left .head {
        font-weight: bold
    }

.section--padding2.less-padding {
    padding: 25px 0 120px;
}

.single-product-desc.less-padding {
    padding: 20px 0;
}

.products.section--padding5 {
    padding: 20px 0 120px;
}

.follow-box.item-detail {
    border: 1px #eff1f5 solid;
    cursor: pointer;
    margin-bottom: 0px;
}

    .follow-box.item-detail.active {
        background: #fbf5c3;
        color: #564b0c;
        font-weight: bold;
    }

.offer-button {
    line-height: 25px;
    font-size: 12px;
    width: 120px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #000021;
    background-color: #ffffff;
    border: 1px solid;
}

    .offer-button.cart {
        border: none;
    }


.offer-direct {
    padding: 2px;
    margin-top: 2px;
    float: left;
    background: #dc6e15;
    margin-bottom: 5px
}

    .offer-direct a {
        color: #fff
    }


.offer-back {
    padding: 2px;
    margin-top: 2px;
    float: left;
    background: #eaeae8;
}

    .offer-back a {
        color: #191818
    }

.prod_thumbnail.catalog img {
    width: 80px
}

.modules__content.catalog {
    padding: 5px 50px 40px;
}

.dashboard_menu_area .dashboard_menu.offer li a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
}

.dashboard_menu.small li a {
    line-height: inherit;
    font-size: 12px;
    color: #000;
}

.reminder-box {
    font-size: 13px;
    padding: 15px 10px;
    border: 1px #b9bcbf solid;
    margin-bottom: 12px;
}

    .reminder-box.archived {
        background-color: #d0cfcf;
        color: #fff;
    }

        .reminder-box.archived span.archive {
            cursor: pointer;
            padding: 4px;
            background: #a0a0a0;
            color: #fff;
        }

    .reminder-box.no-archived {
    }

    .reminder-box.archived h6 {
        margin-bottom: 10px
    }

    .reminder-box.no-archived span.archive {
        cursor: pointer;
        padding: 4px;
        background: #c4c6ca;
        color: #fff;
    }

.tabber.border-right {
    padding-right: 20px;
    border-right: 1px #000 solid !important;
}

.table td.small {
    font-size: 13px;
    padding: 5px
}

    .table td.small span {
        display: table-cell
    }

.table td img.bootstr_img_small {
    width: 70px
}

.table td, .table th .noborder {
    border: none
}

    .table td.small.bold {
        font-weight: bold
    }



    .table td.erase-padding {
        font-size: 13px;
    }

        .table td.erase-padding.te-betalen {
            color: #ff0000;
        }

        .table td.erase-padding.nota {
            font-size: 15px;
        }

            .table td.erase-padding.nota .orderStatusColor {
                font-size: 15px;
            }

.table thead > tr > th.th-nota {
    padding: 5px
}

.nota.select-wrap {
    border: 2px solid;
}


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

.table td.small.no-padding {
    padding: 0;
}

.td-header {
    font-size: 11px !important;
}

.btn-info.td-AO {
    padding: 4px;
    line-height: 10px;
    font-size: 11px;
}


.table thead > tr > th.AO {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}

.rubio.catalog.smaller {
    font-size: 9px;
    background: #e5e3e3;
    border: 1px #b5afaf solid;
    padding: 1px;
    color: #575353;
}

.field-validation-error {
    color: #ff6a6d;
    background: rgba(255, 106, 109, 0.1);
    border-color: rgba(255, 106, 109, 0.1);
    padding: 5px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.prod_thumbnail.catalog {
    padding: 20px 0 20px 28px;
    vertical-align: middle;
    color: #333;
    width: 125px;
}

    .prod_thumbnail.catalog.title {
        padding: 20px 0 20px 28px;
        font-size: 16px;
        font-weight: bold;
        vertical-align: inherit;
        color: #333;
        width: inherit;
        display: table-cell;
    }

.catalog-item-image {
    width: 100%;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.catalog-item-image__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

input.closemodal {
    line-height: 40px;
    background: #d7d7d8;
    height: 40px;
    padding: 0 2px;
    margin-left: 5px;
}

.offer-button.grid {
    line-height: 36px;
    font-size: 13px;
    width: 120px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #000021;
    background-color: #ffffff;
    border: none;
    padding: 2px;
}


.col-md-12.bid-section {
    padding: 0
}

.bid-eur {
    width: 5%;
    display: inline-block;
}

.bid-inp {
    width: 55%;
    display: inline-block;
}

.bid-butt {
    width: 35%;
    display: inline-block;
}

.pointer {
    cursor: pointer
}

.AuctionActiveGrey {
    color: #271e27;
    padding: 10px 20px;
    border-left: 1px solid #E0DFD8;
    background-color: #fff;
    float: left;
    margin-left: 10px;
}

.product-desc .product_title.home {
    margin-bottom: 2px;
    font-size: 13px
}

.product--card-small.product {
    margin-bottom: 15px
}

.col-lg-3.grid-item {
    margin-bottom: 15px
}

.col-lg-3 .follow-box {
    padding-left: 5px;
    margin-top: 3px
}

    .col-lg-3 .follow-box.active {
        padding-left: 5px;
    }

.product--card-small .product-desc.with-basket {
    height: 150px;
    padding: 12px 20px;
}

.product--card-small .product-desc.without-basket {
    height: 100px;
    padding: 12px 20px;
}

.product--card-small .product-desc.catalog-home {
    height: 90px;
    padding: 12px 5px;
    margin-bottom: 15px;
}

.product--card-small .product-desc.catalog-list-item {
    height: 90px;
    padding: 2px 5px;
    margin-bottom: 15px;
}


.product-desc.catalog-list-item p.title {
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
}

.catalog .product--card-small.product {
    margin-bottom: 15px;
}

#lot-member {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #E0DFD8;
}



#lot-auctioneer {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    float: left;
    background: #fdfbf0;
    padding: 10px;
    border: 1px solid #E0DFD8;
}




.auctionItem {
    border: 1px solid #E0DFD8;
    float: left;
    width: 100%;
    height: inherit;
}

.organized-info-wrapper {
    margin-top: 25px;
}

.auction-open {
    margin-bottom: 2px;
    background: #e67514;
    color: #ffffff;
    padding: 1px 0 2px 3px;
    width: 40px;
    font-size: 12px;
}

div#main a.no-decoration {
    color: #000;
}

    div#main a.no-decoration:hover {
        text-decoration: none;
    }

div#main .auction-button a {
    color: #fff;
}

    div#main .auction-button a:hover {
        background-color: #f18d38;
        text-decoration: none
    }

.cell-auction {
    min-height: 75px;
    float: left;
    margin: 0 15px 15px 0px;
    overflow: hidden;
    width: 230px;
    visibility: visible;
    position: relative;
    height: 115px;
    background-color: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.13);
}


.small-theme-wrapper {
    padding: 5px;
}

.seller-banner-auto-large {
    color: #fff;
    background-color: #81B38F;
    padding-bottom: 2px;
    height: 110px;
}

    .seller-banner-auto-large h1 {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        -webkit-margin-before: 0.02em;
        -webkit-margin-after: 0.15em;
        padding-top: 25px;
        text-align: center;
    }

.title_area.theme-auction h4 {
    font-size: 13px;
    font-weight: bold;
}


.sidebar--blog .sidebar--post .post-list .title_area.theme-auction .date_time p {
    margin: 0;
    display: inline-block;
    color: #898f96;
    font-size: 12px;
}

.sidebar-card.btn.btn-sm.btn-info {
    margin-top: 25px;
    padding: 0px 12px;
    margin-bottom: 10px;
    height: 35px;
    background: #61b99d;
}

    .sidebar-card.btn.btn-sm.btn-info.ao {
        background-color: #e0e0e0;
        border: none;
        color: #484848;
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 25px;
    }

        .sidebar-card.btn.btn-sm.btn-info.ao.topper {
            margin-bottom: 2px;
            margin-top: 5px;
            font-size: 12px
        }


        .sidebar-card.btn.btn-sm.btn-info.ao.action {
            background-color: #118abd;
            color: #fff;
            border: none;
        }



            .sidebar-card.btn.btn-sm.btn-info.ao.action.top {
                white-space: normal;
                padding: 10px;
                line-height: inherit;
                height: auto
            }

.media-list.thread-list.auctions {
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);
    box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);
    margin-bottom: 5px;
}

.thread.thread_auction-list {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.thread .thread-list .single-thread .media-auctions {
    padding: 30px 30px 26px;
}



@media screen and (max-width: 767px) {
    .btn-sm.ao-action {
        margin-top: 15px
    }
}

.btn-sm.ao-action:hover {
    background: #eaeae8
}

.ao-action.white-button {
    border: none
}

.lnr-store.menu_icon {
    background: #948634 !important;
}

.lnr-rocket.menu_icon {
    background: #118ABD !important;
}

.lnr-rocket.big {
    font-size: 30px;
    color: #000;
}

.product--sidebar .card--category ul li a.sidebar-bbs-a {
    font-size: 13px;
    line-height: 20px
}


.bulk-bar .bulk--dropdown:first-child {
    /*border-left: 1px solid #ececec;*/
}

.bulk-bar .bulk--dropdown {
    position: relative;
    /*border-right: 1px solid #ececec;*/
}

.bulk-bar .bulk__option {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
}

.card_info.side p {
    font-size: 12px;
    margin-top: 10px
}


.auct-list-image {
    width: 90px;
    max-height: 210px;
    border: 0;
}

.txt-auc-wrapper {
    text-align: left;
    font-size: 13px;
    color: #696666;
    overflow: hidden;
    font-weight: bold;
    font-family: sans-serif;
}

.auction-button {
    margin-bottom: 10px;
    position: absolute;
    color: #FFFFFF;
    bottom: 0;
    font-style: normal;
    font-size: 14px;
    right: 8px;
    background: #e67514;
    padding: 5px;
}

.auction-row {
    background-color: #ECE9E7;
    width: 100%;
    margin: 25px 0 25px 0;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
}

.auctions-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row-title.top h6 {
    font-size: 22px;
    margin: 0;
    color: #000;
}

.preview-image.banner {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 5px;
    float: left;
}

    .preview-image.banner .inner {
        width: 100%;
        position: relative;
        border-radius: 2px;
        overflow: hidden;
        float: left;
    }

    .preview-image.banner .big-image {
        width: 50%;
        position: relative;
        float: left;
    }

        .preview-image.banner .big-image img {
            max-width: 100%;
            height: auto;
            border: 0;
            -ms-interpolation-mode: bicubic;
            vertical-align: middle;
        }

        .preview-image.banner .big-image .text {
            position: absolute;
            top: 30px;
            left: 38px;
            font-size: 32px;
            font-weight: 700;
            color: #323232;
            line-height: 41px;
            max-width: 360px;
        }

    .preview-image.banner .promo-product {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        float: left;
    }

        .preview-image.banner .promo-product .description {
            padding: 3px;
        }

.button-blue {
    background: #118ABD;
    color: #fff;
    padding: 10px;
    float: left;
    font-size: 15px;
}

div#main .button-blue a {
    color: #fff;
}

ul.preview {
    padding-left: 5px;
    list-style-type: none;
    padding-bottom: 10px
}

    ul.preview li {
        margin-bottom: 4px
    }

.icon-remarks-preview {
    margin-bottom: -3px
}

.row-title {
    width: 100%;
    margin: 50px 0 0 0;
    box-sizing: border-box;
    float: left;
}

    .row-title h6 {
        font-size: 22px;
        margin: 0;
        color: #000;
    }

.review_tag.premium {
    color: #b1a770;
    font-weight: bold
}

.img-preview-cover-text.closed {
    background: #8c8787;
    color: #ffffff;
    padding: 8px;
    margin-left: 49px;
}


.img-preview-cover-text {
    position: absolute;
    z-index: 2;
    margin-left: 40px;
    padding: 13px;
    background: #ffffff;
    color: #0e0e0e;
    margin-top: 205px;
    font-weight: bold;
    border: 1px solid;
}


.product-desc .product_title h4 {
    text-transform: inherit;
}

.product .product__thumbnail.lot p.adv {
    font-size: 10px;
    line-height: 15px;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 3px 20px;
}

.product .product__thumbnail.lot p.lot {
    font-size: 10px;
    line-height: 15px;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 3px 20px;
    font-weight: bold;
}

.button-add-to-basket.list {
    padding: 5px 20px 5px;
}

    .button-add-to-basket.list.selected {
        padding: 5px 20px 5px;
    }

    .button-add-to-basket.list input {
        height: 25px;
    }

    .button-add-to-basket.list.selected input {
        height: 25px;
    }

input.checkBox.catalog-chkbx {
    line-height: 12px;
    height: 15px;
}

.button-add-to-basket.list.chkbx {
    padding: 5px 10px 5px;
}

.button-add-to-basket.list input .chkbx {
    height: 15px;
}

.cart-wrapper.list.catalog > input[type="checkbox"]:checked {
    margin: 6px 5px 10px 10px;
}

.cart-wrapper.list.catalog > input[type="checkbox"]:not(:checked) {
    margin: 6px 5px 10px 10px;
}

.item__preview-thumb {
    text-align: center
}

.item-preview .item__preview-thumb {
    padding: 30px 10px 10px;
}

    .item-preview .item__preview-thumb .item-thumb {
        margin-right: 15px;
        margin-bottom: 10px;
        cursor: pointer;
        outline: 0;
    }

.item-info .tab-content-wrapper {
    padding: 10px;
}

.item-info table tbody > tr > td {
    padding: 10px 0 10px 28px;
}

.td-top {
    display: inline-block;
    vertical-align: top;
}

ul.range {
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    height: 100vh;
}

    ul.range li {
        flex: 0 0 2%;
    }

p.number-square {
    background: #f3f3f3;
    padding: 4px;
    color: #6d6b6b;
    height: 35px;
    font-weight: bold;
}

.product-desc p.title {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    max-height: 40px;
    overflow: hidden;
    line-height: 20px;
}

.product-desc p.quality {
    margin: 0;
    font-size: 11px;
    max-height: 20px;
    overflow: hidden;
    line-height: 20px;
}


.result-price {
    font-weight: bold
}

.product-desc p.price {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    max-height: 20px;
    overflow: hidden;
    line-height: 20px;
}

.product-desc p.seller {
    margin: 0;
    font-size: 14px;
    max-height: 20px;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .product-desc p.seller img {
        margin-right: 3px
    }

ul.pagination li div.active {
    background-color: rgb(208, 190, 86);
    color: white;
    border: 1px solid rgb(208, 190, 86);
    cursor: default;
}

ul.pagination li div {
    color: black;
    float: left;
    padding: 3px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    background: #fff;
}

.pagination-area .pagination.small {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.upload_cross.small, .progress_wrapper .p_cross {
    vertical-align: 0;
    margin-left: 4px;
}

.upload_sidebar .card_content ul.promo-auctions li {
    /* list-style-type: disc; */
    line-height: 15px;
    font-size: 14px;
}

ul.card-content li.small.active {
    background-color: #d8e9f5;
    font-weight: bold;
}

.list-information {
    padding: 5px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 1px #cecece solid;
    font-size: 12px
}

.thread_sort_area.paging {
    margin-bottom: 5px;
    padding: 10px 15px;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.Pagingbox-auction {
    float: right;
}

.upload_cross.small, .progress_wrapper .p_cross {
    vertical-align: 0;
    margin-left: 4px;
}

ul.pagination.resp {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: right;
}


.pagination li:first-child div {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child div {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}



ul.pagination li.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li div:hover:not(.active) {
    background-color: #ddd;
}

ul.pagination li div.arrow {
    color: #469cd3
}

ul.pagination li {
    display: inline;
}

.Pagingbox-auction {
    float: right;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: right;
}

label, .form-group p.label {
    text-transform: none;
}

.item-form {
    padding: 5px 15px 5px;
}


.col .form-group.costs {
    margin-bottom: 5px
}

.upload_modules.with--addons.item-costs {
    box-shadow: none;
    margin-bottom: 20px;
}

.upload_modules.with--addons.item-status {
    box-shadow: none;
    margin-bottom: 0;
    font-weight: normal;
}


.col.notice {
    background: #f7f7f7;
    border: 1px solid #d5e3ee;
}

    .col.notice.status {
        padding: 10px;
    }

.showRequestedStartPrice {
    display: none;
    border-top: 1px dotted #c7c3c0;
    padding-top: 30px;
}

input[type="checkbox"].auctionCheckbox {
    height: auto;
    margin-right: 2px;
}

input[type="checkbox"].categoryCheckbox {
    height: auto;
    margin-right: 2px;
}

input[type="checkbox"].normal-check {
    line-height: 0;
    height: auto;
}

span.checkTitle {
    margin-right: 15px;
    color: #292727;
}

.form-start-offer {
    margin-bottom: 40px;
    border-bottom: 1px #d8d8d8 solid;
}

.form-select-sm {
    margin-bottom: 40px;
    border-bottom: 1px #d8d8d8 solid;
}

.box-header {
    border-top: 1px #d8d8d8 solid;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-top: 15px;
    padding-left: 15px;
}

.products.lot label {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    text-transform: none;
    margin-bottom: 4px;
    color: #000;
}

    .products.lot label.choose-cat {
        padding-left: 15px
    }

.hide-requested-price {
    padding-left: 15px
}

.invoice.small {
    font-size: 12px;
    padding-left: 12px;
    border-bottom: 1px solid #ececec;
}

.invoice.nota {
    font-size: 15px;
    border-bottom: 1px solid #ececec;
}

.order-amount.big {
    font-size: 35px
}

.bd-shipment-info.note {
    padding: 0 1rem 0 1rem;
    margin-right: 1rem;
    background: #fdffb7;
    font-style: italic;
    border: 1px #4d2fc1 solid;
    color: #000;
    margin-left: 15px;
    font-weight: 500;
}

.nota.top-link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 10px;
}

    .nota.top-link-list li a {
        padding: 2px 8px;
        color: #000;
        text-decoration: underline !important;
    }

.page-title.nota {
    font-size: 35px
}


h3.paragraph {
    font-size: 18px;
}

.verkoper-bericht {
    background-color: #f1f8ff;
    border-left: 5px solid #007bff;
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.notitie-icoon {
    color: #118ABD;
    cursor: pointer;
}

    .notitie-icoon.bold {
        font-weight: bold
    }

    .notitie-icoon:hover {
        color: #000; /* op hover iets donkerder */
        text-decoration: none;
    }

.textarea-compact {
    height: 40px;
    padding: 4px 6px;
    font-size: 13px;
    min-height: 100px !important;
}

.default-status {
    padding: 5px;
    background: #babfc3;
    color: #ffffff;
}

    .default-status.blue {
        background: #c0ddef;
        color: #101475;
        cursor: pointer;
    }

.cancel-status {
    padding: 5px;
    background: #fff;
    color: #000;
    border: 1px #c7c3c0 solid
}

.text-muted.small {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#tabelContainer {
    background-color: #fff
}


.wijzig-status-btn {
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    border: 1px solid #979393;
    background: #d1d4d5;
    margin: 0;
    text-transform: none;
    font-weight: 500;
    display: inline-block;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    cursor: pointer
}

    .wijzig-status-btn.new {
        font-size: 13px;
        padding: 2px 10px;
        background: #118abd;
        color: #fff;
        font-weight: bold;
        border: 1px #8cd7e3 solid;
    }

.status-cell {
    vertical-align: middle;
}

    .status-cell .status-text {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
    }

.actionButton-list {
    font-size: 10px;
    cursor: pointer;
    padding: 3px;
}

.invoice-row-four {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem; /* vergelijkbaar met gap-4 */
}

.invoice-col {
    flex: 1 1 22%; /* flex-grow, flex-shrink, flex-basis */
    min-width: 200px; /* voor mobiele weergave */
}

.close-modal {
    margin-bottom: 10px;
    color: #fff;
    /* height: 30px; */
    text-decoration: none;
    box-shadow: none;
    margin-right: 10px;
    padding: 6px 7px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    background-color: #118abd;
    font-weight: 700;
    font-size: 1.1rem;
    float: right;
}

.forum_detail_area .forum--replays .forum_single_reply .reply_avatar {
    display: inline-block;
    padding: 8px;
    text-align: center;
    width: 24%;
    word-break: break-all;
}

.breadcrumb.small ul li a {
    font-size: 15px;
    line-height: 25px;
    color: #090242;
    font-weight: bold;
}

.forum_detail_area .forum--replays .forum_single_reply .reply_avatar img {
    width: 30px;
}

.forum_detail_area .forum--replays .forum_single_reply .name_vote p {
    font-size: 12px;
    color: #747a86;
    margin-bottom: 0;
}

.forum_detail_area .forum--replays .forum_single_reply .name_vote h6 span {
    color: #fff;
    background: #0674ec;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}

.avatar-user-left {
    font-size: 13px;
    color: #555555;
    font-weight: normal
}

.avatar-user.left {
    margin-top: 5px
}

    .avatar-user.left .admin {
        color: #fff;
        background: #0674ec;
        font-weight: 400;
        font-size: 11px;
        line-height: 20px;
        display: inline-block;
        padding: 0 10px;
        -webkit-border-radius: 200px;
        border-radius: 200px;
    }

.user-xs {
    font-weight: bold;
    font-size: 13px;
}

.message-line {
    color: #484848;
    font-size: 15px;
}


.forum_detail_area .forum--replays .forum_single_reply .reply_content > p.forum-message {
    margin-bottom: 0;
    margin-top: 1px;
}

.forum_detail_area .forum--replays .forum_single_reply .reply_content {
    width: 70%;
}

    .forum_detail_area .forum--replays .forum_single_reply .reply_content.forum {
        width: 70%;
    }

    .forum_detail_area .forum--replays .forum_single_reply .reply_content > p {
        margin-bottom: 0;
        margin-top: 1px;
    }

.forum_detail_area .forum--replays .forum_single_reply .reply_avatar img.forum-user-image {
    width: 30px;
}



@media screen and (max-width: 767px) {
    .forum_detail_area .forum--replays .forum_single_reply .reply_avatar.forum-avatar {
        width: 100%;
        text-align: left;
    }

    .forum_detail_area .forum--replays .forum_single_reply .reply_content.forum.forum-mobile {
        width: 100%;
        padding-left: 0px;
    }

    .forum_detail_area .forum--replays .forum_single_reply .reply_avatar img.forum-user-image {
        width: 35px;
        float: left;
        margin-right: 12px;
        margin-top: 4px;
    }
}


/*img.forum-user-image{
    width:30px;
}*/

p.small-number {
    font-size: 12px;
    cursor: pointer;
}

.support_thread_right {
    float: right;
}

    .support_thread_right ul li + li {
        margin-left: 10px;
    }

    .support_thread_right ul li {
        display: inline-block;
        text-align: center;
        padding: 5px 18px 7px;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.thread_sort_area .sort_options ul li.small a {
    font-size: 13px;
}

.thread_sort_area.paging {
    margin-bottom: 5px;
    padding: 10px 15px;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.btn {
    text-transform: none;
}

dashboard_contents {
    padding: 20px 0;
}

.dashboard_menu_area .dashboard_menu li a {
    color: #54667a;
    font-size: 15px;
    display: inline-block;
    line-height: 30px;
}

.filter-catalog {
    margin-top: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    padding-left: 8px
}

/* Zoekfilter */

.search-filter-card {
    padding: 18px;
    margin-bottom: 20px;
}

.search-filter-status {
    display: none;
    margin-top: 12px;
    text-align: center;
}

.search-filter-error {
    display: none;
    margin-top: 10px;
    font-size: 12px;
}

.search-filter-results {
    display: none;
    margin-top: 18px;
}

.search-filter-section,
.seller-filter-section {
    margin-bottom: 22px;
}

    .search-filter-section:last-child,
    .seller-filter-section:last-child {
        margin-bottom: 0;
    }

.seller-filter-section {
    padding-bottom: 15px;
    padding-left: 8px;
}

    .search-filter-title,
    .search-filter-section h4,
    .seller-filter-section h4 {
        margin-bottom: 8px;
        font-weight: 600;
    }

    .search-filter-section h4,
    .seller-filter-section h4 {
        font-size: 16px;
    }

.search-filter-row {
    margin-bottom: 3px;
}

.search-filter-link {
    display: block;
    padding: 5px 7px;
    line-height: 1.35;
    text-decoration: none;
}

    .search-filter-link:hover,
    .search-filter-link:focus {
        text-decoration: none;
    }

.search-filter-row.is-active .search-filter-link {
    border: 1px solid #777;
    font-weight: 600;
}

/* Checkbox- en radio-opties */

.search-filter-option {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0 0 6px;
    padding: 4px 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.35;
}

    .search-filter-option:hover,
    .search-filter-option.is-selected {
        background-color: #f5f5f5;
    }

    .search-filter-option.is-selected {
        font-weight: 600;
    }

    .search-filter-option input[type="radio"],
    .search-filter-option input[type="checkbox"] {
        flex: 0 0 auto;
        height: auto;
        margin: 2px 0 0;
    }

    .search-filter-option span,
    .search-filter-option-text {
        flex: 1;
        min-width: 0;
        color: #000;
        font-weight: 500;
    }

.search-filter-count,
.search-filter-option-count {
    white-space: nowrap;
}

.search-filter-count {
    margin-left: 3px;
    color: #888;
}

/* Filterbenamingen */

.catalog-filter-name,
.seller-filter-name {
    color: #000;
    font-weight: 500;
}

    .catalog-filter-name:hover,
    .seller-filter-name:hover {
        text-decoration: underline;
    }

/* Actieknoppen */

.search-filter-actions {
    margin-top: 18px;
}

    .search-filter-actions .btn + .btn {
        margin-top: 8px;
    }

.btn.main-filter {
    border: 1px solid #ececec;
    background: #fff;
    color: #000;
    box-shadow: none;
}

.main-filter:hover {
    background: #f8f5f5;
    color: #000 !important;
    box-shadow: none;
}

.main-filter:focus {
    background: #fff;
    color: #000;
    box-shadow: none;
}

.btn.apply {
    background: #000;
    color: #fff;
}

    .btn.apply:hover {
        background: #312f2f;
        color: #fff !important;
    }

.btn.erase:hover {
    background: #f8f5f5;
    color: #000 !important;
    box-shadow: none;
}
/* Mobiele filterknop */

.btn.search-filter-toggle {
    position: relative;
    width: 100%;
    padding-right: 36px;
    padding-left: 15px;
    text-align: left;
}

.search-filter-toggle #searchFilterButtonIcon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

/* Tablet en mobiel */

@media (max-width: 991px) {
    .search-filter-card {
        margin-bottom: 25px;
    }

    .search-filter-results {
        padding-right: 5px;
        padding-left: 5px;
    }

    .search-filter-option {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

#catalogActiveFilters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
}

    #catalogActiveFilters li {
        margin: 0;
    }

.catalog-active-filter,
.seller-active-filter-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #f6f6f6;
    border: 1px solid #b6b0b0;
    border-radius: 5px;
    padding: 6px 10px;
    color: #000 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
}

.catalog-active-filter-name {
    display: inline-flex;
    align-items: center;
    line-height: 14px;
}

.catalog-active-filter .search-filter-count,
.seller-active-filter-remove .search-filter-count {
    display: inline-flex;
    align-items: center;
    line-height: 14px;
}

.catalog-active-filter .lnr-cross,
.seller-active-filter-remove .lnr-cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin: 0 !important;
    padding: 0;
    color: #fff;
    background: #333;
    border-radius: 50%;
    font-size: 8px;
    line-height: 14px;
    vertical-align: middle !important;
    flex: 0 0 14px;
}

.catalog-active-filter:hover,
.seller-active-filter-remove:hover {
    color: #000 !important;
    text-decoration: none;
}

.dashboard_menu_area.filter
.dashboard_menu li
a.catalog-active-filter
span.lnr-cross {
    vertical-align: middle !important;
    margin: 0 !important;
    font-size: 8px;
    font-weight: bold
}

.head-active-filter {
    margin-bottom: 2px;
    padding-left: 5px;
    color: #353333;
    font-size: 11px;
}

/* Actieve filters naast elkaar en automatisch laten afbreken */
#sellerActiveFilters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    /* Voorkom oude dashboard-menu-opmaak */
    #sellerActiveFilters > li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    /* Iedere filterchip blijft als één geheel bij elkaar */
    #sellerActiveFilters .catalog-active-filter {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
    }

/* Wrapper niet onnodig breed of hoog maken */
#sellerActiveFiltersWrapper .container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

#sellerActiveFiltersWrapper .row {
    margin-left: 0;
    margin-right: 0;
}

#sellerActiveFiltersWrapper .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.active-filter-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.active-filter-title {
    font-size: 11px;
    color: #777;
}

.clear-all-filters {
    font-size: 11px;
    color: #418ab0;
    text-decoration: none;
}

    .clear-all-filters:hover {
        text-decoration: underline;
    }

@media (max-width: 991px) {
    .search-filter-card {
        margin-bottom: 25px;
    }
}

.nota.dashboard_menu {
    display: flex;
    flex-wrap: wrap; /* Breek naar nieuwe regel als nodig */
    justify-content: flex-start; /* Linkse uitlijning */
    gap: 10px 30px; /* verticale en horizontale ruimte tussen items */
    background: #fff;
    padding: 15px 25px;
    border-bottom: 1px solid #ececec;
}

    .nota.dashboard_menu.seller-logo {
        border-bottom: none;
        padding-bottom: 0
    }

    .nota.dashboard_menu li {
        list-style: none;
        flex: 0 1 auto; /* laat items hun breedte behouden, maar wel afbreekbaar */
    }

        .nota.dashboard_menu li a {
            color: #0674ec;
            display: flex;
            align-items: center;
            font-size: 11px;
            line-height: 1.4;
            text-decoration: none;
            border: 1px solid #b9bcbf;
            border-radius: 4px;
            padding: 6px 12px;
            transition: all 0.2s ease-in-out;
            background-color: #fff;
            font-weight: bold;
        }

            .nota.dashboard_menu li a:hover {
                color: #0056b3; /* kleurverandering bij hover */
            }

            .nota.dashboard_menu li a span.lnr {
                font-size: 18px;
                margin-right: 8px;
            }

/* Responsive tuning: compacte weergave op kleine schermen */
@media (max-width: 576px) {
    .nota.dashboard_menu {
        gap: 8px 15px;
        padding: 10px 15px;
    }

        .nota.dashboard_menu li a {
            font-size: 12px;
            padding: 5px 8px;
            border-radius: 3px;
            line-height: 1.2;
        }

            .nota.dashboard_menu li a span.lnr {
                font-size: 16px;
                margin-right: 6px;
            }
}



.alert.new-alert-success {
    color: #167915;
    background: #c1dfbc;
    border-color: rgba(119, 222, 81, 0.1);
    font-weight: bold;
}

.nota-status {
    padding: 3px 3px 3px 5px;
    font-weight: bold;
    font-size: 12px;
}

    .nota-status.afgehandeld {
        background-color: #61b557;
        color: #fff;
    }

    .nota-status.teBetalen {
        background-color: #b7b7b7;
        color: #fff;
    }

    .nota-status.betaald {
        background-color: #11abc3;
        color: #fff;
    }

    .nota-status.geannuleerd {
        color: #080808;
        border: 2px solid #000;
    }

    .nota-status.nota-maken {
        background-color: #babfc3;
        color: #fff;
    }

.auctionDDListbox {
    font-size: 14px; /* Grotere tekst */
    line-height: 1.8; /* Meer verticale ruimte binnen optie */
    padding: 6px 10px; /* Ruimte binnen het select-element zelf */
    min-height: 40px; /* Grotere klikbare hoogte */
}

    .auctionDDListbox option {
        font-size: 14px;
        line-height: 1.8;
        padding: 6px 10px;
    }

.cart_calculation.finalize-order {
    background: #f4f5f8;
}

.cart--subtotal.finalize {
    padding-top: 20px !important;
}

.cart_calculation .cart--subtotal p, .cart_calculation .cart--total p.finalize {
    font-size: 13px
}

/*.input-group.shipping.finalize .input-group-addon {
    position: relative;
    display: inherit;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    font-size:13px !important;
}*/

.input-group.shipping {
    position: relative;
    display: inherit;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.single_product.nota {
    padding: 10px;
    font-size: 13px
}



alert .small {
    font-size: 12px;
    margin-bottom: 15px
}

.alert-small {
    font-size: 12px
}

.row.head {
    padding: 15px 25px;
}

.btn-nota-xs {
    padding: 0.25rem 0.4rem !important;
    font-size: 0.75rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
    background-color: #babfc3 !important;
}

.nota-text-xs {
    font-size: 9px
}

.nota-text.title {
    font-weight: bold;
    font-size: 18px;
    color: #143642;
    text-decoration: none;
    margin-right: 0.25rem;
}

    .nota-text.title:hover {
        text-decoration: underline;
    }

.head-area {
    padding: 10px 10px 10px 15px;
    font-size: 12px;
    font-weight: bold
}

.th-head {
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 10px 0 10px 20px !important;
}

.highlight-border {
    border: 3px solid #ffc107 !important;
    box-shadow: 0 0 10px #ffc107 !important;
    background-color: #fff9e6 !important;
}

.nota-status-orderStatusColor {
    padding-left: 15px
}

.commissionOrder.betaald {
    background-color: #11abc3;
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

.commissionOrder.teBetalen {
    background-color: #b7b7b7;
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

.commissionOrder.gearchiveerd {
    background-color: #b7b7b7;
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

.commissionOrder.geannuleerd {
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #080808;
    border: 2px solid #000;
}

.alert.new-alert-success.wizzard {
    margin-bottom: 0px
}


.li-met-streepjes li {
    margin-right: 10px;
    position: relative;
    padding-right: 10px;
}

    .li-met-streepjes li:not(:last-child)::after {
        content: "|";
        position: absolute;
        right: 0;
        color: #999;
    }



.author-area__seller-btn {
    background: #292626;
    display: inline-block;
    -webkit-border-radius: 0;
}

.searc-wrap .search-wrap__btn {
    background: #292626;
}

.thread_search_area.top-small {
    padding: 10px;
    float: right
}

.searc-wrap.top-small {
    margin-bottom: 15px;
    border: 1px #838181 solid;
}


.searc-wrap .searc-wrap.top-small {
    border: 1px solid !important;
}

.searc-wrap .search-wrap__btn.top-small {
    height: 40px !important;
    width: 125px !important;
    background: #5f5e5a !important;
    cursor: pointer;
}

    .searc-wrap .search-wrap__btn.top-small:hover {
        background: #2f2e2c !important;
    }


.mobile_content .menu_icon {
    background: #292626;
}

    .mobile_content .menu_icon.topmenu {
        padding: 0 10px;
    }



.mainmenu__menu .navbar-nav > li > a {
    font-weight: 500;
    padding: 0;
    font-size: 15px;
    line-height: 42px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #333333;
    text-transform: inherit;
}

.page-title {
    font-weight: bold;
    overflow-wrap: break-word;
}

    .page-title.verkocht {
        padding: 15px 0px 15px 0px
    }

.col-md-12.notas {
    background-color: #eaeae8;
}

.input-sort.notas {
    font-size: 11px;
}

ul.bd-pager {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin: 0;
    gap: 4px;
}

.bd-pager .bd-page-item {
    display: inline;
}

.bd-pager .bd-page-link {
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .bd-pager .bd-page-link i {
        vertical-align: middle;
    }

    .bd-pager .bd-page-link:hover {
        background-color: #f2f2f2;
        color: #000;
    }

.bd-pager .bd-page-item.active .bd-page-link {
    background-color: #b9b9b9;
    border-color: #949a9d;
    color: #fff;
    font-weight: bold;
    cursor: default;
}

.bd-pager .bd-page-item.disabled .bd-page-link {
    background-color: #eee;
    border-color: #ddd;
    color: #999;
    pointer-events: none;
    cursor: not-allowed;
}


/* highlight bij "Breng me naar het eerste ontbrekende" */
.block-attention {
    border-left: 6px solid #dc3545 !important;
    padding-left: 10px;
}

/* =========================
   Offer-to-auctioneer hints
   ========================= */

.js-offer-auctioneer.is-incomplete .btn {
    border-left: 6px solid #dc3545 !important;
    padding-left: 10px;
}

.offer-hint {
    font-size: 12px;
    margin-left: 6px;
    opacity: .95;
    white-space: nowrap;
}

.offer-hint--bad {
    color: #dc3545;
    font-weight: 700;
}

.offer-hint--ok {
    color: #2e9b3a;
    font-weight: 700;
}

.wizzard-offer-auctioneer {
    background: #dc6e15 !important;
    color: #fff !important;
    border: none !important;
}



/* =========================
   Status badge kleuren
   (geen padding hier; spacing zit in .bd-status-badge)
   ========================= */
.status-style-1 {
    --bd-status-text: #656463;
    color: var(--bd-status-text);
    background-color: #f3f3f3;
    border: 1px #DDDDDD solid;
}

.status-style-2 {
    --bd-status-text: #656463;
    color: var(--bd-status-text);
    background-color: #f3f3f3;
    border: 1px #DDDDDD solid;
}

.status-style-inactive {
    --bd-status-text: #fff;
    color: var(--bd-status-text);
    background-color: #62b96f;
}

.status-style-4 {
    --bd-status-text: #fff;
    color: var(--bd-status-text);
    background-color: #0a2f10;
}

.status-style-5 {
    --bd-status-text: #656463;
    color: var(--bd-status-text);
    background-color: #ffef97;
    border: 1px solid #dcc85a;
}

.status-style-3 {
    --bd-status-text: #656463;
    color: var(--bd-status-text);
    background-color: #f3f3f3;
    border: 1px #DDDDDD solid;
}

a.bd-status-badge.status-style-6 {
    color: #fff !important;
    background-color: #118ABD;
    margin-top: 3px
}

    a.bd-status-badge.status-style-6:hover {
        color: #fff !important;
        background-color: #118ABD;
    }

/* =========================
   Status UI (label + badge)
   ========================= */

/* container blijft rechts in col-lg-2 */
.bd-statusline {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start; /* label links boven badge */
    justify-content: flex-start;
    text-align: left;
    gap: 3px;
}

/* label altijd linksboven badge */
.bd-status-label {
    font-size: 11px;
    color: #6c757d;
    letter-spacing: .3px;
    line-height: 1;
    margin: 0;
}

/* Rechthoekige badge die mag groeien / wrappen */
.bd-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px; /* rechthoek, subtiel afgerond */
    min-height: 20px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: .2px;
    /* belangrijk: lange tekst blijft binnen en mag wrappen */
    white-space: normal;
    overflow-wrap: anywhere;
    /* links zijn -> gedraagt als button */
    text-decoration: none;
}

/* Link mag NOOIT blauw/paars worden, en ook niet zwart gaan erven van parent */
a.bd-status-badge,
a.bd-status-badge:hover,
a.bd-status-badge:focus,
a.bd-status-badge:active {
    color: var(--bd-status-text) !important;
    text-decoration: none !important;
}

.bd-status-live-dot {
    display: inline-block;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    border-radius: 50%;
    background: #28a745;
}

.bd-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Verkocht: groen rondje met wit vinkje */
.bd-status-sold-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    margin-right: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 14px !important;
    border: 1px solid #2bb457 !important;
    border-radius: 50% !important;
    background: #fff !important;
    font-family: Arial, sans-serif !important;
    line-height: 1 !important;
}

    .bd-status-sold-icon::before {
        content: "✓" !important;
        color: #2bb457 !important;
        font-family: Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

/* =========================================================
   BOBBEDOES STATUSBADGES
   Goedgekeurd / Verkocht / Actief
   ========================================================= */

/* STATUS 10 - GOEDGEKEURD */
.bd-status-badge.bd-status--approved {
    background: #f0faf2;
    border: 1px solid #a6ddb6;
    color: #138344;
}

/* STATUS 40 - VERKOCHT */
.bd-status-badge.bd-status--sold {
    background: #f5f8f6;
    border: 1px solid #c5d5cc;
    color: #344f40;
}

/* STATUS 20 - ACTIEF */
.bd-status-badge.bd-status--active {
    background: #ffffff;
    border: 1px solid #d8dee5;
    color: #344054;
}

/* ICONEN */
.bd-status-badge.bd-status--approved .bd-status-icon {
    color: #138344;
}

.bd-status-badge.bd-status--sold .bd-status-icon {
    color: #476454;
}

/* Zorg voor nette uitlijning */
.bd-status-badge .bd-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
}




.items-sidebar-live-dot {
    display: inline-block;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c5cdd2;
}

    .items-sidebar-live-dot.is-live {
        background: #28a745;
    }

.items-sidebar-mobile-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

/* Hover-effect alleen op achtergrond/helderheid */
a.bd-status-badge--clickable:hover {
    filter: brightness(0.93);
}

/* tekstdeel */
.bd-status-text {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
}

.bd-status-badge--clickable {
    cursor: pointer;
    text-decoration: none;
}

    .bd-status-badge--clickable:hover {
        color: inherit !important;
        text-decoration: none !important;
        filter: brightness(0.93);
        transform: translateY(-1px);
    }

/* info-icoon altijd rechts (niet meewrappen) */
.bd-status-info-inline {
    margin-left: 6px;
    font-size: 13px;
    opacity: .85;
    flex: 0 0 auto;
}

.bd-status-badge--clickable:hover .bd-status-info-inline {
    opacity: 1;
}

/* (optioneel) jouw statusIconClass, als je die later terugzet */
.bd-status-icon {
    font-size: 14px;
    line-height: 1;
}

/* groen vinkje bij goedgekeurd/ingepland (alleen als je icoon gebruikt) */
.bd-status-badge--ok .bd-status-icon {
    color: #2e9b3a;
}

/* =========================
Omschrijving tekst (met enters behouden)
========================= */

.bd-desc-text {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    line-height: 1.35;
}


/* =========================
Inklapbare omschrijving (clamp)
========================= */

.bd-desc-clamp {
    position: relative;
    overflow: hidden;
    max-height: calc(1.35em * 8 + 6px);
}

.bd-desc-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 26px;
    background: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,1) );
    pointer-events: none;
}

.bd-desc-clamp.is-open {
    max-height: none;
}

    .bd-desc-clamp.is-open .bd-desc-fade {
        display: none;
    }


/* =========================
Toggle knop voor omschrijving
========================= */

.bd-toggle-btn {
    font-size: 9px;
    border: 1px solid #a8a1a1 !important;
    line-height: 25px;
}


/* =========================
Auctioneer message blok
========================= */

.bd-auctioneer-msg {
    display: inline-block;
    max-width: 640px;
    padding-top: 2px;
}

.bd-auctioneer-msg__label {
    font-size: 11px;
    opacity: .75;
    margin-bottom: 2px;
}

.bd-auctioneer-msg__text {
    font-size: 13px;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}


/* =========================
Extra status ruimte
========================= */

.bd-status-extra {
    width: 100%;
}

.page-title-description {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

.btn-dest {
    background: #fff;
    box-shadow: none;
    color: #000;
    font-weight: bold;
    padding: 0;
    font-size: 15px;
    line-height: 40px;
    margin: 0;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    border: none;
}

    .btn-dest.smaller {
        font-size: 12px
    }

.form-group p.label.label-item-feature {
    margin-bottom: 2px;
    line-height: 20px;
    padding-top: 10px;
    font-size: 12px
}

    .form-group p.label.label-item-feature.smaller {
        line-height: 7px !important;
        padding-top: 8px;
        font-size: 9px;
        color: #434c47
    }

.upload_modules .form-group, .withdraw_module .form-group.shipping {
    margin-bottom: 10px !important;
}

.form-group.viewItem {
    border: 1px #dee2e6 solid;
    padding: 10px;
    margin-bottom: 0 !important;
}

    .form-group.viewItem.only-border-bottom {
        border: none; /* eerst alles uitzetten */
        border-bottom: 1px #dee2e6 solid; /* daarna alleen onderkant */
    }


.label.bold {
    font-weight: bold !important;
}

.no-order {
    color: #b6b1b1;
    font-size: 11px;
    padding-top: 10px;
}

.form-group.viewItem {
    position: relative;
}

.bd-flag-col {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: stretch; /* vult de hoogte van de row */
}

.bd-vertical-flag {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #897b24;
    background: #f8f9fa;
    border-right: 1px solid #dee2e6; /* scheidingslijntje */
    font-weight: bold;
}

.bd-header-title {
    font-size: 11px;
    font-weight: bold;
    color: #897b24;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.single-product-desc.itemheader {
    padding-bottom: 0;
    padding-top: 15px;
}

.container.itemheader {
    background: #fff;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.form-group.viewItem.headerbar {
    border: none;
    padding: 0 25px;
}


.sweet-alert input.swal-shift-input {
    display: block !important;
}

/* SweetAlert altijd boven menu en overige pagina-elementen */
.swal2-container {
    z-index: 99999 !important;
}

.swal2-confirm {
    background-color: #008fc5 !important;
    border-color: #008fc5 !important;
}

    .swal2-confirm:hover,
    .swal2-confirm:focus,
    .swal2-confirm:active {
        background-color: #007eae !important;
        border-color: #007eae !important;
    }

.swal2-cancel {
    background: transparent !important;
    border: none !important;
    color: #222 !important;
    box-shadow: none !important;
}

    .swal2-cancel:hover,
    .swal2-cancel:focus,
    .swal2-cancel:active {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-decoration: underline;
    }

/* container */
.bd-statusmini {
    font-size: 11px;
}

/* titel */
.bd-statusmini-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
}

/* lijst */
.bd-statusmini-list {
    width: 100%;
}

/* rij */
/* rij */
.bd-statusmini-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 4px 0;
}

/* datum kolom */
.bd-col-date {
    flex: 0 0 125px; /* vaste breedte */
    flex-shrink: 0; /* datum mag niet krimpen */
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.2;
    color: #333;
}

/* titel kolom */
.bd-col-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    line-height: 1.25;
    white-space: normal; /* tekst mag naar volgende regel */
    word-break: normal; /* breek op woorden */
    overflow-wrap: break-word;
}

    /* highlight */
    .bd-col-title.highlight {
        color: #c76621;
    }

.bd-statusmini-row:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

/* =========================
   Borderlist skeleton loader
   (AJAX + per-image shimmer)
   ========================= */

/* wrapper */
.bd-borderlist-wrap {
    width: 100%;
}

/* ====== 1) Skeleton cards (tijdens AJAX laden) ====== */

.bd-skel-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 12px;
    background: #fff;
}

/* foto placeholder */
.bd-skel-img {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    background: #e9ecef;
    margin-bottom: 10px;
}

/* tekst regels */
.bd-skel-line {
    height: 12px;
    border-radius: 6px;
    background: #e9ecef;
    margin-bottom: 8px;
}

    .bd-skel-line.small {
        height: 10px;
        width: 70%;
    }

/* ====== 2) Shimmer effect (algemeen) ====== */

.bd-shimmer {
    position: relative;
    overflow: hidden;
}

    .bd-shimmer:before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 100% );
        transform: translateX(-100%);
        animation: bdShimmer 1.1s infinite;
    }

@keyframes bdShimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* ====== 3) Per-image shimmer (na AJAX, tijdens img laden) ======
   Gebruik op de thumbnail wrapper: .bd-thumb.bd-thumb--loading
*/

.bd-thumb {
    position: relative;
    overflow: hidden;
}

/* zolang image laadt */
.bd-thumb--loading:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, #e9ecef 25%, #f8f9fa 37%, #e9ecef 63% );
    background-size: 400% 100%;
    animation: bdThumbShimmer 1.1s ease-in-out infinite;
    z-index: 2;
}

/* img verbergen tot geladen */
.bd-thumb--loading img {
    opacity: 0;
}

/* fade-in image */
.bd-thumb img {
    opacity: 1;
    transition: opacity .2s ease;
    position: relative;
    z-index: 1;
}

@keyframes bdThumbShimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* =========================
   SHM Skeleton + Image shimmer
   ========================= */

/* card */
.shm-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
}

/* reserveer cover-ruimte zodat de rij niet springt */
.shm-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 150 / 199; /* cover formaat */
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

/* regels onder cover */
.shm-line {
    height: 12px;
    border-radius: 6px;
    margin-top: 8px;
    background: #e9ecef;
}

    .shm-line.shm-title {
        width: 90%;
    }

    .shm-line.shm-price {
        width: 55%;
        height: 11px;
    }

/* shimmer effect (voor skeleton blocks) */
.shm-loading {
    position: relative;
    overflow: hidden;
}

    .shm-loading::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, #e9ecef 25%, #f6f7f8 37%, #e9ecef 63% );
        background-size: 400% 100%;
        animation: shmShimmer 1.15s ease-in-out infinite;
    }

@keyframes shmShimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* =========================
   SHM: echte thumbs (voor je echte items)
   ========================= */

/* dit is jouw echte wrapper in item partial: <div class="... shm-thumb shm-thumb-loading"> */
.shm-thumb.shm-thumb-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, #e9ecef 25%, #f6f7f8 37%, #e9ecef 63% );
    background-size: 400% 100%;
    animation: shmShimmer 1.15s ease-in-out infinite;
    z-index: 2;
}

/* image vult de gereserveerde ruimte, override legacy .lot-list-image.grid width:140px */
.shm-thumb img.lot-list-image.grid {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    display: block;
    object-fit: contain; /* cover als je wil snijden */
    background: #fff;
    opacity: 1;
    transition: opacity .25s ease;
}

/* zolang loading -> img onzichtbaar */
.shm-thumb.shm-thumb-loading img {
    opacity: 0;
}

/* shimmer placeholder voor knop boven home borderlist */
.shm-org-wrap {
    margin-bottom: 20px;
    text-align: center;
}

.shm-org-btn {
    width: 320px;
    max-width: 100%;
    height: 44px;
    margin: 0 auto;
    border-radius: 8px;
    background: #e9ecef;
}

/* =========================
   SHM knop placeholder
   ========================= */

.shm-btn-organized {
    width: 320px;
    max-width: 100%;
    height: 44px;
    margin: 0 auto;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background: #e9ecef;
}

    /* shimmer animatie op knop */

    .shm-btn-organized.shm-loading::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, #e9ecef 25%, #f6f7f8 37%, #e9ecef 63% );
        background-size: 400% 100%;
        animation: shmShimmer 1.2s ease infinite;
    }

/* =========================
   Aanbod top keuzevakken
   ========================= */

.aanbod-top-wrap {
    padding-bottom: 24px;
    margin-bottom: 28px;
    border-bottom: 1px solid #dcdcdc;
}

/* desktop cards */
.aanbod-feature-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 140px;
    padding: 16px 18px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
    transition: box-shadow .2s ease, transform .2s ease;
}

    .aanbod-feature-card:hover {
        box-shadow: 0 3px 12px rgba(0,0,0,0.08);
        transform: translateY(-1px);
    }

    .aanbod-feature-card .feature__img {
        flex: 0 0 88px;
        width: 88px;
        margin-bottom: 0;
    }

        .aanbod-feature-card .feature__img img {
            width: 88px;
            height: 88px;
            object-fit: cover;
            border-radius: 8px;
            display: block;
        }

    .aanbod-feature-card .feature__title,
    .aanbod-feature-card .feature__desc {
        margin: 0;
    }

    .aanbod-feature-card .feature__title {
        flex: 1 1 auto;
        padding-bottom: 5px !important;
        padding-top: 5px !important;
    }

        .aanbod-feature-card .feature__title h3 {
            font-size: 20px;
            line-height: 1.2;
            margin: 0 0 8px 0;
            text-align: left
        }

    .aanbod-feature-card .feature__desc {
        flex: 1 1 auto;
        text-align: left !important
    }

        .aanbod-feature-card .feature__desc p {
            margin-bottom: 10px;
        }

/* hele kaart klikbaar houden zonder rare linkstijl */
.aanbod-top-wrap a {
    color: inherit;
    text-decoration: none;
}

/* mobiel blokken iets luchtiger */
@media screen and (max-width: 575px) {

    .features.section--padding2.aanbod-page {
        padding-top: 25px;
    }

    .aanbod-feature-card {
        padding: 12px 14px;
        min-height: 100px;
    }

    .aanbod-feature-img {
        flex: 0 0 64px;
    }

        .aanbod-feature-img img {
            width: 64px;
            height: 64px;
        }

    .aanbod-top-wrap {
        padding-bottom: 20px;
        margin-bottom: 24px;
    }

    .product_archive.added_to__cart .single_product {
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        padding: 12px;
        margin-bottom: 12px;
        background: #fff;
    }

    .product_archive.added_to__cart .product__description {
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .product_archive.added_to__cart .product__description img {
            width: 72px;
            height: 72px;
            object-fit: cover;
            border-radius: 8px;
            flex: 0 0 72px;
        }

    .product_archive.added_to__cart .short_desc h4 {
        margin-bottom: 6px;
        font-size: 18px;
    }

    .product_archive.added_to__cart .short_desc p {
        margin-bottom: 0;
    }
}

/* als je ooit icoon in rood gebruikt */
.status-style-2 .bd-status-icon {
    color: #fff;
}

.shipping-alert {
    border-radius: 12px;
    border: 0;
    background: #f7f7f7;
    color: #212529;
    font-size: 13px;
    padding: 10px;
}

.nota-admin-user-profile {
    font-size: 11px;
    color: #000;
    background-color: #c7c3c0;
    padding: 5px
}

/* biedpaneel*/
.detail-aside {
    top: 16px;
}

/* Verwijder focus-glow alleen voor muis/tap, behoud voor toetsenbord */
.btn-follow:focus:not(:focus-visible),
.btn-follow:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Als je ook de variant met .btn-check gebruikt */
.btn-check:focus + .btn-follow,
.btn-check:active + .btn-follow {
    outline: none !important;
    box-shadow: none !important;
}

/* Als de container een :focus-within stijl heeft (soms bij custom CSS) */
.follow-box:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

/* iOS tap highlight weghalen (optioneel) */
button, a, .btn, .btn-follow {
    -webkit-tap-highlight-color: transparent;
}


.btn-follow {
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

    .btn-follow:hover:before {
        background: none
    }

.item-quality {
    font-weight: normal;
    font-size: 15px;
}

/* consistente spacing onder de gallery */
.detail-description {
    margin-top: 8px;
}

/* optioneel: egale kaartlook voor bidgedeelte */
.detail-aside .card,
.detail-aside .item-bid,
.detail-aside .item-time-blue,
.detail-aside .item-time-red,
.detail-aside .statusblock {
    border-radius: 10px;
}

/* Header als 2-koloms grid: links tekst die vrij mag afbreken, rechts follow-box */
.item-header-grid {
    display: grid;
    grid-template-columns: 1fr auto; /* links flexibel, rechts zo smal als nodig */
    align-items: start;
    column-gap: 12px;
}

/* Linkerkant mag afbreken; geen ellipsis */
.item-header-left h1, .item-header-left {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
    hyphens: auto;
    font-size: 22px;
    font-weight: bold;
}

/* Rechterkant tegen de rand en compact */
.item-header-right {
    justify-self: end; /* zet de kolom helemaal rechts in het grid */
}

.follow-box {
    white-space: nowrap; /* teller + knop op één regel */
}

/* Optioneel: iets meer lucht bij de status */
.item-header-left .item-status {
    margin-top: .125rem;
}

/* Op heel smal scherm kun je de follow-box onder de titel laten vallen.
   Wil je 'm per se rechts houden ook op XS? Laat deze media dan weg. */
@media (max-width: 420px) {
    .item-header-grid {
        grid-template-columns: 1fr; /* stapel onder elkaar */
        row-gap: 8px;
    }

    .item-header-right {
        justify-self: start;
    }
    /* of end, als je ‘m rechts wilt laten staan */
}

.card-header .nav-tabs .nav-link {
    padding: .5rem .75rem;
    font-weight: 600;
}

.card .table td, .card .table th {
    padding: .5rem .75rem;
}

.card .small {
    line-height: 1.5;
}

.detail-card {
    background: none !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.card-header.detail-view {
    background: none;
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.mb-0.detail-view {
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
}

.rounded-pill {
    font-size: 11px;
    padding: 2px;
    margin-right: 5px;
}

.card-body.detail-inner {
    padding: 10px 10px 1px 20px;
}

    .card-body.detail-inner.first {
        margin-bottom: 25px
    }

.add-info {
    padding-top: 15px
}

.fw-semibold {
    font-weight: bold;
    font-size: 16px
}

.report-info {
    font-size: 11px;
    padding-top: 20px;
    margin-bottom: 20px
}

.sell-o {
    font-weight: bold
}

.mb-1.top {
    margin-top: 8px
}

.shipping-list {
    font-size: 12px
}

    .shipping-list li {
        gap: 1.25rem;
    }
/* ~20px */

/* ===== Variabelen ===== */
.pg {
    --gap: 12px;
    --thumbW: 90px;
    --thumbH: 90px;
}

/* Hoofdfoto */
.pg-main {
    max-width: 720px;
    margin: 0 auto;
}

.pg-main-link {
    display: block;
}

.pg-main-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}

/* Teller */
.pg-count {
    text-align: center;
    font-weight: 600;
    margin: 10px 0 14px;
    color: #222;
}

/* Carrousel */
.pg-strip {
    display: flex;
    align-items: center;
    justify-content: center; /* netjes onder hoofdfoto */
    gap: var(--gap);
    margin-top: 8px;
    margin-bottom: 24px;
}

/* Viewport: geen vaste breedte meer; JS berekent ‘m */
.pg-viewport {
    overflow: hidden;
    max-width: 100%;
    flex: 0 0 auto;
}

/* Track schuift met transform */
.pg-track {
    display: flex;
    gap: var(--gap);
    transition: transform .25s ease;
    will-change: transform;
}

/* Thumbs: niet krimpen, exact var-breedte */
.pg-thumb {
    flex: 0 0 var(--thumbW);
    width: var(--thumbW);
    height: var(--thumbH);
    padding: 0;
    background: #fff;
    cursor: pointer;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    border: none
}

    .pg-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .pg-thumb.active {
        border: 4px solid #ebae23;
    }

/* Pijlen groter + klikbaar */
.pg-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: 1px solid #000;
    color: #000;
    background: #fff;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    user-select: none;
}

    .pg-nav:hover {
        background: #f7f7f7;
    }

    .pg-nav[disabled] {
        opacity: .4;
        cursor: default;
    }

/* Mobiel */
@media (max-width: 576px) {
    .pg {
        --thumbW: 80px;
        --thumbH: 80px;
    }

    .pg-nav {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .pg-main {
        max-width: 100%;
    }

    .pg-strip {
        margin-bottom: 36px;
    }
}



.view-description-edit {
    font-size: 13px
}

/* === Toolbar layout === */
.admin-toolbar__list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .5rem;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.92rem; /* iets kleiner */
}

.admin-toolbar__list {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
}

    .admin-toolbar__list .spacer {
        flex: 1 1 auto;
    }

.btn-outline-info {
    background: #f7f7f7;
    padding: 4px;
    color: #000;
    border: 1px #e0e0e0 solid;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.2;
}

.lnr-magic-wand.wizzard {
    margin-right: .25rem;
}

.bi-star-fill.yellow {
    background: #fcff43
}

.admin-toolbar__list > li {
    display: flex;
    align-items: center;
}

.admin-toolbar__select {
    min-width: 150px;
}

.admin-toolbar .btn i {
    margin-right: .25rem;
}

.admin-toolbar .btn-sm {
    line-height: 1.2;
}

@media (max-width: 576px) {
    .admin-toolbar__select {
        min-width: 100%;
    }
}

.search-and-filter-div.notas {
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.filter-button.notas {
    padding: 0px 10px;
    color: #000;
    border-color: #000;
    font-size: 12px;
}

.bulk-link.notas {
    color: #000;
    font-size: 12px
}

.sellername-span {
    font-weight: bold;
    font-size: 14px;
}

.sellerlink-block {
    display: block;
    font-size: 10px;
    background: #f9f7f7;
    line-height: 26px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    padding: 0 15px;
    color: #58c9e9;
    font-weight: 500;
    border: 1px solid;
}

.notas.total-items {
    display: block
}

.bolder {
    font-weight: bolder;
}

.breadcrumb.black.underline {
    border-bottom: 1px #d8d8d8 solid;
    margin-bottom: 30px;
}

.page-title span {
    font-weight: normal;
    font-size: small;
    margin-right: 2px;
    padding: 2px;
    color: #888484;
}

    .page-title span.bold.right {
        font-weight: bold;
        float: right
    }

.input-group-addon.price {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background: #fff;
    border-radius: 4px;
}

.swal-custom-input {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 16px;
    padding: 0 12px;
}

.swal-custom-textarea {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    min-height: 80px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 8px 12px;
}

.products.lot label.bold {
    font-weight: 600;
}

.form-control.price {
    display: block;
    font-size: 18px;
    height: inherit;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.section--padding2 {
    padding: 20px 0 120px;
}




/****** HIERONDER STAAT OUDE CSS OP TERMIJN VERWIJDEREN ******/

div#wrapper {
    width: 100%;
    background-color: #C7C3C0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}



div#msgwrapper {
    width: 450px;
    background-color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: thin solid #000000;
}

/****** HEADER ******/

div#header {
    height: 65px;
    background-color: #01020E;
    width: 1024px;
    margin: 0px auto;
}



div#header-wrapper {
    width: 100%;
    background-color: #01020E;
    top: 0px;
    z-index: 10;
}

div#header-logo {
    float: left;
    padding-top: 10px;
    width: 18%;
}


.header-title-status {
    background: #b2cecb;
    color: #fff;
    border-radius: 3px;
    width: fit-content;
    padding: 5px 10px;
}

    .header-title-status h3 {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
    }



.logo-mainpage {
    font-size: 30px;
    color: #ffffff;
    width: 180px;
}

.login-wrapper {
    font-size: 15px;
    padding-top: 3px
}

.header-logon-wrapper {
    float: right;
    width: 100%
}

.logo-mainpage a {
    color: #ffffff;
    text-decoration: none;
}

    .logo-mainpage a:hover {
        color: #e9e7e7;
    }

.logo-mainpage-small {
    font-size: 17px;
    color: #ffffff;
}

    .logo-mainpage-small a {
        color: #ffffff;
        text-decoration: none;
    }

        .logo-mainpage-small a:hover {
            color: #e9e7e7;
        }

.header-navigation-wrapper {
    float: right
}

div#header-navigation {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000E28;
    width: 47%;
}



div#header-navright {
    float: right;
    width: 180px;
    height: 125px;
}

    div#header-navright ul {
        width: 150px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    div#header-navright li {
        line-height: 1.5em;
        height: 35px;
        float: left;
        display: inline;
    }

        div#header-navright li a {
            color: #988D8D;
            text-decoration: none;
        }

            div#header-navright li a:hover {
                color: #ffffff;
            }

div#header-navleft {
    float: left;
}

    div#header-navleft ul {
        margin-bottom: 20px;
        overflow: hidden;
        padding-left: 0;
    }

    div#header-navleft li {
        line-height: 1.5em;
        height: 35px;
        display: inline;
        margin-left: 20px;
    }

        div#header-navleft li a {
            color: #988D8D;
            text-decoration: none;
        }

            div#header-navleft li a:hover {
                color: #ffffff;
            }

#double li {
    width: 100%;
}


div#header-logon {
    color: #695C4C;
    float: right;
    padding-top: 10px;
    width: 35%;
}



div#header-logon-top {
    color: #cbbfbf;
    font-weight: bold;
    padding-top: 2px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 2px;
}

div#header-logon-bottom {
    color: #ffffff;
    float: right;
}




div#logon {
    height: 20px;
    width: 180px;
    text-align: right;
    bottom: 0;
    color: #988D8D;
    font-size: 10px;
    padding-top: 20px;
}


.header-mymenu {
}



div#logoff {
    bottom: 0;
    color: #797676;
    font-size: 10px;
    float: right;
    padding-left: 40px;
    padding-top: 4px;
}



    div#logoff a:visited {
        color: #807a7a;
    }

    div#logoff a:hover {
        color: #988D8D;
    }


.logoff a {
    color: #988D8D;
}



div#header-logon-bottom a {
    color: #ffffff;
    text-decoration: none;
}

    div#header-logon-bottom a:hover {
        text-decoration: none;
    }

.my-icon {
    width: 15px;
    padding-left: 5px;
}

div#header-logon-options {
    padding-left: 90px;
    padding-top: 5px;
    font-size: 8pt;
    color: #695C4C;
}

    div#header-logon-options A {
        color: #695C4C;
        text-decoration: none;
    }

        div#header-logon-options A:hover {
            color: #695C4C;
            text-decoration: underline;
        }


div#header-logon-mark {
    color: #ff0000;
    padding-left: 90px;
    padding-top: 5px;
    font-size: 8pt;
}

input.header {
    color: #000000;
    background: #ffffff;
    border: 1px solid #000000;
    width: 125px;
}

input.header-submit {
    width: 70px;
    height: 20px;
    font-size: 9pt;
    padding: 0px;
    color: #2F2107;
    background: #EAD7B9;
    border: 1px solid #2F2107;
}


div.PersoonsMenu {
    color: #000e28;
    font-weight: bold;
    padding-bottom: 12px;
}

    div.PersoonsMenu A {
        color: #000e28;
        text-decoration: none;
    }

        div.PersoonsMenu A:hover {
            color: #853312;
        }


/****** NAVIGATIE ******/



div#navigation {
    padding: 10px;
    margin-top: 1px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #000e28;
    font-size: 13pt;
}

    div#navigation A {
        color: #ffffff;
        text-decoration: none;
    }


        div#navigation A:hover {
            text-decoration: underline;
        }

/****** SEARCH ******/

div#searchArea {
    height: 50px;
    background-color: #01020E;
    width: 1024px;
    margin: 0px auto;
    padding-top: 15px;
}


.searcharea-wrapper {
    width: 100%;
    background-color: #01020E;
    top: 100px;
    z-index: 10;
}

.searcharea-nav-column {
    float: left;
    width: 33%;
}

    .searcharea-nav-column .auto {
        width: auto;
    }





.logo-box {
    float: left;
    display: none;
}




div#searchHome {
    float: left;
    width: 30px;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 10px;
}

.searchHomeHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div#searchHome img {
    vertical-align: middle;
}

div#searchLinks {
    float: left;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 5px;
}



    div#searchLinks A {
        color: #FFFFFF;
        text-decoration: none;
        padding: 5px;
        border: 1px solid;
    }




        div#searchLinks A.auction-results {
            color: #FFFFFF;
            text-decoration: none;
            padding: 5px;
            background-color: #000;
            border: none
        }

            div#searchLinks A.auction-results:hover {
                border-bottom: 2px solid
            }



        div#searchLinks A:hover {
            text-decoration: none;
            background-color: #0E0E0E
        }

div#searchField {
    float: left;
    padding-left: 15px;
    width: 55%;
    text-align: right;
}









#main-search {
    float: left;
}

#box-searchmy {
    padding-bottom: 25px;
}

.titlebox-results {
    width: 78%;
    float: right;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    margin-bottom: 15px;
}

#box-Search-Results {
    width: 100%;
    float: left
}

#box-No-Search-Results {
    text-align: center;
    background-color: #F5F1C7;
    height: 45px;
    margin: 20px;
    position: relative;
    font-size: 15px;
    line-height: 3;
}


.auction-results {
    border: none;
    background-color: none;
    margin-left: 5px;
}

.myLinks-wrapper {
    width: 100%;
    background-color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    height: 40px;
}



div#myLinks {
    color: #ffffff;
    font-size: 12px;
    background-color: #000;
    margin-top: 5px;
}

    div#myLinks A {
        color: #fff;
        text-decoration: none;
        margin: 5px;
        padding: 5px;
    }

        div#myLinks A.active {
            background-color: #fff;
            color: #000;
            text-decoration: none;
            border: 1px solid;
            margin: 5px;
            padding: 5px;
            cursor: default;
        }

        div#myLinks A:hover {
            border-bottom: 2px solid #ffffff
        }




        div#myLinks a.active:hover {
            cursor: default;
            font-weight: normal;
            border-bottom: none
        }



.myLinks-box {
    float: right;
    margin-right: 20px;
}






div#myLinks ul {
    font-size: 12px;
    float: left;
    padding-left: 25px;
}

div#myLinks li {
    line-height: 1.5em;
    height: 35px;
    display: inline;
    padding-left: 20px;
}










div#searchText {
    float: right;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

/*Category main page*/

#category-wrapper {
    width: 100%;
    top: 0px;
    z-index: 10;
    height: 44px;
    margin-top: -15px;
}

#menu-top-wrapper {
    width: 100%;
    top: 0px;
    z-index: 10;
}

#menu-top {
    width: 1024px;
    margin: 0px auto;
    padding-top: 5px;
    border-bottom: 1px solid #d6d5d5;
    line-height: 1.25;
    background-color: #fff;
    font-size: 14px;
}

    #menu-top ul {
        padding-left: 0;
    }

        #menu-top ul li {
            display: inline;
            list-style-type: none;
            padding: 5px 10px 5px 10px;
            border-right: 1px solid #ece9e7
        }

            #menu-top ul li .new {
                background-color: #e0dddb;
                padding: 5px;
                border-radius: 2px;
                color: #000;
            }

            #menu-top ul li a {
                text-decoration: none;
                color: #86857a
            }

                #menu-top ul li a:hover {
                    color: #000;
                    text-decoration: underline
                }

#category-block {
    width: 1024px;
    margin: 0px auto;
    font-size: 15px;
}

div#main #category-wrapper a {
    color: #000;
    text-decoration: none;
}

.category-tube {
}

li.actionbutton {
    padding: 5px;
    background: #f7f7f7;
    margin-right: 2px;
    border: 1px solid #e0e0e0;
}

    li.actionbutton a {
        font-size: 12px !important;
    }

.categorynav-item-button {
    font-size: 12px;
    width: auto;
    float: left;
    top: 15%;
    padding-top: 15px;
    padding-bottom: 14px;
    border-right: 1px solid #ECE9E7;
    background-color: #fff;
    border-bottom: 1px solid #c7c3c0;
    padding: 15px;
}

    .categorynav-item-button.auctioneer {
        width: 15%;
    }

.categorynav-item-button-last {
    font-size: 12px;
    width: 14%;
    top: 15%;
    padding-top: 15px;
    padding-bottom: 14px;
    border-right: none;
    margin-right: 0;
    float: right;
    border-bottom: 1px solid #c7c3c0
}

.categorynav-item-button:hover {
    background-color: #ECE9E7;
}

.categorynav-item-button-last:hover {
    background-color: #ECE9E7;
}

.categorynav-item {
    padding: 10px;
    float: left;
    text-align: center;
    width: 14%;
    height: 50px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}


    .categorynav-item:hover {
        background-color: #fff;
        color: #000;
    }

    .categorynav-item A {
        text-decoration: none;
        color: #fff
    }

        .categorynav-item A:hover {
            color: #000;
            background-color: #fff;
        }

.category-icon {
    position: relative;
    top: 5%;
    height: 50px;
    text-align: center;
    display: none;
}

.center {
    text-align: center;
}
/*search form field*/


.searchTxt {
    border: 1px solid black;
    height: 22px;
    margin: 0;
    width: 300px;
    padding-left: 8px;
}

    .searchTxt:focus {
        outline: 0;
    }

#searchList {
    margin: 0;
    height: 24px;
    width: 100px;
}

#searchSubmit {
    border: none;
    height: 24px;
    color: white;
    background-color: #469cd3;
    font-size: 14px;
    font-family: "CenturyGothicRegular";
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
    cursor: pointer;
    -webkit-appearance: none;
}

/*topcontent*/

div#topcontent {
    width: 1024px;
    min-height: 75px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}

div#topcontentLeft {
    width: 500px;
    float: left;
}

div#topcontentRight {
    float: right;
    width: 500px;
}

div#breadcrumbs {
    vertical-align: middle;
    padding-top: 5px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000E28;
}

    div#breadcrumbs a {
        text-decoration: none;
        color: #469CD3;
    }

        div#breadcrumbs a:hover {
            text-decoration: underline;
            color: #000000;
        }

div#PageName {
    vertical-align: middle;
    padding-top: 5px;
    height: 30px;
    font-size: 22px;
    font-weight: bolder;
    color: #E37408;
}

.content-top {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 13px;
}

/** categories**/

.CategoryTop {
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 25px;
}

.topCategory {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}


.subCategory.activelink-sub {
    border: 1px solid;
    padding: 3px;
    background-color: #EEE;
    cursor: default;
}



.button-organized-auction {
    padding: 15px;
    background: #e67514;
    color: #fff;
}

    .button-organized-auction:hover {
        color: #fff;
        background: #f17205;
    }

div#main a.button-organized-auction {
    color: #fff
}

    div#main a.button-organized-auction:hover {
        text-decoration: none;
        background-color: #f5811f
    }

.button.memberauction {
    margin: 30px 0 0 0;
    width: 175px;
    padding: 15px;
    font-size: 14px;
    background: #e67514;
    color: #fff;
}

.button.active-sellers {
    margin: 30px 0 0 0;
    width: 175px;
    padding: 15px;
    font-size: 14px;
    background: #469cd3;
    color: #fff;
}



.button.auctioneer {
    margin: 30px 0 0 0;
    width: 175px;
    padding: 15px;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #000;
    color: #000;
}





div#main .button {
    color: #fff;
}

div#main a.button-blue {
    padding: 6px;
    background-color: #469CD3;
    color: #FFF;
}

.button-standaard {
    padding: 6px;
    background-color: #469CD3;
    color: #FFF;
    font-size: 20px;
    font-family: sans-serif;
}

.button-premium {
    padding: 6px;
    background-color: #C35529;
    color: #FFF;
    font-size: 20px;
    font-family: sans-serif;
}











.subCategory.box-auctioneer {
    font-size: 14px;
    float: none;
    margin-bottom: 10px;
}


    .subCategory.box-auctioneer a:hover {
        text-decoration: underline;
    }

div#main .subCategory a:hover {
    text-decoration: underline;
}

/***** main member auction  ****/

.category-label {
    padding-right: 5px;
    padding-left: 4px;
}

#auction-categories-home {
    float: left;
    padding-left: 20px;
}

    #auction-categories-home h6 {
        padding-bottom: 20px;
    }



.organized-info {
    padding: 5px;
}

    .organized-info h3 {
        color: #000
    }

.organized-info-link-wrapper {
    width: 90%;
    margin-top: 5px;
    color: #8c8a89;
    background-color: #f9f9f9;
}

div#communityCategories {
    float: left;
    width: 150px;
    padding-left: 20px;
    margin-right: 10px;
}

/*div#auctionItems {
float: right;
width: 800px;
height: auto;
}*/



/****** MAIN / INHOUD ******/

div#main {
    background-color: #ffffff;
    min-height: 700px;
    width: 1024px;
    clear: both;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}

div#main-innerwrapper {
    margin-left: 60px;
    margin-top: 50px;
}

.main-breaker {
    height: 160px;
}

.box-content-head {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    float: left
}

.Itemcontainer {
    float: left;
    padding-top: 35px;
    padding-bottom: 20px;
    width: 100%;
}

    .Itemcontainer .column-left {
        float: left;
        width: 24%;
        overflow: hidden;
    }

    .Itemcontainer .column-right {
        float: right;
        width: 24%;
        margin-right: 20px;
    }

    .Itemcontainer .column-center {
        width: 44%;
        margin-left: 25px;
        padding-bottom: 15px;
        float: left;
        margin-bottom: 25px;
    }

        .Itemcontainer .column-center.catalog {
            margin-left: 25px;
            float: left;
            margin-bottom: 25px;
            width: 54%;
            padding: 10px;
            background: #fff;
            border: 1px solid #ccc;
        }

.catalog-spec-wrapper-edit {
    float: left;
    background: #fffceb;
    padding: 15px;
    border: 1px #b6bbc1 solid;
}

.catalog-top-references {
    background: #fff;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.k-grid table .row {
    display: block;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    margin-right: 0;
    margin-left: 0;
}

.k-grid table {
    font-size: 12px;
}

#MainTableContainer {
    padding-bottom: 50px;
    margin-bottom: 15px;
}

.notitie-btn {
    font-size: 11px
}

.kleine-lettertype tbody > tr > td {
    font-size: 13px !important;
}

.kleine-lettertype thead > tr > th {
    font-size: 13px !important;
}

.column-left.image {
    padding: 5px 10px 25px 10px;
    text-align: center;
}

.column-left.image-mail {
    padding: 5px 10px 25px 10px;
    text-align: center;
}


.Itemcontainer .column-left.image {
    float: left;
    width: 20%;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 20px;
    background: #f7f6f6;
    border: 1px solid #ece9e7;
}

.message-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.message_area.small-padding {
    background: #eff1f5;
    padding: 20px 0 10px;
}

    .message_area.small-padding.white {
        background: #fff;
        padding: 10px 0 10px;
    }

.bericht-ongelezen {
    font-weight: bold;
}

.media h6.no-bold {
    font-weight: normal
}

.media-body.auctions {
    width: 65%;
    padding-right: 19px;
    flex: none;
    -webkit-box-flex: 0;
}

    .media-body.auctions .border-box.fill {
        padding-top: 10px
    }

.media-right.auctions {
    width: 25%;
    padding-right: 10px;
    flex: none;
    -webkit-box-flex: 0;
}

    .media-right.auctions .btn.btn-sm.btn-info {
        margin-top: 0px;
        padding: 0px 12px;
        margin-bottom: 10px;
        height: 35px;
        background: #118ABD
    }

    .media-right.auctions .btn.btn-sm.btn--bordered {
        margin-top: 0px;
        padding: 0;
        margin-bottom: 10px;
        height: 35px;
        color: #118ABD;
        border-color: #118ABD;
        border: none;
    }

.seller-info-wrapper.message {
    height: 60px;
    background: none;
}

.product--card .product-desc.seller-info {
    height: 150px
}

.message-title {
    height: 60px;
    background: none;
    float: left;
    width: 150px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 15px;
    font-size: 12px;
    font-weight: normal;
}

.message-exit-button {
    background-color: #C1C1C1;
    color: white;
    border: none;
    box-shadow: none;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 5px 20px;
    margin: 10px 0px 10px 20px;
    cursor: pointer;
}

    .message-exit-button.ads {
        padding: 5px 5px;
        margin: 10px 0px 10px 18px;
    }

.Itemcontainer .column-centerTop {
    display: inline-block;
    width: 480px;
}

.column-left.preview {
    width: 26%;
}

.col-md-12.item-top {
    padding: 15px 17px;
}

.icon-remarks-preview.item {
    float: left
}

.preview.approved {
    background: #d6fbdb;
    padding: 15px;
}

.column-left-back {
    float: left;
    width: 77%
}

.column-right-follow {
    float: right;
    width: 23%
}

.followbox-auction {
    display: inline-block;
    float: right;
    background-color: #f5f5f5;
    color: #01020E;
    border: 1px solid rgb(199, 195, 192);
    cursor: default;
    padding: 5px 12px;
    text-decoration: none;
    transition: background-color .3s;
    margin-left: 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
}


.box-content-head-register {
    position: relative;
    padding-left: 20px;
    padding-top: 15px;
}


div#main A {
    color: #118ABD;
    text-decoration: none;
}

    div#main A:hover {
        text-decoration: underline;
    }


div#main #btnRegister {
    color: #ffffff;
    text-decoration: none;
}

.main-grid {
    clear: both;
    display: inline-block;
}

.main-veiling-header {
    float: left;
    width: 780px;
    display: inline-block;
    padding-left: 5px;
}

div.main-right {
    background-color: #c5892c;
    width: 240px;
    border: 1px #2F2107 solid;
    padding: 5px;
    color: #ffffff;
}

div.main-right2 {
    background-color: #000e28;
    width: 240px;
    border: 1px #2F2107 solid;
    padding: 5px;
    color: #ffffff;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs.lineborder {
        border-bottom: 1px solid #ece9e7;
    }


    ul.tabs li {
        background: none;
        color: #988D8D;
        display: inline-block;
        padding: 5px 5px;
        cursor: pointer;
    }

.k-button.grey {
    background: #118abd;
    padding: 10px;
    margin: 5px;
    color: #fff;
}

a.k-button.grey {
    color: #fff;
}


ul.tabs li.current {
    color: #222;
    border-bottom: 1px solid;
}

.tab-content {
    display: none;
    padding: 15px 5px 5px 5px;
}

    .tab-content.current {
        display: inherit;
        font-size: 14px;
    }

        .tab-content.current.shipping {
            display: inherit;
            font-size: 14px;
            padding: 5px 5px 5px 0;
        }

#block-item-sellerinfo > div > div.item-sellerinfo.left > ul > li:nth-child(2) > a {
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
}

.shipping-info {
    margin-top: 15px;
}

div.AuctionTab {
    background-color: #cbbfbf;
    color: #000000;
    padding: 5px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.toolbar {
    float: right;
    padding-right: 10px;
}

/*#AuctionItems{

width: 77%;
float: left;
}*/

/*#AuctionItems td{

line-height: 1.6em;
border-width: 0 0 0 1px;
padding: .4em .6em;
overflow: hidden;
line-height: 1.6em;
text-overflow: ellipsis;
border-style: none;
   
}*/

div.Auction {
    background-color: #cbbfbf;
    color: #000000;
    padding: 5px;
    border: 1px solid #000000;
}


.clearfix.clean {
    box-shadow: none;
    background: none;
    margin-bottom: 15px;
    padding: 0;
}

.highlighted {
    border: 2px solid #d0be56;
    float: left;
}

#Highlight.admin-button {
    padding-top: 10px;
}

.AuctionItem-reaction {
    color: #01020E;
    font-size: larger;
    border: 1px solid #E0DFD8;
    width: 65%;
    margin-bottom: 15px;
    padding: 10px 20px;
}


    .AuctionItem-reaction.admin {
        color: #ECE9E7;
    }

.hidden-admin {
    display: none
}

.hidden-reject-form {
    display: none
}

.reaction.adminsection {
    font-size: 15px;
    font-weight: bold;
}


.reaction.my {
    padding-left: 15px;
    background: #fbf4c9;
    padding: 10px;
    margin-left: 25px
}

.reaction.other {
    background: #ebfcfd;
    padding: 10px;
}

.mymessage {
    margin-left: 25px;
    background: #fbf6d9;
    padding: 5px;
}


.suggestion.plans {
    width: 25%;
    float: right;
    font-size: 12px;
    background: #ECE9E7;
    padding: 10px;
}

    .suggestion.plans h2 {
        font-size: 22px;
        margin-top: 0;
    }

    .suggestion.plans h3 {
        font-size: 15px;
    }

    .suggestion.plans span {
        font-size: 12px;
    }

span.date {
    font-size: 10px;
}

.reaction-user {
    font-size: 14px;
}


.EndDateText {
    font-size: 10px;
}

    .EndDateText.text-timeresume {
        font-size: 10px
    }

.DateText {
    font-size: 10px;
    background-color: #ECE9E7;
}



td.EndDateText {
    color: #000;
    font-size: 12px;
    padding-right: 10px;
}



.text-current-bid {
    color: #9A9797;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}



.text-bidamounts {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}



div.AuctionItemFill {
    height: 5px;
}

div.AuctionItem:hover {
    cursor: pointer;
}

div.DefaultButton1 {
    width: 110px;
    background-color: #89693A;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background: rgb(117,34,1);
}

.item-sellerinfo {
    width: 50%;
    display: inline-block
}

    .item-sellerinfo.left {
    }

    .item-sellerinfo.right {
    }

.BodVak {
    color: #000000;
    font-weight: bold;
}

.spanUwBod {
    margin-left: 15px;
    font-size: 10px;
    font-weight: bold;
}

#NextBod {
    font-weight: bold;
    font-size: 15px
}

#bidSubmit {
    border: none;
    color: white;
    background-color: #2C77A7;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: none;
}

.DefaultButton2cmdHid {
    width: 2px;
    display: none;
    background-color: #87C3DD;
    height: 2px;
    text-align: center;
    color: #FFFFFF;
}

.ItemNumber {
    display: inline-block;
    background-color: #87C3DD;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}


.WatchList {
    padding: 0px
}

    .WatchList:hover {
        border: 1px solid #3F2B09;
        padding: 0px
    }

.WatchListPicture {
    display: inline-block;
    vertical-align: top;
    background-color: #87C3DD;
    width: 47px;
}

.WatchListText {
    display: inline-block;
    width: 180px;
    color: #2F2107;
}

.start-auction {
    display: inline-block;
    width: 200px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background: rgb(255,123,13); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,123,13,1) 1%, rgba(255,168,76,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,123,13,1)), color-stop(100%,rgba(255,168,76,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff7b0d", endColorstr="#ffa84c",GradientType=0 ); /* IE6-9 */
}

.gradient-oranje {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #dc6e15;
}

.btnBlue {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #469cd3;
    border: none;
}

#userDetails {
    width: 750px;
    padding: 15px;
    margin-left: 65px
}

.blocktitle {
    float: left;
    position: relative;
    height: 30px;
    font-size: 12px;
    width: 100%;
    padding-bottom: 10px
}



.blocktitle-userinfo {
    float: left;
    position: relative;
    height: 30px;
    font-size: 12px;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 25px;
}

.edit-title {
    color: #ffffff;
    font-size: larger;
    background-color: #8F8F94;
    width: 150px;
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    font-family: sans-serif;
}

.oranje-biedmee {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #dc6e15;
}




#item-commission {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 100px;
    color: #020202;
    background-color: #E0DBD7;
    padding-top: 2px;
    margin-top: 5px;
}

.item-nota-commission {
    display: inline-block;
    height: 40px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 100px;
    color: #020202;
    background-color: #E0DBD7;
    margin-top: 5px;
    padding: 4px;
}

#item-detail-commission {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.item-bid-detail-commission {
    font-size: 10px;
    color: #141313;
    padding: 5px;
    border: 1px #998e8e solid;
    margin-top: 10px;
}

.item-bid-detail-without-commission {
    font-size: 10px;
    color: #141313;
    padding: 5px;
    border: 1px #998e8e solid;
    margin-top: 10px;
}


.bid-links a {
    display: block; /* onder elkaar */
    margin-top: 2px; /* ruimte ertussen */
    text-decoration: none; /* jouw stijl */
}

    .bid-links a:first-child {
        margin-top: 5px;
    }

/* Werkt in zowel SweetAlert v1 (sweet-alert) als v2 (swal2-popup) */
.sweet-alert .sw-strong,
.swal2-popup .sw-strong {
    font-weight: 700 !important;
}

.sweet-alert .sw-em,
.swal2-popup .sw-em {
    font-style: italic !important;
}

/* Eventueel nog specifieker voor v2: */
.swal2-popup .swal2-html-container .sw-strong {
    font-weight: 700 !important;
}

.swal2-popup .swal2-html-container .sw-em {
    font-style: italic !important;
}

/* Kleinere basis-typografie voor deze pop-ups */
.swal2-popup.swal-sm {
    font-size: 14px; /* body-tekst */
    padding: 1rem 1.2rem;
}

/* Kleinere titel */
.swal2-title.swal-title-sm {
    font-size: 1.1rem;
    margin-bottom: .5rem;
}

/* Kleinere knoppen */
.swal2-actions .swal2-styled.swal-btn-sm {
    font-size: .9rem;
    padding: .45rem .9rem;
}

/* (optioneel) tekst links uitlijnen in de content */
.swal2-html-container {
    text-align: left;
}

/* Infopaneel in de veiling-popup */
.auction-info-panel {
    text-align: left;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 6px 0 12px;
    color: rgba(71, 78, 107, 1);
    background-color: rgba(225, 226, 231, 1);
    font-size: 14px;
}

.auction-info-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .6rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-size: .9rem;
}

    .auction-info-btn:hover {
        background: #f7f7f7;
    }

.auction-header {
    text-align: center;
    margin-bottom: 10px;
}

    .auction-header .eyebrow {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: #474e6b;
        margin-bottom: 4px;
    }

    .auction-header .auction-title {
        font-size: 20px;
        font-weight: 700;
        margin: 2px 0;
        color: #a59329;
    }

    .auction-header .auction-subtitle {
        font-size: 13px;
        color: #4b5563;
    }

.auction-info-panel {
    text-align: left;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 6px 0 12px;
    color: rgba(71,78,107,1);
    background-color: rgba(225,226,231,1);
    font-size: 14px;
}

/* Grijs info-kader direct onder de titel */
.seller-info-panel {
    text-align: left;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 6px 0 12px;
    color: rgba(71,78,107,1);
    background-color: rgba(225,226,231,1);
}

/* Basis styling */
.item-bid-detail-commission {
    padding: 12px;
    border-radius: 8px;
    margin-top: 8px;
    line-height: 1.45;
    border: 1px solid transparent;
}

    /* Met koperscommissie: warme accentkleur */
    .item-bid-detail-commission.has-commission {
        background: #efefef;
        border-color: #adaaa2;
    }

    /* Zonder koperscommissie: groene hint */
    .item-bid-detail-commission.no-commission {
        background: #F3FAF4; /* zacht groen */
        border-color: #BDE5C1;
        color: #2e934b
    }


.circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    /* width and height can be anything, as long as they're equal */
}


.cancel-send {
    font-size: 9px;
    color: #606774;
}


.gradient-oranjespan {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background: rgb(255,123,13); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,123,13,1) 1%, rgba(255,168,76,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,123,13,1)), color-stop(100%,rgba(255,168,76,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,123,13,1) 1%,rgba(255,168,76,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff7b0d", endColorstr="#ffa84c",GradientType=0 ); /* IE6-9 */
}

    .gradient-oranjespan:hover {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none;
        color: #FFFFFF;
        background: #ffa84c; /* Old browsers */
        background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffa84c", endColorstr="#ff7b0d",GradientType=0 ); /* IE6-9 */
    }


.start-price {
    display: inline-block;
    /* width: 118px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.start-price-green {
    display: inline-block;
    width: 120px;
    background-color: #75BB58;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    margin-bottom: 10px
}

.start-price-orange {
    display: inline-block;
    width: 120px;
    background-color: #BD3D44;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}



div.ab {
    background-color: inherit;
}

div.ab-u {
    display: inline-block;
    width: 150px;
}

div.ab-b {
    display: inline-block;
}

div.ab-t {
    font-size: 8px;
    color: #888888;
    padding-bottom: 3px;
}



div.item-remark {
    background-color: #2F2107;
    font-size: 11px;
    padding: 10px;
    margin-left: 20px;
    color: #8B7251;
    width: 390px;
}

div.item-default {
    width: 480px;
    background-color: #f4f3f1;
    padding: 10px;
}

div.item-status {
    font-weight: bold;
    font-size: 14px;
    padding: 0px;
    color: #645858;
}









.btn-arrow {
    font-family: "entypo","ProximaNova","Helvetica Neue","Arial",sans-serif;
    font-weight: 200;
    white-space: nowrap;
    vertical-align: text-bottom;
}

#lot-wrapper {
}

.box-auctioneer {
    float: right;
    font-weight: bold;
    background-color: #FFF;
}

.box-auctioneer-list {
    font-weight: bold;
    background-color: #FFF;
    width: 147px;
    float: right;
    padding-left: 10px;
    border: 1px solid #dcdcda;
    margin-right: 15px;
    color: #b3b2b0
}

.box-auctioneer-detail {
    color: #1B1A1A;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    font-size: 10px;
    margin-top: 2px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ece9e7;
}

#box-auctionhouse-list {
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #020202;
}

.auctionhouse-icon-auction {
    padding: 0;
    margin-left: 1px;
}

.box-auctionhouse-detail {
    color: #1B1A1A;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    font-size: 10px;
    margin-top: 2px;
    margin-bottom: 15px;
    border-bottom: 1px solid #B3AFAD;
}


.box-auctioneer-detail .tooltip-right {
    text-align: left;
}

.box-auctionhouse-detail .tooltip-right {
    text-align: left;
}

.new-lot {
    float: left;
    color: #DACC7E;
    font-weight: bold;
    border: 1px solid;
    text-align: center;
    background-color: #fff;
}

/*.AuctionItems-head{
margin-bottom:10px;
margin-top: 25px;
}

.AuctionItems-head.top {
height: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea;
}*/

hr {
    color: #C7C3C0;
}

.Resultbox-auction {
    font-size: 15px;
    width: 33%;
    float: left;
}

select.k-input {
    padding-left: 15px
}

input.input-radio-class {
    line-height: inherit;
    height: inherit;
    border: 1px solid #ececec;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #747b86;
    font-size: 12px;
    margin-right: 2px
}

.input-radio-class-label {
    margin-right: 15px
}

.Selectbox-auction {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #eaeaea;
    height: 25px;
    padding-bottom: 10px;
}

.Selectbox-feedback {
    display: inline-block;
    height: 25px;
    padding-bottom: 5px;
}

.select {
    text-align: center;
    display: inline;
}

.Pagingbox-auction {
    float: right;
}

.paging {
    text-align: center;
    margin-bottom: 10px;
    float: right;
}

.paging-box {
    display: inline-block;
    font-size: 13px;
}






.titlebox {
    width: 78%;
    float: right;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
}

.more-info:hover {
    text-decoration: underline;
}


#block-item-sellerinfo {
    margin-top: 25px;
    float: left;
    width: 100%;
}

ul.tabs.lineborder.item-tab-margin {
    margin-bottom: 10px;
}

.view_options {
    text-align: center;
    display: inline;
}

.view_options_grid_or_list {
    width: 100%;
    display: inline;
    float: left;
}


.criteria {
    padding: 10px;
    font-size: 15px;
}

.seller-conditions-box {
    width: 760px;
    margin-left: 15px;
}

div.item-title {
    width: 480px;
    background-color: #cbbfbf;
    padding: 10px;
    font-weight: bold;
    color: #000000;
}

div.item-text {
    color: #000000;
}

    div.item-text.payoptions-head {
        padding-bottom: 10px;
    }


    div.item-text.payopotions {
        font-size: 14px;
    }


.item-text.block-shipping.extra {
    font-size: 11px
}



.item-text-head {
    padding-bottom: 10px;
    padding-right: 10px;
    color: #000000;
}

.sellerinfo-container {
    float: left;
}


.payoptions-container {
    float: left;
    padding-top: 25px;
}

#menu-highlights ul li {
    display: inline;
    list-style-type: none;
    padding: 5px 10px 5px 10px;
}


.report-container {
    width: 100%;
    float: left;
    padding-top: 35px;
}


.bannerBlock-small {
    float: left;
}

.item-detail-seller-infoblock {
    float: left;
    width: auto;
    padding-bottom: 45px;
}

.item-detail-sellerinfo {
    float: left;
    margin-right: 55px;
    padding-top: 5px;
}

li.item-detail-sellerinfo a {
    font-weight: bold
}

.text-head {
    font-size: 13px;
    font-weight: bold;
}

    .text-head.seller {
        padding-bottom: 5px;
        border-bottom: 1px solid #ece9e7;
        margin-bottom: 10px;
    }

/*section .container {
    background: #fff
}*/

.item-text-description {
    padding: 10px 10px 10px 0px;
    color: #000000;
    font-size: 14px;
}

.block-estimate {
    width: auto;
    float: right;
    text-align: right;
    margin-top: 25px;
    border: 1px solid #A29F9D;
    display: inline-table;
    padding: 2px;
    font-size: 11px;
}

div.item-verzendkosten {
    width: 110px;
    height: 20px;
    vertical-align: middle;
    background-color: #000e28;
    padding-left: 40px;
    color: #ffffff;
}

div.item-verzendkosten-text {
    width: 98%;
    background-color: yellowgreen #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 12px;
}

div.item-time-blue {
    background-color: #000;
    padding: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    vertical-align: central;
    text-align: center;
}

div.item-time-orange {
    background-color: #e95014;
    padding: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    vertical-align: central;
    text-align: center;
}

div.item-time-ext {
    background-color: #e95014;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    vertical-align: central;
}

div.item-time-red {
    background-color: #a40404;
    padding: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

div.item-time-not-started {
    padding: 5px;
    color: #403B3B;
    font-size: 15px;
    text-align: center;
    border: 2px solid;
}





.statusblock {
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}


.notsold {
    background-color: #c5c5c5;
    color: #ffffff;
}


.box--head.top {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececeb;
}

.header-sub-info {
    margin-right: 5px;
    color: #a9a8a7;
    font-size: 13px;
}


.closed {
    background-color: #C3B9BB;
    color: #ffffff;
}

.result {
    background-color: #0A0A0A;
    color: #ffffff;
    font-size: 16px;
}


/*Onderstaande klasses worden gebruikt voor de verkleuring status kavel*/
div.MD_notbid {
    background-color: #CEEAF6;
    color: #746F6C;
    font-size: 11px;
    padding: 10px;
    vertical-align: middle;
}

#item-bid-id .contact-button-wrapper a {
    color: #fff;
}

div.MD_highest {
    background-color: #87de64;
    color: #030F27;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
}

div.MD_overbid {
    padding: 10px;
    background-color: #F5BDBE;
    color: #A30408;
    font-size: 11px;
    vertical-align: middle;
}

div.MD_won {
    padding: 10px;
    background-color: #63b57c;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold
}

.own-item {
    background-color: #F8FBBE;
    color: #01020E;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: 1px solid #469CD3;
    padding: 10px;
}

div.item-bid {
    padding: 9px;
    color: #000000;
    background-color: #ECE9E7;
    border: thin solid #E9DBCE
}

div.item-bids {
    border: thin solid #E9DBCE;
    padding: 9px;
    color: #000000;
    font-size: 12px;
}

/****** Columns ******/

#content .container {
    position: relative;
}

.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
    display: block;
    position: relative;
    margin-right: 3%;
    margin-bottom: 10px;
    float: left;
}

.col_full {
    width: 100%;
}

.col_half {
    width: 50%;
}

.col_profile {
    width: 43%;
    float: right;
    margin-top: 15px;
    padding-right: 35px;
}

.col_image-half {
    width: 43%;
    float: right;
    margin-top: 15px;
    padding-right: 35px;
}

.col_half.main-first {
    width: 47%;
}

.col_half.main-last {
    width: 47%;
    float: right;
}


.col_one_third {
    width: 29.63%;
}

    .col_one_third.plans {
        background-color: #fff;
        font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
        height: 500px;
        border: 1px solid #A7A3A0;
    }

        .col_one_third.plans.first {
            margin-left: 175px;
        }

.col_last {
    margin-right: 0 !important;
    clear: right;
}

.col_conditions {
    width: 72%;
    float: right;
    margin-top: 20px;
    margin-right: 50px;
}

    .col_conditions h2 {
        font-size: 20px;
    }

    .col_conditions p {
        font-size: 14px;
    }

    .col_conditions.last {
        margin-top: 100px;
    }

        .col_conditions.last p {
            font-size: 11px
        }

.col_notainfo {
    width: 80%;
    display: block;
    position: relative;
    margin-bottom: 10px;
    float: left;
}

.label-duration {
    height: 30px;
}

.box-duration-selection {
    float: left;
    margin-right: 15px;
    margin-left: 5px;
}

h3.pads {
    padding-bottom: 10px;
    font-weight: bold
}

    h3.pads.extra {
        padding-top: 15px;
        padding-bottom: 10px;
        font-weight: bold
    }

h6.pads {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold
}

.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 55px;
}

.feature-box-extra {
    padding: 10px;
    background: #f5f5f5;
}

    .feature-box-extra p {
        font-size: 13px;
        line-height: 20px
    }


.feature-box.no-padding {
    position: relative;
    margin-top: 20px;
    padding: 0px;
}

.feature-box-border {
    position: relative;
    padding: 0 0 0 20px;
    border: 1px solid #E0DFD8;
}


.feature-box.auctioneer {
    padding-bottom: 5px;
}

    .feature-box.auctioneer h2 {
        font-size: 20px;
        font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
        margin-bottom: 4px;
    }

    .feature-box.auctioneer ul {
        margin-top: 4px;
        margin-bottom: 0;
    }

.feature-box.plans {
    padding: 15px;
    color: #312F2F
}



    .feature-box.plans h2 {
        color: #A55514
    }

    .feature-box.plans.first.standaard h2 {
        color: #167CA5;
    }

    .feature-box.plans.second.premium h2 {
        color: #C35529
    }


.feature-box h1 {
    color: #D4AF79
}

.feature-box p {
    font-size: 15px;
}


.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}

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

.fancy-title {
    position: relative;
    margin-bottom: 30px;
}

    .fancy-title.title-center h1 {
        font-size: 35px;
        margin-top: 50px
    }

.main-title {
    position: relative;
}

.registration {
    padding-right: 25px;
    padding-bottom: 25px;
    margin-left: 65px
}

    .registration h1 {
        color: #7AA2C5;
        font-size: 25px;
    }

.main-title.title-center h1 {
    margin-top: 15px;
    color: #212020;
    font: 50px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight: bold;
}

.h1_copy {
    color: #212020;
    font: 50px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight: bold;
    border: 1px solid;
    padding: 5px
}

.edit-small {
}

li.edit-small-border.fainted a {
    font-weight: normal
}

li.edit-small-border:not(:last-child) {
    padding-bottom: 2px;
    border-bottom: 1px #d4d5d5 solid;
}


.edit-small a {
    font-weight: bold
}

    .edit-small a:hover {
        font-weight: bold
    }

.trDisabled {
    /*background-color: #f3f3f3;*/
}

.trActive {
    /*background-color: #ffffff;*/
}

.trDisabled:hover {
    background-color: #fbfbf7;
    /*border:1px solid*/
}

.trActive:hover {
    background-color: #fbfbf7;
    /*border:1px solid*/
}




.main-box-title {
    /*position: relative;
background-color:#ECE9E7;
margin-bottom: 50px;
color:#948880;
padding:25px;*/
}

.homepage-main-box-title {
    position: relative;
    color: #948880;
    padding: 10px 0px 20px 0px;
}

.main-box-button {
    position: relative;
    margin-bottom: 50px;
    color: #948880;
    padding: 25px;
    margin-top: 50px;
}



div#main .main-box-button a {
    color: #000
}

    div#main .main-box-button a:hover {
        color: #fff;
        background-color: #000;
        text-decoration: none;
    }

.main-box-button-abonnementen {
    position: relative;
    color: #948880;
    padding: 25px;
    margin-top: 10px;
}

div#main A.button-grey {
    color: #484848;
}

    div#main A.button-grey:hover {
        text-decoration: none;
        background-color: #dedada;
    }

.button-grey {
    margin-bottom: 10px;
    color: #484848;
    background-color: #e0e0e0;
    padding: 10px;
    text-decoration: none;
    box-shadow: none;
    margin-right: 10px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}


#main A.button-grey.disabled {
    color: #d7d8d7;
    background: #f7f7f7;
    cursor: default;
}

.thread_sort_area .sort_options ul li:hover a, .thread_sort_area .sort_options ul li.active a.button-grey {
    color: #fff;
    background: #afafaf;
    border-radius: 2px
}

div#main .main-box-button-abonnementen a {
    color: #fff;
    background-color: #118ABD;
    border: none;
    font-size: 20px;
    font-family: sans-serif;
}

    div#main .main-box-button-abonnementen a:hover {
        color: #fff;
        background-color: #4A9CD0;
        text-decoration: none;
    }

.already-seller {
    text-align: center;
    font-size: 12px;
    color: #76767B;
    font-weight: bold;
    margin-bottom: -15px;
}

.main-box-title.plans {
    background-color: #DDE4C3;
    height: 500px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.price {
    background: #e8ebee;
    padding: 1.5em 0.5em;
}

    .price.discount {
        background-color: #4A9640;
    }

    .price .yearly {
        position: relative;
        left: 0.6em;
    }

.yearly.standaard {
    color: #167CA5;
}

.yearly.premium {
    color: #C35529;
}

.price .yearly.discount {
    color: #fff;
    font-weight: bold;
}

.plan .price .euro-sign, .plan .price .euros, .plan .price .cents {
}

.nocommission {
    font-size: 30px;
    padding-left: 5px;
}

.plan .price .per-year {
    position: relative;
    left: -2.25em;
    bottom: 0.5em;
    font-size: 0.7em;
    letter-spacing: 0.03em;
    vertical-align: bottom;
    display: inline-block;
}

.price .euros {
    font-size: 4.5em;
    line-height: 0.9;
    letter-spacing: -0.05em;
}

.yearly .euro-sign {
    font-size: 20px;
    vertical-align: top;
}


.small-notice {
    color: #cdcdcd;
    font-size: 12px;
}

.price-notice {
    color: #a3a4a6;
    margin: 1em auto 0;
}

.plans .features {
    padding: 1.25em 0;
    line-height: 2.8;
    list-style-type: none;
    font-size: 15px;
}

.icon-checked {
    margin-right: 3px
}

    .icon-checked img {
        margin-bottom: -5px
    }

.abo-header {
    font-size: 20px;
    border-bottom: 1px solid;
}

@media only screen and (max-width: 767px) and (min-width: 120px) {
    .main-banner .text .h1 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 25px;
    }
}


.main-box-title.home {
    /*margin-bottom: 5px;
padding: 0;
float: left;
position: relative;
width: 100%;
height: 150px;
display:none;*/
}



body > section.counter-up-area.bgimage > div.container.content_above > div > div > div > p {
    color: #b7a226;
    margin-top: 7px;
    font-size: 18px;
    margin-bottom: -2px;
    padding-left: 11px;
    font-weight: bold;
}

body > section.counter-up-area.bgimage > div.container.content_above > div > div > div > h1 {
    color: #3a3306;
    font-weight: bold;
    line-height: 0.6;
    padding: 0px 10px 15px 10px;
}

body > section.counter-up-area.bgimage > div.container.content_above > div > div > div {
    float: right;
    background: #fbfbfb;
    border: 2px #847b47 solid;
    border-radius: 5px;
}

#homepage > div:nth-child(1) > div:nth-child(2) > div > div.button-blue > a {
    color: #fff
}

.counter-up-area.home:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgb(222 217 199 / 48%);
}

.counter-up.home {
    width: auto;
    overflow: hidden;
    padding: 35px 0;
}

    .counter-up.home .counter {
        width: auto;
        text-align: left
    }

.counter.mcolor4.home {
    float: right
}

.thread_search_area.top-list {
    margin-bottom: 15px;
    margin-left: 15px;
}

.col-md-4.home-top-title {
    font-weight: bold;
    padding: 15px;
    color: #CE6724;
}

.container.banner {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .container.features {
        display: none;
    }

    .h1-resp {
        font-size: 22px;
    }

    .h2-resp {
        font-size: 18px;
    }

    .h3-resp {
        font-size: 15px;
    }

    .h4-resp {
        font-size: 13px;
    }

    .h5-resp {
        font-size: 12px;
    }

    .h6-resp {
        font-size: 11px;
    }

    .lnr-rocket.big.big-resp {
        font-size: 15px;
    }

    .head.bold.right a {
        font-size: 13px
    }
}

.container.features {
    padding-top: 15px;
}

.main-box-title.home-adv {
    margin-bottom: 5px;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    height: 150px;
}

.main-box-title.home h1 {
    font-size: 32px;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    width: 480px;
    float: right;
    margin-top: -130px;
    color: #CE6724;
    padding: 10px;
    position: inherit;
    margin-right: 15px;
}


.main-box-title.home-adv h1 {
    font-size: 32px;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    width: 480px;
    float: right;
    margin-top: -130px;
    color: #CE6724;
    padding: 10px;
    position: inherit;
    margin-right: 15px;
    text-align: center;
}

.adv-home.orange {
    background: #ffffff;
    color: #e67514;
    font-size: 30px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    padding-bottom: 5px;
}

.adv-home.blue {
    background: #118abd;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

div#main .main-box-title.home-adv a:hover {
    text-decoration: none
}

.adv-home.blue:hover {
    background: #3fa6d2;
    text-decoration: none
}




.main-box-title h2 {
    font-size: 25px;
    margin-top: 2px;
}

.main-box-title h3 {
    font-size: 15px;
}

.hammer {
    width: 100px;
    float: left;
    margin-top: -5px;
}

.title-center {
    text-align: center;
}

    .title-center.error {
        color: #fff;
        background-color: #000
    }

.suggestions.title-center {
    text-align: center;
}

.container.error {
    background-color: #000
}

.suggestions-head {
    background-color: #ECE9E7;
    height: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 2;
}

.suggestions.title-center h2 {
    margin-bottom: 50px;
    color: #5A5959;
}

#content p {
    line-height: 1.8;
}

.content a {
    font-weight: bold
}



.postcontent {
    width: 100%;
}

#portfolio-filter {
    position: relative;
    margin: 0 0 20px 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.07);
    float: left;
    border-radius: 4px;
}

    #portfolio-filter li {
        float: left;
        position: relative;
    }

        #portfolio-filter li a {
            display: block;
            position: relative;
            padding: 12px 18px;
            font-size: 13px;
            line-height: 15px;
            color: #666;
            border-left: 1px solid rgba(0,0,0,0.07);
        }

        #portfolio-filter li.activeFilter a {
            font-weight: bold;
            background-color: #000;
            color: #fff;
        }

#faqs {
    font-size: 15px;
    padding-left: 0px;
}

.faqs .toggle {
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

    .toggle .togglet, .toggle .toggleta {
        display: block;
        position: relative;
        line-height: 24px;
        padding: 0 0 0 24px;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #444;
        cursor: pointer;
    }





.togglec b {
    color: #000;
}

.faqs .toggle .togglec {
    padding-bottom: 10px;
    color: #5A5959;
}

.toggle .togglec {
    display: block;
    position: relative;
    padding: 10px 0 0 24px;
}

.faqs .toggle .togglet i {
    top: 1px;
    font-size: 14px;
}

.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed {
    display: none;
}

.toggle .togglet i {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}



.toggle .toggleta i.toggle-open {
    display: block;
}

[class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"], .side-header #primary-menu ul > li.sub-menu > a:after, #primary-menu ul ul > li.sub-menu > a:after {
    display: inline-block;
    font-family: "font-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::selection {
    background: #5DA3DF;
    color: #FFF;
    text-shadow: none;
}



.widget {
    position: relative;
    margin-top: 50px;
}

    .widget:first-child {
        margin-top: 0;
        word-wrap: break-word;
    }

address {
    font-style: normal;
    font-size: 15px
}


.toggle.term p {
    font-size: 15px;
    color: #5A5959;
}

.terms-head {
    display: block;
    position: relative;
    line-height: 24px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

#terms-general {
    position: relative;
    margin-bottom: 30px;
}

#terms-policy {
    position: relative;
    margin-bottom: 30px;
}

#terms-selling {
    position: relative;
    margin-bottom: 30px;
    margin-top: 60px;
}

#terms-cookies {
    position: relative;
    margin-bottom: 30px;
    margin-top: 60px;
}

#terms h2 {
    color: #D4AF79;
    font-size: 22px;
}


/****** Tekst blok onder afbeeldingen in grid catalogus, kijken of dit nog aangepast/verbeterd kan worden:26-11-2024 ******/

.ci-block {
    padding: 2px;
    font-size: 9px;
    color: #000;
}

.ci-block-ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .ci-block-ul li {
        width: 50px;
    }

        .ci-block-ul li + li {
            margin: 1px 1px 1px 15px;
            width: auto;
        }

/****** FOOTER ******/


div#footer {
    width: 100%;
    background-color: #01020E;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.footercontainer {
    width: 1024px;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    border-top: 1px solid #000000;
    background-color: #01020E;
    font-size: 11pt;
    height: 180px;
    display: block;
}

div#footer A {
    color: #988D8D;
    text-decoration: none;
}


    div#footer A:hover {
        text-decoration: underline;
    }

.colMaplinks {
    width: 24%;
    float: left;
}

.Buyandsell {
    width: 24%;
    float: left;
}


.footerrow {
    height: 130px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-text {
    padding-top: 5px;
    font-size: 12px;
}

.siteMapHeader {
    color: #FFFFFF;
    padding-bottom: 5px;
    font-weight: bolder;
    margin-left: 40px;
}

.siteMapCopyright {
    color: #8A7A7B;
    padding-bottom: 5px;
    font-size: small;
    padding-top: 10px;
    padding-left: 15px;
}

.siteMaplinks {
    list-style-type: none;
}

.siteMapcolor {
    color: #D41F22;
}

.terms {
    color: #000;
}


#terms-block {
    color: #8A7A7B;
    border-top: 1px solid #988D8D;
    float: left;
    width: 100%
}

.disclaimer {
    color: #8A7A7B;
    text-decoration: none;
}

/* http://www.menucool.com */

#sliderFrame {
    position: relative;
    width: 700px;
    margin: 0 auto;
}
/*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#ribbon {
    width: 111px;
    height: 111px;
    position: absolute;
    top: -4px;
    left: -4px;
    background: url(ribbon.png) no-repeat;
    z-index: 7;
}

#slider {
    width: 250px;
    height: 333px; /* Make it the same size as your images */
    background: #fff url(/images/loading.gif) no-repeat 50% 50%;
    position: relative;
    margin: 0 auto; /*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}

    #slider img {
        position: absolute;
        border: none;
        display: none;
    }

    /* the link style (if an image is wrapped in a link) */
    #slider a.imgLink {
        z-index: 2;
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        border: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 0;
    left: 0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom: 0px; /*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index: 3;
    overflow: hidden;
    font-size: 0;
}

div.mc-caption-bg {
    background-color: black;
}

div.mc-caption {
    font: bold 14px/20px Arial;
    color: #EEE;
    z-index: 4;
    padding: 10px 0; /*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
    text-align: center;
}

    div.mc-caption a {
        color: #FB0;
    }

        div.mc-caption a:hover {
            color: #DA0;
        }


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper {
    top: 320px;
    left: 280px; /* Its position is relative to the #slider */
    width: 150px;
    background: none;
    padding-left: 20px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    display: none;
}

    /* each bullet */
    div.navBulletsWrapper div {
        width: 11px;
        height: 11px;
        background: transparent url(/images/bullet.png) no-repeat 0 0;
        float: left;
        overflow: hidden;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 11px; /* distance between each bullet*/
        _position: relative; /*IE6 hack*/
    }

        div.navBulletsWrapper div.active {
            background-position: 0 -11px;
        }


/* --------- Others ------- */
#slider {
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}



/* FORM STYLING*/





.input-label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-bottom: -1em;
    width: 300px;
    height: 30px;
}

.short {
    width: 150px;
}

.input-label-login {
    display: block;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-bottom: -1em;
    width: 100px;
    height: 30px;
}

.input-label-register {
    display: block;
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 300px;
    height: 30px;
}

.login-label {
    width: 100px;
}

.input-uploadlabel {
    display: block;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-bottom: -1em;
    width: 300px;
    height: 100px;
}

.labelunderline {
    font-size: 9px;
    font-weight: lighter;
}

.input-field {
    float: left;
    position: relative;
    height: 40px;
    width: 400px;
    font-size: 12px;
    border-radius: 0;
}

.input-label-remember {
    float: left;
    position: relative;
    height: 30px;
    width: 100px;
    font-size: 12px;
    border-radius: 0;
}

.input-field-remember-icon {
    float: left;
    position: relative;
    height: 30px;
    width: 20px;
    font-size: 12px;
    border-radius: 0;
}


.input-uploadfield {
    float: left;
    position: relative;
    height: 100px;
    width: 400px;
}

.input-textareaField {
    float: left;
    position: relative;
    height: 210px;
    width: 400px;
}

.formblok {
    float: left;
    width: 700px;
}

.formblokdiv {
    float: left;
    background-color: #BEB5B6;
    color: white;
    font-size: 16px;
    width: 250px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
}


/*To Top */

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 5px;
    width: 64px;
    height: 64px;
    background-image: url("/images/up2.png");
    background-repeat: no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

    #toTop:hover {
        opacity: 0.9;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

#toBottom {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 64px;
    height: 64px;
    background-image: url("/images/down2.png");
    background-repeat: no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

    #toBottom:hover {
        opacity: 0.9;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

/*validation styling */

input[type=submit] {
    -webkit-appearance: none;
}

input[type=button] {
    -webkit-appearance: none;
}

input[type="text"].input-validation-error:after,
select.input-validation-error:after,
input[type="checkbox"].input-validation-error:after,
input[type="password"].input-validation-error:after,
textarea.input-validation-error:after {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
    position: relative;
    left: -20px;
    z-index: 1010;
}

input[type="text"]:focus + .field-validation-error, input[type="text"]:focus + * + .field-validation-error, input[type="text"]:focus + * + * + .field-validation-error,
input[type="checkbox"]:focus + .field-validation-error,
input[type="checkbox"]:focus + * + .field-validation-error,
input[type="checkbox"]:focus + * + * + .field-validation-error,
input[type="password"]:focus + .field-validation-error,
input[type="password"]:focus + * + .field-validation-error,
input[type="password"]:focus + * + * + .field-validation-error,
select:focus + .field-validation-error,
select:focus + * + .field-validation-error,
select:focus + * + * + .field-validation-error,
textarea:focus + .field-validation-error,
textarea:focus + * + .field-validation-error,
textarea:focus + * + * + .field-validation-error {
    display: block;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
select.input-validation-error,
input[type="checkbox"].input-validation-error + * + label:before {
    border-color: #d20000;
}

.text-error-summarize {
    color: #dc3545 !important;
    margin-left: 15px;
    padding: 5px;
}

    .text-error-summarize ul li {
        list-style: decimal;
    }

.field-validation-error,
.row .field-validation-error,
.summary .row .field-validation-error {
    background: #d20000;
    color: #fff;
    padding: 5px 10px;
    margin: 10px 0 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 10;
    display: none;
}

/*.field-validation-error:before,
.row .field-validation-error:before,
.summary .row .field-validation-error:before {
border-color: transparent transparent #d20000;
border-style: solid;
border-width: 7px;
top: -14px;
left: 7px;
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
}*/

.note + .field-validation-error {
    margin-top: 5px;
}

.pass-strength + .note + .field-validation-error {
    margin-top: 10px;
}

input[type="checkbox"] + * + label + .field-validation-error {
    display: block;
    margin-top: 13px;
}

.formresult {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
    display: none;
    font-size: 12px;
    font-weight: bold;
}




textarea.input-validation-error {
    border: 1px solid #e80c4d !important;
}

.error-wrapper {
    width: auto;
    height: 40px;
    position: relative;
    margin-right: auto;
    margin-left: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    background-color: #CC4545;
    color: #fff;
    font-size: 18px;
}

/*Bob style juli 2015 */

#btnRegister {
    color: #ffffff;
    font-size: 14px;
    background: #113f62;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

    #btnRegister:hover {
        background: #0f1e29;
    }

div#main .btnRegister {
    color: #fff;
}

#btnforgotPassword {
    color: #ffffff;
    font-size: 14px;
    background: #113f62;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

    #btnforgotPassword:hover {
        background: #0f1e29;
    }







.field_set {
    border: 1px #DBD5D5;
    padding-top: 40px;
}

fieldset.copy-wrapper.grey {
    padding: 20px 10px 20px 20px;
    border: 1px solid #DFDADA;
    margin-bottom: 10px;
}

    fieldset.copy-wrapper.grey input {
        line-height: inherit;
        height: inherit;
    }


    fieldset.copy-wrapper.grey a.close-bulkmenu {
        color: #118ABD;
    }

fieldset.bulk-edit {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px #b5b5b5 solid;
    padding-top: 15px;
    background: #fff;
}

.radio-block-left {
    width: 47%;
    float: left;
    padding: 5px;
    background: #fff;
    margin-right: 15px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.13);
}

.radio-block-right {
    width: 47%;
    float: left;
    padding: 5px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.13);
}

.radio-remarks {
    border: 1px solid #bbe4f5;
    padding: 3px;
    margin-left: 10px;
    background: #f7f7f7;
    margin-top: 5px;
    display: none
}

.radio-remarks-resp {
    border: 1px solid #bbe4f5;
    padding: 3px;
    background: #f7f7f7;
    margin-top: 5px;
    font-size: 11px;
}

.radio-block-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.change-block-right {
    display: none;
    margin-top: 10px;
    float: left;
    border-top: 1px solid #dfdada;
}




fieldset input#strSend {
    width: 330px;
    background-color: #fff;
    font-weight: bold;
    height: 225px;
}

.chosen-day {
    float: left;
    margin-right: 15px;
    width: 75px;
}

/*fieldset.loginfieldset {
padding: 20px 10px 20px 20px;
margin-bottom:10px;	
}*/

fieldset.password {
}

.choose-item-options {
    font-size: inherit;
}


.login-error-wrapper {
    border: 1px solid #dc7777;
    font-size: 16px;
    color: #2b0404;
    background-color: #ffd8d8;
    margin-top: 20px;
    margin-bottom: 20px;
}

fieldset.email {
    padding: 10px;
    background-color: #f1eded;
    border: 1px solid #DFDADA;
    width: 300px;
}

.become-seller {
    background: #118ABD;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

div#header-navleft li a.become-seller {
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif
}

fieldset.make-lot {
    border: none;
    background: #fff;
}

.make-lot {
    background: #118ABD;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

div#header-navleft li a.make-lot {
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif
}

/*.loginfieldset {
width: 400px;
padding-top: 15px;	
margin-left: 50px;
margin-top: 50px;	
border: 1px solid #DFDADA;
float: left;
background-color:#fff
}*/
.cart-seller-banner-small {
    margin-left: -10px;
}

.image-landing {
    margin-bottom: 5px;
}

.showOtherAddress {
    display: none
}

.formdisplay {
    border: 1px #DBD5D5;
}

.Logincontainer {
    padding-bottom: 10px;
    display: block;
    float: left;
}

.Registercontainer {
    padding-bottom: 30px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 50px;
    margin-left: 20px;
    width: 400px;
    background-color: #faf8f6
}

/*#btnLogin{
padding: 10px 20px;
color: #ffffff;
font-size: 14px;
background: #dc6e15;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0;
text-decoration: none;
cursor: pointer;
border:none;
}

#btnLogin:hover {
background			: #0f1e29;		
}*/

.full-container {
    width: auto;
    height: 450px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}

.Registerpromos {
    width: 200px;
    padding: 5px;
}

.Registerpromos-button {
    width: 200px;
    padding: 5px;
    margin-top: 30px;
}

.button.orange {
    padding: 10px 20px;
    font-size: 14px;
    background: #dc6e15;
    margin-left: 65px;
}

.button.white {
    padding: 10px 20px;
    font-size: 14px;
    background: #fff;
    color: #000;
    border: 1px solid
}


.Registerpromos-img {
    width: 170px;
    height: 120px;
    margin-top: 15px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.full-width {
    width: 100%;
}

.last {
    padding-bottom: 20px;
}

.title_product_detail {
    color: #000000;
}

input.input-question {
    border: 1px solid #ececec;
    height: auto;
    line-height: inherit;
    color: #747b86;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

    input.input-question:hover {
        color: #fff;
        background: #000
    }


.title_product_detail h1 {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
}

.sellerBlock {
    padding-right: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 14px;
    padding-top: 5px;
}

.seller-banner-container {
    width: 760px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    margin-right: 25px
}

.nota-seller-banner-container {
}

.seller-banner-auto {
    color: #fff;
    background-color: #81B38F;
    padding-bottom: 2px;
    padding-right: 5px;
    height: 110px;
}

.nota-seller-banner-auto {
}

.seller-banner-auto.nota {
    color: #fff;
    background-color: #81B38F;
    padding: 4px;
    height: auto
}

    .seller-banner-auto.nota h3 a {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }

.seller-banner-auto h1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    -webkit-margin-before: 0.02em;
    -webkit-margin-after: 0.15em;
    padding-top: 25px;
    text-align: center;
}


.seller-banner-small-auto {
    color: #fff;
    background-color: #81B38F;
    padding-bottom: 2px;
    padding-right: 5px;
    min-width: 150px;
}



    .seller-banner-small-auto h3 {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        -webkit-margin-before: 0.02em;
        -webkit-margin-after: 0.15em;
        margin-left: 5px;
        padding-top: 5px;
    }



.banner-container {
    height: 150px;
    margin-top: 15px;
    float: left;
    margin-left: 15px;
}

.seller-info-block {
    float: left;
    width: 190px;
    height: 150px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid #E0DFD8;
    margin-top: 22px;
    background-color: #fff;
    margin-left: 10px;
}

.seller-view-all-block {
    float: left;
    height: 20px;
    margin-top: 20px
}

.seller-info {
    font-size: 12px;
    line-height: 1.4;
}

    .seller-info.city {
        margin-bottom: 15px;
    }

    .seller-info.conditions {
        font-size: 12px;
        line-height: 1.4;
    }

        .seller-info.conditions a {
            color: #118ABD;
            cursor: pointer;
        }

.followbox-seller {
    display: inline-block;
    margin: 0;
    float: right;
    background-color: #efeded;
    color: #01020E;
    cursor: default;
    padding: 1px 10px;
    text-decoration: none;
    margin-left: 5px;
    font-size: 11px;
}

#favourite-seller-info {
    font-size: 12px;
    margin-top: 10px;
    width: 270px;
    background: #f6f7f9;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #040727;
    line-height: 2;
    margin-bottom: 5px;
    float: left;
}

#favourite-seller-block {
    font-size: 12px;
    margin-top: 10px;
    background: #f6f7f9;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #040727;
    line-height: 2;
    margin-bottom: 5px;
}


#favourite-seller-info.active {
    width: 180px;
    background: #aacab2;
    border: 1px solid#afc3b5;
    color: #fff;
}

.seller-info.feedback {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
}

    .seller-info.feedback a {
        color: #118ABD;
        cursor: pointer;
    }

.seller-titleblock {
    color: #000000;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
}

.seller-title {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.seller-name {
    color: #118ABD;
    font-size: 16px;
    font-weight: bold;
}



    .seller-name.watch-all {
        color: #118ABD;
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px
    }

.navContainer {
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    float: left
}

.detailContainer {
    padding-bottom: 15px;
    margin-left: 15px;
}





.containerfull {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #01020E;
}

.block-social-item {
    padding-top: 10px;
}

.block-how-auction-works {
    font-size: 12px;
    padding-top: 10px;
}

.row.borderlist {
    padding-top: 20px;
    border-top: 1px #f3f3f3 solid;
    margin-top: 25px;
}

    .row.borderlist.home {
        margin-left: 0;
        margin-right: 0;
    }

.row.home {
    margin-left: 0;
    margin-right: 0;
}

.row.center.features {
    padding-top: 5px;
}

.col-sm.features {
    font-size: 12px;
}

    .col-sm.features img {
        width: 20px
    }

.description.home {
    padding: 20px 20px 50px 20px;
}

.envelop-small-list {
    max-width: 20px
}

.borderlist__title {
    float: left;
    padding-bottom: 15px;
}

    .borderlist__title h4 {
        font-weight: bold
    }

.row.listing {
    padding-top: 15px
}

.catalog-list__title h4 {
    font-weight: bold;
    padding-bottom: 15px;
}

#admin-box-detail {
    border: 1px solid #DDDDDD;
    background-color: #aaaaaa;
    padding: 8px;
    margin-top: 10px;
    float: left;
    width: 100%;
    font-size: 11px;
}

    #admin-box-detail input {
        line-height: 25px;
        height: 25px;
        border: 1px solid #ececec;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #747b86;
        font-size: 14px;
        margin-bottom: 5px;
    }

#seller-private-notes {
    border: 1px solid #DDDDDD;
    background-color: #f3f3f3;
    margin-top: 10px;
    padding: 8px;
    float: left;
    width: 100%;
    font-size: 12px;
}

.button.edit.shopdetail {
    float: left;
    padding: 10px;
    margin-top: 15px;
}

.block-social-seller {
    float: right;
    padding-top: 10px;
}

#auction-info {
    padding-top: 50px
}

.auction-info.lot {
    padding: 5px 5px 5px 10px;
    display: inline-block
}

.auction-info-wrapper.lot {
    margin-top: 10px;
    color: #a9a8a7;
    background-color: #f9f9f9;
    padding-bottom: 10px;
}

div#main #auction-info A {
    color: #000
}




.input-label a {
    color: #fff;
    font-weight: normal;
}
/****** Tooltips-small******/

.tooltipsmall {
    position: relative;
    display: inline-block;
}

    .tooltipsmall .tooltiptext {
        visibility: hidden;
        width: 110px;
        background-color: #ECE9E7;
        color: #000;
        text-align: center;
        border-radius: 4px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
    }

        .tooltipsmall .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 55%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #ECE9E7 transparent;
        }

    .tooltipsmall:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltipsmall-grid {
    position: relative;
    display: inline-block;
}

    .tooltipsmall-grid:hover .tooltiptext-grid {
        visibility: visible;
        opacity: 1;
    }

    .tooltipsmall-grid .tooltiptext-grid::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 80%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #ECE9E7 transparent;
    }


    .tooltipsmall-grid .tooltiptext-grid {
        visibility: hidden;
        width: 70px;
        background-color: #ECE9E7;
        color: #000;
        text-align: center;
        border-radius: 4px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
    }
/****** Tooltips******/

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: default;
}

    /* Base styles for the entire tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }

    /* Show the entire tooltip on hover and focus */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    /* Base styles for the tooltip's directional arrow */
    .tooltip:before,
    [data-tooltip]:before {
        z-index: 1001;
        border: 6px solid transparent;
        background: transparent;
        content: "";
    }

    /* Base styles for the tooltip's content area */
    .tooltip:after,
    [data-tooltip]:after {
        z-index: 1000;
        padding: 25px;
        width: 400px;
        background-color: #FFFFFF;
        color: #000;
        content: attr(data-tooltip);
        font-size: 14px;
        line-height: 1.2;
        border: 1px solid #C9C3CA;
    }

    /* Directions */

    /* Top (default) */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after,
    .tooltip-top:before,
    .tooltip-top:after {
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip]:before,
    .tooltip:before,
    .tooltip-top:before {
        margin-left: -6px;
        margin-bottom: -12px;
        border-top-color: #000;
        border-top-color: hsla(0, 0%, 20%, 0.9);
    }

    /* Horizontally align top/bottom tooltips */
    [data-tooltip]:after,
    .tooltip:after,
    .tooltip-top:after {
        margin-left: -80px;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after,
    .tooltip-top:hover:before,
    .tooltip-top:hover:after,
    .tooltip-top:focus:before,
    .tooltip-top:focus:after {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        transform: translateY(-12px);
    }

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}


/****** Pop-ups******/



.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1010;
        width: 100%;
        height: 100%;
    }

.popup {
    margin: 200px auto;
    padding: 40px;
    background: #fff;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popup .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .popup .close a {
            color: #118ABD;
        }

        .popup .close:hover {
            color: orange;
        }

    .popup .content {
        max-height: 30%;
        overflow: auto;
        font-size: 15px;
        font-weight: normal;
    }


#popup-username.overlay {
    z-index: 1001;
    min-height: 1600px
}

#popup-address.overlay {
    z-index: 1001;
    min-height: 1600px
}


.private-box-detail {
}

    .private-box-detail td {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 10px;
        padding-top: 5px;
    }


/****** enable or disable bidding when logged in******/

#divAutobid {
}


.logon-to-bid {
    padding: 10px;
    background-color: #118abd;
    text-align: center;
    font-weight: bold;
}

    .logon-to-bid:hover {
        background-color: #1b9ad0;
    }

    .logon-to-bid a {
        color: #ffffff;
    }



        .logon-to-bid a:hover {
            color: #ffffff;
        }

.top-line {
    position: relative;
    float: left;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 12px;
}


#LiveText.hide {
    display: none;
}

/* 404 Error page */


.col_error {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0;
    padding-top: 150px;
}

#AuctionItems-list {
}

#AuctionItems-grid {
    float: left;
}

/****** List or Grid view ******/

#listview {
    float: left
}

#gridview {
    float: left
}





/****** Lot List view ******/



.lot-list-image-wrapper {
    margin-top: 10px;
    width: 90%;
}

.lot-list-image {
    width: 130px;
    max-height: 210px;
    border: 0
}

    .lot-list-image.cart-list {
        width: 90px;
        max-height: 210px;
        border: 0
    }

    .lot-list-image .grid {
        max-height: inherit;
    }



.lot-list-center-text-wrapper {
    /*height:125px;*/
}

.lot-list-header {
    width: 100%;
    float: left;
}

@media only screen and (max-width: 726px) {
    .itemHeadline {
        font-size: 1rem;
        line-height: 1.125;
        color: #000;
    }


        .itemHeadline.mobile {
            font-size: 1rem;
            line-height: 1.125;
            color: #000;
            margin-bottom: 15px
        }
}

.itemHeadline {
    font-weight: 700;
    font-size: 1.25rem;
    color: #000;
}

    .itemHeadline.cart-list {
        font-weight: 500;
        font-size: 17px;
        color: #504d4d;
    }



.wrap-order {
    padding: 8px 15px;
    background: #e0e0e0;
    font-size: 12px;
}

    .wrap-order.grid {
        background: #fff;
    }

        .wrap-order.grid.bottom {
            height: 70px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);
            box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);
        }

            .wrap-order.grid.bottom .follow-box {
                position: absolute;
                right: 25px;
                bottom: 20px;
            }




    .wrap-order a {
        color: #4a410b
    }

        .wrap-order a span {
            padding: 2px;
            font-weight: bold;
            font-size: 13px;
            border: 1px solid;
        }

            .wrap-order a span:hover {
                background: #cccbcb;
                color: #4a410b
            }

.small.sold-date {
    font-size: 60%;
}

.itemHeadline:hover {
    text-decoration: underline;
}

.item-status-home {
    font-weight: bold;
    font-size: 13px;
    padding: 0px;
    color: #645858;
}

.lot-list-more-info-wrapper {
    padding-top: 0px;
}





.lot-list-footer {
    /* clear: both; */
    overflow: hidden;
    /* margin-top: 20px; */
    /* padding: 12px 1px; */
    /* line-height: 20px; */
    padding-top: 25px;
}




.lot-list-wrapper-right {
    color: #271e27;
    padding: 5px;
    border: 1px dotted #E0DFD8;
    background-color: #fff;
    float: left
}

.lot-list-inner-wrapper-right {
    height: 150px
}

.price-wrapper {
    width: 100%
}

.biedmee-wrapper {
    width: 100%
}


.action-wrapper {
    width: 100%
}


.grey-biedmee {
    line-height: 25px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #469CD3;
}

    .grey-biedmee:hover {
        color: #fff;
        background-color: #41acf1;
    }

.button-buy {
    display: inline-block;
    width: 45px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background: #bbab97;
    border: 1px solid #b19777;
    border-radius: 2px;
}

    .button-buy:hover {
        color: #FFFFFF;
        background-color: #d2860e;
    }


.button-reserved {
    display: inline-block;
    height: 30px;
    width: auto;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: #a7a5a5;
    background-color: #e8e8e7;
    padding: 0px 4px 0px 4px;
}

.lot-list-numberOfSec {
    width: 120px
}


.lot-list-extended-time {
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
    padding: 3px;
    color: #FFFFFF;
    background-color: #EC5612;
    display: none
}

.lot-list-extended-time-box {
    float: left
}

.text-timeresume {
    color: #9A9797;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    float: left;
}

.extended-time {
    color: #fff;
    background-color: #e95014;
    margin-top: 2px;
}

.number-seconds-ext {
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
}


.number-seconds-ext2 {
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 100%;
    /* text-align: center; */
}



/****** LOT-GRID ******/

#lot-auctioneer.grid {
    color: #000;
    margin-bottom: 10px;
    height: 330px;
    overflow: hidden;
    width: 25%;
    float: left;
}

#lot-member.grid {
    margin-bottom: 10px;
    height: 330px;
    overflow: hidden;
    width: 25%;
    float: left;
}

#lot-member.cart-list {
    margin-bottom: 0px;
    border: 1px solid #f3f3f3;
    padding-bottom: 0px;
}

.lot-list-left.grid {
    width: 100%;
    max-height: 170px;
    overflow: hidden;
    float: left;
}


.lot-list-image-wrapper.grid {
    margin-top: 10px;
    height: 170px;
    float: left;
    width: 77%;
}

.lot-list-image.grid {
    width: 140px;
    max-height: 210px;
    border: 0;
}

.lot-list-center.grid {
    width: initial;
    float: left;
    margin-left: 5px
}

.lot-list-center-text-wrapper.grid {
    height: 50px;
}

.lot-list-header.grid {
    width: 100%;
    float: left;
    margin-top: 5px
}

.itemHeadline.grid {
    font-weight: bold;
    font-size: 12px;
    color: #2B2B2B;
    width: 90%;
    float: left;
    max-height: 45px;
    overflow: hidden;
}



.itemHeadline:hover {
    text-decoration: underline;
}

.item-status-home.grid {
    font-size: 10px;
    margin-top: 2px;
    float: left;
    max-height: 14px;
    overflow: hidden;
}

.start-price-green.grid {
    display: block;
    width: 97%;
    background-color: #75BB58;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.lot-list-more-info-wrapper.grid {
    display: none;
}

.lot-list-flag-wrapper.grid {
    height: 15px;
    font-size: 9px;
}

.lot-list-follow-box.grid {
    float: left;
    width: 22%;
    text-align: center;
}

.item-description-home.grid {
    display: none
}


.lot-list-footer.grid {
    padding-left: 0;
    padding-bottom: 5px;
    width: initial;
}

.lot-list-right.grid {
    width: 100%;
    float: left;
    text-align: left;
}

.AuctionActiveGrey.grid {
    padding: 0;
    width: 100%;
    background-color: inherit;
    border: none;
}

.price-wrapper.grid {
    float: left;
}

.start-price.grid {
    display: inline-block;
    width: 140px;
    float: left;
    text-align: left;
    padding-left: 10px;
}


.biedmee-wrapper.grid {
    width: 25%;
    float: left;
    margin-top: -12px;
    height: 25px;
    display: none
}

.grey-biedmee.grid {
    float: left;
    margin-left: 5px;
    height: 20px;
    line-height: 20px;
    background-color: #A4CBE2;
}



.lot-list-numberOfSec.grid {
    margin-left: 10px;
    float: left;
}

.lot-list-extended-time.grid {
    display: none;
}

.text-bidamounts.grid {
    display: none;
}

#item-commission.grid {
    border: 1px solid #585350;
}



.lot-list-extended-time-box.grid {
}

.text-timeresume.grid {
    display: none
}

.number-seconds-ext2.grid {
    font-size: 13px;
    font-weight: normal;
}



.box-auctioneer-list.grid {
    display: none
}

/* GRID-WON-*/

.start-price-green.grid-won {
    display: inline-block;
    width: 120px;
    background-color: #FFFFFF;
    height: inherit;
    line-height: inherit;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #75BB58;
    margin-bottom: inherit;
    padding: 3px;
}

/* GRID-RESULT-*/

#lot-wrapper.grid {
    padding-top: inherit;
    padding-left: 5px;
}

#lot-auctioneer div.AuctionItem.grid-result {
    background-color: #fff
}

#lot-auctioneer.grid-result {
    color: #000;
    margin-bottom: 10px;
    height: 330px;
    overflow: hidden;
    width: 25%;
    float: left;
}

#lot-member.grid-result {
    margin-bottom: 10px;
    height: 330px;
    overflow: hidden;
    width: 25%;
    float: left;
}


.lot-list-center-text-wrapper.grid-result {
    height: 70px;
}


.lot-list-footer.grid-result {
    padding-left: 0;
    padding: 0px;
    width: initial;
    margin-top: 3px
}

.AuctionActiveGrey.grid-result {
    width: auto;
    background-color: inherit;
    border: none;
}

.start-price.grid-result {
    display: inline-block;
    width: 118px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    padding: 5px 5px 5px 0px
}


#item-commission.grid-result {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #020202;
    background-color: #fff
}

.EndDateText.text-timeresume.grid-result {
    padding: 0px;
    text-align: right;
    float: right;
    width: auto;
    font-size: 10px;
    margin-right: 15px;
}

.date-wrapper {
    color: #B7B4B2;
    float: left;
    text-align: right;
    width: 95%;
    padding: 2px;
    margin-top: 5px;
    border-top: 1px solid #f1efef;
}



.sold {
    color: #52504F;
    float: left;
    text-align: left;
    font-weight: bold;
}

/* Grid - Shoplist*/



.shopdetail-price-wrapper {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px
}

    .shopdetail-price-wrapper.question {
        background: none;
        padding: 10px;
        float: left;
        margin-left: 15px;
    }


.shopdetail-date-wrapper {
    background: #ffffff;
    color: #a5a19e;
    padding: 5px;
    margin-bottom: 15px
}

.shopdetail-price-text {
    font-size: 13px;
    color: #a5a19e
}

.shopdetail-price-price {
    font-size: 25px;
    color: #000;
    font-weight: bold;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif
}

.reserved-wrapper {
    background: #e6eaea;
    padding: 10px;
    margin-bottom: 15px
}

#temporarily-wrapper {
    background: #e6eaea;
    padding: 10px;
    margin-bottom: 15px;
    display: none
}

.reserved-text {
    font-size: 12px
}

.contact-button-wrapper {
    padding: 10px;
}

.purchase-button-wrapper {
}

    .purchase-button-wrapper input {
        background: #118ABD;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 15px;
        width: 100%;
    }

.EndDateText.offered-date {
    float: none;
    font-size: 11px;
}

.purchase-button-wrapper input:hover {
    background: #3fa6d2
}

.purchase-button-wrapper:hover {
    background: #3fa6d2
}

div#main .contact-button A {
    color: #fff;
    text-decoration: none
}

div#main a .contact-button-wrapper .contact-button {
    color: #3fa6d2;
    text-decoration: none
}



.contact-button {
    font-size: 12px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    font-family: sans-serif;
}

.date-wrapper.list {
    margin-top: 0px;
    border-top: 1px solid #f1efef;
    background: #fff;
    float: left
}

.date-text {
    color: #9A9797;
    text-align: center
}

.lot-list-inner-wrapper-right.shop-item {
    height: 135px;
}

.shopitem-price-wrapper {
    padding: 9px;
    color: #000000;
    background-color: #f5fbd5;
    border: thin solid #E9DBCE
}

.offered-date {
    color: #969390;
    float: left;
    text-align: left;
    font-size: 9px;
}


.price.grid-shoplist {
    display: inline-block;
    width: 118px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    padding: 5px 5px 5px 0px;
    background: none;
}
/* List of sellers and buyers-*/


.list-sellers-and-buyers {
    font-size: 15px;
    list-style-type: none;
}

.main-box-button-list {
    position: relative;
    margin-bottom: 10px;
    color: #948880;
    padding: 25px;
    margin-top: 50px;
}

div#main .main-box-button-list a {
    color: #000;
}

    div#main .main-box-button-list a:hover {
        color: #fff;
        background-color: #000;
        text-decoration: none;
    }

/* Media queries voor tijdelijk uitzetten van tooltip op mobiele apparaten*/

@media screen and (max-width: 600px) {
    .block-how-auction-works {
        display: none;
    }

    [data-tooltip], .tooltip {
        display: none;
    }

    #toTop {
        display: none;
    }
}

.mainmenu__menu .navbar-nav > li > a.active-mb-main-menu {
    font-weight: bold;
    border: 1px #989898 solid;
    padding: 2px;
}

.active-mb-main-menu {
    font-weight: bold;
    border: 1px #989898 solid;
    padding: 2px;
}
/* Pagination*/





.active-page {
    background-color: #000
}


.reset {
    border: none;
    margin-right: 5px;
}

.testing {
    width: 205px;
}


input::-webkit-calendar-picker-indicator {
    display: none;
}


#lot-auctioneer .itemHeadline {
}



#lot-auctioneer div.AuctionItem {
    background-color: #fdfbf0;
}


    #lot-auctioneer div.AuctionItem.grid {
        background-color: #fff;
    }


.menu-follow.wrapper {
    width: 250px;
    margin: 0px auto;
    padding-top: 5px;
    line-height: 1.25;
    background-color: #fff;
    font-size: 14px;
    float: left;
}

.follow-block {
    padding-left: 0;
}

.follow-block-link {
    display: inline;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
}

    .follow-block-link.active {
        display: inline;
        list-style-type: none;
        padding: 5px 10px 5px 10px;
        background: #d0be56;
    }

div#main .follow-block-link a {
    color: #118ABD
}

div#main .follow-block-link.active a {
    color: #fff
}

.menu-follow a {
    text-decoration: none;
    color: #86857a;
}

/*pop-up1*/
.popup1-trigger {
    cursor: pointer;
}

.popup1 {
    display: none;
    position: fixed;
    top: 150px;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    padding: 50px 30px;
    background: #fff;
    color: #333;
    font-size: 15px;
    z-index: 9999;
}

    .popup1 h1 {
        padding-bottom: 15px
    }

.popup1-mobile {
    position: relative;
    top: 0;
    left: 0;
    margin: 30px 0 0;
    width: 100%;
}

.popup1-btn-close {
    position: absolute;
    top: 8px;
    right: 14px;
    color: #118ABD;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.page-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 9998;
}

/****** Mijn Bobbedoes Grid ******/

.thread_sort_area.feedback {
    margin-bottom: 5px;
    padding: 0px 0px;
    box-shadow: none;
}

/*#mb-Items{

width: 77%;
float: left;
}*/
#mb-Items {
    background: #fff;
}

#kilopper {
    background: #fff;
    width: 100%;
    float: left;
}

.mb-Items-head {
}

    .mb-Items-head.top {
        border-bottom: 1px solid #C7C3C0;
        padding-bottom: 20px;
    }

div#mb-Categories {
    float: left;
    width: 150px;
    padding-left: 20px;
    margin-right: 10px;
}

div#mb-CategoriesFB {
    float: left;
    width: 190px;
    padding-left: 20px;
    margin-right: 10px;
}

.mb-Resultbox {
    font-size: 15px;
    width: 33%;
    float: left;
}

.mb-box-title {
    width: 82%;
    float: right;
    text-align: left;
    font-size: 25px;
    font-weight: bold;
    color: #B17040;
    padding-top: 20px;
    margin-bottom: 15px;
}

.user-block {
    float: left;
    width: 23%;
    padding: 2px;
    margin-bottom: 35px;
    height: 80px;
    border-bottom: 1px solid #e4dede;
    padding-bottom: 5px;
    margin-left: 5px;
}

.seller-block {
    float: left;
    width: 22%;
    margin-bottom: 20px;
    height: 170px;
    border-bottom: 1px solid #e4dede;
    padding: 10px 5px 5px 10px;
    margin-left: 5px;
    background-color: #fbfbfb;
}

.wrapper-seller-block.favourite {
    /* float: left; */
    /* width: 100%; */
    /* padding: 5px; */
}

.seller-block-active {
    float: left;
    width: 22%;
    margin-bottom: 20px;
    height: 170px;
    padding: 10px 5px 5px 10px;
    margin-left: 5px;
    background-color: #fdfbed;
    border-bottom: 1px solid #e4dede;
}


.block-my {
    background-color: #08485A;
    width: 35%;
    padding: 3px;
    margin-top: 3px;
    color: #FFF;
}

.user-profile-image-wrapper {
    float: left;
    margin-right: 10px;
}

.user-profile-text-wrapper {
    float: left;
    width: 62%;
}

.user_name {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    word-break: break-all;
}

.user_country {
}

.user_activate-date {
}

.standaard-seller {
    color: #c7c3c0;
    height: 15px;
    margin-top: 5px
}

.premium-seller {
    color: #D0BE56;
    font-weight: bold;
    height: 15px;
    margin-top: 5px
}

.st-seller {
    color: #c7c3c0;
}

.pr-seller {
    color: #D0BE56;
    font-weight: bold;
}

.count-active-lots {
}

    .count-active-lots.top {
        margin-top: 5px
    }

.count-lots {
    color: #118abd;
    font-size: 14px;
    font-weight: bold
}

.no-active-lots {
    color: #d6d3d1;
    margin-top: 25px;
}

.mb-seller-banner {
    margin-bottom: 5px;
}

.mb-seller-banner-auto {
    color: #fff;
    background-color: #81B38F;
    padding-bottom: 2px;
    padding-right: 5px;
    width: 140px;
}

.mb-seller-banner-img {
    padding-bottom: 2px;
    padding-right: 5px;
    width: 140px;
}

.banner-auto-text {
    height: 22px;
    padding-left: 5px;
    line-height: 2;
}



div#main .mb-seller-banner-auto a {
    color: #fff;
    text-decoration: none
}


.mb-Paging-box-bottom {
    margin-bottom: 10px;
    margin-top: 25px;
}

.mb-Paging-box {
    border-top: 1px solid #C7C3C0;
    height: 25px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    padding-top: 15px;
}

/* Verzamelaar - user-page*/


.user-header-wrapper {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    height: 170px;
    background-color: #efeee8;
}

.user-image-wrapper {
    margin-left: 50px;
    float: left
}

.user-text-wrapper {
    float: left;
    margin-top: 25px;
}

.user-header-wrapper h1 {
    font-size: 45px;
    width: 100%;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #9a861a;
    padding: 10px 10px 0px 10px;
    position: inherit;
    margin-right: 15px;
    margin-bottom: -5px;
}

.user-extra-info {
    font-size: 25px;
    width: 100%;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #929291;
    padding: 0px 10px 0px 10px;
    margin-right: 15px;
    float: left
}

    .user-extra-info.date {
        font-size: 15px;
    }


.user-profile-image {
    float: left;
}

    .user-profile-image img {
        margin: 25px;
        width: 90px;
    }

.user-header {
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    background: #fff;
}


.user-info-wrapper {
    float: left;
    padding: 5px 10px 35px 10px;
    background-color: #fff;
    margin-left: 75px;
    font-size: 15px;
    margin-top: 50px;
    border: 1px solid #efeee8;
    width: 40%;
}

    .user-info-wrapper h2 {
        color: #9a861a;
        padding-bottom: 15px;
    }

.community.seller-info-wrapper {
    float: left;
    padding: 5px 10px 35px 10px;
    background-color: #fff;
    margin-left: 25px;
    font-size: 15px;
    margin-top: 50px;
    border: 1px solid #efeee8;
    width: 40%;
    height: auto
}

    .community.seller-info-wrapper h2 {
        color: #9a861a;
        padding-bottom: 15px;
    }

.user-info-row {
    float: left;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #efeee8;
}

.user-info.first {
    width: 160px;
    float: left;
    font-weight: bold
}

.user-info.no-offer {
    padding: 5px
}


.user-info.sellername {
    font-size: 20px;
    font-weight: bold
}

.user-info {
    float: left
}

.community.banner-wrapper {
    margin-left: 0px;
    margin-top: 0px;
    height: auto
}

.community.seller-banner-image {
    width: 410px;
}

.community.seller-banner img {
    width: 410px
}

/* Mijn Bobbedoes - lot-view feedback*/



#mb-lot-member {
    margin-bottom: 10px;
    height: 200px;
    overflow: hidden;
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.feedback-user-block {
    float: left;
    width: 100%;
    padding-left: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E2DEDB;
    padding-bottom: 15px;
}

#mb-lot-wrapper {
    padding-top: 10px;
    padding-left: 5px;
}

.mb-lot-list-left {
    width: 80px;
    max-height: 180px;
    overflow: hidden;
    float: left;
}

.head-mb-lot-list-left {
    width: 85px;
    float: left;
}


.mb-lot-list-image {
    width: 70px;
    border: 0;
}

.mb-lot-list-center {
    width: 50%;
    float: left;
    margin-left: 5px;
}

.mb-lot-list-center-text-wrapper {
}

.mb-lot-list-header {
    width: 100%;
    float: left;
}

.mb-itemHeadline {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    width: 90%;
    float: left;
    max-height: 65px;
    overflow: hidden;
}

    .mb-itemHeadline a {
        cursor: pointer
    }

.mb-lot-list-follow-box {
    width: 25px;
    float: right;
    margin-right: 5px;
}

.mb-item-status-home {
    font-weight: bold;
    font-size: 13px;
    padding: 0px;
    color: #645858;
}


.mb-item-description-home {
    font-size: 12px;
    margin-top: 10px;
    width: 98%;
}

.mb-lot-list-more-info-wrapper {
    padding-top: 0px;
}


.mb-btn-arrow {
    font-family: "entypo","ProximaNova","Helvetica Neue","Arial",sans-serif;
    font-weight: 200;
    white-space: nowrap;
    vertical-align: text-bottom;
}

.mb-lot-list-footer {
    clear: both;
    overflow: hidden;
    padding: 12px 1px;
    line-height: 20px;
}

.mb-lot-list-feedback-user {
}

.mb-lot-list-right {
    width: 10%;
    float: left;
    text-align: center;
    margin-right: 5px
}

.mb-lot-list-right-seller {
    width: 15%;
    float: left;
    margin-right: 5px
}

.mb-lot-list-right-feedback {
    width: 10%;
    float: left;
    text-align: center;
}


.mb-AuctionActiveGrey {
    color: #271e27;
    padding: 5px;
    border: 1px dotted #E0DFD8;
    background-color: #fff;
    float: left;
}

.mb-price-wrapper {
    width: 100%;
}

.mb-biedmee-wrapper {
    width: 100%;
}


.mb-grey-biedmee {
    display: inline-block;
    height: 30px;
    width: 45px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #469CD3;
}

.mb-text-timeresume {
    color: #9A9797;
    font-size: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    float: left;
}

.mb-lot-list-extended-time-box {
    float: left;
}

.mb-lot-list-extended-time {
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
    padding: 3px;
    color: #FFFFFF;
    background-color: #EC5612;
    display: none;
}

div.mb-AuctionItemFill {
    height: 5px;
}

.mb-new-lot {
    width: 50px;
    float: left;
    color: #DACC7E;
    font-weight: bold;
    border: 1px solid;
    text-align: center;
    background-color: #fff;
}

.mb-input-field-buyer {
    /* float: left; */
    /* position: relative; */
    /* height: 40px; */
    /* width: 400px; */
    /* font-size: 12px; */
    /* padding-bottom: 10px; */
    margin-bottom: 15px;
}


.mb-input-field-seller {
    /* float: left; */
    /* position: relative; */
    /* height: 40px; */
    /* width: 400px; */
    /* font-size: 12px; */
    /* padding-bottom: 10px; */
}

.top-feedbackblock {
    float: left;
    width: 100%;
    padding: 5px 2px;
    font-weight: bold;
    border: 1px solid #E2DEDB;
    background-color: #ffffff;
}

.head-feedback-mb-lot-list-center {
    width: 55%;
    float: left;
    margin-left: 25px;
}

.head-feedback-mb-lot-list-right {
    float: left;
    width: 85px;
    margin-left: 15px;
}

.feedback-mb-lot-list-right-seller {
    float: left;
    margin-right: 5px;
}


#myaccount-container {
    padding-top: 45px;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 50px;
}

.feedback-field-buyer {
    font-size: 15px;
    padding-bottom: 10px;
}

.feedback-mb-lot-list-center {
    width: 55%;
    float: left;
    margin-left: 5px;
}

.feedback-mb-lot-list-right {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    width: 70px;
}

.feedback-mb-price-wrapper {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
}

.feedback-mb-lot-list-right-edit {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

.feedback-mb-itemHeadline {
    font-weight: bold;
    font-size: 11px;
    color: #000;
    width: 90%;
    float: left;
    max-height: 65px;
    overflow: hidden;
}

    .feedback-mb-itemHeadline a {
        cursor: pointer
    }

.reaction-buyer {
    margin-bottom: 5px;
    font-size: 10px
}

.feedback-status-mb-lot-list-left {
    width: 25px;
    float: left;
}

    .feedback-status-mb-lot-list-left img {
        border-radius: 50%
    }

.feedback-field-buyer {
    font-size: 13px;
    padding-bottom: 10px;
}

.feedback-field-seller {
    font-size: 15px;
    padding-bottom: 10px;
    margin-top: 5px
}

.head-feedback-status-mb-lot-list-left {
    width: 20px;
    float: left;
}

.block-feedback-seller-reaction {
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 20px
}

.seller-remark-wrap {
    display: block;
    width: 100%;
}

.seller-remark {
    max-height: 4.8em;
    overflow: hidden;
    line-height: 1.6;
}

    .seller-remark.expanded {
        max-height: none;
        overflow: visible;
    }

.ideal-btn {
    background-color: #CC0066 !important;
    border-color: #CC0066 !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 5px !important;
}

    .ideal-btn:hover {
        background-color: #B00058 !important;
        border-color: #B00058 !important;
        color: #fff;
    }

.ideal-payment-block small {
    display: block;
    margin-top: 5px;
}

.reaction-seller {
    font-size: 10px;
    color: #000;
    font-weight: bold
}

.empty-result-wrapper {
    width: 100%;
    float: left;
    background-color: #f9f4d8;
    margin-top: 20px;
    margin-bottom: 20px;
}

.empty-result {
    padding: 15px
}

    .empty-result h3 {
        font-size: 15px;
        line-height: 1.5;
        font-weight: normal;
    }

    .empty-result a {
        font-weight: bold;
    }

.login-result-wrapper {
    width: 100%;
    float: left;
    background-color: #f9f4d8;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-result {
    padding: 15px
}

    .login-result h3 {
        font-size: 15px;
        line-height: 1.5;
        font-weight: normal;
    }

    .login-result a {
        font-weight: bold;
    }


/****** dropdown menu home ******/

.dashboard_menu_area .dashboard_menu.small li a {
    line-height: inherit;
    font-size: 12px;
    color: #000;
}

.tabber.active {
    border-bottom: 2px #000 solid;
}

.tabber-Follow.active {
    border-bottom: 2px #000 solid;
}

.dashboard_menu_area .dashboard_menu .dropdownsimple-content li + li {
    margin-left: 0px;
}

.dropdown.dropdown--author.fruly ul li a {
    color: #54667a;
    display: block;
    font-size: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .dropdown.dropdown--author.fruly ul li a:hover {
        font-weight: bolder;
        background-color: #fff;
        color: #000 !important;
    }

    .dropdown.dropdown--author.fruly ul li a:active {
        font-weight: bolder;
        background-color: #edecec;
    }

.truly {
    margin-bottom: 10px;
    float: left !important;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}

    .truly.second {
        margin-top: 10px;
        font-weight: bold;
    }

.bd-notification-count {
    position: absolute !important;
    display: inline-block;
    padding: .25em .4em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    background-color: #dc3545 !important;
    float: none;
    margin-right: 15px;
    font-size: 10px;
    color: #fff;
}

/* Dropdown Button */
.dropbtnsimple {
    background-color: #fff;
    border: none;
}

.mainmenu__menu .navbar-nav > li.dropdownsimple-list-item {
    padding-top: 27px;
    font-size: 12px;
    color: #333333;
    font-weight: 500;
}
/* The container <div> - needed to position the dropdown content */
.dropdownsimple {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdownsimple-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdownsimple-content a {
        color: black;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
    }

    .dropdownsimple-content ul {
        padding: 15px
    }

    /* Change color of dropdown links on hover */
    .dropdownsimple-content a:hover {
        font-weight: bold
    }

/* Show the dropdown menu on hover */
.dropdownsimple:hover .dropdownsimple-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownsimple:hover .dropbtnsimple {
}

.dropbtnsimple {
    color: inherit;
    font-size: inherit;
    border: none;
    cursor: pointer;
}

span.pv {
    color: #ffffff;
    font-size: 12px;
    border: 1px solid;
    padding: 5px;
    background: #b4c53a;
}

.dropdown {
    position: relative;
    display: inline-block;
}

    .dropdown:hover {
        color: #000;
    }

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fbfbfb;
    min-width: 260px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 9999;
    font-family: sans-serif;
    font-weight: 400;
}

    .dropdown-content a {
        color: #000;
        padding: 12px 30px;
        text-decoration: none;
        display: block;
        font-weight: 700;
    }

        .dropdown-content a:hover {
            background-color: #ece9e7;
            color: #000;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .home-arrow {
    display: none;
}

.home-arrow.white {
    display: none;
    color: #fff;
}

.dropdown:hover .home-arrow.white {
    display: block;
}

div#header-logon-bottom .dropdown-content a {
    color: #9b9b9b;
    font-size: 14px;
}

div#header-logon-bottom .dropdown-content .title {
    color: #000;
    font-size: 16px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: 700;
    border-top: 1px solid #ece9e7;
}


div#header-logon-bottom .dropdown-content a.dropdown-myaccount {
    color: #9b9b9b;
    border: 1px solid #ece9e7;
}

div#header-logon-bottom .dropdown-content a.dropdown-logoff {
    color: #dcdbda;
}

div#header-logon-bottom .dropdown-content a:hover {
    color: #000;
}

.home-arrow {
    font-size: 14px;
    float: right;
    line-height: 1.4;
    color: #d0be56;
}

.list-arrow.right {
    font-size: 14px;
    line-height: 1.4;
    color: #d0be56;
}

/****** contact form ******/

#page-wrapper {
    padding-bottom: 50px;
    float: left;
    margin-top: 15px;
}

#contact-form-wrapper {
    float: right;
    width: 760px;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
}

#contact-form-wrapper-home {
    float: left;
    width: 650px;
    height: auto;
    margin-right: 20px;
}

.auction-header.shop {
    float: left;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    background: #fff;
    padding: 15px;
}

.seller-info-wrapper {
    float: left;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}


.banner-wrapper {
    float: right;
}


.seller-banner-image {
    height: auto;
    float: right;
}

.box-stacked.contact {
}

    .box-stacked.contact.home {
        border: none
    }

.box-stacked.private {
    /* padding-top: 15px; */
    color: #8e8d8c;
    /* background: #f7f7f7; */
}

.box-stacked {
    padding-top: 15px;
}

    .box-stacked.top {
        padding-top: 5px
    }

.button-send {
    color: #ffffff;
    background-color: #469cd3;
    width: 200px;
    height: 40px;
    cursor: pointer;
    outline: none;
    border: 0;
}

    .button-send.small {
        background-color: #C1C1C1;
        width: 120px;
        height: auto;
    }

.btn-mybd-xs-small {
    padding: 2px !important;
    font-size: 9px !important;
    line-height: 15px !important;
}

.time-announcement {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.time-announcement-block {
}

.ao.time.countdown {
    font-size: 24px;
    font-weight: bolder;
}


.form-field-item.contactform {
    position: relative;
    margin-bottom: 20px;
}

.box-header.contactform {
    background-color: #f0fbfb;
    color: #fff;
    padding: 5px 5px;
    margin-bottom: 5px;
}


.box-content-item.contactform {
    border: none;
    height: auto;
    position: relative;
}

.form-label.contactform {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-top: 12px;
    margin-bottom: 6px;
}

.input-field-item.contactform {
    float: left;
    position: relative;
    font-size: 12px;
}


.g-recaptcha {
    float: left;
    margin-right: 10px;
}

/****** related items ******/



.wrapper-related-items {
    width: 100%;
    float: left;
    border-top: 1px solid #ece9e7;
    padding-top: 15px;
    margin-top: 5px;
    background: #ece9e7;
}

.block-related-items {
    padding-left: 50px;
}

.home-row {
    background-color: #ECE9E7;
    width: 100%;
    margin: 15px 0 0 0;
    box-sizing: border-box;
    padding: 0 50px;
    float: left;
}

.cell-highlight {
    min-height: 75px;
    float: left;
    margin: 0 0 0 18px;
    overflow: hidden;
    width: 170px;
    visibility: visible;
    margin-left: 0;
    position: relative;
    height: 380px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.13);
}

.anchor-wrapper-hl {
    margin: 0;
    width: 100%;
    min-height: 340px;
    max-height: 340px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    font: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.img-hl-wrapper {
    width: 100%;
    max-height: 230px;
    overflow: hidden;
    text-align: center;
}

    .img-hl-wrapper img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        box-sizing: border-box;
        border: 0 solid #fff;
        -webkit-transition: border-width .15s ease-in-out;
        -moz-transition: border-width .15s ease-in-out;
        -ms-transition: border-width .15s ease-in-out;
        -o-transition: border-width .15s ease-in-out;
        transition: border-width .15s ease-in-out;
    }

.txt-hl-wrapper {
    padding: 0px 5px 0px 8px;
    text-align: left;
    font-size: 14px;
    position: absolute;
    color: #696666;
    left: 0;
    bottom: 60px;
    line-height: 16px;
    min-height: 64px;
    max-height: 64px;
    overflow: hidden;
}

.home-row em {
    padding-left: 8px;
    padding-bottom: 10px;
    position: absolute;
    color: #696666;
    left: 0;
    bottom: 0;
    font-style: normal;
    font-size: 14px;
}

    .home-row em strong {
        color: #000;
        font-size: 20px;
        display: inline-block;
        margin: 0 0 0 5px;
        line-height: 0;
    }

.highlight-bid {
    margin-bottom: 10px;
    position: absolute;
    color: #FFFFFF;
    bottom: 0;
    font-style: normal;
    font-size: 14px;
    right: 8px;
    background: #469CD3;
    padding: 5px;
}

.cell-highlight.next {
    margin: 0 0 0 18px;
}

.img-auction-cover-text {
    position: absolute;
    z-index: 2;
    margin-left: 25px;
    padding: 13px;
    background: #e67514;
    color: #fff;
}

/****** catalog detail ******/

.catalog-spec-wrapper {
    padding-left: 10px;
    float: left;
    font-size: 12px;
}

    .catalog-spec-wrapper.edit {
        padding-left: 0px;
    }

.product-specs-wrapper {
    width: 100%;
    float: left;
    box-sizing: border-box;
    word-wrap: break-word;
    padding-bottom: .25em;
    padding-right: 1em;
    border-bottom: 1px solid #efefef;
    padding-top: .25em;
}

.catalog-spec-inner {
}

    .catalog-spec-inner.cat {
        padding: 30px 30px 40px;
        font-size: 13px;
    }

.product-specs-title {
    float: left;
    width: 28%;
    font-weight: bold;
}

    .product-specs-title.cat {
        width: 30%;
    }

.product-specs-spec {
    float: left;
    word-wrap: break-word;
    width: 72%;
}

    .product-specs-spec.cat {
        width: 70%;
    }


.catalog-item-wrapper {
    background-color: #f9f9f9;
    padding: 5px 0px 25px 10px;
    color: #3e3c3c;
}

    .catalog-item-wrapper.edit {
        float: left;
        width: 100%;
        margin-top: 0px;
    }

/*WIZZARD*/



.btn-e.top {
    line-height: 23px !important;
    padding: 0 7px !important;
    background: #fff !important;
    border: 1px solid #9da0a1 !important;
    color: #393d3f !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-e.top.back {
        border: none !important;
        color: #118abd !important;
    }


.wizzard-additional-text.green {
    background: rgb(207, 241, 196);
    border-color: rgba(119, 222, 81, 0.1);
    margin-bottom: 5px
}

.alert-danger.wizzard {
    margin-bottom: 5px
}




/* ============================================================
   TOPMENU
   Desktop + compacte tablet/mobile weergave
   ============================================================ */


/* ============================================================
   BASIS
   ============================================================ */

.bd-mobile-actions,
.bd-mobile-menu-overlay,
.bd-mobile-user-menu {
    display: none;
}

.bd-mobile-user-menu {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


/* ============================================================
   DESKTOP TOPMENU
   992px EN BREEDER
   ============================================================ */

.top-menu-area {
    position: relative;
    z-index: 13000;
    overflow: visible;
}


    /* Zorg dat dropdowns buiten de normale hoogte mogen vallen */
    .top-menu-area .container,
    .top-menu-area .row,
    .top-menu-area .v_middle,
    .author-area,
    .author-author__info,
    .author-author__info.has_dropdown {
        overflow: visible !important;
    }


/* Rechterdeel desktop */
.author-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    z-index: 31;
}


    /* Oude margins van bestaande knoppen neutraliseren */
    .author-area .author-area__seller-btn {
        margin-right: 0;
    }


/* Specifieke oude selector bovenin stylesheet overschrijven */
body > div.menu-area >
div.top-menu-area >
div >
div >
div.col-lg-8.offset-lg-1.col-md-9.col-6.v_middle >
div.author-area >
a.author-area__seller-btn.btn.shop-btn.inline {
    margin-right: 0;
}


/* ============================================================
   DESKTOP WINKELWAGEN
   ============================================================ */

.bd-desktop-cart {
    display: inline-flex;
    align-items: center;
    float: none;
    margin: 0;
    padding: 0;
}


    .bd-desktop-cart > a {
        display: inline-flex;
        align-items: center;
        color: #fff !important;
        text-decoration: none !important;
    }


    .bd-desktop-cart ul {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }


        .bd-desktop-cart ul li {
            margin: 0;
            padding: 0;
        }


    .bd-desktop-cart .icon_wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 38px;
    }


    .bd-desktop-cart .lnr-cart {
        color: #fff !important;
        font-size: 18px;
    }


/* ============================================================
   DESKTOP ACCOUNT
   ============================================================ */

.author-author__info {
    position: relative;
    display: inline-flex;
    align-items: center;
    float: none;
    margin: 0;
    z-index: 32;
}


    .author-author__info .author__avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        color: #fff !important;
    }


        .author-author__info .author__avatar .lnr {
            color: #fff !important;
            font-size: 18px;
        }


    .author-author__info .autor__info {
        margin-left: 6px;
    }


    .author-author__info .name {
        margin: 0;
        color: #fff !important;
        white-space: nowrap;
    }


/* ============================================================
   UITGELOGD ACCOUNTICOON
   ============================================================ */

.bd-desktop-login-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 38px;
    margin: 0;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none !important;
    opacity: .92;
    transition: opacity .15s ease;
}


    .bd-desktop-login-icon:hover,
    .bd-desktop-login-icon:focus {
        color: #fff !important;
        text-decoration: none !important;
        opacity: 1;
    }


/* ============================================================
   DESKTOP ACCOUNT DROPDOWN
   ============================================================ */

.author-author__info.has_dropdown {
    position: relative;
    z-index: 32;
}


.dropdown.dropdown--author {
    z-index: 100 !important;
}



/* ============================================================
   TABLET + MOBIEL
   COMPACTE ZWARTE BALK
   ============================================================ */

@media (max-width: 991px) {


    /* --------------------------------------------------------
       Desktop account/verkopersmenu volledig weg
       -------------------------------------------------------- */

    .author-area {
        display: none !important;
    }


    /* --------------------------------------------------------
       Compacte iconenbalk
       -------------------------------------------------------- */

    .bd-mobile-actions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-end;
        width: 100%;
        height: 56px;
        margin: 0;
        padding: 0;
    }


    .bd-mobile-action {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 42px;
        width: 42px;
        height: 56px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        text-decoration: none !important;
        cursor: pointer;
    }


        .bd-mobile-action:hover,
        .bd-mobile-action:focus,
        .bd-mobile-action:active {
            text-decoration: none !important;
        }


        .bd-mobile-action .lnr {
            display: block;
            margin: 0;
            padding: 0;
            color: #fff !important;
            font-size: 17px;
            line-height: 1;
        }


    /* Mijn live aanbod */
    .bd-mobile-store {
        background: #a99722;
    }


    /* Start aanbieden / Word verkoper */
    .bd-mobile-rocket {
        background: #008fc5;
    }


    /* Winkelwagen */
    .bd-mobile-cart {
        background: #000;
    }


    /* Account - bewust NIET blauw */
    .bd-mobile-user {
        background: #000;
        color: #fff;
    }





    /* ========================================================
       WINKELWAGENTELLER
       ======================================================== */

    .bd-mobile-cart-count {
        position: absolute;
        top: 4px;
        right: 2px;
        min-width: 15px;
        height: 15px;
        padding: 0 4px;
        border-radius: 8px;
        background: #d60078;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        line-height: 15px;
        text-align: center;
        box-sizing: border-box;
        z-index: 10;
    }


    /* ========================================================
       BODY LOCK BIJ OPEN MENU
       ======================================================== */

    body.bd-mobile-menu-open {
        overflow: hidden !important;
        height: 100dvh;
    }


    /* ========================================================
       ACCOUNT DRAWER
       ======================================================== */

    .bd-mobile-user-menu {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        max-width: 88vw;
        height: auto;
        max-height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(25px + env(safe-area-inset-bottom));
        background: #fff;
        color: #222;
        box-sizing: border-box;
        box-shadow: -6px 0 20px rgba(0,0,0,.18);
        transform: translateX(0);
        transition: transform .22s ease;
        z-index: 99999;
    }


        .bd-mobile-user-menu.closed {
            transform: translateX(110%);
            pointer-events: none;
        }


    /* ========================================================
       DONKERE OVERLAY
       ======================================================== */

    .bd-mobile-menu-overlay {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.45);
        opacity: 1;
        transition: opacity .22s ease;
        z-index: 99998;
    }


        .bd-mobile-menu-overlay.closed {
            opacity: 0;
            pointer-events: none;
        }


    /* ========================================================
       SLUITKNOP DRAWER
       ======================================================== */

    .bd-mobile-menu-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-top: 4px;
        margin-right: 6px;
        margin-left: auto;
        padding: 0;
        border: 0;
        background: transparent;
        color: #555;
        font-size: 20px;
        cursor: pointer;
    }


    /* ========================================================
       GEBRUIKERSNAAM
       ======================================================== */

    .bd-mobile-menu-name {
        padding: 4px 20px 16px 20px;
        border-bottom: 1px solid #eee;
        color: #222;
        font-size: 15px;
        font-weight: 600;
    }


    /* ========================================================
       TITELS
       ======================================================== */

    .bd-mobile-menu-title {
        padding: 18px 20px 7px 20px;
        color: #555;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .4px;
    }


    /* ========================================================
       MENU LIJST
       ======================================================== */

    .bd-mobile-menu-list {
        margin: 0;
        padding: 0 10px 4px 10px;
        list-style: none;
    }


        .bd-mobile-menu-list li {
            margin: 0;
            padding: 0;
        }


            .bd-mobile-menu-list li a {
                display: flex;
                align-items: center;
                min-height: 40px;
                padding: 8px 10px;
                border-radius: 5px;
                color: #222 !important;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none !important;
                transition: background-color .15s ease;
            }


                .bd-mobile-menu-list li a:hover,
                .bd-mobile-menu-list li a:focus,
                .bd-mobile-menu-list li a:active {
                    background: #f4f4f4;
                    color: #000 !important;
                    text-decoration: none !important;
                }


        /* ========================================================
       NOTIFICATIE BADGE
       ======================================================== */

        .bd-mobile-menu-list .bd-notification-count {
            position: static !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            min-width: 18px;
            height: 18px;
            margin-top: 0 !important;
            margin-right: 0 !important;
            margin-left: auto !important;
            padding: 0 5px;
            border-radius: 9px;
            background: #d60078 !important;
            color: #fff !important;
            font-size: 10px;
            font-weight: 700;
            line-height: 18px;
            transform: none !important;
            top: auto !important;
            right: auto !important;
            left: auto !important;
        }


        /* ========================================================
       UITLOGGEN
       ======================================================== */

        .bd-mobile-menu-list li a[href*="logoff"],
        .bd-mobile-menu-list li a[href*="LogOff"] {
            margin-top: 5px;
            border-top: 1px solid #eee;
            border-radius: 0;
            color: #555 !important;
        }
}

/* ============================================================
   TOPMENU - DESKTOP FINETUNING
   Alleen 992px en breder
   ============================================================ */

@media (min-width: 992px) {

    /* ========================================================
       VASTE, CONSISTENTE HOOGTE ZWARTE BALK
       ======================================================== */

    .top-menu-area {
        min-height: 74px;
    }

        .top-menu-area > .container {
            height: 74px;
        }

            .top-menu-area > .container > .row {
                height: 74px;
                align-items: center;
            }

        .top-menu-area .v_middle {
            height: 74px;
            display: flex;
            align-items: center;
        }


        /* ========================================================
       LOGO
       ======================================================== */

        .top-menu-area .logo {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
        }

            .top-menu-area .logo a {
                display: flex;
                align-items: center;
            }


    /* ========================================================
       RECHTERGEDEELTE
       Alles exact verticaal centreren
       ======================================================== */

    .author-area {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: 74px;
        gap: 8px;
        margin: 0;
        padding: 0;
    }


        /* ========================================================
       KNOPPEN
       ======================================================== */

        .author-area .author-area__seller-btn {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            height: 34px;
            min-height: 34px;
            margin: 0 !important;
            padding: 0 13px;
            line-height: 34px;
            vertical-align: middle;
        }

            .author-area .author-area__seller-btn .lnr {
                display: inline-flex;
                align-items: center;
                margin-right: 5px;
                font-size: 14px;
                line-height: 1;
            }


    /* ========================================================
       WINKELWAGEN
       ======================================================== */

    .bd-desktop-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0 0 0 3px;
        padding: 0;
        float: none !important;
    }

        .bd-desktop-cart > a,
        .bd-desktop-cart ul,
        .bd-desktop-cart ul li,
        .bd-desktop-cart .icon_wrap {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bd-desktop-cart ul {
            width: 38px;
            height: 38px;
            margin: 0;
            padding: 0;
        }

            .bd-desktop-cart ul li {
                width: 38px;
                height: 38px;
                margin: 0;
                padding: 0;
            }

        .bd-desktop-cart .icon_wrap {
            width: 38px;
            height: 38px;
        }

        .bd-desktop-cart .lnr-cart {
            color: #fff !important;
            font-size: 20px !important;
            line-height: 1 !important;
        }


    /* ============================================================
   TOPMENU - WINKELWAGEN BADGE OVERRIDE
   Overschrijft oude style.css
   ============================================================ */

    @media (min-width: 992px) {

        .author-area .bd-desktop-cart .icon_wrap {
            position: relative !important;
            overflow: visible !important;
        }

        .author-area .bd-desktop-cart .notification_count,
        .author-area .bd-desktop-cart .notification_count.purch {
            position: absolute !important;
            top: -6px !important;
            right: -6px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 18px !important;
            width: auto !important;
            height: 18px !important;
            padding: 0 5px !important;
            margin: 0 !important;
            background: #d60078 !important;
            color: #ffffff !important;
            border: 0 !important;
            border-radius: 10px !important;
            font-size: 10px !important;
            font-weight: 700 !important;
            line-height: 18px !important;
            text-align: center !important;
            white-space: nowrap !important;
            box-sizing: border-box !important;
            transform: none !important;
            z-index: 20 !important;
        }
    }

    /* ========================================================
       ACCOUNT / POPPETJE
       ======================================================== */

    .author-author__info {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 38px;
        margin: 0;
        padding: 0;
        float: none !important;
    }

        .author-author__info .author__avatar {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 38px;
            margin: 0 !important;
            padding: 0 !important;
            color: #fff !important;
            line-height: 1 !important;
        }

            .author-author__info .author__avatar span,
            .author-author__info .author__avatar .lnr,
            .author-author__info .author__avatar .lnr-user {
                display: block;
                margin: 0 !important;
                padding: 0 !important;
                color: #fff !important;
                font-size: 21px !important;
                line-height: 1 !important;
            }


        /* gebruikersnaam */

        .author-author__info .autor__info {
            display: flex;
            align-items: center;
            height: 38px;
            margin: 0 0 0 4px !important;
            padding: 0;
        }

            .author-author__info .autor__info .name {
                display: block;
                margin: 0 !important;
                padding: 0 !important;
                color: #fff !important;
                line-height: 38px !important;
            }


    /* ========================================================
       UITGELOGD POPPETJE
       ======================================================== */

    .bd-desktop-login-icon {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0 0 0 3px;
        padding: 0;
        color: #fff !important;
        font-size: 21px !important;
        line-height: 1 !important;
        vertical-align: middle;
        text-decoration: none !important;
    }

        .bd-desktop-login-icon .lnr,
        .bd-desktop-login-icon .lnr-user {
            display: block;
            margin: 0;
            padding: 0;
            color: #fff !important;
            font-size: 21px !important;
            line-height: 1 !important;
        }
}


/* ============================================================
   TOPMENU - DESKTOP ACCOUNT/CART CORRECTIE
   ============================================================ */

@media (min-width: 992px) {

    /* --------------------------------------------------------
       Cart en account als één nette horizontale groep
       -------------------------------------------------------- */

    .author-area {
        align-items: center !important;
    }


        /* ========================================================
       WINKELWAGEN - volledige legacy reset
       ======================================================== */

        .author-area .bd-desktop-cart {
            position: static !important;
            float: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 36px !important;
            height: 40px !important;
            margin: 0 !important;
            padding: 0 !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            transform: none !important;
        }


            .author-area .bd-desktop-cart > a {
                position: static !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 36px !important;
                height: 40px !important;
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
                text-decoration: none !important;
            }


            .author-area .bd-desktop-cart ul,
            .author-area .bd-desktop-cart ul li {
                position: static !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 36px !important;
                height: 40px !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                line-height: 1 !important;
            }


            .author-area .bd-desktop-cart .icon_wrap {
                position: relative !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 36px !important;
                height: 40px !important;
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
                transform: none !important;
            }


            .author-area .bd-desktop-cart .lnr-cart {
                position: static !important;
                display: block !important;
                margin: 0 !important;
                padding: 0 !important;
                color: #fff !important;
                background: transparent !important;
                font-size: 21px !important;
                line-height: 1 !important;
                transform: none !important;
            }



        /* ========================================================
       ACCOUNT - volledige legacy reset
       ======================================================== */

        .author-area .author-author__info {
            position: relative !important;
            float: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            height: 40px !important;
            margin: 0 !important;
            padding: 0 !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            transform: none !important;
        }


            /* ========================================================
       POPPETJE
       Geen blauwe cirkel meer
       ======================================================== */

            .author-area .author-author__info .author__avatar {
                position: static !important;
                float: none !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 30px !important;
                height: 40px !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: #fff !important;
                line-height: 1 !important;
                transform: none !important;
            }


                .author-area .author-author__info .author__avatar span,
                .author-area .author-author__info .author__avatar .lnr,
                .author-area .author-author__info .author__avatar .lnr-user {
                    position: static !important;
                    display: block !important;
                    width: auto !important;
                    height: auto !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    background: transparent !important;
                    border: 0 !important;
                    border-radius: 0 !important;
                    box-shadow: none !important;
                    color: #fff !important;
                    font-size: 21px !important;
                    line-height: 1 !important;
                    transform: none !important;
                }



            /* ========================================================
       GEBRUIKERSNAAM
       ======================================================== */

            .author-area .author-author__info .autor__info {
                position: static !important;
                float: none !important;
                display: flex !important;
                align-items: center !important;
                height: 40px !important;
                margin: 0 0 0 4px !important;
                padding: 0 !important;
                transform: none !important;
            }


                .author-area .author-author__info .autor__info .name {
                    position: static !important;
                    display: block !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    color: #fff !important;
                    line-height: 40px !important;
                    transform: none !important;
                }
}

/* ============================================================
       BOBBEDOES HERO
       ============================================================ */

.bd-home-hero {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 410px;
    /* PAS HIER DE MOBIELE TRANSPARANTIE VAN DE 5 HERO-AFBEELDINGEN AAN */
    --bd-hero-mobile-showcase-opacity: .34;
    border-bottom: 1px solid #eee8dc;
}


.bd-home-hero-inner {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    min-height: 410px;
}


/* ============================================================
       TEKST
       ============================================================ */

.bd-home-hero-content {
    position: relative;
    z-index: 5;
    width: 52%;
    max-width: 650px;
    padding: 42px 0 35px 0;
}


.bd-home-hero-title {
    max-width: 610px;
    margin: 0 0 16px 0;
    font-family: "Manrope", sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -1.7px;
    color: #3a3306;
}


    .bd-home-hero-title span {
        display: block;
        color: #3a3306;
    }


.bd-home-hero-intro {
    max-width: 535px;
    margin: 0 0 24px 0;
    color: #3c3c3c;
    font-size: 17px;
    line-height: 27px;
}


/* ============================================================
       CTA
       ============================================================ */

.bd-home-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 31px;
}


.bd-home-hero-button {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}


    .bd-home-hero-button:hover,
    .bd-home-hero-button:focus {
        color: inherit;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 5px 14px rgba(0,0,0,.10);
    }


.bd-home-hero-button--gold {
    background: #efedde;
    color: #634612;
    border: 1px solid #e1e6ea;
}


.bd-home-hero-button--white {
    color: #111111;
}



.bd-home-hero-button > .lnr:first-child {
    margin-right: 8px;
    font-size: 17px;
}


.bd-home-hero-button-text {
    white-space: nowrap;
}


.bd-home-hero-button-arrow {
    margin-left: 14px;
    font-size: 10px;
}


/* ============================================================
       USP
       ============================================================ */

.bd-home-hero-stats {
    display: flex;
    width: 100%;
    max-width: 650px;
}


.bd-home-hero-stat {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 22px;
    border-right: 1px solid #d8d3c8;
}


    .bd-home-hero-stat:first-child {
        padding-left: 0;
    }


    .bd-home-hero-stat:last-child {
        padding-right: 0;
        border-right: 0;
    }


.bd-home-hero-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    margin-right: 10px;
    color: #a79a37;
    font-size: 22px;
}





.bd-home-hero-stat-text strong {
    display: block;
    color: #655757;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}


.bd-home-hero-stat-text small {
    display: block;
    margin-top: 2px;
    color: #666;
    font-size: 10px;
    line-height: 15px;
    white-space: nowrap;
}


/* ============================================================
       HERO SHOWCASE
       ============================================================ */

.bd-home-hero-showcase {
    position: absolute;
    z-index: 4;
    right: 5px;
    bottom: 70px;
    width: 55%;
    height: 390px;
    pointer-events: none;
    transform: scale(.85);
    transform-origin: center bottom;
    opacity: .85;
}


/*
       De containers hebben vaste maten, maar de afbeelding zelf krijgt
       width/height:auto. Daardoor valt border-radius om de ECHTE foto
       en niet om een groter object-fit vlak.
    */
.bd-home-hero-book {
    position: absolute;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 285px;
    overflow: visible;
    transform-origin: center center;
}


    .bd-home-hero-book img {
        position: relative;
        z-index: 2;
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        border-radius: 8px;
        opacity: 0;
        filter: drop-shadow(0 4px 4px rgba(0,0,0,.15)) drop-shadow(0 11px 14px rgba(0,0,0,.20));
        transition: opacity .30s ease;
    }


    .bd-home-hero-book.bd-hero-loaded img {
        opacity: 1;
    }


/* links buitenste */
.bd-home-hero-book--1 {
    z-index: 1;
    left: 3%;
    bottom: 19px;
    transform: rotate(-7deg) scale(.82);
}


/* links midden */
.bd-home-hero-book--2 {
    z-index: 2;
    left: 20%;
    bottom: 13px;
    transform: rotate(-3deg) scale(.94);
}


/* hoofdalbum */
.bd-home-hero-book--3 {
    z-index: 5;
    left: 40%;
    bottom: 4px;
    width: 215px;
    height: 330px;
    transform: rotate(0deg) scale(1);
}


/* rechts midden */
.bd-home-hero-book--4 {
    z-index: 3;
    left: 63%;
    bottom: 13px;
    transform: rotate(3deg) scale(.94);
}


/* rechts buitenste */
.bd-home-hero-book--5 {
    z-index: 1;
    left: 80%;
    bottom: 19px;
    transform: rotate(7deg) scale(.82);
}


.bd-home-hero-showcase:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 3%;
    right: 0;
    bottom: 0;
    height: 35px;
    background: radial-gradient( ellipse at center, rgba(93,72,43,.12) 0%, rgba(93,72,43,.04) 42%, rgba(93,72,43,0) 72% );
}


/* ============================================================
       OVERLAY
       ============================================================ */

.bd-home-hero-overlay {
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
}


/* ============================================================
       KLEINE DESKTOP / GROTE TABLET
       ============================================================ */

@media screen and (max-width:1199px) and (min-width:992px) {

    .bd-home-hero,
    .bd-home-hero-inner {
        min-height: 395px;
    }


    .bd-home-hero-content {
        width: 55%;
    }


    .bd-home-hero-title {
        font-size: 41px;
    }


    .bd-home-hero-showcase {
        right: -70px;
        bottom: 55px;
        width: 56%;
        height: 370px;
        transform: scale(.91);
        transform-origin: right center;
    }
}


/* ============================================================
       TABLET / IPAD
       ============================================================ */

@media screen and (max-width:991px) and (min-width:768px) {

    .bd-home-hero,
    .bd-home-hero-inner {
        min-height: 375px;
    }


    .bd-home-hero-content {
        width: 61%;
    }


    .bd-home-hero-title {
        font-size: 38px;
    }


    .bd-home-hero-intro {
        max-width: 390px;
        font-size: 14px;
        line-height: 22px;
    }


    .bd-home-hero-showcase {
        right: -170px;
        bottom: 42px;
        width: 62%;
        height: 360px;
        opacity: .77;
        transform: scale(.88);
        transform-origin: right center;
    }


    /* .bd-home-hero-overlay {
            background: linear-gradient( 90deg, rgba(251,250,246,1) 0%, rgba(251,250,246,.99) 38%, rgba(251,250,246,.91) 52%, rgba(251,250,246,.47) 67%, rgba(251,250,246,0) 88% );
        }*/
}


/* ============================================================
       MOBIEL
       ============================================================ */

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

    .bd-home-hero,
    .bd-home-hero-inner {
        min-height: 420px;
    }


    .bd-home-hero-content {
        width: 100%;
        max-width: none;
        padding: 27px 15px 24px 15px;
    }


    .bd-home-hero-title {
        max-width: 330px;
        font-size: 34px;
        line-height: 1.05;
    }


    .bd-home-hero-intro {
        max-width: 285px;
        font-size: 12px;
        line-height: 19px;
    }


    .bd-home-hero-actions {
        display: block;
        width: 100%;
        max-width: 400px;
        margin-bottom: 24px;
    }


    .bd-home-hero-button {
        display: flex;
        width: 100%;
        margin-bottom: 8px;
        font-size: 11px;
    }


    .bd-home-hero-button-text {
        flex: 1;
        text-align: center;
    }
    /*
           MOBIELE SHOWCASE:
           niet meer vanaf de onderkant positioneren.
           top:50% + translateY(-50%) centreert de hele waaier
           verticaal binnen de hero.
        */
    .bd-home-hero-showcase {
        top: 50%;
        right: -330px;
        bottom: auto;
        width: 650px;
        height: 335px;
        /* MOBIELE TRANSPARANTIE:
               pas bovenaan bij --bd-hero-mobile-showcase-opacity aan */
        opacity: var(--bd-hero-mobile-showcase-opacity);
        transform: translateY(-50%) scale(.80);
        transform-origin: right center;
    }


    /* .bd-home-hero-overlay {
            background: linear-gradient( 90deg, rgba(251,250,246,1) 0%, rgba(251,250,246,.99) 43%, rgba(251,250,246,.90) 59%, rgba(251,250,246,.55) 74%, rgba(251,250,246,.10) 100% );
        }*/


    .bd-home-hero-stats {
        position: relative;
        z-index: 7;
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid rgba(120,115,100,.17);
    }


    .bd-home-hero-stat {
        display: block;
        flex: 1;
        padding: 0 7px;
        text-align: center;
    }


    .bd-home-hero-stat-icon {
        display: block;
        width: auto;
        min-width: 0;
        margin: 0 0 5px 0;
        font-size: 22px;
    }


    .bd-home-hero-stat-text strong {
        font-size: 11px;
        line-height: 15px;
    }


    .bd-home-hero-stat-text small {
        font-size: 8px;
        line-height: 11px;
        white-space: normal;
    }
}


/* ============================================================
       KLEINE TELEFOON
       ============================================================ */

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

    .bd-home-hero,
    .bd-home-hero-inner {
        min-height: 405px;
    }


    .bd-home-hero-title {
        max-width: 285px;
        font-size: 30px;
    }


    .bd-home-hero-intro {
        max-width: 250px;
    }


    .bd-home-hero-showcase {
        top: 50%;
        right: -385px;
        bottom: auto;
        opacity: var(--bd-hero-mobile-showcase-opacity);
        transform: translateY(-50%) scale(.74);
        transform-origin: right center;
    }
}


/* ============================================================
       HOMEPAGE CONTENT
       ============================================================ */

.bd-home-content {
    padding-top: 0;
}


/* ============================================================
       HERO ITEM SHIMMER
       ============================================================ */

.bd-hero-book-shimmer {
    position: absolute;
    z-index: 1;
    left: 14%;
    right: 14%;
    top: 5%;
    bottom: 3%;
    overflow: hidden;
    border-radius: 8px;
    background: #f2f2f2;
    box-shadow: 0 5px 12px rgba(0,0,0,.06);
}


    .bd-hero-book-shimmer:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 80%;
        transform: translateX(-130%);
        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.55) 55%, rgba(255,255,255,0) 100% );
        animation: bdHeroShimmer 1.25s infinite;
    }


@keyframes bdHeroShimmer {
    100% {
        transform: translateX(230%);
    }
}


.bd-home-hero-book.bd-hero-loaded .bd-hero-book-shimmer {
    opacity: 0;
    visibility: hidden;
    transition: opacity .20s ease, visibility .20s ease;
}


.bd-home-hero-book.bd-hero-error .bd-hero-book-shimmer {
    animation: none;
    opacity: .55;
}

/* ============================================================
   HOMEPAGE / HEADER - SEARCH
   ============================================================ */

.home-search-wrap {
    position: relative;
}

.home-search-input-wrap {
    position: relative;
    width: 100%;
}

    .home-search-input-wrap input[type="text"] {
        padding-right: 70px !important;
    }

.home-search-clear-btn {
    position: absolute;
    right: 43px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    color: #777 !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    z-index: 30;
}

    .home-search-clear-btn:hover {
        color: #000 !important;
        text-decoration: none !important;
    }


/* ============================================================
   MAIN MENU - DROPDOWN LAYERING
   ============================================================ */

.menu-area {
    position: relative;
    z-index: 9000;
    overflow: visible;
}

/*.mainmenu {
    position: relative;
    z-index: 12001;
    overflow: visible;
}*/

.mainmenu .container,
.mainmenu .row,
.mainmenu .col-md-12,
.mainmenu__menu,
.navbar-collapse,
.navbar-nav,
.navbar-nav > li.has_dropdown {
    overflow: visible !important;
}

    .navbar-nav > li.has_dropdown {
        position: relative;
        z-index: 12002;
    }

.dropdown.dropdown--menu {
    z-index: 12003 !important;
}


/* =========================================================
       PAGINA
       ========================================================= */














/* =========================================================
       DRIE HOOFDKAARTEN
       ========================================================= */











/* =========================================================
       STATUS
       ========================================================= */











/* =========================================================
       ICOON BOVEN DE FOTO'S
       ========================================================= */





/* =========================================================
       AFBEELDINGEN
       ========================================================= */










/* Linker afbeelding */




/* Middelste afbeelding */




/* Rechter afbeelding */





/* Lichte beweging bij hover */











/* =========================================================
       TITEL EN SUBTITEL
       ========================================================= */











/* =========================================================
       KNOP
       ========================================================= */











/* =========================================================
       HIGHLIGHTS / HOMEBORDERLIST
       ========================================================= */












/* =========================================================
       TABLET - 768 T/M 991
       ========================================================= */





/* =========================================================
       MOBIEL
       ========================================================= */





/* =========================================================
       KLEINE MOBIEL
       ========================================================= */




/* ============================================================
   RESULTATEN + PRIJSGIDS
   GEDEELDE BASIS
   ============================================================ */


/* ============================================================
   HERO
   ============================================================ */

.results-guide-hero,
.priceguide-hero {
    background: #1e2429;
    padding: 65px 0 48px;
    color: #fff;
}


.results-guide-eyebrow,
.priceguide-eyebrow {
    display: block;
    margin-bottom: 9px;
    color: #b0b5b7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
}


.results-guide-premium,
.priceguide-eyebrow-premium {
    color: #948634;
    white-space: nowrap;
}


.results-guide-hero h1,
.priceguide-hero h1 {
    margin-bottom: 16px;
    color: #fff;
    font-size: 40px;
}


.results-guide-hero p,
.priceguide-hero p {
    max-width: 720px;
    margin: 0 auto;
    color: rgba(255,255,255,.8);
    font-size: 16px;
    line-height: 1.7;
}



/* ============================================================
   ALGEMENE RESULTATENACHTERGROND
   ============================================================ */

.results-guide-main,
.priceguide-results,
.priceguide-empty,
.priceguide-intro,
.priceguide-latest {
    background: #f6f7f8;
}



/* ============================================================
   KAARTBASIS
   ============================================================ */

.results-guide-card,
.priceguide-latest-card {
    display: block;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e6e8;
    color: #222;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease;
}


    .results-guide-card:hover,
    .priceguide-latest-card:hover {
        color: #222;
        transform: translateY(-3px);
        box-shadow: 0 9px 22px rgba(0,0,0,.09);
    }



/* ============================================================
   KAARTAFBEELDING
   ============================================================ */

.results-guide-image-wrap,
.priceguide-latest-image-wrap {
    position: relative;
    overflow: hidden;
    background: #f2f3f4;
}


.results-guide-image,
.priceguide-latest-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* pagina-specifieke hoogte */

.results-guide-image-wrap {
    height: 235px;
}


.priceguide-latest-image-wrap {
    height: 220px;
}



/* ============================================================
   TYPE / BADGE
   ============================================================ */

.results-guide-type,
.priceguide-latest-badge {
    position: absolute;
    z-index: 2;
    top: 11px;
    left: 11px;
    padding: 5px 8px;
    background: #bfc8cb;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
}


    .results-guide-type-ad,
    .priceguide-latest-badge.advertisement {
        background: #555;
    }



/* ============================================================
   ITEMNUMMER
   ============================================================ */

.results-guide-itemnumber,
.priceguide-itemnumber {
    color: #303639;
    font-weight: 700;
}



/* ============================================================
   PRIJS
   ============================================================ */

.results-guide-price-label,
.priceguide-latest-price-label {
    color: #aaa;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
}


.results-guide-price,
.priceguide-latest-price {
    margin-top: 2px;
    color: #303639;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
}



/* ============================================================
   RESULTATEN / PRIJSGIDS NAVIGATIE
   ============================================================ */

.price-tools-nav-section {
    background: #f6f7f8;
    border-bottom: 1px solid #e4e6e8;
    padding: 22px 0 0 0;
}


.price-tools-nav {
    display: flex;
    justify-content: center;
    gap: 8px;
}


.price-tools-nav-item {
    display: inline-block;
    min-width: 170px;
    padding: 12px 26px;
    background: #fff;
    border: 1px solid #dfe2e4;
    border-bottom: 0;
    color: #666;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}


    .price-tools-nav-item:hover {
        background: #fff;
        border-color: #118abd;
        color: #118abd;
    }


    .price-tools-nav-item.active {
        background: #fff;
        border-color: #121212;
        color: #000;
    }


        .price-tools-nav-item.active:hover {
            background: #efedde;
            border-color: #cbbcbc;
            color: #49400c;
        }



/* ============================================================
   RESULTATEN - PAGINASPECIFIEK
   ============================================================ */

.results-guide-main {
    padding: 38px 0 80px;
}


.results-guide-toolbar {
    margin-bottom: 38px;
    padding: 22px;
    background: #fff;
    border: 1px solid #e4e6e8;
}


.results-guide-label {
    display: block;
    margin-bottom: 7px;
    color: #888;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}


.results-guide-select {
    height: 44px;
    background: #fff;
}


.results-guide-search {
    display: flex;
    background: #fff;
    border: 1px solid #ddd;
}


.results-guide-search-input {
    height: 42px;
    border: 0 !important;
    box-shadow: none !important;
}


.results-guide-search-button {
    width: 48px;
    border: 0;
    background: #118abd;
    color: #fff;
    cursor: pointer;
}


.results-guide-toolbar-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #eee;
    color: #999;
    font-size: 11px;
}


    .results-guide-toolbar-bottom strong {
        color: #118abd;
    }


.results-guide-clear {
    padding: 0;
    border: 0;
    background: none;
    color: #118abd;
    font-size: 11px;
    cursor: pointer;
}


.results-guide-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    scroll-margin-top: 25px;
}


.results-guide-section-label {
    color: #118abd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}


.results-guide-heading h2 {
    margin: 3px 0 0;
    font-size: 26px;
}


.results-guide-count {
    color: #999;
    font-size: 12px;
}


    .results-guide-count strong {
        color: #222;
    }


.results-guide-grid > div {
    margin-bottom: 25px;
}


.results-guide-card-content {
    padding: 17px 17px 20px;
}


    .results-guide-card-content h3 {
        height: 42px;
        overflow: hidden;
        margin: 0 0 6px;
        color: #222;
        font-size: 14px;
        line-height: 1.45;
    }


.results-guide-quality {
    height: 18px;
    overflow: hidden;
    margin-bottom: 7px;
    color: #999;
    font-size: 11px;
}


.results-guide-meta {
    min-height: 23px;
    margin-bottom: 15px;
    color: #aaa;
    font-size: 10px;
}


    .results-guide-meta span {
        display: inline-block;
        margin-right: 8px;
    }



/* ============================================================
   RESULTATEN - PAGING
   ============================================================ */

.results-guide-paging {
    margin-top: 30px;
    text-align: center;
}


.results-guide-paging-top {
    margin-top: 0;
    margin-bottom: 22px;
}


.results-guide-paging button,
.results-guide-paging span {
    display: inline-block;
    min-width: 34px;
    height: 34px;
    margin: 2px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 12px;
    line-height: 32px;
}


.results-guide-paging button {
    cursor: pointer;
}


    .results-guide-paging button:hover {
        border-color: #118abd;
        color: #118abd;
    }


.results-guide-paging .active {
    background: #118abd;
    border-color: #118abd;
    color: #fff;
    font-weight: 700;
}



/* ============================================================
   RESULTATEN - GEEN RESULTATEN
   ============================================================ */

.results-guide-empty {
    padding: 55px 25px;
    background: #fff;
    border: 1px solid #e4e6e8;
    text-align: center;
}


    .results-guide-empty h2 {
        margin-bottom: 10px;
        font-size: 23px;
    }


    .results-guide-empty p {
        margin: 0;
        color: #999;
    }



/* ============================================================
   PRIJSGIDS - HERO ZOEKEN
   ============================================================ */

.priceguide-results-label {
    display: block;
    margin-bottom: 9px;
    color: #79c7e7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
}


.priceguide-search {
    display: flex;
    margin-top: 35px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 25px rgba(0,0,0,.20);
}


.priceguide-search-input {
    height: 58px;
    padding-left: 20px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 16px;
}


.priceguide-search-button {
    width: 145px;
    border-radius: 0;
    background: #118abd;
    color: #fff;
    font-weight: 600;
}


    .priceguide-search-button:hover {
        background: #0d76a2;
        color: #fff;
    }


.priceguide-search-example {
    margin-top: 15px;
    color: rgba(255,255,255,.6);
    font-size: 13px;
}


    .priceguide-search-example a,
    .priceguide-search-example strong {
        color: #fff;
        font-weight: 600;
    }


    .priceguide-search-example strong {
        font-weight: 700;
    }


.priceguide-search-suggestions {
    display: inline-block;
    margin-top: 4px;
}



/* ============================================================
   PRIJSGIDS - RESULTATEN / STATISTIEKEN
   ============================================================ */

.priceguide-results {
    padding: 55px 0 75px 0;
}


.priceguide-results-heading {
    margin-bottom: 35px;
    text-align: center;
}


    .priceguide-results-heading h2 {
        margin-bottom: 7px;
        font-size: 28px;
    }


    .priceguide-results-heading p {
        color: #888;
    }


.priceguide-stat-row {
    margin-top: 25px;
}


.priceguide-stat-card {
    min-height: 145px;
    margin-bottom: 20px;
    padding: 24px 22px;
    background: #fff;
    border: 1px solid #e6e8ea;
    border-radius: 4px;
}


.priceguide-stat-label {
    display: block;
    margin-bottom: 7px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.priceguide-stat-value {
    display: block;
    margin-bottom: 7px;
    color: #303639;
    font-size: 28px;
    line-height: 1.2;
}


.priceguide-stat-help {
    display: block;
    color: #999;
    font-size: 12px;
}



/* ============================================================
   PRIJSGIDS - INFO
   ============================================================ */

.priceguide-info-box {
    margin-top: 40px;
    padding: 17px 20px;
    background: #fff;
    border-left: 4px solid #118abd;
    color: #666;
    line-height: 1.6;
}


    .priceguide-info-box strong {
        color: #222;
    }



/* ============================================================
   PRIJSGIDS - HISTORISCHE RESULTATENLIJST
   ============================================================ */

.priceguide-list-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}


    .priceguide-list-header h3 {
        margin: 0;
        font-size: 23px;
    }


.priceguide-result-count {
    color: #999;
    font-size: 12px;
}


.priceguide-list {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e5e7;
    border-radius: 4px;
}


.priceguide-result-item {
    display: flex;
    align-items: center;
    padding: 20px 22px;
    border-bottom: 1px solid #eceeef;
    color: #222;
    text-decoration: none !important;
    transition: background .15s ease;
}


    .priceguide-result-item:last-child {
        border-bottom: 0;
    }


    .priceguide-result-item:hover {
        background: #f8fbfd;
        color: #222;
    }


.priceguide-result-main {
    flex: 1;
    padding-right: 20px;
}


    .priceguide-result-main h4 {
        margin: 0 0 7px 0;
        color: #222;
        font-size: 15px;
        line-height: 1.45;
    }


.priceguide-result-meta {
    color: #999;
    font-size: 12px;
}


    .priceguide-result-meta span {
        display: inline-block;
        margin-right: 18px;
    }


.priceguide-result-price {
    width: 125px;
    text-align: right;
}


    .priceguide-result-price span {
        display: block;
        color: #aaa;
        font-size: 9px;
        letter-spacing: .8px;
        text-transform: uppercase;
    }


    .priceguide-result-price strong {
        display: block;
        margin-top: 2px;
        color: #303639;
        font-size: 18px;
    }


.priceguide-result-arrow {
    width: 40px;
    color: #bbb;
    font-size: 20px;
    text-align: right;
}


.priceguide-result-item:hover .priceguide-result-arrow {
    color: #118abd;
}



/* ============================================================
   PRIJSGIDS - FILTERS
   ============================================================ */

.priceguide-filters {
    margin-top: 18px;
    padding: 20px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 4px;
}


.priceguide-filter-label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255,255,255,.75);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}


.priceguide-filter-select {
    height: 44px;
    background: #fff;
    border: 0;
    box-shadow: none;
}


.priceguide-filter-actions {
    margin-top: 18px;
    text-align: center;
}


.priceguide-filter-button {
    min-width: 170px;
    background: #118abd;
    color: #fff;
}


    .priceguide-filter-button:hover {
        background: #0d76a2;
        color: #fff;
    }


.priceguide-filter-reset {
    display: inline-block;
    margin-left: 15px;
    color: rgba(255,255,255,.75);
    font-size: 13px;
}


    .priceguide-filter-reset:hover {
        color: #fff;
    }



/* ============================================================
   PRIJSGIDS - RESULTAAT THUMBNAILS
   ============================================================ */

.priceguide-result-thumb-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    margin-right: 18px;
    overflow: hidden;
    background: #f4f5f6;
    border: 1px solid #eceeef;
}


.priceguide-result-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.priceguide-result-feature {
    margin-right: 5px !important;
    padding: 2px 7px;
    background: #f0f4f6;
    border-radius: 2px;
    color: #666;
    font-size: 10px;
}



/* ============================================================
   PRIJSGIDS - LAATSTE RESULTATEN
   ============================================================ */

.priceguide-latest {
    padding: 60px 0 85px 0;
}


.priceguide-latest-heading {
    max-width: 760px;
    margin: 0 auto 45px auto;
}


    .priceguide-latest-heading h2 {
        margin-bottom: 10px;
        font-size: 30px;
    }


    .priceguide-latest-heading p {
        margin: 0;
        color: #888;
        line-height: 1.7;
    }


.priceguide-latest-block {
    margin-bottom: 30px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e4e6e8;
    border-radius: 4px;
}


.priceguide-latest-block-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 24px;
}


    .priceguide-latest-block-header h3 {
        margin: 2px 0 5px 0;
        font-size: 22px;
    }


    .priceguide-latest-block-header p {
        margin: 0;
        color: #999;
        font-size: 13px;
    }


.priceguide-latest-type {
    display: block;
    color: #118abd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}


.priceguide-latest-more {
    color: #118abd;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}


    .priceguide-latest-more:hover {
        color: #0d76a2;
    }


.priceguide-latest-content {
    padding: 18px;
}


    .priceguide-latest-content h4 {
        min-height: 44px;
        margin: 0 0 8px 0;
        color: #222;
        font-size: 15px;
        line-height: 1.45;
    }


.priceguide-latest-date {
    margin-bottom: 17px;
    color: #aaa;
    font-size: 11px;
}



/* ============================================================
   PRIJSGIDS - EMPTY / INTRO
   ============================================================ */

.priceguide-empty,
.priceguide-intro {
    padding: 60px 0 80px 0;
}


.priceguide-empty-card,
.priceguide-intro-card {
    padding: 40px;
    background: #fff;
    border: 1px solid #e5e7e9;
    border-radius: 4px;
}


    .priceguide-intro-card h2,
    .priceguide-empty-card h2 {
        margin-bottom: 15px;
    }


.priceguide-example {
    min-height: 90px;
    margin-top: 20px;
    padding: 18px;
    background: #f7f8f9;
    border: 1px solid #eceeef;
}


    .priceguide-example strong {
        display: block;
        margin-bottom: 7px;
        color: #999;
        font-size: 11px;
        text-transform: uppercase;
    }


    .priceguide-example span {
        color: #222;
        font-weight: 600;
    }


.priceguide-intro-note {
    margin-top: 28px;
    color: #999;
    font-size: 13px;
}



/* ============================================================
   RESPONSIVE - TABLET
   ============================================================ */

@media (max-width: 991px) {

    .results-guide-toolbar .col-md-6 {
        margin-bottom: 15px;
    }


    .priceguide-latest-card {
        margin-bottom: 20px;
    }
}



/* ============================================================
   RESPONSIVE - MOBIEL
   ============================================================ */

@media (max-width: 767px) {

    .results-guide-hero,
    .priceguide-hero {
        padding: 50px 0 38px;
    }


        .results-guide-hero h1,
        .priceguide-hero h1 {
            font-size: 31px;
        }


    /* Resultaten */

    .results-guide-heading {
        display: block;
        scroll-margin-top: 15px;
    }


    .results-guide-count {
        margin-top: 6px;
    }


    .results-guide-toolbar-bottom {
        display: block;
    }


    .results-guide-clear {
        display: block;
        margin-top: 8px;
    }


    .results-guide-image-wrap {
        height: 210px;
    }


    /* Prijsgids */

    .priceguide-search {
        display: block;
    }


    .priceguide-search-button {
        width: 100%;
        height: 50px;
    }


    .priceguide-result-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }


    .priceguide-result-main {
        flex: none;
        width: 100%;
        margin-bottom: 12px;
        padding-right: 0;
    }


    .priceguide-result-price {
        width: auto;
        text-align: left;
    }


    .priceguide-result-arrow {
        margin-left: auto;
    }


    .priceguide-list-header {
        display: block;
    }


    .priceguide-result-count {
        display: block;
        margin-top: 5px;
    }


    .priceguide-filters .col-md-4 {
        margin-bottom: 15px;
    }


    .priceguide-filter-reset {
        display: block;
        margin-top: 12px;
        margin-left: 0;
    }


    .priceguide-result-thumb-wrap {
        flex-basis: 65px;
        width: 65px;
        height: 65px;
        margin-right: 12px;
    }


    .priceguide-latest {
        padding: 45px 0 60px 0;
    }


    .priceguide-latest-block {
        padding: 20px 15px;
    }


    .priceguide-latest-block-header {
        display: block;
    }


    .priceguide-latest-more {
        display: inline-block;
        margin-top: 12px;
    }


    .priceguide-latest-image-wrap {
        height: 260px;
    }


    /* Gedeelde navigatie */

    .price-tools-nav-section {
        padding-top: 15px;
    }


    .price-tools-nav {
        gap: 5px;
    }


    .price-tools-nav-item {
        width: 50%;
        min-width: 0;
        padding: 11px 8px;
    }
}

/* ============================================================
   REGISTRATIEPAGINA BOBBEDOES
   ============================================================ */


/* ============================================================
   PAGINA
   ============================================================ */

.bobbedoes-register-page {
    background: #f4f6f8;
    padding: 50px 0 75px 0;
}


/* ============================================================
   INTRO
   ============================================================ */

.register-intro {
    max-width: 850px;
    margin: 0 auto 42px auto;
}

    .register-intro h1 {
        margin: 0 0 14px 0;
        color: #222;
        font-size: 36px;
        font-weight: 600;
        line-height: 1.25;
    }

.register-intro-main {
    margin-bottom: 10px;
    color: #333;
    font-size: 21px;
    line-height: 1.5;
}

.register-intro-sub {
    max-width: 780px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}


/* ============================================================
   DRIE REGISTRATIEROUTES
   ============================================================ */

.register-options {
    margin-bottom: 55px;
}

.register-option {
    position: relative;
    height: 100%;
    min-height: 285px;
    padding: 32px 28px 28px 28px;
    background: #fff;
    border: 1px solid #e0e4e7;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    text-align: center;
}

    .register-option h3 {
        margin: 0 0 14px 0;
        color: #222;
        font-size: 20px;
        font-weight: 600;
    }

    .register-option p {
        min-height: 92px;
        margin-bottom: 16px;
        color: #666;
        font-size: 14px;
        line-height: 1.65;
    }

.register-icon {
    margin-bottom: 17px;
    color: #a79a37;
    font-size: 39px;
}

.register-option-btn {
    padding: 10px 22px;
    background: #118abd;
    color: #fff !important;
}

    .register-option-btn:hover,
    .register-option-btn:focus {
        color: #fff !important;
    }


/* ============================================================
   UITGELICHTE ROUTE
   ============================================================ */

.register-option-featured {
    border: 2px solid #948634;
}

.register-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 15px;
    background: #948634;
    border-radius: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.register-collection-btn {
    padding: 10px 20px;
    background: #222;
    color: #fff !important;
}

    .register-collection-btn:hover,
    .register-collection-btn:focus {
        color: #fff !important;
    }


/* ============================================================
   VERKOCHTE KAVELS
   ============================================================ */

.sold-section {
    margin-bottom: 65px;
}

.sold-section-header {
    max-width: 760px;
    margin: 0 auto 30px auto;
}

.sold-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: #118abd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sold-section-header h2 {
    margin: 0 0 10px 0;
    color: #222;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.3;
}

.sold-section-header p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}


/* ============================================================
   VERKOCHT - KAART
   ============================================================ */

.sold-card {
    display: block;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e4e6;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease;
}

    .sold-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 7px 20px rgba(0,0,0,.10);
        text-decoration: none !important;
    }


/* Afbeelding */

.sold-image-wrapper {
    position: relative;
    height: 330px;
    overflow: hidden;
    background: #eceff1;
}

.sold-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f7f7f7;
}

.sold-status {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 6px 10px;
    background: #828789;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .7px;
}


/* Tekst */

.sold-content {
    padding: 22px 22px 24px 22px;
}

    .sold-content h3 {
        min-height: 48px;
        margin: 0 0 8px 0;
        color: #222;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.4;
    }

.sold-description {
    min-height: 45px;
    margin-bottom: 19px;
    color: #777;
    font-size: 13px;
    line-height: 1.55;
}

.sold-price-label {
    margin-bottom: 1px;
    color: #999;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.sold-price {
    margin-bottom: 13px;
    color: #2c2c2d;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.sold-view {
    color: #444;
    font-size: 13px;
    font-weight: 600;
}

.sold-card:hover .sold-view {
    color: #118abd;
}


/* ============================================================
   CTA COLLECTIE
   ============================================================ */

.sold-collection-cta {
    margin-top: 32px;
    padding: 28px 32px;
    background: #fff;
    border-left: 5px solid #118abd;
    box-shadow: 0 2px 9px rgba(0,0,0,.05);
}

    .sold-collection-cta h3 {
        margin: 0 0 7px 0;
        color: #222;
        font-size: 21px;
        font-weight: 600;
    }

    .sold-collection-cta p {
        margin: 0;
        color: #666;
        font-size: 14px;
        line-height: 1.6;
    }

.collection-main-btn {
    padding: 11px 20px;
    background: #118abd;
    color: #fff !important;
}

    .collection-main-btn:hover,
    .collection-main-btn:focus {
        color: #fff !important;
    }


/* ============================================================
   REGISTRATIEFORMULIER
   ============================================================ */

.register-form-row {
    margin-top: 10px;
}

.register-card {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.07);
}

    .register-card .login--header {
        padding: 31px 35px 24px 35px;
    }

        .register-card .login--header h2 {
            margin: 0 0 9px 0;
            color: #222;
            font-size: 24px;
            font-weight: 600;
        }

        .register-card .login--header p {
            margin-bottom: 8px;
            color: #666;
            font-size: 14px;
            line-height: 1.6;
        }

.required-info {
    color: #999;
    font-size: 12px;
}

.register-submit {
    min-width: 190px;
    background: #118abd !important;
    color: #fff !important;
}


/* ============================================================
   VALIDATIE
   ============================================================ */

.registration-validation-summary {
    display: none;
    margin: 0 0 20px 0;
    padding: 14px 18px;
    background: #fff4f4;
    border: 1px solid #e7b8b8;
    border-radius: 4px;
    color: #b33a3a;
    font-size: 12px;
    line-height: 1.5;
}

    .registration-validation-summary.validation-summary-errors {
        display: block;
    }

    .registration-validation-summary ul {
        margin: 0;
        padding-left: 18px;
    }

    .registration-validation-summary li {
        margin: 3px 0;
    }

.validation-visible {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
}

.field-validation-valid.validation-visible {
    display: none;
}

/*
   Bewust specifiek gehouden.
   De algemene .field-validation-error bestaat al elders
   in de centrale stylesheet.
*/
.field-validation-error.validation-visible {
    display: block !important;
    margin-top: 6px !important;
    padding: 7px 10px !important;
    background: #fff4f4 !important;
    border: 1px solid #efcaca !important;
    border-radius: 4px;
    color: #b33a3a !important;
    font-size: 11px;
    line-height: 1.4;
}

.field-help {
    margin-top: 6px;
    color: #888;
    font-size: 11px;
    line-height: 1.45;
}


/* ============================================================
   FORMULIERMELDING
   ============================================================ */

#formresult {
    display: none;
}

    #formresult.registration-message-error {
        display: block;
        margin: 0 0 18px 0;
        padding: 11px 14px;
        background: #fff4f4 !important;
        border: 1px solid #efcaca !important;
        border-radius: 4px;
        color: #b33a3a !important;
        font-size: 12px;
        line-height: 1.45;
    }

    #formresult.registration-message-success {
        display: block;
        background: #f1fae8;
        border: 1px solid #8bc34a;
        color: #4f8a10;
    }


/* ============================================================
   WACHTWOORD
   ============================================================ */

.password-field-wrapper {
    position: relative;
}

    .password-field-wrapper .text_field {
        padding-right: 80px;
    }

.password-toggle {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #118abd;
    font-size: 12px;
    cursor: pointer;
}

    .password-toggle:hover {
        text-decoration: underline;
    }

.password-requirements {
    margin-top: 8px;
}

.password-rule {
    margin: 3px 0;
    color: #999;
    font-size: 11px;
    line-height: 1.4;
}

.password-rule-icon {
    display: inline-block;
    width: 16px;
    font-weight: 700;
}

.password-rule.is-valid {
    color: #3f9b3f;
}

.password-rule.is-invalid {
    color: #c84b4b;
}


/* ============================================================
   AFWIJKEND ADRES
   ============================================================ */

.optional-adress {
    display: none;
}


/* ============================================================
   PROFIELFOTO
   ============================================================ */

.profile-photo-box {
    margin: 20px 0 25px 0;
    padding: 22px;
    background: #f8fafb;
    border: 1px solid #e1e5e8;
    border-radius: 6px;
}

.profile-photo-header {
    margin-bottom: 18px;
}

.profile-photo-title {
    display: block;
    margin-bottom: 4px;
    color: #222;
    font-size: 15px;
    font-weight: 600;
}

    .profile-photo-title span {
        color: #888;
        font-size: 12px;
        font-weight: 400;
    }

.profile-photo-header p {
    margin: 0;
    color: #777;
    font-size: 13px;
}

.profile-photo-content {
    display: flex;
    align-items: center;
}

.profile-photo-preview-wrap {
    flex: 0 0 100px;
    width: 100px;
    margin-right: 22px;
}

.profile-photo-preview {
    display: block;
    width: 96px;
    height: 96px;
    object-fit: cover;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,.10);
}

.profile-photo-upload-area {
    flex: 1;
}

.profile-photo-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.profile-photo-button {
    display: inline-block;
    padding: 9px 18px;
    background: #118abd !important;
    color: #fff !important;
    cursor: pointer;
}

    .profile-photo-button:hover {
        color: #fff !important;
    }

.profile-avatar-button {
    display: inline-block;
    padding: 9px 18px;
    background: #fff !important;
    border: 1px solid #118abd !important;
    color: #118abd !important;
    cursor: pointer;
}

    .profile-avatar-button:hover {
        background: #f1f8fb !important;
        color: #118abd !important;
    }

.profile-photo-file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

.profile-photo-help {
    margin-top: 9px;
    color: #888;
    font-size: 11px;
}

.profile-photo-status {
    min-height: 18px;
    margin-top: 6px;
    color: #118abd;
    font-size: 12px;
    font-weight: 600;
}


/* ============================================================
   AVATARS
   ============================================================ */

.profile-avatar-section {
    display: none;
    margin-top: 18px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e2e6e9;
    border-radius: 6px;
}

    .profile-avatar-section.is-open {
        display: block;
    }

.profile-avatar-title {
    color: #222;
    font-size: 13px;
    font-weight: 600;
}

.profile-avatar-subtitle {
    margin-top: 3px;
    margin-bottom: 13px;
    color: #888;
    font-size: 11px;
}

.profile-avatar-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-avatar-option {
    width: 58px;
    height: 58px;
    padding: 2px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

    .profile-avatar-option:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }

    .profile-avatar-option.selected {
        border-color: #118abd;
    }

    .profile-avatar-option img {
        display: block;
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%;
    }


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .register-option {
        height: auto;
        min-height: 0;
        margin-bottom: 25px;
    }

        .register-option p {
            min-height: 0;
        }

    .sold-card {
        height: auto;
        margin-bottom: 25px;
    }

    .sold-content h3,
    .sold-description {
        min-height: 0;
    }

    .sold-collection-cta {
        text-align: center;
    }

    .collection-main-btn {
        margin-top: 18px;
    }
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 767px) {

    .bobbedoes-register-page {
        padding: 30px 0 55px 0;
    }

    .register-intro {
        margin-bottom: 32px;
    }

        .register-intro h1 {
            font-size: 28px;
        }

    .register-intro-main {
        font-size: 18px;
    }

    .register-options {
        margin-bottom: 35px;
    }

    .sold-section-header h2 {
        font-size: 23px;
    }

    .sold-image-wrapper {
        height: 300px;
    }

    .sold-collection-cta {
        padding: 24px 20px;
    }
}


/* ============================================================
   PROFIELFOTO / AVATARS - KLEINE SCHERMEN
   ============================================================ */

@media (max-width: 600px) {

    .profile-photo-content {
        display: block;
        text-align: center;
    }

    .profile-photo-preview-wrap {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .profile-photo-preview {
        margin: 0 auto;
    }

    .profile-photo-buttons {
        justify-content: center;
    }

    .profile-avatar-grid {
        justify-content: center;
    }
}

/* ============================================================
        ACCOUNT DROPDOWN - DESKTOP
        ============================================================ */

.bd-account-dropdown {
    width: 280px !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #222222;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 10px 28px rgba(0,0,0,.12);
    overflow: hidden;
}


/* HEADER */

.bd-account-dropdown-header {
    display: flex;
    align-items: center;
    padding: 15px 18px 13px;
    border-bottom: 1px solid #e8e8e8;
}


.bd-account-dropdown-avatar {
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: 11px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background: #fafafa;
    color: #333333;
    font-size: 19px;
}


    .bd-account-dropdown-avatar .lnr {
        color: #333333 !important;
        font-size: 19px;
    }


.bd-account-dropdown-identity {
    min-width: 0;
}


    .bd-account-dropdown-identity strong {
        display: block;
        margin: 0 0 2px;
        color: #111111;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .bd-account-dropdown-identity span {
        display: block;
        color: #888888;
        font-size: 11px;
        line-height: 1.35;
    }



/* SECTIES */

.bd-account-dropdown-section {
    padding: 15px 18px 7px;
    border-bottom: 1px solid #eeeeee;
}


.bd-account-dropdown-title {
    margin: 0 0 4px;
    color: #85847e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .7px;
}



/* LIJST */

.bd-account-dropdown-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


    .bd-account-dropdown-list li {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35;
    }


        .bd-account-dropdown-list li a {
            display: flex !important;
            align-items: center !important;
            min-height: 0 !important;
            height: auto !important;
            margin: 0 !important;
            padding: 1px 0 !important;
            background: transparent !important;
            color: #2b2828 !important;
            font-size: 13px;
            font-weight: 600;
            line-height: 1.25;
            text-decoration: none !important;
            transition: color .15s ease;
        }


            .bd-account-dropdown-list li a:hover,
            .bd-account-dropdown-list li a:focus {
                background: transparent !important;
                color: #118abd !important;
                text-decoration: none !important;
            }



            /* BELANGRIJKSTE VERKOOPACTIE */

            .bd-account-dropdown-list li a.bd-account-dropdown-primary {
                color: #385577 !important;
                font-weight: 600;
            }


                .bd-account-dropdown-list li a.bd-account-dropdown-primary:hover {
                    color: #118abd !important;
                }



/* ICONEN */

.bd-account-menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 14px;
    width: 14px;
    height: 16px;
    color: #555555;
}


    .bd-account-menu-icon .lnr {
        color: #555555 !important;
        font-size: 13px;
        line-height: 1;
    }





.bd-account-dropdown-list li a:hover
.bd-account-menu-icon,
.bd-account-dropdown-list li a:hover
.bd-account-menu-icon .lnr {
    color: #118abd !important;
}



/* BERICHTEN */

.bd-account-dropdown-message {
    display: flex !important;
    align-items: center !important;
}


    .bd-account-dropdown-message .bd-notification-count {
        position: static !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 17px;
        height: 17px;
        margin-left: auto !important;
        padding: 0 5px;
        border-radius: 9px;
        background: #d60078 !important;
        color: #ffffff !important;
        font-size: 9px;
        font-weight: 700;
        line-height: 17px;
        transform: none !important;
    }



/* ADMIN */

.bd-account-dropdown-admin {
    color: #da1212 !important;
    font-weight: 700 !important;
}


    .bd-account-dropdown-admin
    .bd-account-menu-icon,
    .bd-account-dropdown-admin
    .bd-account-menu-icon .lnr {
        color: #da1212 !important;
    }



/* FOOTER */

.bd-account-dropdown-footer {
    padding: 9px 18px 11px;
}


    .bd-account-dropdown-footer a {
        display: flex;
        align-items: center;
        min-height: 28px;
        color: #666666 !important;
        font-size: 13px;
        text-decoration: none !important;
    }


        .bd-account-dropdown-footer a .lnr {
            width: 16px;
            margin-right: 6px;
            color: #777777 !important;
            font-size: 14px;
        }


        .bd-account-dropdown-footer a:hover,
        .bd-account-dropdown-footer a:focus {
            color: #118abd !important;
            text-decoration: none !important;
        }

/* ============================================================
    ACCOUNT DROPDOWN - RESET OUDE SPAN MARGINS
    ============================================================ */

.dropdown.dropdown--author
.bd-account-dropdown-list li a span {
    float: none;
    margin-right: 0 !important;
}

/* Alleen tussen icoonblok en tekst ruimte */
.dropdown.dropdown--author
.bd-account-dropdown-list li a > .bd-account-menu-icon {
    margin-right: 5px !important;
}

/* Binnenste Linearicon zelf absoluut geen extra marge */
.dropdown.dropdown--author
.bd-account-dropdown-list li a
.bd-account-menu-icon .lnr {
    margin-right: 0 !important;
}

/* Badge ook geen oude marge laten erven */
.dropdown.dropdown--author
.bd-account-dropdown-list li a
.bd-notification-count {
    margin-right: 0 !important;
}


/* ============================================================
        ACCOUNTROL / STATUS
        ============================================================ */

.bd-account-role {
    display: block;
    margin-top: 1px;
    color: #888888;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
}

.bd-account-friend {
    display: block !important;
    margin-top: 1px !important;
    color: #aaaaaa !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: .1px;
}

.bd-account-role.bd-role-buyer,
.bd-account-role.bd-role-seller {
    color: #888888;
}

.bd-account-role.bd-role-premium {
    color: #a99722;
    font-weight: 600;
}

.bd-account-role.bd-role-admin {
    color: #118abd;
    font-weight: 600;
}

.bd-account-dropdown-avatar.bd-role-premium,
.bd-mobile-account-avatar.bd-role-premium {
    border-color: #d8ca74;
    background: #fffdf3;
}

    .bd-account-dropdown-avatar.bd-role-premium .lnr,
    .bd-mobile-account-avatar.bd-role-premium .lnr {
        color: #a99722 !important;
    }

.bd-account-dropdown-avatar.bd-role-admin,
.bd-mobile-account-avatar.bd-role-admin {
    border-color: #b8dbea;
    background: #f4fbfe;
}

    .bd-account-dropdown-avatar.bd-role-admin .lnr,
    .bd-mobile-account-avatar.bd-role-admin .lnr {
        color: #118abd !important;
    }


/* ============================================================
        ACCOUNT DRAWER - TABLET + MOBIEL
        ============================================================ */

@media (max-width: 991px) {
    /* IDENTITEIT */

    .bd-mobile-account-header {
        display: flex;
        align-items: center;
        padding: 7px 20px 14px;
        border-bottom: 1px solid #e8e8e8;
    }


    .bd-mobile-account-avatar {
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin-right: 11px;
        border: 1px solid #dddddd;
        border-radius: 50%;
        background: #fafafa;
        color: #333333;
        font-size: 19px;
    }


        .bd-mobile-account-avatar .lnr {
            color: #333333 !important;
            font-size: 19px;
        }


    .bd-mobile-account-identity {
        min-width: 0;
    }


        .bd-mobile-account-identity strong {
            display: block;
            color: #111111;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.3;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


        .bd-mobile-account-identity span {
            display: block;
            margin-top: 2px;
            color: #888888;
            font-size: 11px;
            line-height: 1.35;
        }

        .bd-mobile-account-identity .bd-account-role {
            margin-top: 1px;
            font-size: 11px;
            line-height: 1.2;
        }

        .bd-mobile-account-identity .bd-account-friend {
            margin-top: 1px !important;
            color: #aaaaaa !important;
            font-size: 9px !important;
            font-weight: 400 !important;
            line-height: 1.15 !important;
        }
    /* SECTIES */

    .bd-mobile-menu-section {
        padding: 10px 10px 8px;
        border-bottom: 1px solid #eeeeee;
    }


        .bd-mobile-menu-section
        .bd-mobile-menu-title {
            margin: 0;
            padding: 0 10px 5px;
            color: #666666;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .7px;
        }
        /* LIJST */

        .bd-mobile-menu-section
        .bd-mobile-menu-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }


            .bd-mobile-menu-section
            .bd-mobile-menu-list li {
                margin: 0;
                padding: 0;
            }


                .bd-mobile-menu-section
                .bd-mobile-menu-list li a {
                    display: flex;
                    align-items: center;
                    min-height: 30px;
                    padding: 4px 10px;
                    border-radius: 4px;
                    color: #555555 !important;
                    font-size: 14px !important;
                    line-height: 1.35 !important;
                    text-decoration: none !important;
                }


                    .bd-mobile-menu-section
                    .bd-mobile-menu-list li a:hover,
                    .bd-mobile-menu-section
                    .bd-mobile-menu-list li a:focus {
                        background: #f5f5f5;
                        color: #118abd !important;
                    }
    /* PRIMAIRE ACTIE */

    .bd-mobile-menu-primary {
        color: #385577 !important;
        font-weight: 600 !important;
    }
    /* MOBIELE ICONEN */

    .bd-mobile-menu-icon {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 17px !important;
        width: 17px !important;
        height: 18px;
        margin-right: 7px !important;
        color: #555555;
    }


        .bd-mobile-menu-icon .lnr {
            margin: 0 !important;
            color: #555555 !important;
            font-size: 15px !important;
            line-height: 1 !important;
        }


    .bd-mobile-menu-list li a:hover
    .bd-mobile-menu-icon,
    .bd-mobile-menu-list li a:hover
    .bd-mobile-menu-icon .lnr {
        color: #118abd !important;
    }
    /* BERICHTENBADGE */

    .bd-mobile-menu-section
    .bd-mobile-menu-list
    .bd-notification-count {
        position: static !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        height: 18px;
        margin-left: auto !important;
        padding: 0 5px;
        border-radius: 9px;
        background: #d60078 !important;
        color: #ffffff !important;
        font-size: 9px;
        font-weight: 700;
        line-height: 18px;
        transform: none !important;
    }
    /* ADMIN */

    .bd-mobile-admin-link {
        color: #da1212 !important;
        font-weight: 700 !important;
    }


        .bd-mobile-admin-link
        .bd-mobile-menu-icon,
        .bd-mobile-admin-link
        .bd-mobile-menu-icon .lnr {
            color: #da1212 !important;
        }
    /* UITLOGGEN */

    .bd-mobile-menu-footer {
        padding: 9px 20px 15px;
    }


        .bd-mobile-menu-footer a {
            display: flex;
            align-items: center;
            min-height: 30px;
            color: #666666 !important;
            font-size: 14px;
            text-decoration: none !important;
        }


        .bd-mobile-menu-footer .lnr {
            width: 17px;
            margin-right: 7px;
            color: #777777 !important;
        }
    /* GAST */

    .bd-mobile-menu-section--guest {
        padding-top: 5px;
        border-bottom: 0;
    }
}


/* ============================================================
   BOBBEDOES - AUCTION TOP NAVIGATION
   Tijdelijk in _LayoutResponsiveAuction
   Later verplaatsen naar bobbedoes_front-updated-version3.css
   ============================================================ */


/* ============================================================
   BASIS
   ============================================================ */

.bd-auction-nav {
    position: relative;
    z-index: 9100;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}


    .bd-auction-nav > .container {
        position: relative;
        overflow: visible;
    }


.bd-auction-nav-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
    gap: 25px;
}


/* ============================================================
   LINKER GEDEELTE
   ============================================================ */

.bd-auction-nav-left {
    display: flex;
    align-items: center;
    min-width: 0;
}


/* ============================================================
   AANBOD KNOP
   ============================================================ */

.bd-auction-offer-menu {
    position: relative;
    flex: 0 0 auto;
    margin-right: 24px;
    z-index: 30;
}


.bd-auction-offer-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 13px;
    background: #ffffff;
    border: 1px solid #c1c0b9;
    border-radius: 3px;
    color: #222222;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}


    .bd-auction-offer-button:hover,
    .bd-auction-offer-button:focus {
        background: #f7f7f7;
        color: #000000;
        outline: none;
    }


.bd-auction-offer-chevron {
    margin-left: 7px;
    font-size: 9px;
    transition: transform .16s ease;
}


.bd-auction-offer-button.is-open
.bd-auction-offer-chevron {
    transform: rotate(180deg);
}


/* ============================================================
   AANBOD DROPDOWN
   ============================================================ */

.bd-auction-offer-dropdown {
    position: absolute;
    display: none;
    top: calc(100% + 7px);
    left: 0;
    width: 245px;
    padding: 8px 0;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 10px 28px rgba(0,0,0,.12);
    z-index: 15000;
}


    .bd-auction-offer-dropdown.is-open {
        display: block;
    }


.bd-auction-offer-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 35px;
    padding: 7px 14px;
    color: #2b2828 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
}


    .bd-auction-offer-link:hover,
    .bd-auction-offer-link:focus {
        background: #f6f7f8;
        color: #118abd !important;
        text-decoration: none !important;
    }


.bd-auction-offer-link-important {
    color: #222222 !important;
    font-weight: 600;
}


.bd-auction-offer-link-text {
    min-width: 0;
}


.bd-auction-offer-status {
    flex: 0 0 auto;
    margin-left: 10px;
    padding: 2px 6px;
    background: #eeeeee;
    color: #777777;
    font-size: 8px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: .4px;
    text-transform: uppercase;
}


.bd-auction-offer-separator {
    height: 1px;
    margin: 6px 14px;
    background: #eeeeee;
}

.bd-auction-offer-section-heading {
    padding-top: 20px;
    margin-bottom: 15px;
}

    .bd-auction-offer-section-heading strong {
        font-size: 18px
    }

/* ============================================================
   SNELLE LINKS
   ============================================================ */
.bd-auction-quick-links {
    display: flex;
    align-items: center;
    gap: 28px;
    white-space: nowrap;
}


    .bd-auction-quick-links a {
        color: #333333 !important;
        font-size: 12px;
        font-weight: 400;
        text-decoration: none !important;
    }


        .bd-auction-quick-links a:hover,
        .bd-auction-quick-links a:focus {
            color: #118abd !important;
            text-decoration: none !important;
        }


/* ============================================================
   ZOEKEN
   ============================================================ */

.bd-auction-search {
    flex: 0 0 330px;
    width: 330px;
}


    .bd-auction-search form {
        margin: 0;
    }


.bd-auction-search-box {
    position: relative;
    display: flex;
    width: 100%;
    height: 38px;
}


    .bd-auction-search-box input[type="text"] {
        flex: 1;
        width: 100%;
        height: 38px;
        margin: 0;
        padding: 0 64px 0 13px !important;
        background: #f6f6f6;
        border: 1px solid #d5dce1;
        border-right: 0;
        border-radius: 4px 0 0 4px;
        color: #333333;
        font-size: 12px;
        line-height: 38px;
        box-shadow: none;
        outline: none;
    }


        .bd-auction-search-box input[type="text"]:focus {
            background: #ffffff;
            border-color: #118abd;
        }


.bd-auction-search-clear {
    position: absolute;
    top: 50%;
    right: 44px;
    width: 22px;
    height: 22px;
    padding: 0;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    color: #888888;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    z-index: 2;
}


    .bd-auction-search-clear:hover {
        color: #000000;
    }


.bd-auction-search-button {
    flex: 0 0 40px;
    width: 40px;
    height: 38px;
    padding: 0;
    background: #118abd;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
}


    .bd-auction-search-button:hover,
    .bd-auction-search-button:focus {
        background: #0e78a5;
    }


    .bd-auction-search-button .lnr {
        margin: 0;
        color: #ffffff;
        font-size: 16px;
    }


/* ============================================================
   PERSOONLIJKE LINKS
   ============================================================ */

.bd-auction-personal-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 31px;
    margin-top: -7px;
    gap: 25px;
}


.bd-auction-personal-link {
    position: relative;
    padding: 4px 0 8px;
    color: #111111 !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none !important;
    white-space: nowrap;
}


    .bd-auction-personal-link:hover,
    .bd-auction-personal-link:focus {
        color: #000 !important;
        text-decoration: none !important;
    }


    .bd-auction-personal-link.active {
        color: #000 !important;
    }


        .bd-auction-personal-link.active::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: 2px;
            left: 0;
            height: 2px;
            background: #000;
        }


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .bd-auction-nav-main {
        min-height: 66px;
        gap: 12px;
    }
    /*
       Sluit binnenkort / Nieuw / Actieve verkopers / Resultaten
       staan nu allemaal in Aanbod.
    */
    .bd-auction-quick-links {
        display: none;
    }


    .bd-auction-nav-left {
        flex: 0 0 auto;
    }


    .bd-auction-offer-menu {
        margin-right: 0;
    }


    .bd-auction-search {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }


    .bd-auction-personal-nav {
        margin-top: -5px;
        min-height: 35px;
        gap: 24px;
    }
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 767px) {

    .bd-auction-nav {
        padding: 0;
    }


    .bd-auction-nav-main {
        min-height: 68px;
        padding: 0;
        gap: 10px;
    }


    .bd-auction-offer-button {
        height: 38px;
        padding: 0 11px;
        font-size: 12px;
    }


    .bd-auction-offer-dropdown {
        top: calc(100% + 6px);
        width: 245px;
        max-width: calc(100vw - 30px);
    }


    .bd-auction-search-box,
    .bd-auction-search-box input[type="text"],
    .bd-auction-search-button {
        height: 38px;
    }


        .bd-auction-search-box input[type="text"] {
            padding-left: 10px !important;
            font-size: 12px;
        }


    .bd-auction-search-button {
        flex-basis: 38px;
        width: 38px;
    }
    /*
       Persoonlijke links blijven op één regel.
       Als alle vier aanwezig zijn verdelen we de ruimte.
    */

    .bd-auction-personal-nav {
        justify-content: space-between;
        width: 100%;
        min-height: 37px;
        margin-top: -3px;
        gap: 5px;
    }


    .bd-auction-personal-link {
        flex: 1 1 auto;
        padding: 3px 2px 8px;
        font-size: 10px;
        text-align: center;
    }
}


/* ============================================================
   ZEER SMAL MOBIEL
   ============================================================ */

@media (max-width: 390px) {

    .bd-auction-offer-button {
        padding-right: 9px;
        padding-left: 9px;
    }


    .bd-auction-offer-chevron {
        margin-left: 4px;
    }


    .bd-auction-search-box input[type="text"] {
        min-width: 0;
    }


    .bd-auction-personal-link {
        font-size: 9px;
    }
}

/* ============================================================
   AANBOD DROPDOWN - LINK NAAR TOTAALOVERZICHT
   ============================================================ */

.bd-auction-offer-more {
    display: inline-flex;
    align-items: center;
    margin: 0 14px 5px 14px;
    padding: 2px 0;
    color: #888888 !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none !important;
}

    .bd-auction-offer-more .lnr {
        margin-left: 5px;
        color: #999999;
        font-size: 8px;
    }

    .bd-auction-offer-more:hover,
    .bd-auction-offer-more:focus {
        color: #118abd !important;
        text-decoration: none !important;
    }

        .bd-auction-offer-more:hover .lnr,
        .bd-auction-offer-more:focus .lnr {
            color: #118abd;
        }


/* ============================================================
   BOBBEDOES - LIJSTPAGINA'S
   Volglijst / Biedlijst / Aankooplijst
   ============================================================ */

.bd-list-page {
    padding-top: 24px;
}

.bd-list-header {
    margin-bottom: 18px;
}

.bd-list-title {
    margin: 0;
}

.bd-list-results {
    margin-top: 3px;
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

.bd-list-clear-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    color: #777 !important;
    text-decoration: none !important;
}

    .bd-list-clear-search:hover {
        color: #118abd !important;
    }

.bd-list-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 0 4px;
    border-bottom: 1px solid #e6e8ea;
}

.bd-list-toolbar-left {
    flex: 1 1 auto;
    min-width: 0;
}

.bd-list-toolbar-spacer {
    flex: 1 1 auto;
}

.bd-list-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    padding-bottom: 10px;
}

.bd-list-tabs {
    display: flex;
    align-items: flex-end;
    gap: 28px;
    min-width: 0;
}

.bd-list-tab {
    position: relative;
    display: inline-block;
    padding: 10px 0 11px;
    color: #333 !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    text-decoration: none !important;
}

    .bd-list-tab:hover,
    .bd-list-tab:focus {
        color: #118abd !important;
    }

    .bd-list-tab.active {
        color: #111 !important;
        font-weight: 600;
    }

        .bd-list-tab.active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 2px;
            background: #111;
        }

.bd-list-mobile-nav {
    display: none;
}

.bd-list-mobile-select-wrap {
    position: relative;
}

.bd-list-mobile-select {
    width: 100%;
    height: 40px;
    padding: 0 38px 0 12px;
    border: 1px solid #d7dce0;
    border-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 12px;
    appearance: none;
    -webkit-appearance: none;
}

.bd-list-mobile-select-wrap > .lnr {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    color: #777;
    font-size: 10px;
    pointer-events: none;
}

.bd-list-sort {
    flex: 0 0 235px;
    width: 235px;
}

    .bd-list-sort .select-wrap {
        position: relative;
        width: 100%;
    }

        .bd-list-sort .select-wrap select {
            width: 100% !important;
            height: 38px !important;
            margin: 0 !important;
            padding: 0 36px 0 12px !important;
            border: 1px solid #d7dce0 !important;
            border-radius: 3px !important;
            background: #fff !important;
            color: #444 !important;
            font-size: 12px !important;
            box-shadow: none !important;
        }

        .bd-list-sort .select-wrap > .lnr {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            color: #777;
            font-size: 9px;
            pointer-events: none;
        }

.bd-list-search {
    flex: 0 0 260px;
    width: 260px;
}

    .bd-list-search form {
        margin: 0;
    }

.bd-list-search-box {
    display: flex;
    width: 100%;
    height: 38px;
}

    .bd-list-search-box input[type="text"] {
        flex: 1 1 auto;
        min-width: 0;
        height: 38px;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid #d7dce0 !important;
        border-right: 0 !important;
        border-radius: 3px 0 0 3px !important;
        background: #fff !important;
        color: #333;
        font-size: 12px;
        box-shadow: none !important;
        outline: 0;
    }

        .bd-list-search-box input[type="text"]:focus {
            border-color: #118abd !important;
        }

.bd-list-search-button {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    background: #118abd;
    color: #fff;
    cursor: pointer;
}

    .bd-list-search-button:hover,
    .bd-list-search-button:focus {
        background: #0e7da9;
    }

    .bd-list-search-button .lnr {
        margin: 0;
        color: #fff;
        font-size: 15px;
    }


/* ============================================================
   BOBBEDOES - LEGE LIJST / GEEN RESULTAAT
   ============================================================ */

.bd-empty-state {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-top: 28px;
    padding: 20px 22px;
    background: #efedde;
    border: 1px solid #e4e0cb;
    border-radius: 5px;
    color: #634612;
}

.bd-empty-state__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, .65);
    border: 1px solid #d8d1ae;
    border-radius: 50%;
    color: #9e8124;
    font-size: 20px;
    line-height: 1;
}

.bd-empty-state__content {
    min-width: 0;
}

.bd-empty-state__title {
    margin: 0 0 3px;
    color: #332b1d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.bd-empty-state__text {
    margin: 0;
    color: #634612;
    font-size: 13px;
    line-height: 1.5;
}


/* ============================================================
   AANBOD - COLLAGEKAARTEN
   Nieuwe variant naast de oudere .bd-offer-* basisregels.
   De extra resets hieronder zijn bewust opgenomen zodat de oude
   kaartregels in de centrale stylesheet deze variant niet verstoren.
   ============================================================ */





















/* Oude waaier-hover expliciet neutraliseren voor de collagevariant. */





















/* ============================================================
   AANBOD - LAADPLACEHOLDER HOMEPAGE
   ============================================================ */














/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .bd-list-toolbar {
        gap: 16px;
    }

    .bd-list-tabs {
        gap: 18px;
    }

    .bd-list-tab {
        font-size: 11px;
    }

    .bd-list-sort {
        flex-basis: 205px;
        width: 205px;
    }

    .bd-list-search {
        flex-basis: 230px;
        width: 230px;
    }
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 767px) {

    .bd-list-page {
        padding-top: 20px;
    }

    .bd-list-header {
        margin-bottom: 15px;
    }

    .bd-list-title {
        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    .bd-list-results {
        margin-top: 4px;
        font-size: 11px;
    }

    .bd-list-toolbar {
        display: block;
        margin-bottom: 18px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e6e8ea;
    }

    .bd-list-tabs {
        display: none;
    }

    .bd-list-mobile-nav {
        display: block;
        width: 100%;
        margin-bottom: 9px;
    }

    .bd-list-toolbar-spacer {
        display: none;
    }

    .bd-list-controls {
        display: flex;
        width: 100%;
        gap: 8px;
        padding-bottom: 0;
    }

    .bd-list-sort {
        flex: 0 0 42%;
        width: 42%;
    }

    .bd-list-search {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .bd-list-sort .select-wrap select,
    .bd-list-search-box,
    .bd-list-search-box input[type="text"],
    .bd-list-search-button {
        height: 40px !important;
    }

    .bd-list-search-button {
        flex-basis: 40px;
        width: 40px;
    }

    .bd-empty-state {
        align-items: flex-start;
        gap: 12px;
        margin-top: 20px;
        padding: 16px 14px;
    }

    .bd-empty-state__icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .bd-empty-state__title {
        font-size: 16px;
        line-height: 1.35;
    }

    .bd-empty-state__text {
        font-size: 13px;
        line-height: 1.5;
    }
}


/* ============================================================
   KLEINE TELEFOON
   ============================================================ */

@media (max-width: 420px) {

    .bd-list-sort {
        flex-basis: 44%;
        width: 44%;
    }

        .bd-list-sort .select-wrap select,
        .bd-list-search-box input[type="text"],
        .bd-list-mobile-select {
            font-size: 11px !important;
        }
}

/* ============================================================
     FOLLOWLIST SELLER - LIJST
     ============================================================ */

.bd-follow-seller-list {
    width: 100%;
}

.bd-follow-seller-row {
    width: 100%;
    margin-bottom: 14px;
}

.bd-follow-seller-card {
    width: 100%;
    background: #fff;
    border: 1px solid #dde3e7;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .025);
}


/* ============================================================
     ACTIEVE VERKOPER
     ============================================================ */

.bd-follow-seller-card--active {
    display: grid;
    grid-template-columns: 250px 320px minmax(0, 1fr);
    min-height: 210px;
}


/* ============================================================
     PROFIEL
     ============================================================ */

.bd-follow-seller-profile {
    position: relative;
    min-width: 0;
    padding: 16px 18px;
    border-right: 1px solid #e8ebed;
}

.bd-follow-seller-profile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}


/* ============================================================
     STATUS
     ============================================================ */

.bd-follow-seller-status {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 600;
    line-height: 16px;
}

.bd-follow-seller-status--active {
    background: #4caf65;
    color: #fff;
}

.bd-follow-seller-status--inactive {
    background: #b8bdc1;
    color: #fff;
}


/* ============================================================
     HARTJE
     ============================================================ */

.bd-follow-seller-heart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #fff;
    border: 1px solid #d9dee2;
    border-radius: 50%;
    cursor: pointer;
}

    .bd-follow-seller-heart:hover {
        border-color: #bbc4ca;
    }

.bd-seller-follow-heart-symbol {
    color: #777;
    font-size: 20px;
    line-height: 1;
}

    .bd-seller-follow-heart-symbol.active {
        color: #e05252;
    }


/* ============================================================
     BANNER
     ============================================================ */

.bd-follow-seller-banner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 145px;
    height: 30px;
    margin-bottom: 9px;
    overflow: hidden;
    text-decoration: none !important;
}

    .bd-follow-seller-banner img {
        display: block;
        max-width: 140px;
        max-height: 28px;
        object-fit: contain;
    }


/* ============================================================
     VERKOPER
     ============================================================ */

.bd-follow-seller-name {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    color: #118abd !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

    .bd-follow-seller-name:hover {
        text-decoration: underline !important;
    }

.bd-follow-seller-country {
    flex: 0 0 auto;
    width: 16px;
    margin-top: 3px;
    margin-right: 7px;
}

.bd-follow-seller-level {
    margin-top: 7px;
}

.bd-follow-seller-meta {
    margin-top: 6px;
    color: #888;
    font-size: 9px;
}


/* ============================================================
     PREMIUM / STANDAARD
     ============================================================ */

.bd-seller-badge {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 8px;
    font-weight: 600;
    line-height: 14px;
}

.bd-seller-badge--premium {
    background: #f1ecd6;
    color: #8a7119;
}

.bd-seller-badge--standard {
    background: #eef0f1;
    color: #81878b;
}


/* ============================================================
     VEILING / ADVERTENTIES
     ============================================================ */

.bd-follow-seller-channels {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-content: center;
    padding: 18px;
    border-right: 1px solid #e8ebed;
}

.bd-follow-seller-channel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 130px;
    padding: 13px 8px;
    background: #fff;
    border: 1px solid #dde3e7;
    border-radius: 5px;
    color: #222 !important;
    text-align: center;
    text-decoration: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .bd-follow-seller-channel:hover {
        border-color: #bfcbd2;
        box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
    }

.bd-follow-seller-channel-title {
    color: #444;
    font-size: 11px;
}

.bd-follow-seller-channel strong {
    display: block;
    margin-top: 5px;
    color: #111;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
}

.bd-follow-seller-channel-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 11px;
    color: #118abd;
    font-size: 9px;
    font-weight: 600;
}

    .bd-follow-seller-channel-link .lnr {
        font-size: 7px;
    }


/* ============================================================
     ACTUEEL AANBOD
     ============================================================ */

.bd-follow-seller-offers {
    min-width: 0;
    padding: 16px 18px;
}

.bd-follow-seller-offers-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

    .bd-follow-seller-offers-head strong {
        color: #222;
        font-size: 11px;
        font-weight: 600;
    }

    .bd-follow-seller-offers-head a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: #118abd !important;
        font-size: 9px;
        text-decoration: none !important;
    }

        .bd-follow-seller-offers-head a:hover {
            text-decoration: underline !important;
        }

    .bd-follow-seller-offers-head .lnr {
        font-size: 7px;
    }


/* ============================================================
     ITEMS
     ============================================================ */

.bd-follow-seller-items {
    display: grid;
    grid-template-columns: repeat(5, minmax(72px, 94px));
    gap: 13px;
}

.bd-follow-seller-item {
    display: block;
    min-width: 0;
    color: inherit !important;
    text-decoration: none !important;
}

    .bd-follow-seller-item:hover {
        color: inherit !important;
        text-decoration: none !important;
    }

.bd-follow-seller-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 108px;
    overflow: hidden;
    background: #f5f6f6;
    border: 1px solid #dfe4e7;
    border-radius: 4px;
}

    .bd-follow-seller-item-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.bd-follow-seller-item-type {
    margin-top: 6px;
    overflow: hidden;
    color: #92989c;
    font-size: 8px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bd-follow-seller-item-price {
    margin-top: 3px;
    color: #111;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
}


/* ============================================================
     INACTIEVE VERKOPER
     ============================================================ */

.bd-follow-seller-card--inactive {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr) 50px;
    align-items: center;
    min-height: 82px;
    padding: 10px 16px;
}

.bd-follow-seller-inactive-profile {
    min-width: 0;
}

    .bd-follow-seller-inactive-profile .bd-follow-seller-status {
        margin-bottom: 6px;
    }

    .bd-follow-seller-inactive-profile .bd-follow-seller-name {
        font-size: 14px;
    }

.bd-follow-seller-inactive-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
    color: #999;
    font-size: 8px;
}

.bd-follow-seller-inactive-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #aaa;
    font-size: 10px;
}

    .bd-follow-seller-inactive-message .lnr {
        color: #bbb;
        font-size: 17px;
    }

.bd-follow-seller-heart--inactive {
    justify-self: end;
}


/* ============================================================
     TABLET
     ============================================================ */

@media (max-width: 1199px) {

    .bd-follow-seller-card--active {
        grid-template-columns: 220px 260px minmax(0, 1fr);
    }

    .bd-follow-seller-channels {
        gap: 8px;
        padding: 14px;
    }

    .bd-follow-seller-channel {
        min-height: 120px;
    }

    .bd-follow-seller-items {
        grid-template-columns: repeat(5, minmax(62px, 1fr));
        gap: 8px;
    }

    .bd-follow-seller-item-image {
        height: 96px;
    }
}


/* ============================================================
     MOBIEL / KLEINE TABLET
     ============================================================ */

@media (max-width: 767px) {

    .bd-follow-seller-card--active {
        display: block;
    }

    .bd-follow-seller-profile {
        border-right: 0;
        border-bottom: 1px solid #e8ebed;
    }

    .bd-follow-seller-channels {
        grid-template-columns: repeat(2, 1fr);
        padding: 12px 14px;
        border-right: 0;
        border-bottom: 1px solid #e8ebed;
    }

    .bd-follow-seller-channel {
        min-height: 94px;
    }

        .bd-follow-seller-channel strong {
            font-size: 19px;
        }

    .bd-follow-seller-offers {
        padding: 14px;
    }

    .bd-follow-seller-items {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }

    .bd-follow-seller-item {
        flex: 0 0 84px;
    }

    .bd-follow-seller-item-image {
        height: 108px;
    }

    .bd-follow-seller-card--inactive {
        grid-template-columns: minmax(0, 1fr) 34px;
        min-height: 76px;
        padding: 10px 12px;
    }

    .bd-follow-seller-inactive-message {
        display: none;
    }
}


/* ============================================================
     KLEINE TELEFOON
     ============================================================ */

@media (max-width: 420px) {

    .bd-follow-seller-profile {
        padding: 14px;
    }

    .bd-follow-seller-banner {
        width: 130px;
    }

    .bd-follow-seller-name {
        font-size: 15px;
    }

    .bd-follow-seller-channel-title {
        font-size: 10px;
    }

    .bd-follow-seller-channel-link {
        font-size: 8px;
    }
}

/* ============================================================
COMMUNITY - ACTIEVE VERKOPERS
Aanvulling op gedeelde bd-follow-seller CSS
============================================================ */

.bd-community-sellers-page {
    padding-top: 28px;
}

.bd-community-sellers-header {
    margin-bottom: 22px;
}

.bd-community-sellers-title {
    margin: 0;
}

.bd-community-sellers-intro {
    margin: 6px 0 0 0;
    color: #888;
    font-size: 12px;
}


/* ============================================================
TOOLBAR
============================================================ */

.bd-community-sellers-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e6e8;
}

.bd-community-sellers-nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

    .bd-community-sellers-nav a {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 45px;
        color: #444;
        font-size: 11px;
        text-decoration: none !important;
    }

        .bd-community-sellers-nav a:hover {
            color: #111;
        }

        .bd-community-sellers-nav a.active {
            color: #111;
            font-weight: 600;
        }

            .bd-community-sellers-nav a.active:after {
                position: absolute;
                right: 0;
                bottom: -1px;
                left: 0;
                height: 2px;
                background: #111;
                content: "";
            }


/* ============================================================
ZOEKEN
============================================================ */

.bd-community-sellers-search {
    width: 265px;
    padding-bottom: 8px;
}

    .bd-community-sellers-search form {
        margin: 0;
    }

    .bd-community-sellers-search .bd-list-search-box {
        display: flex;
        width: 100%;
    }

    .bd-community-sellers-search input {
        width: calc(100% - 40px);
        height: 38px;
        padding: 0 12px;
        background: #fff;
        border: 1px solid #d9dfe3;
        border-right: 0;
        color: #444;
        font-size: 11px;
        outline: 0;
    }

    .bd-community-sellers-search .bd-list-search-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 38px;
        padding: 0;
        background: #118abd;
        border: 1px solid #118abd;
        color: #fff;
        cursor: pointer;
    }


/* ============================================================
RESULTAATREGEL
============================================================ */

.bd-community-sellers-resultbar {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin-bottom: 12px;
}

.bd-community-sellers-count {
    color: #888;
    font-size: 10px;
}

    .bd-community-sellers-count strong {
        color: #555;
    }

.bd-community-sellers-clear {
    display: inline-flex;
    margin-left: 5px;
    color: #999 !important;
    text-decoration: none !important;
}

    .bd-community-sellers-clear:hover {
        color: #333 !important;
    }


/* ============================================================
LIJST
============================================================ */

.bd-community-sellers-list {
    width: 100%;
}

    .bd-community-sellers-list .bd-follow-seller-list {
        width: 100%;
    }


/* ============================================================
GEEN PREVIEW
Zou in normale situatie vrijwel niet voorkomen.
============================================================ */

.bd-community-seller-preview-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 135px;
    color: #aaa;
    font-size: 10px;
}

    .bd-community-seller-preview-empty .lnr {
        margin-bottom: 7px;
        color: #bbb;
        font-size: 22px;
    }


/* ============================================================
TABLET
============================================================ */

@media (max-width: 991px) {

    .bd-community-sellers-toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 0;
    }

    .bd-community-sellers-nav {
        gap: 20px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .bd-community-sellers-search {
        width: 100%;
        max-width: 320px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* ============================================================
MOBIEL
============================================================ */

@media (max-width: 767px) {

    .bd-community-sellers-page {
        padding-top: 18px;
    }

    .bd-community-sellers-header {
        margin-bottom: 15px;
    }

    .bd-community-sellers-intro {
        font-size: 11px;
    }

    .bd-community-sellers-nav {
        gap: 18px;
    }

        .bd-community-sellers-nav a {
            min-height: 40px;
            font-size: 10px;
        }

    .bd-community-sellers-search {
        max-width: none;
    }

    .bd-community-sellers-resultbar {
        min-height: 36px;
    }
}

/* ============================================================
VERKOPER - LEEG AANBODTYPE
============================================================ */

.bd-follow-seller-channel--empty {
    cursor: default;
    background: #fafafa;
    border-color: #e5e8ea;
}

    .bd-follow-seller-channel--empty:hover {
        border-color: #e5e8ea;
        box-shadow: none;
    }

    .bd-follow-seller-channel--empty strong {
        color: #777;
    }

.bd-follow-seller-channel-empty-text {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    margin-top: 11px;
    color: #aaa;
    font-size: 9px;
    font-weight: 400;
}

/* ============================================================
UITGELICHTE VERKOPER
============================================================ */

.bd-featured-seller {
    margin: 4px 0 28px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9dfe3;
    border-radius: 4px;
}

.bd-featured-seller-label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0;
    padding: 0 12px;
    background: #d1b941;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1px;
}

.bd-featured-seller-main {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    min-height: 195px;
}


/* ============================================================
PROFIEL
============================================================ */

.bd-featured-seller-profile {
    padding: 18px 20px;
    border-right: 1px solid #e6e9eb;
}

.bd-featured-seller-banner {
    display: block;
    width: 145px;
    max-height: 38px;
    margin-bottom: 10px;
    overflow: hidden;
    text-decoration: none !important;
}

    .bd-featured-seller-banner img {
        display: block;
        max-width: 145px;
        max-height: 38px;
        object-fit: contain;
    }

.bd-featured-seller-name {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: #0789c1 !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
}

    .bd-featured-seller-name:hover {
        color: #0575a5 !important;
    }

.bd-featured-seller-country {
    width: 16px;
    height: auto;
    flex: 0 0 auto;
}

.bd-featured-seller-level {
    min-height: 24px;
    margin-bottom: 12px;
}

.bd-featured-seller-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #eceeef;
}

    .bd-featured-seller-stats > div {
        padding: 0 8px;
        text-align: center;
        border-right: 1px solid #eceeef;
    }

        .bd-featured-seller-stats > div:first-child {
            padding-left: 0;
        }

        .bd-featured-seller-stats > div:last-child {
            padding-right: 0;
            border-right: 0;
        }

    .bd-featured-seller-stats strong {
        display: block;
        color: #111;
        font-size: 17px;
        line-height: 1.2;
    }

    .bd-featured-seller-stats span {
        display: block;
        margin-top: 4px;
        color: #999;
        font-size: 8px;
    }


/* ============================================================
AANBOD
============================================================ */

.bd-featured-seller-offers {
    min-width: 0;
    padding: 17px 18px 15px 18px;
}

.bd-featured-seller-offers-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 13px;
}

    .bd-featured-seller-offers-head > div {
        display: flex;
        flex-direction: column;
    }

    .bd-featured-seller-offers-head strong {
        color: #222;
        font-size: 11px;
    }

    .bd-featured-seller-offers-head span {
        margin-top: 2px;
        color: #aaa;
        font-size: 9px;
    }

    .bd-featured-seller-offers-head > a {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        flex: 0 0 auto;
        color: #0789c1 !important;
        font-size: 9px;
        text-decoration: none !important;
    }

.bd-featured-seller-items {
    display: grid;
    grid-template-columns: repeat(5, minmax(70px, 1fr));
    gap: 12px;
}

.bd-featured-seller-item {
    min-width: 0;
    color: inherit !important;
    text-decoration: none !important;
}

.bd-featured-seller-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #e1e5e7;
    border-radius: 3px;
}

    .bd-featured-seller-item-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.bd-featured-seller-item-type {
    margin-top: 6px;
    overflow: hidden;
    color: #aaa;
    font-size: 8px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bd-featured-seller-item-price {
    margin-top: 3px;
    color: #111;
    font-size: 11px;
    font-weight: 600;
}


/* ============================================================
RESPONSIVE
============================================================ */

@media (max-width: 991px) {

    .bd-featured-seller-main {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .bd-featured-seller-items {
        grid-template-columns: repeat(4, 1fr);
    }

    .bd-featured-seller-item:nth-child(5) {
        display: none;
    }
}


@media (max-width: 767px) {

    .bd-featured-seller-main {
        display: block;
    }

    .bd-featured-seller-profile {
        border-right: 0;
        border-bottom: 1px solid #e6e9eb;
    }

    .bd-featured-seller-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .bd-featured-seller-item:nth-child(n /**/ +5) {
        display: none;
    }

    .bd-featured-seller-item-image {
        height: 125px;
    }
}
/* ============================================================
UITGELICHTE VERKOPERS - GROEP
============================================================ */

.bd-featured-sellers {
    margin: 15px 0 30px 0;
}

.bd-featured-sellers-heading {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 10px;
}

    .bd-featured-sellers-heading strong {
        color: #222;
        font-size: 15px;
        font-weight: 600;
    }

    .bd-featured-sellers-heading span {
        color: #999;
        font-size: 10px;
    }

.bd-featured-sellers .bd-featured-seller {
    margin: 0 0 10px 0;
}

    .bd-featured-sellers .bd-featured-seller:last-child {
        margin-bottom: 0;
    }


@media (max-width: 767px) {

    .bd-featured-sellers-heading {
        display: block;
    }

        .bd-featured-sellers-heading span {
            display: block;
            margin-top: 3px;
        }
}

@media (max-width: 650px) {
    .items-v2 .dashboard_contents.mb.lot {
        padding-top: 0;
    }
}

/* =========================================================
   ADVERTENTIES V2
   ========================================================= */


/* =========================================================
   BASIS / HEADER
   ========================================================= */

.ads-v2 {
    max-width: 1120px;
    margin: 30px auto 50px auto;
    padding: 0 15px;
}

.ads-v2-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 28px;
}

.ads-v2-breadcrumb {
    margin-bottom: 10px;
    color: #777;
    font-size: 12px;
}

    .ads-v2-breadcrumb span {
        margin: 0 8px;
    }

.ads-v2-header h1 {
    margin: 0;
    font-size: 36px;
    line-height: 1.15;
}

.ads-v2-subtitle {
    margin-top: 6px;
    color: #999;
    font-size: 14px;
}

.ads-v2-new {
    display: inline-block;
    padding: 10px 18px;
    background: #118abd;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 3px;
}


/* =========================================================
   STATUS TABS
   ========================================================= */

.ads-v2-status {
    display: flex;
    gap: 32px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
}

.ads-status-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 12px 2px;
    color: #333 !important;
    text-decoration: none !important;
}

    .ads-status-link span {
        padding: 2px 7px;
        background: #f0f2f4;
        border-radius: 12px;
        font-size: 11px;
    }

    .ads-status-link.active {
        font-weight: 600;
    }

        .ads-status-link.active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 2px;
            background: #111;
        }


/* =========================================================
   FILTERS / SORTEREN / ZOEKEN
   ========================================================= */

.ads-v2-tools {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.ads-category select,
.ads-sort select {
    height: 43px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #d4d8dc;
}

.ads-category select {
    min-width: 190px;
}

.ads-sort select {
    min-width: 220px;
}

.ads-search {
    display: flex;
    width: 360px;
}

    .ads-search input {
        flex: 1;
        min-width: 0;
        height: 43px;
        padding: 0 14px;
        border: 1px solid #d4d8dc;
        border-right: 0;
    }

    .ads-search button {
        flex: 0 0 48px;
        width: 48px;
        height: 43px;
        padding: 0;
        background: #118abd;
        color: #fff;
        border: 0;
        font-size: 18px;
        cursor: pointer;
    }


/* =========================================================
   ACTIEVE FILTERS
   ========================================================= */

.ads-filter-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 14px;
    padding: 9px 12px;
    background: #f7f8f9;
    border: 1px solid #e6e8ea;
    color: #666;
    font-size: 12px;
}

    .ads-filter-summary strong {
        color: #333;
    }

.ads-filter-reset {
    flex: 0 0 auto;
    color: #118abd;
    text-decoration: none;
}


/* =========================================================
   ADVERTENTIELIJST
   ========================================================= */

.ads-list {
    background: #fff;
    border-top: 1px solid #ddd;
}

.ads-row {
    display: grid;
    grid-template-columns: 30px 80px minmax(260px, 1fr) 100px 110px 100px 90px;
    gap: 14px;
    align-items: center;
    min-height: 112px;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-top: 0;
}

    .ads-row:hover {
        background: #fafafa;
    }


/* =========================================================
   SELECTIE
   ========================================================= */

.ads-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

.js-ad-checkbox,
#checkAllAds {
    width: 17px;
    height: 17px;
    margin: 0;
    cursor: pointer;
}


/* =========================================================
   AFBEELDING
   ========================================================= */

.ads-image {
    text-align: center;
}

    .ads-image img {
        display: block;
        max-width: 68px;
        max-height: 86px;
        margin: auto;
        object-fit: contain;
    }


/* =========================================================
   TITEL / META
   ========================================================= */

.ads-main {
    min-width: 0;
}

.ads-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #222 !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;
}

    .ads-title:hover {
        color: #118abd !important;
    }

.ads-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #888;
    font-size: 11px;
}

.ads-item-number {
    color: #8b8b8b;
}

.ads-catalog {
    padding: 2px 6px;
    background: #f0f3f5;
    border-radius: 3px;
    color: #777;
}

.ads-seller {
    margin-top: 4px;
    color: #999;
    font-size: 11px;
    line-height: 1.25;
}

.ads-added-date {
    margin-top: 2px;
    color: #aaa;
    font-size: 10px;
    line-height: 1.2;
}


/* =========================================================
   DATUM
   ========================================================= */

.ads-date {
    color: #777;
    font-size: 12px;
}


/* =========================================================
   STATUS
   ========================================================= */

.ads-status-cell small {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 9px;
}

.ads-badge {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1.2;
}

    .ads-badge.active {
        background: #e3f3e6;
        color: #25713a;
    }

    .ads-badge.paused {
        background: #fff2cf;
        color: #8a6310;
    }


/* =========================================================
   PRIJS
   ========================================================= */

.ads-price {
    text-align: right;
}

    .ads-price small {
        display: block;
        color: #aaa;
        font-size: 8px;
        letter-spacing: .6px;
    }

    .ads-price strong {
        display: block;
        margin-top: 2px;
        font-size: 16px;
    }


/* =========================================================
   ACTIE
   ========================================================= */

.ads-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/* =========================================================
   GEEN RESULTATEN
   ========================================================= */

.ads-empty {
    padding: 38px 20px;
    border: 1px solid #ddd;
    border-top: 0;
    color: #777;
    text-align: center;
}

    .ads-empty strong {
        color: #333;
    }

.ads-empty-sub {
    margin-top: 6px;
    color: #999;
    font-size: 12px;
}

.ads-empty-reset {
    display: inline-block;
    margin-top: 14px;
    color: #118abd;
}


/* =========================================================
   BULKBALK
   ========================================================= */

.ads-bulk-bar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 11px 14px;
    background: #f7fcfe;
    border: 1px solid #58c9e9;
}

    .ads-bulk-bar.active {
        display: flex;
    }

.ads-bulk-top,
.ads-bulk-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ads-bulk-top {
    flex-wrap: wrap;
}

.ads-select-all {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 600;
}

.ads-bulk-link {
    padding: 4px;
    background: transparent;
    border: 0;
    color: #118abd;
    cursor: pointer;
}

.ads-bulk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 36px;
    padding: 0 13px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
}

    .ads-bulk-btn:hover {
        background: #e7e7e7;
    }

.ads-bulk-icon {
    font-size: 14px;
}

.ads-bulk-more {
    position: relative;
}

.ads-bulk-more-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 2100;
    min-width: 165px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12);
}

    .ads-bulk-more-menu.open {
        display: block;
    }

    .ads-bulk-more-menu button {
        display: block;
        width: 100%;
        padding: 10px 14px;
        background: #fff;
        border: 0;
        border-bottom: 1px solid #eee;
        color: #444;
        text-align: left;
        cursor: pointer;
    }

        .ads-bulk-more-menu button:last-child {
            border-bottom: 0;
        }

        .ads-bulk-more-menu button:hover {
            background: #f5f5f5;
        }

        .ads-bulk-more-menu button.danger {
            color: #c9302c;
        }


/* =========================================================
   BULKEDITOR
   ========================================================= */

.ads-bulk-edit-panel {
    display: none;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
}

    .ads-bulk-edit-panel.active {
        display: block;
    }


/* header */

.ads-bulk-edit-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e5e5;
}

    .ads-bulk-edit-header h2 {
        margin: 0 0 4px 0;
        font-size: 22px;
    }

    .ads-bulk-edit-header p {
        margin: 0;
        color: #888;
        font-size: 12px;
    }

.ads-bulk-edit-close {
    padding: 0;
    background: transparent;
    border: 0;
    color: #888;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}


/* inhoud */

.ads-bulk-edit-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px;
}

.ads-bulk-edit-section {
    padding: 17px;
    border: 1px solid #e5e5e5;
}

    .ads-bulk-edit-section h3 {
        margin: 0 0 4px;
        font-size: 17px;
    }

.ads-bulk-edit-help {
    margin: 0 0 15px;
    color: #888;
    font-size: 11px;
}


/* velden */

.ads-bulk-field {
    margin-bottom: 16px;
}

    .ads-bulk-field:last-child {
        margin-bottom: 0;
    }

    .ads-bulk-field label {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 600;
    }

    .ads-bulk-field select {
        width: 100%;
        height: 42px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
    }

    .ads-bulk-field textarea {
        width: 100%;
        min-height: 75px;
        padding: 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
        resize: vertical;
    }

.ads-field-help {
    margin-top: 5px;
    color: #999;
    font-size: 10px;
}


/* uitleg categorie */

.ads-category-explanation {
    margin-top: 13px;
    padding: 10px 12px;
    background: #f6f7f8;
    color: #666;
    font-size: 11px;
    line-height: 1.5;
}


/* prijsinput met euro */

.ads-price-input {
    display: flex;
    align-items: center;
}

    .ads-price-input span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 42px;
        background: #f5f6f7;
        border: 1px solid #ccd2d5;
        border-right: 0;
        color: #666;
    }

    .ads-price-input input {
        flex: 1;
        min-width: 0;
        height: 42px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
    }


/* verzendkosten */

.ads-bulk-shipping-title {
    margin: 18px 0 8px;
    font-size: 12px;
    font-weight: 600;
}

.ads-bulk-shipping-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}


/* footer */

.ads-bulk-edit-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 13px 20px;
    border-top: 1px solid #e5e5e5;
}

.ads-bulk-edit-cancel {
    padding: 8px 12px;
    background: transparent;
    border: 0;
    color: #118abd;
    cursor: pointer;
}

.ads-bulk-edit-save {
    padding: 8px 16px;
    background: #118abd;
    border: 1px solid #118abd;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

    .ads-bulk-edit-save:hover,
    .ads-bulk-edit-save:focus {
        background: #0e78a5;
        border-color: #0e78a5;
    }


/* =========================================================
   PAGINERING
   ========================================================= */

.ads-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px;
    color: #777;
}


/* =========================================================
   ALGEMENE BOBBEDOES BEWERKKNOP
   Kan ook buiten advertenties worden gebruikt
   ========================================================= */

.btn-bobbedoes-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    height: 34px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #58c9e9;
    border-radius: 3px;
    color: #58c9e9 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

    .btn-bobbedoes-edit:hover,
    .btn-bobbedoes-edit:focus {
        background: #58c9e9;
        border-color: #58c9e9;
        color: #fff !important;
        text-decoration: none !important;
    }


/* =========================================================
   RESPONSIVE HULPCLASSES
   ========================================================= */

.mobile-text {
    display: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .ads-row {
        grid-template-columns: 28px 72px minmax(180px, 1fr) 90px 85px 75px;
        gap: 10px;
    }

    .ads-date {
        display: none;
    }
}


/* =========================================================
   MOBIEL
   ========================================================= */

@media (max-width: 650px) {

    /* basis */

    .ads-v2 {
        margin-top: 10px;
        padding: 0 10px;
    }

    /* header */

    .ads-v2-header {
        position: relative;
        display: block;
        margin-bottom: 13px;
        padding-right: 65px;
    }

        .ads-v2-header h1 {
            font-size: 25px;
        }

        .ads-v2-header > div:last-child {
            /*position: absolute;*/
            top: 28px;
            right: 0;
        }

    .ads-v2-new {
        margin: 0;
        padding: 4px 0;
        background: transparent;
        color: #118abd !important;
        font-size: 13px;
        white-space: nowrap;
    }


    /* status */

    .ads-v2-status {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .ads-status-link {
        justify-content: center;
        gap: 4px;
        min-width: 0;
        padding: 7px 4px;
        border: 1px solid #e5e7e9;
        border-radius: 4px;
        font-size: 11px;
        white-space: nowrap;
    }

        .ads-status-link span {
            padding: 1px 5px;
            font-size: 9px;
        }

        .ads-status-link.active {
            background: #f3f5f6;
            border-radius: 4px;
        }

            .ads-status-link.active::after {
                display: none;
            }


    /* filters */

    .ads-v2-tools {
        display: block;
        margin-bottom: 12px;
    }

    .ads-category,
    .ads-sort {
        margin-bottom: 7px;
    }

        .ads-category select,
        .ads-sort select,
        .ads-search {
            width: 100%;
            min-width: 0;
        }


    /* filter resultaat */

    .ads-filter-summary {
        display: block;
        margin-bottom: 12px;
        padding: 8px 10px;
    }

    .ads-filter-summary-text {
        line-height: 1.5;
    }

    .ads-filter-reset {
        display: inline-block;
        margin-top: 6px;
    }


    /* advertentielijst */

    .ads-list {
        border-top: 1px solid #ddd;
    }

    .ads-row {
        display: grid;
        grid-template-columns: 22px 58px minmax(0, 1fr) 55px 58px;
        gap: 8px;
        align-items: center;
        min-height: 104px;
        padding: 10px 8px;
    }


    /* selectie */

    .ads-select {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
    }

    .js-ad-checkbox {
        width: 16px;
        height: 16px;
    }


    /* afbeelding */

    .ads-image {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }

        .ads-image img {
            max-width: 52px;
            max-height: 70px;
        }


    /* titel / meta */

    .ads-main {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        min-width: 0;
    }

    .ads-title {
        display: block;
        max-height: 45px;
        margin: 0 0 4px 0;
        overflow: hidden;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
    }

    .ads-meta {
        gap: 4px;
        font-size: 9px;
        line-height: 1.2;
    }

    .ads-catalog {
        padding: 1px 4px;
        font-size: 8px;
    }

    .ads-seller {
        margin-top: 3px;
        overflow: hidden;
        color: #999;
        font-size: 9px;
        line-height: 1.2;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ads-added-date {
        margin-top: 2px;
        color: #aaa;
        font-size: 8px;
    }


    /* datum */

    .ads-date {
        display: none;
    }


    /* status */

    .ads-status-cell {
        grid-column: 4;
        grid-row: 1;
        align-self: center;
        text-align: left;
    }

    .ads-badge {
        padding: 3px 5px;
        font-size: 8px;
        line-height: 1.15;
        white-space: nowrap;
    }

    .ads-status-cell small {
        display: none;
    }


    /* prijs */

    .ads-price {
        grid-column: 4;
        grid-row: 1;
        align-self: center;
        padding-top: 39px;
        text-align: left;
    }

        .ads-price small {
            display: none;
        }

        .ads-price strong {
            margin: 0;
            font-size: 12px;
            line-height: 1.2;
            white-space: nowrap;
        }


    /* bewerkknop */

    .ads-action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        justify-content: flex-end;
    }

    .btn-bobbedoes-edit {
        width: 58px;
        min-width: 0;
        height: 29px;
        padding: 0 5px;
        font-size: 10px;
    }


    /* paginering */

    .ads-pagination {
        padding: 18px 2px;
        font-size: 11px;
    }


    /* bulkbalk onderaan */

    .ads-bulk-bar.active {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2000;
        display: block;
        margin: 0;
        padding: 9px 12px 7px 12px;
        background: #fff;
        border: 0;
        border-top: 1px solid #ddd;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, .10);
    }

    .ads-bulk-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6px;
    }

    .ads-select-all {
        font-size: 11px;
        font-weight: 400;
    }

    .ads-bulk-link {
        font-size: 11px;
    }

    .ads-bulk-actions {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
        padding-top: 5px;
        border-top: 1px solid #eee;
    }

    .ads-bulk-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        height: 49px;
        min-height: 49px;
        padding: 3px;
        background: transparent;
        border: 0;
        font-size: 9px;
        line-height: 1.1;
    }

        .ads-bulk-btn:hover {
            background: #f6f6f6;
        }

    .ads-bulk-icon {
        display: block;
        color: #222;
        font-size: 17px;
        line-height: 18px;
    }

    .desktop-text {
        display: none;
    }

    .mobile-text {
        display: inline;
    }

    .ads-bulk-more-menu {
        top: auto;
        right: 0;
        bottom: calc(100% + 7px);
        min-width: 180px;
    }


    /* bulkeditor */

    .ads-bulk-edit-body {
        display: block;
        padding: 14px;
    }

    .ads-bulk-edit-header {
        padding: 14px;
    }

        .ads-bulk-edit-header h2 {
            font-size: 18px;
        }

    .ads-bulk-edit-section {
        padding: 14px;
    }

        .ads-bulk-edit-section + .ads-bulk-edit-section {
            margin-top: 14px;
        }

    .ads-bulk-edit-footer {
        padding: 11px 14px;
    }

    .ads-bulk-edit-save {
        flex: 1;
    }

    .ads-bulk-shipping-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ads-bulk-field textarea {
        min-height: 65px;
    }


    /* ruimte voor vaste bulkbalk */

    body {
        padding-bottom: 105px;
    }
}


/* =========================================================
   ZEER KLEINE TELEFOONS
   ========================================================= */

@media (max-width: 380px) {



    .ads-row {
        grid-template-columns: 20px 50px minmax(0, 1fr) 51px 52px;
        gap: 5px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .ads-image img {
        max-width: 46px;
        max-height: 64px;
    }

    .ads-title {
        font-size: 11px;
    }

    .btn-bobbedoes-edit {
        width: 52px;
        font-size: 9px;
    }
}

/* ============================================================
   VOLGENDE GEORGANISEERDE VEILING
   Herbruikbare partial
   ============================================================ */

.bd-organized-next-row {
    display: grid;
    grid-template-columns: 110px 280px minmax(280px, 1fr) auto 150px;
    align-items: center;
    min-height: 154px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fffdf7;
    border: 1px solid #dfd4b4;
    border-radius: 4px;
}


/* ============================================================
   ICOON
   ============================================================ */

.bd-organized-next-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-right: 1px solid #e6ddc6;
}

    .bd-organized-next-icon .lnr {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        background: #fff;
        border: 1px solid #e0d8c3;
        border-radius: 50%;
        color: #948634;
        font-size: 27px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    }


/* ============================================================
   STATUS
   ============================================================ */

.bd-organized-next-status {
    padding: 15px 22px;
    border-right: 1px solid #e6ddc6;
}

    .bd-organized-next-status > strong {
        display: block;
        margin-bottom: 7px;
        color: #111;
        font-size: 14px;
    }

    .bd-organized-next-status > small {
        display: block;
        margin-top: 9px;
        color: #8b8b8b;
        font-size: 9px;
        line-height: 1.4;
    }

.bd-organized-next-badge {
    display: inline-block;
    padding: 3px 7px;
    background: #e8dfbd;
    color: #665b29;
    border-radius: 2px;
    font-size: 8px;
    font-weight: 600;
}


/* ============================================================
   VEILINGINFORMATIE
   ============================================================ */

.bd-organized-next-info {
    padding: 15px 25px;
}

    .bd-organized-next-info > span {
        display: block;
        margin-bottom: 7px;
        color: #777;
        font-size: 9px;
    }

    .bd-organized-next-info > strong {
        display: block;
        color: #111;
        font-size: 16px;
        line-height: 1.3;
    }

    .bd-organized-next-info > small {
        display: block;
        margin-top: 8px;
        color: #888;
        font-size: 9px;
    }


/* ============================================================
   COUNTDOWN
   ============================================================ */

.bd-organized-next-countdown {
    padding: 12px 10px;
    text-align: center;
}

.bd-organized-countdown-label {
    display: block;
    margin-bottom: 6px;
    color: #888;
    font-size: 8px;
}

.bd-organized-countdown {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .bd-organized-countdown > div {
        min-width: 43px;
        padding: 7px 4px 6px;
        background: #111;
        border-radius: 3px;
        color: #fff;
        text-align: center;
    }

    .bd-organized-countdown strong {
        display: block;
        font-size: 17px;
        line-height: 1.05;
    }

    .bd-organized-countdown span {
        display: block;
        margin-top: 4px;
        font-size: 6px;
        text-transform: uppercase;
    }

    .bd-organized-countdown b {
        color: #777;
        font-size: 14px;
        font-weight: 400;
    }


/* ============================================================
   ACTIE
   ============================================================ */

.bd-organized-next-action {
    padding: 15px;
    text-align: right;
}

    .bd-organized-next-action a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #0789c1 !important;
        font-size: 9px;
        font-weight: 500;
        white-space: nowrap;
        text-decoration: none !important;
    }

        .bd-organized-next-action a:hover {
            text-decoration: underline !important;
        }


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1199px) {

    .bd-organized-next-row {
        grid-template-columns: 80px 225px minmax(220px, 1fr) auto;
    }

    .bd-organized-next-action {
        display: none;
    }
}


@media (max-width: 991px) {

    .bd-organized-next-row {
        grid-template-columns: 70px 215px minmax(190px, 1fr);
    }

    .bd-organized-next-countdown {
        display: none;
    }
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 767px) {

    .bd-organized-next-row {
        grid-template-columns: 54px minmax(0, 1fr);
        min-height: 0;
    }

    .bd-organized-next-icon {
        grid-row: 1 / span 2;
    }

        .bd-organized-next-icon .lnr {
            width: 38px;
            height: 38px;
            font-size: 19px;
        }

    .bd-organized-next-status {
        padding: 12px 14px 6px;
        border-right: 0;
    }

        .bd-organized-next-status > strong {
            margin-bottom: 5px;
            font-size: 12px;
        }

        .bd-organized-next-status > small {
            display: none;
        }

    .bd-organized-next-info {
        padding: 5px 14px 13px;
    }

        .bd-organized-next-info > span {
            font-size: 8px;
        }

        .bd-organized-next-info > strong {
            font-size: 13px;
        }

        .bd-organized-next-info > small {
            margin-top: 5px;
            font-size: 8px;
        }

    .bd-organized-next-countdown,
    .bd-organized-next-action {
        display: none;
    }
}


/* ============================================================
   VARIANT ZONDER VEILINGINFORMATIE
   ============================================================ */

.bd-organized-next-row--empty {
    grid-template-columns: 110px minmax(0, 1fr);
}

    .bd-organized-next-row--empty .bd-organized-next-status {
        border-right: 0;
    }

/* ============================================================
   ITEMS WORKSPACE
   Overgenomen uit:
   Views/Shared/Items/_ItemsWorkspaceCss.vbhtml

   Let op:
   - Deze CSS staat nu klaar voor een regulier .css-bestand.
   - Razor escapes zoals @@media zijn teruggezet naar @media.
   ============================================================ */

/* =========================================================
        BESTAANDE LAYOUT-CONTAINER BREEDER MAKEN VOOR MIJN KAVELS
        ========================================================= */

.container.mb.products.lot {
    width: calc(100% - 32px) !important;
    max-width: 1500px !important;
}

/* =========================================================
            MIJN KAVELS - NIEUWE WORKSPACE LAYOUT
            Alleen voor deze view
            ========================================================= */






/* =========================================================
            LINKERNAVIGATIE
            ========================================================= */


























/* =========================================================
            PAGINA
            ========================================================= */




/* =========================================================
            HEADER - COMPACTER
            ========================================================= */




















/* =========================================================
            STATUS TABS
            ========================================================= */





























/* =========================================================
            FILTERS
            ========================================================= */






















/* =========================================================
            RESULTAATINFO - GEEN LOSSE BALK
            ========================================================= */






/* =========================================================
            LIJST
            ========================================================= */
















/* =========================================================
        GRID
        ========================================================= */

/* ---------------------------------------------------------
        VERKOPER - ZONDER DATUMS
        Concept / Aangeboden / Aanpassing vereist /
        Goedgekeurd / Ingepland / Afgekeurd
        Kolommen:
        Kavel | Veiling | Status | Startprijs | Bod | Acties
        --------------------------------------------------------- */




/* ---------------------------------------------------------
        VERKOPER - MET DATUMS
        Actief / Niet verkocht
        Kolommen:
        Kavel | Veiling | Status | Start | Einde |
        Startprijs | Bod | Acties
        --------------------------------------------------------- */




/* ---------------------------------------------------------
        ADMIN - ZONDER DATUMS
        Kolommen:
        Kavel | Verkoper | Veiling | Status |
        Startprijs | Bod | Acties
        --------------------------------------------------------- */




/* ---------------------------------------------------------
        ADMIN - MET DATUMS
        Kolommen:
        Kavel | Verkoper | Veiling | Status |
        Start | Einde | Startprijs | Bod | Acties
        --------------------------------------------------------- */




/* ---------------------------------------------------------
        BELANGRIJK:
        voorkom dat inhoud een gridkolom breder maakt
        --------------------------------------------------------- */




/* Lange kaveltitels mogen niet de grid oprekken */



/* ---------------------------------------------------------
        ACTIES
        Alleen driepuntjesknop, dus compacte laatste kolom
        --------------------------------------------------------- */




/* =========================================================
        TABLET / SMALLER DESKTOP
        Iets compacter zodat grid niet buiten container loopt
        ========================================================= */



/* =========================================================
            KAVEL
            ========================================================= */




















/* =========================================================
            KOLOMMEN
            ========================================================= */












/* =========================================================
            STATUS
            ========================================================= */
































/* =========================================================
            ACTIES
            ========================================================= */


























/* =========================================================
            EMPTY / PAGING
            ========================================================= */
























/* =========================================================
            SWEETALERT PREVIEW
            ========================================================= */






































/* =========================================================
            TABLET
            ========================================================= */




/* =========================================================
            MOBIEL / TABLET SMAL
            ========================================================= */




/* =========================================================
            KLEIN MOBIEL
            ========================================================= */





/* ============================================================
       ITEMS SIDEBAR - MIJN VEILINGEN
       ============================================================ */

.items-auction-nav {
    margin: 0;
}

.items-auction-nav-header {
    display: flex;
    align-items: stretch;
}

.items-auction-nav-main {
    flex: 1;
    min-width: 0;
}

.items-auction-nav-toggle {
    width: 34px;
    flex: 0 0 34px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
}

.items-auction-nav.active .items-auction-nav-header {
    background: #eef7fc;
}

.items-auction-nav-list {
    position: relative;
    margin: 2px 0 8px 18px;
    padding: 3px 0 3px 14px;
    border-left: 1px solid #d9e1e7;
}

.items-auction-nav-item {
    position: relative;
    display: flex !important;
    align-items: center !important;
    min-height: 34px;
    padding: 6px 8px !important;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.3;
    text-decoration: none !important;
}

.items-auction-nav-dot {
    position: absolute;
    left: -18px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-radius: 50%;
    background: #c8d1d8;
}

.items-auction-nav-item.active {
    color: #118abd !important;
    font-weight: 600;
}

    .items-auction-nav-item.active .items-auction-nav-dot {
        background: #118abd;
    }

.items-auction-nav-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.items-auction-nav-separator {
    height: 1px;
    margin: 3px 8px 3px 0;
    background: #edf0f2;
}

.items-auction-nav-overview {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    margin-top: 4px;
    padding: 7px 8px !important;
    color: #118abd !important;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
}

.items-auction-nav-loading,
.items-auction-nav-empty {
    padding: 8px;
    color: #8a949c;
    font-size: 11px;
}


/* ============================================================
       MOBILE - MIJN VEILINGEN
       ============================================================ */

.items-mobile-auction-nav {
    display: block;
}

.items-mobile-auction-title {
    font-weight: 600;
}

.items-mobile-auction-list {
    margin-left: 14px;
    padding-left: 10px;
    border-left: 1px solid #e0e5e9;
}

    .items-mobile-auction-list .items-auction-nav-item {
        min-height: 32px;
        padding-left: 6px !important;
    }

    .items-mobile-auction-list .items-auction-nav-dot {
        left: -14px;
    }

/* =========================================================
         MIJN VOORRAAD - PAGINASPECIFIEK
         ========================================================= */












/* =========================================================
         BULKACTIES
         ========================================================= */














/* =========================================================
         MIJN VOORRAAD - EIGEN GRID
         Overschrijft bewust de algemene MijnKavels-gridregels
         ========================================================= */


/* ---------------------------------------------------------
         VERKOPER

         Selectie | Item | Categorie | Toegevoegd |
         Schatting | Startprijs | status  | Acties
         --------------------------------------------------------- */



/* ---------------------------------------------------------
         ADMIN

         Selectie | Item | Verkoper | Categorie | Toegevoegd |
         Schatting | Startprijs | status | Acties
         --------------------------------------------------------- */




/* =========================================================
         GRID-INHOUD MAG KOLOMMEN NIET OPREKKEN
         ========================================================= */






/* =========================================================
         SELECTIE
         ========================================================= */






/* =========================================================
         ACTIES
         ========================================================= */




/* =========================================================
         TABLET / SMALLER DESKTOP
         ========================================================= */




/* =========================================================
         MOBIEL
         ========================================================= */




/* =========================================================
         KLEIN MOBIEL
         ========================================================= */



/* =========================================================
     AANBIEDEN / VERPLAATSEN
     ========================================================= */































/* =========================================================
    BULK WIJZIGEN
    ========================================================= */

































/* =========================================================
    AFGEKEURD - VOORRAAD
    ========================================================= */






/* =========================================================
        MIJNKAVELS - ADMIN BULKSELECTIE
        Alleen deze view; shared workspace-CSS blijft ongewijzigd.
        ========================================================= */



















/* Statusaantallen: nul rustig grijs, positieve aantallen bestaande stijl behouden */


/* =========================================================
       ONVERKOCHT
       ========================================================= */














































































































































































































.auction-sort-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid #d7dfe4;
    border-radius: 3px;
    background: #fff;
    color: #596870;
    font-size: 11px;
    cursor: pointer;
}

    .auction-sort-button:hover {
        border-color: #118abd;
        color: #118abd;
    }

    .auction-sort-button:disabled {
        opacity: .5;
        cursor: default;
    }










































































.auction-sort-loading {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: 6px;
    color: #68757d;
    font-size: 10px;
}

.auction-sort-spinner {
    width: 14px;
    height: 14px;
    border: 2px solid #d7e3e8;
    border-top-color: #118abd;
    border-radius: 50%;
    animation: auctionSortSpin .7s linear infinite;
}

@keyframes auctionSortSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
















/* =========================================================
       NIEUWE VEILINGINFO / VOORTGANG
       ========================================================= */


























































/* =========================================================
   VEILINGPLANNER
   ========================================================= */

.auction-planning-popup {
    padding: 30px 34px 26px !important;
    border-radius: 8px !important;
}

.auction-planning-swal-html {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}


/* =========================================================
   BASIS
   ========================================================= */

.auction-planning {
    color: #26343d;
    font-size: 1rem;
    line-height: 1.45;
    text-align: left;
}


/* =========================================================
   TITEL + INFO
   ========================================================= */

.auction-planning-title-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 50px 18px 0;
}

.auction-planning-title {
    margin: 0;
    color: #18252e;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
}

.auction-planning-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 2px solid #118abd;
    border-radius: 50%;
    background: #fff;
    color: #118abd;
    cursor: pointer;
}

.auction-planning-info-icon {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.auction-planning-info-popover {
    position: absolute;
    z-index: 50;
    top: -15px;
    left: 38px;
    display: none;
    width: 440px;
    padding: 14px 16px;
    border: 1px solid #ccd9df;
    border-radius: 7px;
    background: #fff;
    color: #33434d;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

    .auction-planning-info-popover::before {
        position: absolute;
        top: 18px;
        left: -7px;
        width: 12px;
        height: 12px;
        border-left: 1px solid #ccd9df;
        border-bottom: 1px solid #ccd9df;
        background: #fff;
        content: "";
        transform: rotate(45deg);
    }

.auction-planning-info:hover .auction-planning-info-popover,
.auction-planning-info:focus .auction-planning-info-popover {
    display: block;
}


/* =========================================================
   INTRO
   ========================================================= */

.auction-planning-intro {
    margin: 0 0 24px;
    color: #6d7b84;
    font-size: 1rem;
}

    .auction-planning-intro strong {
        color: #26343d;
        font-weight: 600;
    }


/* =========================================================
   START VEILING
   ========================================================= */

.auction-planning-start-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin-bottom: 28px;
    padding: 20px 22px;
    border: 1px solid #dbe3e7;
    border-radius: 6px;
    background: #fafcfd;
}

.auction-planning-start-icon {
    color: #118abd;
    font-size: 26px;
    text-align: center;
}

.auction-planning-start-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .auction-planning-start-text strong {
        color: #202e37;
        font-size: 1rem;
        font-weight: 600;
    }

    .auction-planning-start-text span {
        color: #76848d;
        font-size: 1rem;
    }

.auction-planning-start-fields {
    display: flex;
    gap: 12px;
}


/* =========================================================
   SECTIEKOP
   ========================================================= */

.auction-planning-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

    .auction-planning-section-head > div {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .auction-planning-section-head strong {
        color: #202e37;
        font-size: 1.15rem;
        font-weight: 600;
    }

    .auction-planning-section-head span {
        color: #75838c;
        font-size: 1rem;
    }


/* =========================================================
   AFLOOPTABEL
   ========================================================= */

.auction-planning-table {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.auction-planning-table-head,
.auction-planning-row {
    display: grid;
    grid-template-columns: 1.35fr 1.15fr 1fr .8fr 1.25fr 36px;
    gap: 14px;
    align-items: center;
}

.auction-planning-table-head {
    min-height: auto;
    padding: 0 12px 10px;
    border: 0;
    background: transparent;
    color: #596972;
    font-size: 1rem;
    font-weight: 600;
}

.auction-planning-row {
    min-height: 64px;
    padding: 8px 12px;
    border: 0;
    background: transparent;
}


/* =========================================================
   INPUTS
   ========================================================= */

.auction-planning-input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #ced9df;
    border-radius: 5px;
    outline: none;
    background: #fff;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
}

    .auction-planning-input::placeholder {
        color: #8c989f;
    }

    .auction-planning-input:focus {
        border-color: #118abd;
        box-shadow: 0 0 0 2px rgba(17, 138, 189, .08);
    }

    .auction-planning-input[readonly] {
        background: #f7f9fa;
        color: #000;
    }

.auction-planning-popup .flatpickr-input[readonly] {
    background: #fff;
    color: #000;
    cursor: pointer;
}


/* Startdatum iets breder */

.auction-planning-date {
    min-width: 170px;
}


/* Tijd duidelijk even groot */

.auction-planning-time {
    width: 125px;
    color: #000;
    font-size: 1rem;
}


/* =========================================================
   KAVELBEREIK / TUSSENTIJD
   ========================================================= */

.auction-planning-lot-range {
    display: grid;
    grid-template-columns: minmax(60px, 1fr) auto minmax(60px, 1fr);
    gap: 8px;
    align-items: center;
}

    .auction-planning-lot-range span,
    .auction-planning-interval span {
        color: #66767f;
        font-size: 1rem;
        text-align: center;
    }

.auction-planning-interval {
    display: grid;
    grid-template-columns: minmax(55px, 1fr) auto;
    gap: 7px;
    align-items: center;
}

.auction-planning-last {
    color: #26343d;
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
}


/* =========================================================
   VERWIJDEREN
   ========================================================= */

.auction-planning-remove-cell {
    text-align: right;
}

.auction-planning-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #8d9aa1;
    cursor: pointer;
}

    .auction-planning-remove:hover {
        background: #f4f6f7;
        color: #c24e4e;
    }


/* =========================================================
   AFLOOPDAG TOEVOEGEN
   ========================================================= */

.auction-planning-add-wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
}

.auction-planning-add {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 4px;
    border: 0;
    background: transparent;
    color: #118abd;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

    .auction-planning-add:hover {
        color: #0d7098;
    }


/* =========================================================
   VALIDATIE
   ========================================================= */

.auction-planning-validation {
    display: none;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    padding: 11px 13px;
    border-radius: 5px;
    font-size: 1rem;
}

    .auction-planning-validation.success {
        display: flex;
        border: 1px solid #cce4cf;
        background: #f3faf4;
        color: #4c754f;
    }

    .auction-planning-validation.error {
        display: flex;
        border: 1px solid #efd6d1;
        background: #fff7f5;
        color: #9a5147;
    }


/* =========================================================
   SAMENVATTING
   ========================================================= */

.auction-planning-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 24px;
    padding: 16px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.auction-planning-summary-item {
    min-width: 0;
    padding: 0 20px;
    border-right: 1px solid #dce3e7;
}

    .auction-planning-summary-item:first-child {
        padding-left: 4px;
    }

    .auction-planning-summary-item:last-child {
        border-right: 0;
    }

    .auction-planning-summary-item span,
    .auction-planning-summary-item strong {
        display: block;
    }

    .auction-planning-summary-item span {
        margin-bottom: 5px;
        color: #6e7e87;
        font-size: 1rem;
        font-weight: 400;
        text-transform: none;
        letter-spacing: normal;
    }

    .auction-planning-summary-item strong {
        overflow: hidden;
        color: #202e37;
        font-size: 1rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#auctionPlanningSummaryLots.complete {
    color: #398047;
}


/* =========================================================
   KNOPPEN
   ========================================================= */

.auction-planning-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.auction-planning-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #ccd7dd;
    border-radius: 5px;
    background: #fff;
    color: #35454f;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

    .auction-planning-button:hover:not(:disabled) {
        background: #f4f7f8;
    }

.auction-planning-button--check {
    border-color: #7fc0dc;
    color: #117ca7;
}

.auction-planning-button--save {
    border-color: #118abd;
    background: #118abd;
    color: #fff;
}

    .auction-planning-button--save:hover:not(:disabled) {
        background: #0f789f;
    }

.auction-planning-button:disabled {
    border-color: #e1e5e7;
    background: #f3f5f6;
    color: #a6afb4;
    cursor: default;
}


/* =========================================================
   FLATPICKR
   ========================================================= */

.flatpickr-calendar {
    font-size: 1rem;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    border-color: #118abd;
    background: #118abd;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .auction-planning-popup {
        width: calc(100% - 20px) !important;
        padding: 24px 18px 20px !important;
    }

    .auction-planning-info-popover {
        width: 330px;
    }

    .auction-planning-start-card {
        grid-template-columns: 36px 1fr;
    }

    .auction-planning-start-fields {
        grid-column: 1 / -1;
        padding-left: 52px;
    }

    .auction-planning-table {
        overflow-x: auto;
    }

    .auction-planning-table-head,
    .auction-planning-row {
        min-width: 850px;
    }

    .auction-planning-summary {
        grid-template-columns: 1fr 1fr;
    }

    .auction-planning-summary-item:nth-child(2) {
        border-right: 0;
    }

    .auction-planning-summary-item:nth-child(-n /**/ +2) {
        margin-bottom: 18px;
    }

    .auction-planning-actions {
        flex-wrap: wrap;
    }
}


@media (max-width: 560px) {

    .auction-planning-title {
        font-size: 1.6rem;
    }

    .auction-planning-info-popover {
        top: 35px;
        left: -130px;
        width: 300px;
    }

    .auction-planning-start-fields {
        display: grid;
        grid-template-columns: 1fr 120px;
        padding-left: 0;
    }

    .auction-planning-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .auction-planning-summary {
        grid-template-columns: 1fr;
    }

    .auction-planning-summary-item {
        padding: 10px 4px;
        border-right: 0;
        border-bottom: 1px solid #e1e6e9;
    }

        .auction-planning-summary-item:last-child {
            border-bottom: 0;
        }

    .auction-planning-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .auction-planning-button {
        width: 100%;
    }
}

























































/* =========================================================
        ACTIEVE FILTERS
        ========================================================= */

.shopitems-filter-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 14px;
    padding: 9px 12px;
    background: #f7f8f9;
    border: 1px solid #e6e8ea;
    color: #666;
    font-size: 12px;
}

    .shopitems-filter-summary strong {
        color: #333;
    }

.shopitems-filter-reset {
    flex: 0 0 auto;
    color: #118abd;
    text-decoration: none;
}


/* =========================================================
  ADVERTENTIELIJST
 ========================================================= */

.shopitems-list {
    background: #fff;
    border-top: 1px solid #ddd;
}

.shopitems-row {
    display: grid;
    grid-template-columns: 30px 80px minmax(260px, 1fr) 100px 110px 100px 90px;
    gap: 14px;
    align-items: center;
    min-height: 112px;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-top: 0;
}

    .shopitems-row:hover {
        background: #fafafa;
    }


/* =========================================================
        SELECTIE
        ========================================================= */

.shopitems-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

.js-shopitem-checkbox,
#checkAllAds {
    width: 17px;
    height: 17px;
    margin: 0;
    cursor: pointer;
}


/* =========================================================
        AFBEELDING
        ========================================================= */

.shopitems-image {
    text-align: center;
}

    .shopitems-image img {
        display: block;
        max-width: 68px;
        max-height: 86px;
        margin: auto;
        object-fit: contain;
    }


/* =========================================================
        TITEL / META
        ========================================================= */

.shopitems-main {
    min-width: 0;
}

.shopitems-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #222 !important;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;
}

    .shopitems-title:hover {
        color: #118abd !important;
    }

.shopitems-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #888;
    font-size: 11px;
}

.shopitems-item-number {
    color: #8b8b8b;
}

.shopitems-catalog {
    padding: 2px 6px;
    background: #f0f3f5;
    border-radius: 3px;
    color: #777;
}

.shopitems-seller {
    margin-top: 4px;
    color: #999;
    font-size: 11px;
    line-height: 1.25;
}

.shopitems-added-date {
    margin-top: 2px;
    color: #aaa;
    font-size: 10px;
    line-height: 1.2;
}


/* =========================================================
        DATUM
        ========================================================= */

.shopitems-date {
    color: #777;
    font-size: 12px;
}


/* =========================================================
        STATUS
        ========================================================= */

.shopitems-status-cell small {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 9px;
}

.shopitems-badge {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1.2;
}

    .shopitems-badge.active {
        background: #e3f3e6;
        color: #25713a;
    }

    .shopitems-badge.paused {
        background: #fff2cf;
        color: #8a6310;
    }


/* =========================================================
        PRIJS
        ========================================================= */

.shopitems-price {
    text-align: right;
}

    .shopitems-price small {
        display: block;
        color: #aaa;
        font-size: 8px;
        letter-spacing: .6px;
    }

    .shopitems-price strong {
        display: block;
        margin-top: 2px;
        font-size: 16px;
    }


/* =========================================================
        ACTIE
        ========================================================= */

.shopitems-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/* =========================================================
        GEEN RESULTATEN
        ========================================================= */

.shopitems-empty {
    padding: 38px 20px;
    border: 1px solid #ddd;
    border-top: 0;
    color: #777;
    text-align: center;
}

    .shopitems-empty strong {
        color: #333;
    }

.shopitems-empty-sub {
    margin-top: 6px;
    color: #999;
    font-size: 12px;
}

.shopitems-empty-reset {
    display: inline-block;
    margin-top: 14px;
    color: #118abd;
}


/* =========================================================
        BULKBALK
        ========================================================= */

.shopitems-bulk-bar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 11px 14px;
    background: #f7fcfe;
    border: 1px solid #58c9e9;
}

    .shopitems-bulk-bar.active {
        display: flex;
    }

.shopitems-bulk-top,
.shopitems-bulk-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shopitems-bulk-top {
    flex-wrap: wrap;
}

.shopitems-select-all {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 600;
}

.shopitems-bulk-link {
    padding: 4px;
    background: transparent;
    border: 0;
    color: #118abd;
    cursor: pointer;
}

.shopitems-bulk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 36px;
    padding: 0 13px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
}

    .shopitems-bulk-btn:hover {
        background: #e7e7e7;
    }

.shopitems-bulk-icon {
    font-size: 14px;
}

.shopitems-bulk-more {
    position: relative;
}

.shopitems-bulk-more-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 2100;
    min-width: 165px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12);
}

    .shopitems-bulk-more-menu.open {
        display: block;
    }

    .shopitems-bulk-more-menu button {
        display: block;
        width: 100%;
        padding: 10px 14px;
        background: #fff;
        border: 0;
        border-bottom: 1px solid #eee;
        color: #444;
        text-align: left;
        cursor: pointer;
    }

        .shopitems-bulk-more-menu button:last-child {
            border-bottom: 0;
        }

        .shopitems-bulk-more-menu button:hover {
            background: #f5f5f5;
        }

        .shopitems-bulk-more-menu button.danger {
            color: #c9302c;
        }


/* =========================================================
        BULKEDITOR
        ========================================================= */

.shopitems-bulk-edit-panel {
    display: none;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
}

    .shopitems-bulk-edit-panel.active {
        display: block;
    }


/* header */

.shopitems-bulk-edit-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e5e5;
}

    .shopitems-bulk-edit-header h2 {
        margin: 0 0 4px 0;
        font-size: 22px;
    }

    .shopitems-bulk-edit-header p {
        margin: 0;
        color: #888;
        font-size: 12px;
    }

.shopitems-bulk-edit-close {
    padding: 0;
    background: transparent;
    border: 0;
    color: #888;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}


/* inhoud */

.shopitems-bulk-edit-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px;
}

.shopitems-bulk-edit-section {
    padding: 17px;
    border: 1px solid #e5e5e5;
}

    .shopitems-bulk-edit-section h3 {
        margin: 0 0 4px;
        font-size: 17px;
    }

.shopitems-bulk-edit-help {
    margin: 0 0 15px;
    color: #888;
    font-size: 11px;
}


/* velden */

.shopitems-bulk-field {
    margin-bottom: 16px;
}

    .shopitems-bulk-field:last-child {
        margin-bottom: 0;
    }

    .shopitems-bulk-field label {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 600;
    }

    .shopitems-bulk-field select {
        width: 100%;
        height: 42px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
    }

    .shopitems-bulk-field textarea {
        width: 100%;
        min-height: 75px;
        padding: 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
        resize: vertical;
    }

.shopitems-field-help {
    margin-top: 5px;
    color: #999;
    font-size: 10px;
}


/* uitleg categorie */

.shopitems-category-explanation {
    margin-top: 13px;
    padding: 10px 12px;
    background: #f6f7f8;
    color: #666;
    font-size: 11px;
    line-height: 1.5;
}


/* prijsinput met euro */

.shopitems-price-input {
    display: flex;
    align-items: center;
}

    .shopitems-price-input span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 42px;
        background: #f5f6f7;
        border: 1px solid #ccd2d5;
        border-right: 0;
        color: #666;
    }

    .shopitems-price-input input {
        flex: 1;
        min-width: 0;
        height: 42px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #ccd2d5;
    }


/* verzendkosten */

.shopitems-bulk-shipping-title {
    margin: 18px 0 8px;
    font-size: 12px;
    font-weight: 600;
}

.shopitems-bulk-shipping-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}


/* footer */

.shopitems-bulk-edit-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 13px 20px;
    border-top: 1px solid #e5e5e5;
}

.shopitems-bulk-edit-cancel {
    padding: 8px 12px;
    background: transparent;
    border: 0;
    color: #118abd;
    cursor: pointer;
}

.shopitems-bulk-edit-save {
    padding: 8px 16px;
    background: #118abd;
    border: 1px solid #118abd;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

    .shopitems-bulk-edit-save:hover,
    .shopitems-bulk-edit-save:focus {
        background: #0e78a5;
        border-color: #0e78a5;
    }


/* =========================================================
        PAGINERING
        ========================================================= */

.shopitems-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px;
    color: #777;
}


/* =========================================================
        ALGEMENE BOBBEDOES BEWERKKNOP
        Kan ook buiten advertenties worden gebruikt
        ========================================================= */

.btn-bobbedoes-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    height: 34px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #58c9e9;
    border-radius: 3px;
    color: #58c9e9 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

    .btn-bobbedoes-edit:hover,
    .btn-bobbedoes-edit:focus {
        background: #58c9e9;
        border-color: #58c9e9;
        color: #fff !important;
        text-decoration: none !important;
    }


/* =========================================================
        RESPONSIVE HULPCLASSES
        ========================================================= */

.mobile-text {
    display: none;
}


/* =========================================================
        TABLET
        ========================================================= */

@media (max-width: 900px) {

    .shopitems-row {
        grid-template-columns: 28px 72px minmax(180px, 1fr) 90px 85px 75px;
        gap: 10px;
    }

    .shopitems-date {
        display: none;
    }
}


/* =========================================================
        MOBIEL
        ========================================================= */

@media (max-width: 650px) {
    /* filter resultaat */

    .shopitems-filter-summary {
        display: block;
        margin-bottom: 12px;
        padding: 8px 10px;
    }

    .shopitems-filter-summary-text {
        line-height: 1.5;
    }

    .shopitems-filter-reset {
        display: inline-block;
        margin-top: 6px;
    }
    /* advertentielijst */

    .shopitems-list {
        border-top: 1px solid #ddd;
    }

    .shopitems-row {
        display: grid;
        grid-template-columns: 22px 58px minmax(0, 1fr) 55px 58px;
        gap: 8px;
        align-items: center;
        min-height: 104px;
        padding: 10px 8px;
    }
    /* selectie */

    .shopitems-select {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
    }

    .js-shopitem-checkbox {
        width: 16px;
        height: 16px;
    }
    /* afbeelding */

    .shopitems-image {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }

        .shopitems-image img {
            max-width: 52px;
            max-height: 70px;
        }
    /* titel / meta */

    .shopitems-main {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        min-width: 0;
    }

    .shopitems-title {
        display: block;
        max-height: 45px;
        margin: 0 0 4px 0;
        overflow: hidden;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
    }

    .shopitems-meta {
        gap: 4px;
        font-size: 9px;
        line-height: 1.2;
    }

    .shopitems-catalog {
        padding: 1px 4px;
        font-size: 8px;
    }

    .shopitems-seller {
        margin-top: 3px;
        overflow: hidden;
        color: #999;
        font-size: 9px;
        line-height: 1.2;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .shopitems-added-date {
        margin-top: 2px;
        color: #aaa;
        font-size: 8px;
    }
    /* datum */

    .shopitems-date {
        display: none;
    }

    .shopitems-status-cell {
        grid-column: 4;
        grid-row: 1;
        align-self: center;
        text-align: left;
    }

    .shopitems-badge {
        padding: 3px 5px;
        font-size: 8px;
        line-height: 1.15;
        white-space: nowrap;
    }

    .shopitems-status-cell small {
        display: none;
    }
    /* prijs */

    .shopitems-price {
        grid-column: 4;
        grid-row: 1;
        align-self: center;
        padding-top: 39px;
        text-align: left;
    }

        .shopitems-price small {
            display: none;
        }

        .shopitems-price strong {
            margin: 0;
            font-size: 12px;
            line-height: 1.2;
            white-space: nowrap;
        }
    /* bewerkknop */

    .shopitems-action {
        grid-column: 5;
        grid-row: 1;
        align-self: center;
        justify-content: flex-end;
    }

    .btn-bobbedoes-edit {
        width: 58px;
        min-width: 0;
        height: 29px;
        padding: 0 5px;
        font-size: 10px;
    }
    /* paginering */

    .shopitems-pagination {
        padding: 18px 2px;
        font-size: 11px;
    }
    /* bulkbalk onderaan */

    .shopitems-bulk-bar.active {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2000;
        display: block;
        margin: 0;
        padding: 9px 12px 7px 12px;
        background: #fff;
        border: 0;
        border-top: 1px solid #ddd;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, .10);
    }

    .shopitems-bulk-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6px;
    }

    .shopitems-select-all {
        font-size: 11px;
        font-weight: 400;
    }

    .shopitems-bulk-link {
        font-size: 11px;
    }

    .shopitems-bulk-actions {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
        padding-top: 5px;
        border-top: 1px solid #eee;
    }

    .shopitems-bulk-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        height: 49px;
        min-height: 49px;
        padding: 3px;
        background: transparent;
        border: 0;
        font-size: 9px;
        line-height: 1.1;
    }

        .shopitems-bulk-btn:hover {
            background: #f6f6f6;
        }

    .shopitems-bulk-icon {
        display: block;
        color: #222;
        font-size: 17px;
        line-height: 18px;
    }

    .desktop-text {
        display: none;
    }

    .mobile-text {
        display: inline;
    }

    .shopitems-bulk-more-menu {
        top: auto;
        right: 0;
        bottom: calc(100% + 7px);
        min-width: 180px;
    }
    /* bulkeditor */

    .shopitems-bulk-edit-body {
        display: block;
        padding: 14px;
    }

    .shopitems-bulk-edit-header {
        padding: 14px;
    }

        .shopitems-bulk-edit-header h2 {
            font-size: 18px;
        }

    .shopitems-bulk-edit-section {
        padding: 14px;
    }

        .shopitems-bulk-edit-section + .shopitems-bulk-edit-section {
            margin-top: 14px;
        }

    .shopitems-bulk-edit-footer {
        padding: 11px 14px;
    }

    .shopitems-bulk-edit-save {
        flex: 1;
    }

    .shopitems-bulk-shipping-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .shopitems-bulk-field textarea {
        min-height: 65px;
    }
    /* ruimte voor vaste bulkbalk */

    body {
        padding-bottom: 105px;
    }
}


/* =========================================================
        ZEER KLEINE TELEFOONS
        ========================================================= */

@media (max-width: 380px) {


    .shopitems-row {
        grid-template-columns: 20px 50px minmax(0, 1fr) 51px 52px;
        gap: 5px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .shopitems-image img {
        max-width: 46px;
        max-height: 64px;
    }

    .shopitems-title {
        font-size: 11px;
    }

    .btn-bobbedoes-edit {
        width: 52px;
        font-size: 9px;
    }
}

/* =========================================================
       SEARCH ITEMS
       ========================================================= */

.search-items-list {
    min-width: 0;
    border-top: 1px solid #e1e6e9;
}

.search-items-list-header,
.search-items-row {
    display: grid;
    grid-template-columns: minmax(320px, 1.65fr) 120px 120px minmax(120px, .75fr) minmax(145px, .9fr) 115px 42px;
    gap: 16px;
    align-items: center;
}

.search-items-list-header {
    min-height: 38px;
    padding: 0 14px;
    border-bottom: 1px solid #dfe5e8;
    color: #67747c;
    font-size: 10px;
    font-weight: 600;
}

.search-items-row {
    min-height: 82px;
    padding: 10px 14px;
    border-bottom: 1px solid #e3e8eb;
    background: #fff;
    font-size: 11px;
}

    .search-items-row:hover {
        background: #fbfcfc;
    }

.search-items-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.search-items-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 64px;
    border: 1px solid #e3e7e9;
    background: #fff;
    overflow: hidden;
}

    .search-items-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.search-items-item-info {
    min-width: 0;
}

.search-items-title {
    display: block;
    color: #111 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
}

    .search-items-title:hover {
        color: #118abd !important;
    }

.search-items-meta {
    margin-top: 3px;
    color: #8a959b;
    font-size: 10px;
}

.search-items-auction-approved {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    color: #708088;
}

    .search-items-auction-approved img {
        width: 17px;
        height: 17px;
        object-fit: contain;
    }

.search-items-date-price {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.search-items-date {
    color: #68767e;
    font-size: 10px;
    line-height: 1.35;
}

    .search-items-date.muted {
        color: #aab2b7;
    }

.search-items-date-price strong {
    color: #111;
    font-size: 11px;
    font-weight: 600;
}

.search-items-category,
.search-items-destination {
    min-width: 0;
    color: #596970;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

    .search-items-destination a {
        color: #118abd;
        text-decoration: none;
    }

.search-items-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

    .search-items-status strong {
        color: #111;
        font-size: 10px;
        line-height: 1.3;
    }

.search-items-note-link {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #b9dbe9;
    border-radius: 3px;
    color: #118abd !important;
    font-size: 9px;
    text-decoration: none !important;
}

    .search-items-note-link:hover {
        background: #f2f9fc;
    }

@media (max-width: 1199px) {

    .search-items-list-header,
    .search-items-row {
        grid-template-columns: minmax(280px, 1.5fr) 105px 105px minmax(110px, .7fr) minmax(125px, .85fr) 105px 42px;
        gap: 12px;
    }
}

@media (max-width: 900px) {

    .search-items-list-header {
        display: none;
    }

    .search-items-row {
        grid-template-columns: minmax(0, 1fr) 42px;
        gap: 10px;
        align-items: start;
        padding: 14px 10px;
    }

    .search-items-item {
        grid-column: 1;
    }

    .search-items-row > .search-items-date-price,
    .search-items-row > .search-items-category,
    .search-items-row > .search-items-destination,
    .search-items-row > .search-items-status {
        grid-column: 1;
        margin-left: 64px;
    }
}

/* =========================================================
       ACTIEVE KAVELS
       ========================================================= */

















/* =========================================================
       ACTIEVE KAVELS - RESULTAATINFO + PAGINERING BOVEN LIJST
       ========================================================= */



































/* =========================================================
   VERKOCHTE ITEMS
   ========================================================= */





































































/* ============================================================
   KIES VEILING / MIJN VEILINGEN
   ============================================================ */

.auction-choice-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}


/* ============================================================
   KAART
   ============================================================ */

.auction-choice-card {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    width: 100%;
    min-height: 92px;
    padding: 18px 20px;
    border: 1px solid #e1e6e9;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 8px 18px rgba(0, 0, 0, 0.025);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}


    .auction-choice-card:hover {
        border-color: #cbd7dd;
        background: #fbfdfe;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.055), 0 10px 24px rgba(0, 0, 0, 0.045);
        transform: translateY(-1px);
    }


/*
 * Grote onzichtbare link over de volledige kaart.
 * Andere echte knoppen/links krijgen hieronder z-index:2.
 */

.auction-choice-card-mainlink {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    text-decoration: none !important;
}


/* ============================================================
   ICOON
   ============================================================ */

.auction-choice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f3f6f7;
    color: #52626d;
    font-size: 21px;
    pointer-events: none;
}


.auction-choice-icon--continuous {
    color: #118abd;
}


/* ============================================================
   INHOUD
   ============================================================ */

.auction-choice-content {
    min-width: 0;
    pointer-events: none;
}


.auction-choice-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}


.auction-choice-title {
    color: #17212a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}


.auction-choice-card:hover .auction-choice-title {
    color: #118abd;
}


.auction-choice-description {
    margin-top: 5px;
    color: #66727c;
    font-size: 12px;
    line-height: 1.45;
}


.auction-choice-seller {
    margin-top: 5px;
    color: #75818a;
    font-size: 11px;
}


    .auction-choice-seller strong {
        color: #38444c;
        font-weight: 600;
    }


/* ============================================================
   DATUM / META
   ============================================================ */

.auction-choice-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 7px;
    color: #66727c;
    font-size: 11px;
}


    .auction-choice-meta > div {
        display: flex;
        align-items: center;
        gap: 6px;
    }


    .auction-choice-meta .lnr {
        color: #53636e;
        font-size: 13px;
    }


.auction-choice-notice {
    margin-top: 3px;
    color: #7a858d;
    line-height: 1.4;
}


/* ============================================================
   PERSOONLIJKE VEILING BADGE
   ============================================================ */

.auction-choice-private-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 3px;
    background: #afca2f;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* ============================================================
   RECHTERZIJDE / ACTIES
   ============================================================ */

.auction-choice-actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
}


.auction-choice-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #d3dadd;
    border-radius: 4px;
    background: #fff;
    color: #42515b !important;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}


    .auction-choice-edit:hover {
        border-color: #118abd;
        background: #f7fcfe;
        color: #118abd !important;
    }


.auction-choice-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    color: #118abd;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
    pointer-events: none;
}


.auction-choice-card:hover .auction-choice-arrow {
    transform: translateX(2px);
}


/* ============================================================
   GEORGANISEERDE VEILING
   ============================================================ */

.auction-choice-card--organized {
    border-left: 3px solid #118abd;
}


/* ============================================================
   PERSOONLIJKE VEILING
   ============================================================ */

.auction-choice-card--private {
    border-left: 3px solid #afca2f;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    .auction-choice-card {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 16px;
    }


    .auction-choice-icon {
        width: 40px;
        height: 40px;
        font-size: 19px;
    }


    .auction-choice-title {
        font-size: 15px;
    }
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 640px) {

    .auction-choice-list {
        gap: 10px;
    }


    .auction-choice-card {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 0;
        padding: 14px 12px;
    }


    .auction-choice-icon {
        width: 36px;
        height: 36px;
        font-size: 17px;
    }


    .auction-choice-title-row {
        display: block;
    }


    .auction-choice-title {
        font-size: 14px;
        line-height: 1.35;
    }


    .auction-choice-private-badge {
        margin-top: 5px;
    }


    .auction-choice-meta {
        font-size: 10px;
    }


        .auction-choice-meta > div {
            align-items: flex-start;
        }


    .auction-choice-description {
        font-size: 11px;
    }


    .auction-choice-actions {
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 8px;
    }


    .auction-choice-edit {
        min-height: 29px;
        padding: 0 9px;
        font-size: 10px;
    }


    .auction-choice-arrow {
        font-size: 22px;
    }
}


/* ============================================================
   ZEER SMAL MOBIEL
   ============================================================ */

@media (max-width: 420px) {

    .auction-choice-card {
        grid-template-columns: 1fr auto;
    }


    .auction-choice-icon {
        display: none;
    }


    .auction-choice-content {
        grid-column: 1;
    }


    .auction-choice-actions,
    .auction-choice-arrow {
        grid-column: 2;
    }
}

/* ============================================================
   BOBBEDOES - CREATE ITEM V2
   Gedeelde styling voor NieuweAdvertentie + NewLot
   Overgenomen uit:
   Views/Shared/Items/_CreateItemV2Css.vbhtml

   Klaar voor:
   Content/css/bobbedoes_front-updated-version3.css
   ============================================================ */

/* ============================================================
    BOBBEDOES - CREATE ITEM V2
    Gedeelde basis voor NieuweAdvertentie + NewLot
    ============================================================ */

.bd-create-page {
    min-width: 0
}

.bd-create {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 30px;
    background: #fff
}

.bd-create-form {
    width: 100%
}

    .bd-create-form .form-start-offer {
        margin-bottom: 0;
        border-bottom: none
    }

.bd-create-header {
    padding: 20px 0 16px;
    border-bottom: 1px solid #e4e4e4
}

.bd-create-header-main {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px
}

.bd-create-header h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600
}

.bd-create-subtitle {
    margin-top: 7px;
    color: #777;
    font-size: 12px;
    line-height: 1.4
}

.bd-create-copy {
    margin-left: 7px;
    color: #888;
    font-size: 14px;
    font-weight: 400
}

.bd-create-admin-status {
    flex: 0 0 auto;
    color: #888;
    font-size: 11px;
    line-height: 1.4;
    text-align: right
}

.bd-create-section {
    padding: 20px 0 24px;
    border-bottom: 1px solid #e4e4e4
}

.bd-create-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

    .bd-create-section-title h2 {
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 600
    }

.bd-create-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #9f934f;
    color: #fff;
    font-size: 11px;
    font-weight: 700
}

.bd-create-section-intro {
    margin: -4px 0 14px;
    color: #777;
    font-size: 11px;
    line-height: 1.5
}

.bd-create-field {
    margin-bottom: 16px
}

    .bd-create-field:last-child {
        margin-bottom: 0
    }

    .bd-create-field > label, .bd-create-label-row > label {
        display: block;
        margin-bottom: 6px;
        color: #222;
        font-size: 13px;
        font-weight: 600
    }

.bd-create-label-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px
}

    .bd-create-label-row > label {
        margin: 0
    }

.bd-required {
    color: #d20000
}

.bd-create-help {
    margin-left: 4px;
    color: #999;
    font-size: 9px;
    font-weight: 400
}

.bd-create-help-link {
    margin-left: 4px;
    color: #118abd !important;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none !important
}

    .bd-create-help-link:hover {
        text-decoration: underline !important
    }

.bd-create-field-hint {
    margin-top: 5px;
    color: #888;
    font-size: 10px;
    line-height: 1.4
}

.bd-create-select, .bd-create input[type="text"], .bd-create textarea {
    width: 100%;
    min-height: 40px;
    padding: 8px 11px;
    background: #fff;
    border: 1px solid #cbd1d5;
    border-radius: 2px;
    color: #222;
    font-size: 14px;
    box-shadow: none
}

    .bd-create-select:focus, .bd-create input[type="text"]:focus, .bd-create textarea:focus {
        border-color: #118abd;
        outline: none
    }

.bd-create-textarea {
    min-height: 125px;
    resize: vertical
}

.bd-create-grid {
    display: grid;
    gap: 18px
}

.bd-create-grid--2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px
}

.bd-create-grid--3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

.bd-money-wrap {
    display: flex;
    align-items: stretch;
    max-width: 330px
}

.bd-money-prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    background: #f6f7f8;
    border: 1px solid #cbd1d5;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    color: #666
}

.bd-money-wrap input[type="text"] {
    border-radius: 0 2px 2px 0
}

.bd-create .input-validation-error, .bd-create select.input-validation-error, .bd-create textarea.input-validation-error {
    border-color: #d9534f !important
}

.bd-create .field-validation-error, .bd-create .bd-create-validation {
    display: block;
    margin: 5px 0 0 !important;
    padding: 0;
    background: transparent;
    border: 0;
    color: #c83d3d;
    font-size: 13px;
    line-height: 1.4
}

    .bd-create .field-validation-valid, .bd-create .field-validation-error:empty {
        display: none !important
    }

.bd-category-picker {
    position: relative;
    width: 100%
}

.bd-category-picker__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    background: #fff;
    border: 1px solid #cbd1d5;
    border-radius: 2px;
    color: #222;
    font-size: 14px;
    text-align: left;
    cursor: pointer
}

    .bd-category-picker__button:hover, .bd-category-picker__button:focus {
        border-color: #118abd;
        outline: none
    }

.bd-category-picker__menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    max-height: 360px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #cfd5d9;
    border-radius: 3px;
    box-shadow: 0 8px 22px rgba(0,0,0,.10)
}

.bd-category-picker.open .bd-category-picker__menu {
    display: block
}

.bd-category-option {
    display: block;
    width: 100%;
    padding: 10px 13px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eee;
    color: #222;
    text-align: left;
    cursor: pointer
}

    .bd-category-option:last-child {
        border-bottom: 0
    }

    .bd-category-option:hover, .bd-category-option:focus {
        background: #f5f7f8;
        outline: none
    }

    .bd-category-option.selected {
        background: #f1f7fa
    }

.bd-category-option__name {
    display: block;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3
}

.bd-create-chevron {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #118abd;
    border-bottom: 2px solid #118abd;
    transform: rotate(45deg);
    transition: transform .18s ease;
    pointer-events: none
}

.bd-category-picker.open .bd-create-chevron {
    transform: rotate(225deg)
}

.bd-create-select-wrap {
    position: relative;
    width: 100%
}

    .bd-create-select-wrap .bd-create-select {
        padding-right: 42px !important;
        -webkit-appearance: none;
        appearance: none
    }

    .bd-create-select-wrap .bd-create-chevron {
        position: absolute;
        right: 15px;
        top: 14px
    }

.bd-create-info {
    padding: 11px 13px;
    background: #f6f7f8;
    border: 1px solid #e6e8e9;
    border-radius: 3px;
    color: #666;
    font-size: 11px;
    line-height: 1.5
}

.bd-create-info--private {
    background: #f5f8e8;
    border-color: #dce7a9
}

.bd-create-private-badge {
    display: inline-block;
    margin-bottom: 7px;
    padding: 3px 7px;
    background: #b4c53a;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 700
}

.bd-create-price-rule {
    margin-top: 8px;
    color: #777;
    font-size: 10px;
    line-height: 1.5
}

.bd-create-collapsible {
    width: 100%
}

.bd-create-collapsible-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 2px 0;
    list-style: none;
    cursor: pointer
}

    .bd-create-collapsible-summary::-webkit-details-marker {
        display: none
    }

.bd-create-collapsible-title {
    display: flex;
    align-items: center;
    gap: 10px
}

    .bd-create-collapsible-title h2 {
        margin: 0;
        color: #222;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2
    }

    .bd-create-collapsible-title > div > span {
        display: block;
        margin-top: 2px;
        color: #999;
        font-size: 10px;
        font-weight: 400
    }

.bd-create-collapsible-content {
    padding-top: 18px
}

.bd-create-collapsible-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #118abd;
    font-size: 11px;
    font-weight: 500
}

.bd-create-collapsible-action-text::before {
    content: "Toon velden"
}

.bd-create-collapsible[open] .bd-create-collapsible-action-text::before {
    content: "Verberg velden"
}

.bd-create-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 24px
}

.bd-create-submit, .bd-create-secondary-action {
    min-height: 44px;
    padding: 0 22px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.bd-create-submit {
    background: #118abd;
    border: 1px solid #118abd;
    color: #fff
}

.bd-create-secondary-action {
    background: #fff;
    border: 1px solid #118abd;
    color: #118abd
}

    .bd-create-submit:disabled, .bd-create-secondary-action:disabled {
        opacity: .55;
        cursor: default
    }

.bd-create-submit-loading {
    display: none
}

.bd-create-submit.is-loading .bd-create-submit-text {
    display: none
}

.bd-create-submit.is-loading .bd-create-submit-loading {
    display: inline
}

.bd-create-images .box-stacked > .box-header {
    display: none
}

@media (max-width:767px) {
    .bd-create-header {
        padding: 15px 0 13px
    }

    .bd-create-header-main {
        display: block
    }

    .bd-create-header h1 {
        font-size: 24px
    }

    .bd-create-section {
        padding: 17px 0 19px
    }

    .bd-create-section-title h2, .bd-create-collapsible-title h2 {
        font-size: 17px
    }

    .bd-create-grid--2, .bd-create-grid--3 {
        grid-template-columns: 1fr;
        gap: 0
    }

        .bd-create-grid--2 .bd-create-field, .bd-create-grid--3 .bd-create-field {
            margin-bottom: 12px
        }

    .bd-money-wrap {
        max-width: none
    }

    .bd-create-actions {
        flex-direction: column
    }

    .bd-create-submit, .bd-create-secondary-action {
        width: 100%
    }
}

/* =========================================================
   NEWLOT - COMPACTE BESTEMMINGSKEUZE
   ========================================================= */

.bd-destination-choice {
    margin-top: 13px;
}

.bd-destination-choice-label,
.bd-destination-fixed-label {
    display: block;
    margin-bottom: 6px;
    color: #8a969d;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.bd-destination-scroll {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
    overflow: visible;
    padding: 1px 0 5px;
}

.bd-destination-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #d9e0e4;
    border-radius: 17px;
    background: #fff;
    color: #5f6d75 !important;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

    .bd-destination-option:hover {
        border-color: #a9cfdc;
        background: #f7fbfd;
        color: #118abd !important;
    }

    .bd-destination-option.active {
        border-color: #698d8d;
        background: #edf4f8;
        color: #161616 !important;
    }

.bd-destination-option--muted {
    color: #76848b !important;
}

.bd-destination-dropdown {
    position: relative;
    flex: 0 0 auto;
}

.bd-destination-dropdown-toggle {
    cursor: pointer;
    font-family: inherit;
}

.bd-destination-dropdown-text {
    display: inline-block;
}

.bd-destination-dropdown-icon {
    margin-left: 7px;
    font-size: 8px;
    line-height: 1;
    transition: transform .15s ease;
}

.bd-destination-dropdown.open .bd-destination-dropdown-icon {
    transform: rotate(180deg);
}

.bd-destination-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 100;
    min-width: 230px;
    max-width: 340px;
    padding: 5px 0;
    border: 1px solid #dfe5e8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .10);
}

.bd-destination-dropdown.open .bd-destination-dropdown-menu {
    display: block;
}

.bd-destination-dropdown-item {
    display: block;
    padding: 8px 13px;
    color: #5f6d75 !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none !important;
    white-space: normal;
}

    .bd-destination-dropdown-item:hover {
        background: #f5f9fb;
        color: #118abd !important;
    }

    .bd-destination-dropdown-item.active {
        background: #edf4f8;
        color: #161616 !important;
        font-weight: 600;
    }

.bd-destination-option--advertisement {
    margin-left: 8px;
    border-style: dashed;
}

.bd-destination-current {
    margin-top: 7px;
    color: #6f7d85;
    font-size: 11px;
    line-height: 1.45;
}

    .bd-destination-current strong {
        color: #3c474d;
        font-weight: 600;
    }

.bd-destination-fixed {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
    padding: 8px 11px;
    border: 1px solid #dfe5e8;
    border-radius: 4px;
    background: #f8fafb;
    color: #59666d;
    font-size: 11px;
}

    .bd-destination-fixed .bd-destination-fixed-label {
        margin: 0 2px 0 0;
    }

    .bd-destination-fixed strong {
        color: #364249;
        font-weight: 600;
    }

.bd-destination-fixed-note {
    color: #89949a;
    font-size: 10px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .bd-destination-choice {
        margin-top: 11px;
    }

    .bd-destination-option {
        min-height: 32px;
        padding: 0 11px;
        font-size: 10px;
    }

    .bd-destination-option--advertisement {
        margin-left: 2px;
    }
}

/* =========================================================
   VERKOCHTE ITEMS - KOLOMVERDELING
   =========================================================
   Eigenaar compact houden.
   Acties als smalle laatste kolom.
   ========================================================= */




/* =========================================================
   HEADER
   ========================================================= */




/* =========================================================
   RIJ - VERTICAAL CENTREREN
   ========================================================= */






/* =========================================================
   KAVEL
   ========================================================= */




/* =========================================================
   TYPE
   ========================================================= */




/* =========================================================
   START / EINDE
   ========================================================= */




/* =========================================================
   SCHATTING / STARTPRIJS / BOD
   ========================================================= */




/* =========================================================
   EIGENAAR / VERKOPER
   ========================================================= */



/* =========================================================
   Status
   ========================================================= */




/* =========================================================
   NOTA
   ========================================================= */



/* =========================================================
   ACTIES
   ========================================================= */





/* ============================================================
   ITEM OFFER
   Styling voor /Item/Offer
   Overgenomen uit de view/partial en geschikt gemaakt voor:
   Content/css/bobbedoes_front-updated-version3.css
   ============================================================ */

/* ============================================================
   PAGINA
   ============================================================ */

.item-offer-page {
    min-width: 0;
    padding: 22px 0 45px;
}


/* ============================================================
   HEADER
   ============================================================ */

.item-offer-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}


    .item-offer-header h1 {
        margin: 0;
        color: #111;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.15;
    }


.item-offer-subtitle {
    margin-top: 4px;
    color: #627080;
    font-size: 14px;
}


/* ============================================================
   SNELLE LINKS
   ============================================================ */

.item-offer-quicklinks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 22px;
    padding: 0 2px;
}


    .item-offer-quicklinks a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 2px 16px;
        border-right: 1px solid #d9dee2;
        color: #118abd !important;
        font-size: 11px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none !important;
        white-space: nowrap;
    }


        .item-offer-quicklinks a:first-child {
            padding-left: 0;
        }


        .item-offer-quicklinks a:last-child {
            border-right: 0;
        }


        .item-offer-quicklinks a:hover {
            color: #0f79a6 !important;
        }


    .item-offer-quicklinks .lnr {
        font-size: 14px;
    }


/* ============================================================
   SECTIEKOPPEN
   ============================================================ */

.item-offer-section-title {
    margin: 0 0 14px;
    color: #171717;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}


/* ============================================================
   WAAR WAS U GEBLEVEN
   ============================================================ */

.item-offer-recent-section {
    margin-bottom: 24px;
}


.item-offer-recent-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}


.item-offer-recent-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 18px;
    gap: 10px;
    align-items: center;
    min-width: 0;
    min-height: 68px;
    padding: 9px 10px;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
    color: inherit !important;
    text-decoration: none !important;
}


    .item-offer-recent-item:hover {
        border-color: #bfc9d0;
        background: #fafbfc;
    }


.item-offer-recent-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #e1e5e8;
    border-radius: 3px;
    background: #f5f6f7;
    color: #a1a9af;
}


    .item-offer-recent-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


.item-offer-recent-content {
    min-width: 0;
}


    .item-offer-recent-content strong {
        display: -webkit-box;
        overflow: hidden;
        color: #171717;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


.item-offer-recent-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    color: #89939b;
    font-size: 9px;
}


.item-offer-recent-status {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background: #f1f3f5;
    color: #66727c;
}


.item-offer-recent-arrow {
    color: #118abd;
    font-size: 20px;
    line-height: 1;
    text-align: right;
}


/* ============================================================
   AANBIEDEN - 2/3 + 1/3
   ============================================================ */

.item-offer-options-section {
    margin-bottom: 24px;
}


.item-offer-options {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(250px, 1fr);
    gap: 16px;
    align-items: stretch;
}


/* ============================================================
   GEORGANISEERDE VEILING
   ============================================================ */

.item-offer-organized-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 185px;
    gap: 18px;
    align-items: stretch;
    min-width: 0;
    min-height: 100%;
    padding: 16px;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
}


.item-offer-organized-info {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-width: 0;
}


.item-offer-organized-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 96px;
    overflow: hidden;
    background: #fafafa;
}


    .item-offer-organized-logo img {
        max-width: 66px;
        max-height: 86px;
        object-fit: contain;
    }


.item-offer-organized-content {
    min-width: 0;
}


    .item-offer-organized-content h3 {
        margin: 0 0 3px;
        color: #171717;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.25;
    }


.item-offer-organized-name {
    margin-bottom: 5px;
    color: #118abd;
    font-size: 11px;
    font-weight: 600;
}


.item-offer-organized-content p {
    margin: 0;
    color: #53606e;
    font-size: 11px;
    line-height: 1.4;
}


.item-offer-organized-dates {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    min-width: 0;
}

.item-offer-organized-date {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}


    .item-offer-organized-date > .lnr {
        flex: 0 0 auto;
        color: #53606e;
        font-size: 17px;
    }

    .item-offer-organized-date > div {
        min-width: 0;
    }

    .item-offer-organized-date small {
        display: block;
        margin-bottom: 1px;
        color: #7c8791;
        font-size: 9px;
    }

    .item-offer-organized-date strong {
        display: block;
        color: #17212a;
        font-size: 10px;
        font-weight: 600;
        white-space: normal;
        line-height: 1.35;
    }





/* ============================================================
   COUNTDOWN + MAAK KAVEL
   ============================================================ */

.item-offer-organized-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    flex-shrink: 0;
}


.item-offer-countdown {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 7px 10px;
    border-radius: 4px;
    background: #eef8fc;
}


    .item-offer-countdown > .lnr {
        flex: 0 0 auto;
        color: #118abd;
        font-size: 22px;
    }


    .item-offer-countdown small {
        display: block;
        margin-bottom: 1px;
        color: #61717e;
        font-size: 9px;
        line-height: 1.2;
    }


    .item-offer-countdown strong {
        display: block;
        margin-top: 2px;
        color: #17212a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.1;
        white-space: nowrap;
    }


.item-offer-organized-button {
    width: 100%;
    margin-top: auto;
}


/* ============================================================
   ADVERTENTIE
   ============================================================ */

.item-offer-advert-card {
    display: grid;
    /*
     * Kop bovenaan,
     * tekst vult beschikbare middenruimte,
     * knop exact onderaan.
     */
    grid-template-rows: auto 1fr auto;
    min-height: 100%;
    padding: 16px;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
}


.item-offer-advert-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 8px;
}


.item-offer-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f1f3f5;
    color: #39424e;
    font-size: 23px;
}


.item-offer-advert-heading h3 {
    margin: 0;
    color: #171717;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}


.item-offer-card-content {
    min-width: 0;
}


    .item-offer-card-content p {
        margin: 0;
        color: #53606e;
        font-size: 12px;
        line-height: 1.45;
    }


/*
 * Advertentieknop:
 * exact onderaan + witte secundaire stijl.
 */

.item-offer-advert-button {
    align-self: end;
    width: 100%;
    margin-top: 12px;
}


    .item-offer-advert-button.item-offer-button--primary {
        border-color: #cfd6db;
        background: #fff;
        color: #26323b !important;
    }


        .item-offer-advert-button.item-offer-button--primary:hover {
            border-color: #118abd;
            background: #fff;
            color: #118abd !important;
        }


/* ============================================================
   KNOPPEN
   ============================================================ */

.item-offer-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #d9dee2;
    border-radius: 4px;
    background: #eceeef;
    color: #1c2630 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
}


    .item-offer-button:hover {
        background: #e3e6e8;
        color: #111 !important;
    }


.item-offer-button--primary {
    border-color: #118abd;
    background: #118abd;
    color: #fff !important;
}


    .item-offer-button--primary:hover {
        background: #0f79a6;
        color: #fff !important;
    }


.item-offer-button--secondary {
    background: #eceeef;
}


.item-offer-button--small {
    min-width: 96px;
    min-height: 34px;
    padding: 0 14px;
    font-size: 12px;
}


/* ============================================================
   MIJN VEILINGEN
   ============================================================ */

.item-offer-auctions-section {
    margin-top: 4px;
}


.item-offer-auctions {
    overflow: visible;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
}


.item-offer-auctions-header--simple,
.item-offer-auction-row--simple {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 18px;
    align-items: center;
}


.item-offer-auctions-header--simple {
    min-height: 40px;
    padding: 0 16px;
    border-bottom: 1px solid #dce1e5;
    color: #626e79;
    font-size: 11px;
}


.item-offer-auction-row--simple {
    min-height: 60px;
    padding: 0 16px;
    border-bottom: 1px solid #e5e8ea;
}


    .item-offer-auction-row--simple:last-child {
        border-bottom: 1px solid #e5e8ea;
    }


.item-offer-auction-title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}


.item-offer-auction-icon {
    flex: 0 0 auto;
    color: #39424e;
    font-size: 20px;
}


.item-offer-auction-title > div {
    min-width: 0;
}


.item-offer-auction-title strong {
    display: block;
    overflow: hidden;
    color: #151515;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.item-offer-auction-title small {
    display: block;
    margin-top: 2px;
    color: #929ba3;
    font-size: 10px;
}


.item-offer-auction-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.item-offer-empty {
    padding: 22px;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fafafa;
    color: #65717c;
    font-size: 13px;
}

.item-offer-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-offer-help-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid #cfe3ef;
    border-radius: 4px;
    background: #f7fbfd;
    color: #168fc4;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

    .item-offer-help-button:hover {
        background: #eef8fc;
        border-color: #b7d9ea;
        color: #1179a7;
    }

    .item-offer-help-button:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(22, 143, 196, .15);
    }


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1050px) {

    .item-offer-recent-items {
        grid-template-columns: 1fr;
    }


    .item-offer-options {
        grid-template-columns: 1fr;
    }


    .item-offer-organized-card {
        grid-template-columns: minmax(0, 1fr) 170px;
    }


    .item-offer-auctions-header--simple {
        display: none;
    }


    .item-offer-auction-row--simple {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

/* =========================================================
   ITEM OFFER - TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .item-offer-options--321 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .item-offer-organized-card {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
    }

    .item-offer-organized-info {
        min-width: 0;
    }

    .item-offer-organized-content {
        min-width: 0;
    }

        .item-offer-organized-content p {
            max-width: none;
        }

    .item-offer-organized-actions {
        flex-shrink: 0;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .item-offer-page {
        padding: 15px 0 35px;
    }


    .item-offer-header h1 {
        font-size: 25px;
    }


    .item-offer-subtitle {
        font-size: 13px;
    }


    .item-offer-quicklinks {
        display: block;
        margin-bottom: 18px;
    }


        .item-offer-quicklinks a {
            display: flex;
            padding: 5px 0;
            border-right: 0;
        }


    .item-offer-section-title {
        margin-bottom: 12px;
        font-size: 14px;
    }


    .item-offer-recent-item {
        grid-template-columns: 42px minmax(0, 1fr) 16px;
        min-height: 62px;
    }


    .item-offer-recent-thumb {
        width: 42px;
        height: 46px;
    }
    /*
     * Georganiseerde veiling onder elkaar.
     */

    .item-offer-organized-card {
        grid-template-columns: 1fr;
    }


    .item-offer-organized-info {
        grid-template-columns: 64px minmax(0, 1fr);
    }


    .item-offer-organized-logo {
        width: 64px;
        height: 82px;
    }


        .item-offer-organized-logo img {
            max-width: 58px;
            max-height: 74px;
        }


    .item-offer-organized-dates {
        display: block;
    }


    .item-offer-organized-date {
        margin-top: 9px;
    }





    .item-offer-organized-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }
    /*
     * Advertentiekaart blijft netjes onder elkaar.
     */

    .item-offer-advert-card {
        grid-template-rows: auto auto auto;
    }


    .item-offer-advert-button {
        margin-top: 14px;
    }


    .item-offer-button {
        width: 100%;
    }


    .item-offer-auction-row--simple {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 12px;
        padding-bottom: 12px;
    }


    .item-offer-auction-action {
        justify-content: flex-start;
    }


        .item-offer-auction-action .item-offer-button--small {
            width: auto;
        }
}


/*
     * Tijdelijke sidebar-specifieke regels
     */

.items-sidebar-link-text {
    flex: 1 1 auto;
    min-width: 0;
}

.items-sidebar-count {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    margin-left: auto;
    padding: 0 6px;
    border-radius: 9px;
    background: #eef1f3;
    color: #a7b0b6;
    font-size: 9px;
    font-weight: 600;
    line-height: 18px;
}

    .items-sidebar-count.has-value {
        background: #eef1f3;
        color: #111;
        font-weight: 700;
    }

    .items-sidebar-count.is-zero {
        display: inline-flex;
        color: #b7bec3;
        font-weight: 500;
    }



/* =========================================================
   EDITDESCRIPTION OP DE NEWLOT / CREATE V2 BASIS
   Alleen aanvullingen voor de bestaande legacy editblokken.
   ========================================================= */

.edit-description-page {
    min-width: 0;
}


    /* =========================================================
   HEADER
   ========================================================= */

    .edit-description-page .bd-create-header-main h1 {
        margin-bottom: 4px;
    }


    /* =========================================================
   HOOFDBLOKKEN
   ========================================================= */

    .edit-description-page .bd-edit-summary,
    .edit-description-page .bd-edit-admin,
    .edit-description-page .bd-edit-actions,
    .edit-description-page .bd-edit-alert,
    .edit-description-page .bd-edit-fields {
        padding-left: 0;
        padding-right: 0;
    }

    .edit-description-page .bd-edit-summary {
        padding-top: 18px;
    }

    .edit-description-page .bd-edit-admin {
        padding-top: 8px;
    }

    .edit-description-page .bd-edit-actions {
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .edit-description-page .bd-edit-alert {
        padding-top: 10px;
    }

    .edit-description-page .bd-edit-fields {
        padding-bottom: 24px;
    }


    /* =========================================================
   HEADER INFOBAR
   ========================================================= */

    .edit-description-page .bd-edit-summary .headerbar,
    .edit-description-page .bd-edit-summary .viewItem {
        margin: 0 !important;
    }


    /* =========================================================
   ADMIN TOOLBAR
   ========================================================= */

    .edit-description-page #adminToolbar .container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .edit-description-page #adminToolbar {
        margin: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    /* =========================================================
   LEGACY MODULESCHILLEN
   ========================================================= */

    .edit-description-page .upload_modules,
    .edit-description-page .modules__content {
        width: 100%;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }


    /* =========================================================
   ACTIEBALK
   ========================================================= */

    .edit-description-page .admin-toolbar {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .edit-description-page .admin-toolbar__list {
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: wrap;
    }


    /* =========================================================
   EDITBLOKKEN
   ========================================================= */

    .edit-description-page .bd-edit-fields > .form-group.viewItem {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }

        .edit-description-page .bd-edit-fields > .form-group.viewItem + .form-group.viewItem {
            margin-top: -1px !important;
        }

        .edit-description-page .bd-edit-fields > .form-group.viewItem:first-child {
            border-top-left-radius: 8px !important;
            border-top-right-radius: 8px !important;
        }

        .edit-description-page .bd-edit-fields > .form-group.viewItem:last-child {
            border-bottom-left-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
        }

        .edit-description-page .bd-edit-fields > .form-group.viewItem > .row {
            margin-top: 0;
        }


    /* =========================================================
   AFBEELDINGENBLOK
   ========================================================= */

    .edit-description-page #blk-images > .row:first-child {
        margin-bottom: 8px !important;
    }


    /* =========================================================
   OUDE PAGINATITEL
   ========================================================= */

    .edit-description-page .page-title-description {
        margin-top: 0 !important;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .edit-description-page .bd-edit-summary,
    .edit-description-page .bd-edit-admin,
    .edit-description-page .bd-edit-actions,
    .edit-description-page .bd-edit-alert,
    .edit-description-page .bd-edit-fields {
        padding-left: 14px;
        padding-right: 14px;
    }

    .edit-description-page .bd-edit-summary {
        padding-top: 14px;
    }

    .edit-description-page .bd-edit-actions {
        padding-bottom: 10px;
    }

    .edit-description-page .bd-edit-fields {
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {

    .edit-description-workspace {
        width: 100%;
    }



    .edit-description-page .bd-edit-summary,
    .edit-description-page .bd-edit-admin,
    .edit-description-page .bd-edit-actions,
    .edit-description-page .bd-edit-alert,
    .edit-description-page .bd-edit-fields {
        padding-left: 0;
        padding-right: 0;
    }
}

/* =========================================================
   EDITDESCRIPTION - COMPACTE BLOKHEADER
   ========================================================= */

.edit-description-page .bd-edit-block-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.edit-description-page .bd-edit-block-content {
    flex: 1 1 auto;
    min-width: 0;
}

.edit-description-page .bd-edit-block-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    height: 30px;
    margin: 0;
    padding: 0 11px;
    border: 1px solid #58c9e9;
    border-radius: 4px;
    background: #fff;
    color: #58c9e9;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
}

    .edit-description-page .bd-edit-block-action:hover,
    .edit-description-page .bd-edit-block-action:focus {
        background: #58c9e9;
        border-color: #58c9e9;
        color: #fff;
        text-decoration: none;
    }

.edit-description-page .bd-edit-block-body {
    margin-top: 10px;
}

.edit-description-page .bd-desc-toggle-wrap {
    margin-top: 8px;
    text-align: center;
}

/* =========================================================
   EDITDESCRIPTION - OMSCHRIJVING BEKIJK MEER
   ========================================================= */

.bd-desc-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    margin-top: 6px;
    padding: 4px 10px;
    border: 1px solid #d5dadd;
    border-radius: 4px;
    background: #fff;
    color: #52616d;
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

    .bd-desc-more:hover,
    .bd-desc-more:focus {
        border-color: #b8c1c7;
        background: #f7f9fa;
        color: #25323b;
        outline: none;
    }

    .bd-desc-more:active {
        background: #eef2f4;
    }

.edit-description-page .bd-edit-block-action--danger {
    border-color: #d9a5a5;
    color: #b94a48;
}

    .edit-description-page .bd-edit-block-action--danger:hover,
    .edit-description-page .bd-edit-block-action--danger:focus {
        border-color: #c96b68;
        background: #fff5f5;
        color: #a83734;
    }

.edit-description-page .bd-edit-field-spacing {
    margin-top: 10px;
}

.to-edit.is-saving {
    position: relative;
}

    .to-edit.is-saving::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 20;
        background: rgba(255, 255, 255, 0.45);
        cursor: wait;
    }

    .to-edit.is-saving .js-block-form {
        position: relative;
    }

    .to-edit.is-saving button[type="submit"],
    .to-edit.is-saving input[type="submit"] {
        position: relative;
        z-index: 21;
    }

/* =========================================================
   ITEM OFFER - HEADER / MOBIELE EXTRA LINKS
   ========================================================= */

.item-offer-header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.item-offer-help-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border: 1px solid #d7e6ee;
    border-radius: 4px;
    background: #fff;
    color: #168fc4;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.item-offer-more-toggle {
    display: none;
}

.item-offer-help-mobile {
    display: none;
}

.offer-help-phone {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e4e4e4;
    font-size: 13px;
    line-height: 1.45;
    color: #6c757d;
    white-space: normal;
    overflow: visible;
    height: auto;
}

    .offer-help-phone strong {
        color: #5a5a5a;
    }

    .offer-help-phone a {
        color: #008fc5;
        font-weight: 600;
        text-decoration: none;
    }

        .offer-help-phone a:hover {
            text-decoration: underline;
        }

@media (max-width: 767px) {

    .item-offer-help-desktop {
        display: none;
    }

    .item-offer-help-mobile {
        display: inline;
    }

    .item-offer-help-button {
        padding: 6px 8px;
        font-size: 12px;
    }
}

.offer-help-images {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e5e5e5;
}

.offer-help-images-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 13px;
}

.offer-help-photo-count {
    color: #777;
    font-size: 12px;
    white-space: nowrap;
}

.offer-help-dropzone {
    padding: 14px;
    border: 1px dashed #b8cbd5;
    border-radius: 5px;
    background: #fafcfd;
    text-align: center;
    color: #667;
    cursor: pointer;
    transition: .15s ease;
}

    .offer-help-dropzone.is-dragging {
        border-color: #008fc5;
        background: #eef9fd;
    }

    .offer-help-dropzone > .lnr {
        display: block;
        margin-bottom: 6px;
        color: #008fc5;
        font-size: 22px;
    }

    .offer-help-dropzone div {
        margin-bottom: 5px;
    }

    .offer-help-dropzone small {
        display: block;
        color: #8a8a8a;
        font-size: 11px;
    }

.offer-help-choose-files {
    padding: 0;
    border: 0;
    background: transparent;
    color: #008fc5;
    font-weight: 600;
    cursor: pointer;
}

    .offer-help-choose-files:hover {
        text-decoration: underline;
    }

.offer-help-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.offer-help-no-images {
    width: 100%;
    padding: 7px 0;
    color: #999;
    font-size: 12px;
}

.offer-help-preview-item {
    position: relative;
    width: 72px;
}

    .offer-help-preview-item img {
        display: block;
        width: 72px;
        height: 72px;
        border: 1px solid #ddd;
        border-radius: 4px;
        object-fit: cover;
    }

.offer-help-preview-remove {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #555;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
}

.offer-help-preview-name {
    margin-top: 3px;
    overflow: hidden;
    color: #777;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.offer-help-progress {
    width: 100%;
    height: 5px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 3px;
    background: #e9ecef;
}

.offer-help-progress-bar {
    width: 0;
    height: 100%;
    background: #008fc5;
    transition: width .15s ease;
}

.offer-help-upload-status {
    min-height: 18px;
    margin-top: 5px;
    color: #777;
    font-size: 11px;
}



/* mobiel */
@media (max-width: 767px) {

    /* Offer mag vrijwel de volledige mobiele breedte gebruiken */
    .item-offer-workspace {
        width: 100%;
    }



    .item-offer-header,
    .item-offer-header-main,
    .item-offer-recent-section,
    .item-offer-options-section,
    .item-offer-auctions-section {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .item-offer-header-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

        .item-offer-header-main h1 {
            flex: 1 1 auto;
            min-width: 0;
            margin: 0;
            font-size: 21px;
            line-height: 1.15;
            white-space: nowrap;
        }

    .item-offer-more-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 1px solid #d8dde0;
        border-radius: 5px;
        background: #fff;
        color: #5d6870;
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
    }

        .item-offer-more-toggle:hover,
        .item-offer-more-toggle:focus {
            background: #f6f8f9;
            border-color: #bec7cc;
            outline: none;
        }

    .item-offer-quicklinks {
        display: none;
        margin-top: 10px;
        margin-bottom: 18px;
        padding: 8px 0;
        border-top: 1px solid #e7eaec;
        border-bottom: 1px solid #e7eaec;
    }

        .item-offer-quicklinks.is-open {
            display: block;
        }

        .item-offer-quicklinks a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 7px 2px;
            border-right: 0;
            font-size: 13px;
        }
}

/* ============================================================
   CREATE / EDIT ITEM - QUALITY HELP
   ============================================================ */

.bd-quality-swal {
    text-align: left;
}

.bd-quality-help {
    max-height: 58vh;
    overflow-y: auto;
    padding-right: 6px;
}

.bd-quality-help-item {
    padding: 11px 2px 12px;
    border-bottom: 1px solid #ededed;
}

    .bd-quality-help-item:last-child {
        border-bottom: 0;
    }

.bd-quality-help-title {
    margin-bottom: 3px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
}

.bd-quality-help-text {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

.bd-quality-help-warning {
    margin-top: 7px;
    padding: 6px 8px;
    background: #fff5df;
    color: #8a6015;
    font-size: 11px;
    line-height: 1.4;
}

.bd-quality-help-note {
    margin-top: 14px;
    padding: 11px 12px;
    background: #f5f7f8;
    color: #555;
    font-size: 12px;
    line-height: 1.5;
}

    .bd-quality-help-note p {
        margin: 4px 0 0;
    }


/* ============================================================
   CREATE / EDIT ITEM - KORTE UITLEG STAAT
   ============================================================ */

.bd-create-field-hint {
    margin-top: 5px;
    color: #888;
    font-size: 10px;
    line-height: 1.4;
}

    .bd-create-field-hint:empty {
        display: none;
    }


/* ============================================================
   CREATE / EDIT ITEM - HELP BUTTON
   ============================================================ */

.bd-create-help-button {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    color: #118abd;
    font-size: 10px;
    font-weight: 400;
    cursor: pointer;
}

    .bd-create-help-button:hover,
    .bd-create-help-button:focus {
        color: #0e7393;
        text-decoration: underline;
        outline: none;
    }

.bd-create-counter {
    flex: 0 0 auto;
    color: #999;
    font-size: 9px;
    font-weight: 400;
}

    .bd-create-counter.is-near-limit {
        color: #c06a00;
    }


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 650px) {

    .bd-quality-help {
        max-height: 65vh;
    }

    .bd-quality-help-title {
        font-size: 13px;
    }

    .bd-quality-help-text {
        font-size: 11px;
    }
}


/* =========================================================
   ALGEMENE HELPER STYLES
   ========================================================= */

.block-attention {
    border-left: 6px solid #dc3545 !important;
    padding-left: 10px;
}


/* =========================================================
   VALIDATIE
   ========================================================= */

/* MVC unobtrusive validation errors */
.field-validation-error,
.validation-summary-errors {
    display: block !important;
}

/* jQuery Validate errors: span met id="xxx-error" */
span[id$="-error"] {
    display: block !important;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}


/* =========================================================
   FOTO-GRID EDIT
   ========================================================= */

.pg-edit {
    margin-bottom: 10px;
}

.pg-edit-grid {
    --w: 75px;
    --h: 99px;
    --gap: 8px;
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(var(--w), 1fr) );
    gap: var(--gap);
    align-items: start;
}

.pg-edit-thumb {
    width: 100%;
    height: var(--h);
    overflow: hidden;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

    .pg-edit-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* =========================================================
   FOTO-GRID IN-/UITKLAPPEN
   ========================================================= */

.pg-edit-clamp {
    position: relative;
    overflow: hidden;
    max-height: calc((99px + 8px) * 2.2);
}

.pg-edit-fade {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 26px;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
    pointer-events: none;
}

.pg-edit-clamp.is-open {
    max-height: none;
}

    .pg-edit-clamp.is-open .pg-edit-fade {
        display: none;
    }


/* =========================================================
   EDIT BESTEMMING
   ========================================================= */

.bd-edit-destination {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 7px 10px;
    border: 1px solid #e5e9eb;
    border-radius: 4px;
    background: #fafbfc;
    font-size: 11px;
}

.bd-edit-destination-label {
    color: #8c969c;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.bd-edit-destination-link,
.bd-edit-destination-value {
    color: #3f4a50;
    font-weight: 600;
}

.bd-edit-destination-link {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.item-add-lot-page {
    min-width: 0;
}

.item-add-lot-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #7d8991;
}

    .item-add-lot-breadcrumb a {
        color: #118abd;
        text-decoration: none;
    }

    .item-add-lot-breadcrumb .lnr {
        font-size: 8px;
    }

.item-add-lot-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
}

    .item-add-lot-header > .lnr {
        font-size: 30px;
        margin-top: 4px;
    }

    .item-add-lot-header h1 {
        margin: 0 0 5px 0;
        font-size: 28px;
        font-weight: 600;
    }

    .item-add-lot-header p {
        margin: 0;
        color: #78838b;
    }

.item-add-lot-context {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 760px;
    margin-bottom: 24px;
    padding: 20px 24px;
    border: 1px solid #b9e2d0;
    border-radius: 5px;
    background: #f2fbf7;
}

.item-add-lot-context-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    color: #19945d;
    font-size: 25px;
}

.item-add-lot-context-label,
.item-add-lot-context-type {
    display: block;
}

.item-add-lot-context-label {
    margin-bottom: 3px;
    color: #5f6c73;
    font-size: 12px;
}

.item-add-lot-context strong {
    display: block;
    margin-bottom: 3px;
    font-size: 18px;
}

.item-add-lot-context-type {
    color: #68757c;
    font-size: 12px;
}

.item-add-lot-placeholder {
    max-width: 760px;
    padding: 24px;
    border: 1px solid #e1e6e9;
    border-radius: 5px;
    background: #fff;
}

    .item-add-lot-placeholder h2 {
        margin: 0 0 8px 0;
        font-size: 17px;
    }

    .item-add-lot-placeholder p {
        margin: 0;
        color: #78838b;
    }

/* =========================================================
   ITEM HEADER / MANAGE BAR
   ========================================================= */

.headerbar.compress {
    padding: 0 !important;
}



.bd-managebar-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px;
    width: 100%;
    min-width: 0;
}

.bd-managebar-left {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 8px;
    min-width: 0;
}


/* =========================================================
   ACTIEKNOPPEN
   ========================================================= */

.bd-manage-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #d6dde1;
    border-radius: 4px;
    background: #fff;
    color: #4d5a61;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
}

    .bd-manage-btn:hover,
    .bd-manage-btn:focus {
        border-color: #118abd;
        background: #fff;
        color: #118abd;
    }

.bd-manage-btn-danger:hover,
.bd-manage-btn-danger:focus {
    border-color: #c94a4a;
    color: #c94a4a;
}

.bd-manage-incomplete {
    color: #b06c00;
    font-size: 10px;
    font-weight: 600;
}


/* Niet-klikbare status voor kavels die veilingbreed worden beheerd. */

.bd-manage-complete {
    border-color: #cfded3;
    background: #f4faf6;
    color: #4f775b;
    cursor: default;
}

    .bd-manage-complete:hover,
    .bd-manage-complete:focus {
        border-color: #cfded3;
        background: #f4faf6;
        color: #4f775b;
    }


/* =========================================================
   HEADER ACTIES / BLOKKEN
   ========================================================= */

.bd-headerbar-actions {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    gap: 15px;
    margin-left: auto;
}

.bd-headerbar-block,
.bd-headerbar-item {
    width: auto;
    min-width: 0;
    text-align: left !important;
}

.bd-hdr-label {
    margin: 0 0 3px !important;
    color: #8c8c8c !important;
    font-size: 10px !important;
    font-weight: normal !important;
    line-height: 1.2;
    text-align: left !important;
}

.bd-hdr-val {
    display: inline-block;
    overflow: hidden;
    margin-top: 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bd-btn-equal {
    display: inline-block;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.bd-live-short {
    display: none;
}


/* =========================================================
   ADMIN DROPDOWN
   ========================================================= */

.bd-admin-menu-wrap {
    position: relative;
}

.bd-admin-toggle .bi-chevron-down {
    font-size: 10px;
    transition: transform .15s ease;
}

.bd-admin-menu-wrap.open .bd-admin-toggle .bi-chevron-down {
    transform: rotate(180deg);
}

.bd-admin-menu {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 1055;
    width: 230px;
    padding: 5px 0;
    border: 1px solid #dfe4e7;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.bd-admin-menu-wrap.open > .bd-admin-menu {
    display: block;
}

.bd-admin-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 34px;
    padding: 7px 11px;
    border: 0;
    background: transparent;
    color: #3f4a50;
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

    .bd-admin-menu-item:hover,
    .bd-admin-menu-item:focus {
        background: #f3f7f9;
        color: #118abd;
        outline: none;
    }

    .bd-admin-menu-item i:first-child {
        width: 18px;
        margin-right: 5px;
    }

.bd-admin-separator {
    height: 1px;
    margin: 5px 0;
    background: #e8ecef;
}


/* =========================================================
   ADMIN SUBMENU
   ========================================================= */

.bd-admin-sub-wrap {
    position: relative;
}

.bd-admin-submenu {
    display: none;
    position: absolute;
    top: -5px;
    left: calc(100% - 2px);
    z-index: 1060;
    width: 230px;
    max-height: 420px;
    overflow-y: auto;
    padding: 5px 0;
    border: 1px solid #dfe4e7;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.bd-admin-sub-wrap.open > .bd-admin-submenu {
    display: block;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .bd-managebar-row {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .bd-managebar-left {
        gap: 6px;
    }

    .bd-headerbar-actions {
        gap: 12px;
    }

    .bd-manage-btn {
        height: 30px;
        padding: 5px 8px;
        font-size: 11px;
    }

    .bd-manage-incomplete {
        display: none;
    }

    .bd-headerbar-row .label,
    .bd-managebar-row .label,
    .bd-managebar-row .bd-hdr-val,
    .bd-managebar-row .bd-status-badge {
        font-size: 12px !important;
    }

    .bd-live-full {
        display: none;
    }

    .bd-live-short {
        display: inline;
    }

    .bd-headerbar-actions i,
    .bd-headerbar-actions .lnr {
        display: none !important;
    }

    .bd-admin-submenu {
        position: static;
        width: 100%;
        max-height: 260px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

/* =========================================================
   SHIPMENT EDITOR - MELDINGEN
   ========================================================= */

.shipping-alert {
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: #f7f7f7;
    color: #212529;
    font-size: 13px;
}

.shipping-alert--error {
    border: 1px solid #ffeeba;
    background: #fff3cd;
}

    .shipping-alert--error ul {
        margin: 6px 0 0 18px;
        padding: 0;
    }

/* =============================================================
       PAGINA
       ============================================================= */

.bobbedoes-contact-page {
    background: #f4f6f8;
    padding: 45px 0 70px 0;
}


/* =============================================================
       HEADER
       ============================================================= */

.contact-page-header {
    max-width: 720px;
    margin: 0 auto 40px auto;
}

    .contact-page-header > span {
        display: block;
        color: #118abd;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.2px;
        margin-bottom: 6px;
    }

    .contact-page-header h1 {
        margin: 0 0 9px 0;
        font-size: 34px;
        font-weight: 700;
        color: #222;
    }

    .contact-page-header p {
        margin: 0;
        color: #666;
        line-height: 1.7;
        font-size: 15px;
    }


/* =============================================================
       HOOFDFORMULIER
       ============================================================= */

.contact-main-card {
    background: #fff;
    padding: 35px 40px 40px 40px;
    border-radius: 6px;
    border-top: 4px solid #118abd;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
}

.contact-card-heading {
    margin-bottom: 25px;
}

    .contact-card-heading h2 {
        margin: 0 0 6px 0;
        font-size: 23px;
        font-weight: 600;
        color: #222;
    }

    .contact-card-heading p {
        margin: 0;
        color: #777;
        line-height: 1.6;
    }


/* =============================================================
       FORMULIERVELDEN
       ============================================================= */

.contact-main-card label {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.contact-main-card sup {
    color: #e62b2b;
}

.contact-main-card .form-control {
    width: 100%;
    height: 48px;
    padding: 9px 12px;
    color: #222;
    background: #fff;
    border: 1px solid #dfe3e6;
    border-radius: 4px;
    box-shadow: none;
}

    .contact-main-card .form-control:focus {
        border-color: #118abd;
        box-shadow: none;
        outline: none;
    }

.contact-message {
    height: 175px !important;
    min-height: 175px;
    resize: vertical;
}


/* =============================================================
       ANTISPAMVRAAG
       ============================================================= */

.anti-spam-field {
    max-width: 430px;
    margin-top: 22px;
}


/* =============================================================
       HONEYPOT
       ============================================================= */

.contact-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

    .contact-honeypot input {
        width: 1px !important;
        height: 1px !important;
    }


/* =============================================================
       VERZENDKNOP
       ============================================================= */

.contact-form-footer {
    margin-top: 25px;
}

.contact-submit-btn {
    background: #118abd !important;
    color: #fff !important;
    padding: 11px 24px;
    border: none;
}

    .contact-submit-btn:hover,
    .contact-submit-btn:focus {
        color: #fff !important;
    }

.contact-form-footer > span {
    display: inline-block;
    margin-left: 12px;
    color: #888;
    font-size: 12px;
}


/* =============================================================
       RESULTAAT / VALIDATIE
       ============================================================= */

#formresult {
    display: none;
    font-weight: 600;
    margin-bottom: 20px;
}

.field-validation-error {
    color: #e62b2b;
}


/* =============================================================
       ZIJBALK
       ============================================================= */

.contact-side-card {
    margin-bottom: 20px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e2e5e7;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}

.side-icon {
    margin-bottom: 10px;
    color: #118abd;
    font-size: 28px;
}

.contact-side-card h3 {
    margin: 0 0 7px 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.contact-side-card p {
    margin-bottom: 8px;
    color: #666;
    line-height: 1.6;
}

.contact-phone,
.contact-email {
    display: inline-block;
    color: #118abd;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

    .contact-phone:hover,
    .contact-email:hover {
        color: #0d729d;
        text-decoration: none;
    }

.contact-belgium,
.company-details {
    margin-top: 12px;
    color: #888;
    font-size: 12px;
    line-height: 1.6;
}


/* =============================================================
       COLLECTIE VERKOPEN CTA
       ============================================================= */

.collection-contact-link {
    display: block;
    padding: 24px;
    background: #118abd;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .collection-contact-link:hover {
        color: #fff !important;
        text-decoration: none !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0,0,0,.10);
    }

    .collection-contact-link strong {
        display: block;
        margin-bottom: 6px;
        font-size: 16px;
    }

    .collection-contact-link span {
        display: block;
        color: rgba(255,255,255,.9);
        font-size: 13px;
        line-height: 1.55;
    }


/* =============================================================
       TABLET
       ============================================================= */

@media (max-width: 991px) {

    .contact-side-card:first-child {
        margin-top: 25px;
    }
}


/* =============================================================
       MOBIEL
       ============================================================= */

@media (max-width: 767px) {

    .bobbedoes-contact-page {
        padding: 28px 0 50px 0;
    }

    .contact-page-header {
        margin-bottom: 28px;
    }

        .contact-page-header h1 {
            font-size: 27px;
        }

    .contact-main-card {
        padding: 27px 20px;
    }

    .contact-form-footer > span {
        display: block;
        margin: 9px 0 0 0;
    }

    .contact-submit-btn {
        width: 100%;
    }

    .contact-side-card:first-child {
        margin-top: 25px;
    }
}

/* =============================================================
       PAGINA
       ============================================================= */

.seller-subscription-page {
    background: #f4f6f8;
    padding: 48px 0 75px 0;
    color: #333;
}

    .seller-subscription-page p {
        color: #5f6367;
        line-height: 1.7;
    }


/* =============================================================
       INTRO
       ============================================================= */

.subscription-intro {
    max-width: 830px;
    margin: 0 auto 42px auto;
}

.subscription-eyebrow {
    margin-bottom: 7px;
    color: #118abd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.subscription-intro h1 {
    margin: 0 0 8px 0;
    color: #222;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.subscription-intro-main {
    margin-bottom: 8px;
    color: #333 !important;
    font-size: 20px;
    font-weight: 500;
}

.subscription-intro-text {
    max-width: 730px;
    margin: 0 auto;
    font-size: 15px;
}


/* =============================================================
       ABONNEMENTEN
       ============================================================= */

.subscription-options {
    margin-bottom: 34px;
}

.subscription-card {
    position: relative;
    height: 100%;
    padding: 38px 34px 34px 34px;
    background: #fff;
    border: 1px solid #e0e4e7;
    border-radius: 6px;
    box-shadow: 0 3px 14px rgba(0,0,0,.05);
}

.subscription-card-premium {
    border: 2px solid #118abd;
}

.premium-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 15px;
    background: #118abd;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.subscription-type {
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.premium-type {
    color: #118abd;
}

.subscription-card h2 {
    margin: 0 0 17px 0;
    color: #222;
    font-size: 24px;
    font-weight: 600;
}

.subscription-price {
    margin-bottom: 14px;
    color: #222;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.premium-price {
    color: #118abd;
}

.price-currency {
    font-size: 18px;
    vertical-align: top;
    position: relative;
    top: 5px;
}

.price-number {
    font-size: 42px;
}

.price-period {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

.subscription-description {
    min-height: 70px;
    margin-bottom: 22px;
}


/* =============================================================
       FEATURES
       ============================================================= */

.subscription-features {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .subscription-features li {
        position: relative;
        padding: 9px 0 9px 27px;
        border-bottom: 1px solid #f0f0f0;
        color: #444;
        line-height: 1.5;
    }

        .subscription-features li:last-child {
            border-bottom: none;
        }

    .subscription-features .included:before {
        position: absolute;
        left: 0;
        content: "✓";
        color: #118abd;
        font-weight: 700;
    }

    .subscription-features .not-included {
        color: #aaa;
    }

        .subscription-features .not-included:before {
            position: absolute;
            left: 2px;
            content: "–";
            color: #bbb;
            font-weight: 700;
        }


/* =============================================================
       ACTIES
       ============================================================= */

.subscription-action {
    margin-top: 27px;
}

.subscription-primary-btn,
.subscription-premium-btn {
    padding: 11px 22px;
    background: #118abd !important;
    color: #fff !important;
    border: none;
}

    .subscription-primary-btn:hover,
    .subscription-premium-btn:hover {
        color: #fff !important;
    }


/* =============================================================
       SNEL VERGELIJKEN
       ============================================================= */

.subscription-comparison {
    margin: 62px 0 60px 0;
}

.comparison-heading {
    margin-bottom: 30px;
}

    .comparison-heading > span {
        display: block;
        margin-bottom: 6px;
        color: #118abd;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .comparison-heading h2 {
        margin: 0;
        color: #222;
        font-size: 27px;
        font-weight: 600;
    }

.comparison-item {
    height: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e3e6e8;
    text-align: center;
}

.comparison-icon {
    margin-bottom: 12px;
    color: #118abd;
    font-size: 30px;
}

.comparison-item h3 {
    margin-bottom: 7px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.comparison-item p {
    margin: 0;
    font-size: 13px;
}


/* =============================================================
       COMMISSIE
       ============================================================= */

.commission-section {
    margin-bottom: 60px;
    padding: 36px 40px;
    background: #fff;
    border-top: 4px solid #118abd;
    box-shadow: 0 3px 13px rgba(0,0,0,.05);
}

.commission-heading span {
    display: block;
    margin-bottom: 5px;
    color: #118abd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.commission-heading h2 {
    margin: 0 0 18px 0;
    color: #222;
    font-size: 25px;
    font-weight: 600;
}


/* =============================================================
       COMMISSIEPLAFOND
       ============================================================= */

.commission-cap {
    display: flex;
    margin-top: 27px;
    padding: 25px;
    background: #edf7fb;
    border-left: 4px solid #118abd;
}

.commission-cap-icon {
    width: 55px;
    flex: 0 0 55px;
    color: #118abd;
    font-size: 31px;
}

.commission-cap-content h3 {
    margin: 0 0 7px 0;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.commission-cap-content p {
    margin-bottom: 6px;
}


/* =============================================================
       VOORBEELDEN
       ============================================================= */

.example-section {
    margin-bottom: 60px;
}

.example-card {
    height: 100%;
    padding: 27px 22px;
    background: #fff;
    border: 1px solid #e3e6e8;
    text-align: center;
}

.example-highlight {
    border-top: 3px solid #118abd;
}

.example-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
}

.premium-example {
    color: #fff;
    background: #118abd;
}

.standard-example {
    color: #555;
    background: #eceff1;
}

.example-card h3 {
    margin-bottom: 13px;
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.example-calculation {
    margin-bottom: 5px;
    color: #777;
    font-size: 13px;
}

.example-result {
    margin-bottom: 4px;
    color: #118abd;
    font-size: 24px;
    font-weight: 700;
}

.example-card p {
    margin: 0;
    color: #999;
    font-size: 11px;
}


/* =============================================================
       COLLECTIE CTA
       ============================================================= */

.subscription-collection-cta {
    padding: 34px 38px;
    background: #fff;
    border-left: 5px solid #118abd;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

    .subscription-collection-cta > .row > div > span {
        display: block;
        margin-bottom: 5px;
        color: #118abd;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .subscription-collection-cta h2 {
        margin: 0 0 7px 0;
        color: #222;
        font-size: 22px;
        font-weight: 600;
    }

    .subscription-collection-cta p {
        margin: 0;
    }

.subscription-secondary-btn {
    padding: 11px 22px;
    background: #118abd !important;
    color: #fff !important;
}

    .subscription-secondary-btn:hover {
        color: #fff !important;
    }


/* =============================================================
       TABLET
       ============================================================= */

@media (max-width: 991px) {

    .subscription-card {
        height: auto;
        margin-bottom: 28px;
    }

    .subscription-description {
        min-height: 0;
    }

    .comparison-item {
        height: auto;
        margin-bottom: 20px;
    }

    .example-card {
        height: auto;
        margin-bottom: 20px;
    }

    .subscription-collection-cta {
        text-align: center;
    }

        .subscription-collection-cta .subscription-secondary-btn {
            margin-top: 18px;
        }
}


/* =============================================================
       MOBIEL
       ============================================================= */

@media (max-width: 767px) {

    .seller-subscription-page {
        padding: 30px 0 50px 0;
    }

    .subscription-intro h1 {
        font-size: 28px;
    }

    .subscription-intro-main {
        font-size: 18px;
    }

    .subscription-card {
        padding: 30px 22px;
    }

    .comparison-heading h2 {
        font-size: 23px;
    }

    .commission-section {
        padding: 28px 21px;
    }

    .commission-cap {
        display: block;
    }

    .commission-cap-icon {
        width: auto;
        margin-bottom: 10px;
    }

    .subscription-collection-cta {
        padding: 28px 21px;
    }
}

/* =====================================================
       HERO
    ====================================================== */
.job_hero_area {
    padding-top: 125px !important;
}

.friend-hero {
    position: relative;
    overflow: visible;
    min-height: 520px;
    padding-bottom: 145px;
}

    .friend-hero .bg_image_holder {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

        .friend-hero .bg_image_holder img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.friend-hero-overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .28);
}

.friend-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 10px;
}

.friend-hero .job_hero_content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

    .friend-hero .job_hero_content h1 {
        color: #fff;
        font-size: 40px;
        margin-bottom: 22px;
    }

.friend-hero .job_date p {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.friend-premium-note {
    margin-top: 18px;
    opacity: .95;
}

.renew {
    background: rgba(143, 117, 67, .92);
    padding: 20px 25px !important;
    margin-bottom: 25px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 4px;
    color: #fff;
}


/* =====================================================
       RESULTATEN OVER HERO
    ====================================================== */

.friend-results-preview {
    position: relative;
    z-index: 10;
    margin-top: -125px;
    padding-bottom: 15px;
}

.friend-results-panel {
    background: #fff;
    border-radius: 5px;
    padding: 36px 35px 30px 35px;
    box-shadow: 0 12px 35px rgba(0,0,0,.14);
}

.friend-results-header {
    max-width: 760px;
    margin: 0 auto 30px auto;
}

.friend-results-eyebrow {
    display: block;
    color: #118abd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.friend-results-header h2 {
    font-size: 27px;
    margin-bottom: 8px;
    color: #222;
}

.friend-results-header p {
    margin: 0;
    color: #777;
    line-height: 1.7;
}


/* =====================================================
       RESULTAATKAART
    ====================================================== */

.friend-result-column {
    display: flex;
    margin-bottom: 20px;
}

.friend-result-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none !important;
    color: #222;
    transition: transform .18s ease, box-shadow .18s ease;
}

    .friend-result-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 24px rgba(0,0,0,.12);
        color: #222;
    }

.friend-result-image-wrapper {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: #f4f4f4;
    text-align: center;
}

.friend-result-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.friend-result-status {
    position: absolute;
    left: 14px;
    top: 14px;
    background: #118abd;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 2px;
    letter-spacing: .3px;
}

.friend-result-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px;
}

    .friend-result-content h3 {
        color: #171717;
        font-size: 17px;
        line-height: 1.35;
        margin: 0 0 10px 0;
    }

.friend-result-description {
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 18px;
}

.friend-result-price-label {
    margin-top: auto;
    color: #a0a0a0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.friend-result-price {
    color: #118abd;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    margin-top: 3px;
    margin-bottom: 14px;
}

.friend-result-view {
    color: #222;
    font-size: 13px;
    font-weight: 600;
}

.friend-result-card:hover .friend-result-view {
    color: #118abd;
}


.friend-results-footer {
    border-top: 1px solid #ececec;
    margin-top: 10px;
    padding-top: 22px;
    color: #777;
    font-size: 14px;
}

    .friend-results-footer strong {
        display: block;
        color: #222;
        margin-top: 3px;
    }


/* =====================================================
       AANMELD / STATUSKAART
    ====================================================== */

.friend-signup-section {
    padding-top: 50px;
    padding-bottom: 70px;
}

.friend-status-card {
    overflow: hidden;
}

    .friend-status-card .login--header {
        padding-left: 38px;
        padding-right: 38px;
    }

        .friend-status-card .login--header p {
            line-height: 1.7;
        }

.friend-main-button {
    min-width: 215px;
}

.friend-secondary-link {
    display: block;
    margin-top: 16px;
    color: #777;
    font-size: 13px;
}

    .friend-secondary-link:hover {
        color: #118abd;
    }


.friend-status-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 18px auto;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    font-size: 24px;
    font-weight: 700;
}

    .friend-status-icon.active {
        background: #edf8f1;
        color: #298a51;
    }

    .friend-status-icon.pending {
        background: #fff5df;
        color: #a47313;
    }

/* =====================================================
       RESPONSIVE
    ====================================================== */

@media (max-width: 991px) {

    .friend-hero {
        min-height: 470px;
        padding-bottom: 110px;
    }

    .friend-results-preview {
        margin-top: -85px;
    }

    .friend-results-panel {
        padding: 30px 25px 20px 25px;
    }

    .friend-result-image-wrapper {
        height: 220px;
    }
}


@media (max-width: 767px) {

    .friend-hero {
        min-height: 440px;
        padding-bottom: 65px;
    }

    .friend-hero-content {
        padding-top: 55px;
    }

    .friend-hero .job_hero_content h1 {
        font-size: 31px;
    }

    .friend-hero .job_date p {
        font-size: 14px;
    }

    .friend-results-preview {
        margin-top: -40px;
    }

    .friend-results-panel {
        padding: 25px 15px 15px 15px;
    }

    .friend-results-header h2 {
        font-size: 23px;
    }

    .friend-result-column {
        margin-bottom: 18px;
    }

    .friend-result-image-wrapper {
        height: 280px;
    }

    .friend-signup-section {
        padding-top: 35px;
    }
}

/* =============================================================
       PAGINA
       ============================================================= */

.bobbedoes-sell-page {
    background: #f4f6f8;
    padding: 48px 0 75px 0;
    color: #333;
}

.bobbedoes-personal-page {
    background: #efedde;
    padding: 48px 0 75px 0;
    color: #333;
}

.bobbedoes-sell-page p {
    color: #5f6367;
    line-height: 1.7;
}

.bobbedoes-personal-page p {
    color: #5f6367;
    line-height: 1.7;
}

/* =============================================================
       INTRO
       ============================================================= */

.sell-intro {
    max-width: 850px;
    margin: 0 auto 42px auto;
}

.sell-eyebrow {
    margin-bottom: 7px;
    color: #118abd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.sell-intro h1 {
    margin: 0 0 8px 0;
    color: #222;
    font-size: 37px;
    line-height: 1.25;
    font-weight: 700;
}

.sell-intro-main {
    margin-bottom: 9px;
    color: #333 !important;
    font-size: 21px;
    font-weight: 500;
}

.sell-intro-text {
    max-width: 760px;
    margin: 0 auto;
    font-size: 15px;
}


/* =============================================================
       TWEE ROUTES
       ============================================================= */

.sell-options {
    margin-bottom: 34px;
}

.sell-option-card {
    position: relative;
    height: 100%;
    padding: 37px 34px 34px 34px;
    background: #fff;
    border: 1px solid #e0e4e7;
    border-radius: 6px;
    box-shadow: 0 3px 14px rgba(0,0,0,.05);
}

.sell-option-featured {
    border: 2px solid #118abd;
}

.sell-featured-label {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 15px;
    color: #fff;
    background: #118abd;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.sell-option-icon {
    margin-bottom: 14px;
    color: #118abd;
    font-size: 37px;
}

.sell-option-label {
    margin-bottom: 6px;
    color: #118abd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sell-option-card h2 {
    margin: 0 0 13px 0;
    color: #222;
    font-size: 24px;
    font-weight: 600;
}

.sell-option-intro {
    min-height: 77px;
    margin-bottom: 20px;
}


/* =============================================================
       CHECKLIST
       ============================================================= */

.sell-checklist {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}

    .sell-checklist li {
        position: relative;
        padding: 7px 0 7px 25px;
        color: #444;
        line-height: 1.55;
    }

        .sell-checklist li:before {
            position: absolute;
            left: 0;
            content: "✓";
            color: #118abd;
            font-weight: 700;
        }

.sell-option-highlight {
    margin: 0 0 22px 0;
    padding: 14px 16px;
    background: #edf7fb;
    color: #333;
    line-height: 1.6;
}


/* =============================================================
       KNOPPEN
       ============================================================= */

.sell-option-actions {
    margin-top: 12px;
}

.sell-primary-btn,
.sell-collection-btn {
    padding: 11px 22px;
    background: #118abd !important;
    color: #fff !important;
    border: none;
}

.sell-secondary-btn {
    padding: 11px 22px;
    color: #118abd !important;
    background: #fff;
    border: 1px solid #118abd;
}

.sell-primary-btn:hover,
.sell-collection-btn:hover {
    color: #fff !important;
}

.sell-login-note {
    margin-top: 12px;
    color: #888;
    font-size: 12px;
}

    .sell-login-note a,
    .sell-extra-link a {
        color: #118abd;
        font-weight: 600;
    }

.sell-extra-link {
    margin-top: 18px;
    font-size: 13px;
}


/* =============================================================
       CIJFERS
       ============================================================= */

.sell-proof {
    margin-bottom: 60px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.sell-proof-item {
    padding: 27px 20px;
    text-align: center;
    border-right: 1px solid #e7e7e7;
}

.sell-proof .col-md-4:last-child .sell-proof-item {
    border-right: none;
}

.sell-proof-number {
    color: #118abd;
    font-size: 28px;
    font-weight: 700;
}

.sell-proof-title {
    margin-top: 2px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}


/* =============================================================
       ADVIESBLOK
       ============================================================= */

.sell-guidance {
    margin-bottom: 65px;
    padding: 34px 38px;
    background: #fff;
    border-left: 5px solid #118abd;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

.sell-guidance-content > span {
    display: block;
    margin-bottom: 6px;
    color: #118abd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sell-guidance h2 {
    margin: 0 0 10px 0;
    color: #222;
    font-size: 22px;
    font-weight: 600;
}

.sell-guidance p {
    margin-bottom: 7px;
}


/* =============================================================
       WAAROM
       ============================================================= */

.sell-why {
    margin-bottom: 60px;
}

.sell-section-heading {
    margin-bottom: 30px;
}

    .sell-section-heading > span {
        display: block;
        margin-bottom: 6px;
        color: #118abd;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .sell-section-heading h2 {
        margin: 0;
        color: #222;
        font-size: 28px;
        font-weight: 600;
    }

.sell-benefit-card {
    height: 100%;
    min-height: 215px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e2e5e7;
    border-radius: 5px;
}

.sell-benefit-icon {
    margin-bottom: 12px;
    color: #118abd;
    font-size: 31px;
}

.sell-benefit-card h3 {
    margin-bottom: 8px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.sell-benefit-card p {
    font-size: 13px;
}


/* =============================================================
       ONDERSTE CTA
       ============================================================= */

.sell-final-cta {
    padding: 34px 38px;
    background: #fff;
    border-top: 4px solid #118abd;
    box-shadow: 0 3px 13px rgba(0,0,0,.06);
}

    .sell-final-cta > .row > div > span {
        display: block;
        margin-bottom: 5px;
        color: #118abd;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .sell-final-cta h2 {
        margin: 0 0 7px 0;
        color: #222;
        font-size: 22px;
        font-weight: 600;
    }

    .sell-final-cta p {
        margin: 0;
    }


/* =============================================================
       TABLET
       ============================================================= */

@media (max-width: 991px) {

    .sell-option-card {
        height: auto;
        margin-bottom: 28px;
    }

    .sell-option-intro {
        min-height: 0;
    }

    .sell-guidance {
        text-align: center;
    }

        .sell-guidance .sell-secondary-btn {
            margin-top: 20px;
        }

    .sell-benefit-card {
        height: auto;
        margin-bottom: 22px;
    }

    .sell-final-cta {
        text-align: center;
    }

        .sell-final-cta .sell-collection-btn {
            margin-top: 18px;
        }
}


/* =============================================================
       MOBIEL
       ============================================================= */

@media (max-width: 767px) {

    .bobbedoes-sell-page {
        padding: 30px 0 50px 0;
    }

    .sell-intro h1 {
        font-size: 29px;
    }

    .sell-intro-main {
        font-size: 18px;
    }

    .sell-option-card {
        padding: 30px 22px;
    }

    .sell-proof-item {
        border-right: none;
        border-bottom: 1px solid #eee;
    }

    .sell-guidance {
        padding: 27px 22px;
    }

    .sell-section-heading h2 {
        font-size: 23px;
    }

    .sell-final-cta {
        padding: 28px 21px;
    }
}

/* =========================================================
   CENTRAAL - KAVEL / ITEM KOPIËREN
   ========================================================= */

.bd-copy-popup {
    width: 650px !important;
    max-width: calc(100vw - 30px) !important;
    padding: 30px 42px 34px !important;
    border-radius: 8px !important;
    overflow: visible !important;
}

.bd-copy-title {
    margin: 0 !important;
    padding: 0 0 24px !important;
    text-align: left !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.bd-copy-html {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.bd-copy-dialog {
    width: 100%;
    text-align: left;
}

.bd-copy-field {
    margin-bottom: 26px;
}

.bd-copy-label {
    display: block;
    margin-bottom: 10px;
    color: #222;
    font-size: 16px;
    font-weight: 600;
}


/* =========================================================
   CUSTOM BESTEMMING DROPDOWN
   ========================================================= */

.bd-copy-dropdown {
    position: relative;
    width: 100%;
}

.bd-copy-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 58px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid #bdc6cf;
    border-radius: 6px;
    background: #fff;
    color: #252525;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .bd-copy-dropdown-toggle:hover {
        border-color: #8fa2b2;
    }

.bd-copy-dropdown.open .bd-copy-dropdown-toggle {
    border-color: #118abd;
    box-shadow: 0 0 0 2px rgba(17, 138, 189, .13);
}

.bd-copy-dropdown-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bd-copy-dropdown-toggle i {
    margin-left: 16px;
    flex: 0 0 auto;
    transition: transform .15s ease;
}

.bd-copy-dropdown.open .bd-copy-dropdown-toggle i {
    transform: rotate(180deg);
}


/* =========================================================
   OPEN DROPDOWN

   Belangrijk:
   position: static zorgt ervoor dat de lijst gewoon
   onder het keuzeveld komt te staan en de popup hoger maakt.
   ========================================================= */

.bd-copy-dropdown-menu {
    display: none;
    position: static;
    width: 100%;
    max-height: 430px;
    margin-top: 5px;
    padding: 8px 0;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d5dce2;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
    box-sizing: border-box;
}

.bd-copy-dropdown.open .bd-copy-dropdown-menu {
    display: block;
}


/* =========================================================
   GROEPEN
   ========================================================= */

.bd-copy-dropdown-group {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0 10px;
    box-sizing: border-box;
}

    .bd-copy-dropdown-group + .bd-copy-dropdown-group {
        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid #edf0f2;
    }

.bd-copy-dropdown-heading {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 20px 7px;
    box-sizing: border-box;
    color: #47525c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}


/* =========================================================
   BESTEMMINGEN
   ========================================================= */

.bd-copy-dropdown-option {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 43px;
    margin: 0;
    padding: 8px 20px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #20252a;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}

    .bd-copy-dropdown-option:hover {
        background: #f4f7f9;
    }

    .bd-copy-dropdown-option.selected {
        background: #eaf5fa;
        color: #087eae;
    }

.bd-copy-dropdown-option-name {
    display: block;
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   GESELECTEERDE BESTEMMING
   ========================================================= */

.bd-copy-option-check {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #118abd;
    font-size: 20px;
}


/* =========================================================
   PERSOONLIJKE VEILING BADGE
   ========================================================= */

.bd-copy-private-badge {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 12px;
    padding: 4px 9px;
    border-radius: 12px;
    background: #b4c53a;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}


/* =========================================================
   ADVERTENTIES UITLEG
   ========================================================= */

.bd-copy-advertising-help {
    display: block;
    margin: 1px 20px 5px;
    padding: 0;
    color: #7a858e;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================================
   EXTRA OPTIES
   FOTO'S / CATALOGUS
   ========================================================= */

.bd-copy-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bd-copy-option {
    display: flex;
    align-items: center;
    min-height: 68px;
    margin: 0;
    padding: 10px 18px;
    border: 1px solid #d9dfe5;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    font-weight: 400;
    transition: border-color .15s ease, background-color .15s ease;
}

    .bd-copy-option:hover {
        border-color: #aebbc6;
        background: #fafbfc;
    }

.bd-copy-checkbox {
    width: 19px;
    height: 19px;
    margin: 0 18px 0 0;
    flex: 0 0 auto;
    cursor: pointer;
}

.bd-copy-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-right: 18px;
    flex: 0 0 44px;
    border-radius: 7px;
    background: #f0f3f6;
    color: #172638;
    font-size: 21px;
}

.bd-copy-option-text {
    flex: 1;
    color: #20252a;
    font-size: 17px;
    line-height: 1.3;
}


/* =========================================================
   SWEETALERT ACTIEKNOPPEN
   ========================================================= */

.bd-copy-actions {
    margin-top: 30px !important;
    gap: 12px !important;
}

.bd-copy-confirm,
.bd-copy-cancel {
    min-width: 140px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.bd-copy-close {
    color: #52616d !important;
}


/* =========================================================
   TABLET / MOBIEL
   ========================================================= */

@media (max-width: 600px) {

    .bd-copy-popup {
        padding: 24px 20px 26px !important;
    }

    .bd-copy-title {
        padding-bottom: 20px !important;
        font-size: 27px !important;
    }

    .bd-copy-label {
        font-size: 15px;
    }

    .bd-copy-dropdown-toggle {
        height: 54px;
        padding: 0 16px;
        font-size: 16px;
    }

    .bd-copy-dropdown-menu {
        max-height: 360px;
    }

    .bd-copy-dropdown-heading {
        padding-right: 14px;
        padding-left: 14px;
    }

    .bd-copy-dropdown-option {
        min-height: 42px;
        padding: 8px 14px;
        font-size: 15px;
    }

    .bd-copy-private-badge {
        margin-left: 8px;
        padding: 3px 7px;
        font-size: 10px;
    }

    .bd-copy-advertising-help {
        margin-right: 14px;
        margin-left: 14px;
    }

    .bd-copy-option {
        min-height: 60px;
        padding: 8px 12px;
    }

    .bd-copy-checkbox {
        margin-right: 12px;
    }

    .bd-copy-option-icon {
        width: 38px;
        height: 38px;
        margin-right: 12px;
        flex-basis: 38px;
        font-size: 18px;
    }

    .bd-copy-option-text {
        font-size: 15px;
    }

    .bd-copy-actions {
        width: 100% !important;
    }

    .bd-copy-confirm,
    .bd-copy-cancel {
        flex: 1;
        min-width: 0 !important;
    }
}

/* =========================================================
   MIJN VOORRAAD - MOBIELE LIJST
   Centrale styling voor stock-list
   Moet ONDERAAN het stylesheet staan
   ========================================================= */


/* =========================================================
   STATUSPLEK
   Desktop voorlopig niet zichtbaar
   ========================================================= */




/* =========================================================
   DRIEPUNTJES ACTIEKNOP
   Desktop basis
   ========================================================= */







/* =====================================================
       STATUS

       Voorlopig lege gereserveerde plaats.
       Later komt hier de centrale statusbadge.
       ===================================================== */

/* =========================================================
   MIJN VOORRAAD - STATUS
   ========================================================= */







/* =========================================================
   MOBIEL
   ========================================================= */



/* =========================================================
   MY AUCTION - TABEL / HORIZONTAAL SCROLLEN
   Nieuwe basis onderaan stylesheet
   ========================================================= */


/* ---------------------------------------------------------
   WORKSPACE
   --------------------------------------------------------- */




/* ---------------------------------------------------------
   TABELSCROLL WRAPPER
   Desktop normaal, mobiel horizontaal scrollbaar
   --------------------------------------------------------- */






/* ---------------------------------------------------------
   DESKTOP GRID

   Checkbox bewust smaller en dichter bij de afbeelding.
   --------------------------------------------------------- */




/* Admin heeft extra verkoperkolom */




/* ---------------------------------------------------------
   KOLOMKOPPEN
   --------------------------------------------------------- */




/* ---------------------------------------------------------
   RIJEN
   --------------------------------------------------------- */




/* ---------------------------------------------------------
   CHECKBOX

   Geen brede lege eerste kolom meer.
   --------------------------------------------------------- */





/* ---------------------------------------------------------
   KAVEL

   Oude lege positie-kolom verwijderen zodat checkbox
   en afbeelding dichter bij elkaar komen.
   --------------------------------------------------------- */




/* oude lege positie vóór de afbeelding niet meer gebruiken */




/* afbeelding */




/* titelblok */




/* titel */



/* ---------------------------------------------------------
   DRIEPUNTJES
   --------------------------------------------------------- */






/* =========================================================
   MOBIEL / TABLET
   ========================================================= */




/* =========================================================
   MY LOTS PREVIEW - COMPACT MOBIEL
   ========================================================= */



/* =========================================================
       OFFER - 3 / 2 / 1 RIJ
       ========================================================= */

.item-offer-options--321 {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 2fr) minmax(210px, 1fr);
    gap: 14px;
    align-items: stretch;
}


.item-offer-organized-card,
.item-offer-advert-card,
.item-offer-latest-card {
    min-width: 0;
    height: 100%;
}


/* =========================================================
       LAATSTE TOEGEVOEGD
       ========================================================= */

.item-offer-latest-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 14px;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
}


.item-offer-latest-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #171717;
}


    .item-offer-latest-heading > span {
        color: #596870;
        font-size: 18px;
    }


    .item-offer-latest-heading h3 {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
    }


.item-offer-latest-item {
    min-width: 0;
}


.item-offer-latest-main {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    color: inherit !important;
    text-decoration: none !important;
}


    .item-offer-latest-main:hover .item-offer-latest-title {
        color: #118abd;
    }


.item-offer-latest-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 54px;
    overflow: hidden;
    border: 1px solid #e1e5e8;
    border-radius: 4px;
    background: #f6f7f8;
    color: #a1a9af;
}


    .item-offer-latest-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


.item-offer-latest-content {
    min-width: 0;
}


.item-offer-latest-title {
    display: -webkit-box;
    overflow: hidden;
    color: #171717;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.item-offer-latest-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: #89939b;
    font-size: 9px;
}


.item-offer-latest-status {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background: #f1f3f5;
    color: #66727c;
}


.item-offer-latest-destination {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    color: #118abd !important;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none !important;
}


    .item-offer-latest-destination:hover {
        color: #0f79a6 !important;
    }


/* =========================================================
       MEER CONCEPTEN
       ========================================================= */

.item-offer-concepts {
    position: relative;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #edf0f2;
}


.item-offer-concepts-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    color: #118abd;
    font-size: 10px;
    font-weight: 600;
    list-style: none;
}


    .item-offer-concepts-toggle::-webkit-details-marker {
        display: none;
    }


.item-offer-concepts-chevron {
    transition: transform .15s ease;
}


.item-offer-concepts[open] .item-offer-concepts-chevron {
    transform: rotate(180deg);
}


.item-offer-concepts-list {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 20;
    width: 320px;
    overflow: hidden;
    border: 1px solid #dce1e5;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}


.item-offer-concept-row {
    padding: 10px;
    border-bottom: 1px solid #edf0f2;
}


    .item-offer-concept-row:last-child {
        border-bottom: 0;
    }


.item-offer-concept-main {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    color: inherit !important;
    text-decoration: none !important;
}


    .item-offer-concept-main:hover strong {
        color: #118abd;
    }


.item-offer-concept-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 46px;
    overflow: hidden;
    border: 1px solid #e1e5e8;
    border-radius: 3px;
    background: #f6f7f8;
}


    .item-offer-concept-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


.item-offer-concept-content {
    min-width: 0;
}


    .item-offer-concept-content strong {
        display: block;
        overflow: hidden;
        color: #171717;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.3;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


.item-offer-concept-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 3px;
    color: #89939b;
    font-size: 9px;
}


.item-offer-concept-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    padding-left: 51px;
}


.item-offer-concept-destination {
    min-width: 0;
    overflow: hidden;
    color: #118abd !important;
    font-size: 9px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.item-offer-concept-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #9b5656;
    cursor: pointer;
}


    .item-offer-concept-delete:hover {
        background: #fff0f0;
        color: #c0392b;
    }


/* =========================================================
       EMPTY STATE
       ========================================================= */

.item-offer-latest-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 8px 0 2px;
    color: #7a858f;
    font-size: 10px;
}


    .item-offer-latest-empty > .lnr {
        margin-bottom: 3px;
        color: #a8b0b6;
        font-size: 24px;
    }


    .item-offer-latest-empty strong {
        color: #46525e;
        font-size: 11px;
    }


/* =========================================================
       MIJN VEILINGEN
       ========================================================= */

.item-offer-auction-mainlink {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    color: inherit !important;
    text-decoration: none !important;
}


.item-offer-auction-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}


.item-offer-button--active {
    border-color: #b9d7c0;
    background: #f3faf5;
    color: #26753a !important;
}


    .item-offer-button--active:hover {
        border-color: #8fc49b;
        background: #eaf6ed;
    }


/* =========================================================
       TABLET
       ========================================================= */

@media (max-width: 1100px) {

    .item-offer-options--321 {
        grid-template-columns: minmax(0, 2fr) minmax(210px, 1fr);
    }


    .item-offer-latest-card {
        grid-column: 1 / -1;
    }


    .item-offer-concepts-list {
        left: 0;
        right: auto;
        width: 340px;
    }
}


/* =========================================================
       MOBIEL
       ========================================================= */

@media (max-width: 700px) {

    .item-offer-options--321 {
        grid-template-columns: 1fr;
    }


    .item-offer-latest-card {
        grid-column: auto;
    }


    .item-offer-concepts-list {
        position: static;
        width: 100%;
        margin-top: 8px;
        box-shadow: none;
    }


    .item-offer-auction-buttons {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.item-offer-live-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 2px;
    border-radius: 50%;
    background: #28a745;
}

/* Admin: compact databaseoverzicht */
.bd-db-modal .swal2-html-container {
    text-align: left;
}

.bd-db-modal .bd-db-overview {
    color: #333;
    font-size: 12px;
    line-height: 1.45;
}

/* Titel, itemnummers en kopieerknop */
.bd-db-modal .bd-db-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
}

.bd-db-modal .bd-db-heading {
    min-width: 0;
    flex: 1 1 250px;
}

.bd-db-modal .bd-db-title {
    margin: 0 0 8px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.bd-db-modal .bd-db-identifier {
    margin-bottom: 3px;
    font: 12px/1.5 Consolas, monospace;
    overflow-wrap: anywhere;
}

.bd-db-modal .bd-db-heading small {
    display: block;
    margin-top: 6px;
    color: #888;
}

.bd-db-modal .bd-db-copy-all {
    flex: 0 0 auto;
    padding: 7px 12px;
    border: 1px solid #118abd;
    border-radius: 4px;
    background: #118abd;
    color: #fff;
    font: inherit;
    cursor: pointer;
}

    .bd-db-modal .bd-db-copy-all:hover {
        background: #0e769f;
    }

.bd-db-modal .bd-db-copy-status {
    min-height: 18px;
    margin: 0 0 8px;
    color: #26753a;
    font-size: 12px;
}

/* Scrollbare lijst */
.bd-db-modal .bd-db-scroll {
    max-height: 62vh;
    overflow: auto;
    border: 1px solid #e0e5e9;
    border-radius: 4px;
}

.bd-db-modal .bd-db-list {
    width: 100%;
}

/* Drie kolommen: veldnaam | = | waarde */
.bd-db-modal .bd-db-row {
    display: grid;
    grid-template-columns: minmax(0, 38%) 28px minmax(0, 1fr);
    align-items: start;
    border-bottom: 1px solid #e8ecef;
}

    .bd-db-modal .bd-db-row:last-child {
        border-bottom: 0;
    }

    .bd-db-modal .bd-db-row:nth-child(even) {
        background: #f7f9fa;
    }

.bd-db-modal .bd-db-name,
.bd-db-modal .bd-db-value-cell {
    min-width: 0;
    padding: 7px 10px;
    overflow-wrap: anywhere;
    text-align: left;
}

.bd-db-modal .bd-db-name {
    border-right: 0;
    font: 12px/1.5 Consolas, monospace;
    font-weight: 600;
}

.bd-db-modal .bd-db-equals {
    padding: 7px 0;
    color: #888;
    text-align: center;
    font: 12px/1.5 Consolas, monospace;
}

.bd-db-modal .bd-db-text {
    margin: 0;
    font: 12px/1.5 Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.bd-db-modal .bd-db-null,
.bd-db-modal .bd-db-empty {
    color: #888;
    font: italic 12px/1.5 Consolas, monospace;
}

/* Alleen zichtbaar wanneer automatisch kopiëren niet lukt */
.bd-db-modal textarea.bd-db-manual-copy {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
    margin: 0 0 10px;
    padding: 8px;
    border: 1px solid #ccd5dc;
    background: #fff;
    color: #222;
    font: 12px/1.45 Consolas, monospace;
    resize: vertical;
}



/* =========================================================
   ADMIN - UITGELICHT KAVEL
   ========================================================= */






/* Directe sterknop */















@keyframes auctionRowMovedHighlight {
    0% {
        background-color: #fbf9ec;
    }

    35% {
        background-color: #fbf9ec;
    }

    100% {
        background-color: transparent;
    }
}





















/* ============================================================
   CENTRALE ITEM STATUS BADGES
   Variant C - ingetogen / rustig
   ============================================================ */

.bd-status-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}


    /* ============================================================
   BADGE BASIS
   ============================================================ */

    .bd-status-wrapper > .bd-status-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        min-height: 22px;
        padding: 2px 8px;
        border: 1px solid #d9dde2;
        border-radius: 999px;
        background: #ffffff;
        color: #4f5b66;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.15;
        white-space: nowrap;
        flex-shrink: 0;
        cursor: default;
        box-shadow: none;
        transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
    }

    .bd-status-wrapper > button.bd-status-badge {
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
    }

.bd-status-badge--clickable {
    cursor: pointer;
}

    .bd-status-badge--clickable:hover {
        background: #fafbfc;
        border-color: #cfd5db;
    }

    .bd-status-badge--clickable:focus {
        outline: none;
    }

    .bd-status-badge--clickable:focus-visible {
        outline: 2px solid rgba(17, 138, 189, 0.22);
        outline-offset: 2px;
    }

.bd-hdr-status-val {
    overflow: visible !important;
    white-space: normal;
}

    .bd-hdr-status-val .bd-status-popover {
        left: auto;
        right: 0;
    }

        .bd-hdr-status-val .bd-status-popover::before {
            left: auto;
            right: 18px;
        }

@media (max-width: 600px) {

    .bd-status-popover {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 20px !important;
        width: auto !important;
        max-width: none !important;
        z-index: 99999 !important;
    }

        .bd-status-popover::before {
            display: none;
        }

    .bd-hdr-status-val .bd-status-wrapper {
        position: static;
    }
}

/* ============================================================
   ICONEN
   ============================================================ */

.bd-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    color: #64707c;
    flex-shrink: 0;
}

.bd-status-text {
    display: inline-block;
    line-height: 1.1;
}

.bd-status-info-icon {
    margin-left: 1px;
    font-size: 10px;
    line-height: 1;
    opacity: 0.58;
    color: #7b8794;
    flex-shrink: 0;
}


/* ============================================================
   ALGEMENE SUBTIELE STATUSSEN
   Vrijwel allemaal wit en rustig
   ============================================================ */

.bd-status--stock,
.bd-status--concept,
.bd-status--ready,
.bd-status--submitted,
.bd-status--approved,
.bd-status--scheduled,
.bd-status--active,
.bd-status--paused,
.bd-status--sold,
.bd-status--unsold,
.bd-status--unknown {
    background: #ffffff;
    border-color: #d9dde2;
    color: #4f5b66;
}


/* 0 - Verwijderd */
.bd-status--deleted {
    background: #ffffff;
    border-color: #e0d3d3;
    color: #8a5c5c;
}

/* 4 - Afgekeurd */
.bd-status--rejected {
    background: #ffffff;
    border-color: #e7d6d6;
    color: #8f4a4a;
}

/* 9 - Aanpassing vereist */
.bd-status--attention {
    background: #ffffff;
    border-color: #eadfbe;
    color: #8a6a1d;
}


/* ============================================================
   SUBTIELE NUANCES PER STATUS
   Alleen tekst iets anders, geen schreeuwerige badges
   ============================================================ */

.bd-status--stock {
    color: #61707d;
}

.bd-status--concept {
    color: #666666;
}

.bd-status--ready {
    color: #556b59;
}

.bd-status--submitted {
    color: #4e6777;
}

.bd-status--approved {
    color: #4d6354;
}

.bd-status--scheduled {
    color: #4d6354;
}

.bd-status--active {
    color: #455f4b;
}

.bd-status--paused {
    color: #776b48;
}

.bd-status--sold {
    color: #4b6553;
}

.bd-status--unsold {
    color: #7a644b;
}

.bd-status--unknown {
    color: #777777;
}


/* ============================================================
   ICOONSTYLING PER STATUS
   Alleen echt nadruk bij verwijderd / afgekeurd / attention
   ============================================================ */

.bd-status--deleted .bd-status-icon,
.bd-status--rejected .bd-status-icon,
.bd-status--attention .bd-status-icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 9px;
    color: #ffffff;
}

.bd-status--deleted .bd-status-icon {
    background: #8a5c5c;
}

.bd-status--rejected .bd-status-icon {
    background: #8f4a4a;
}

.bd-status--attention .bd-status-icon {
    background: #8a6a1d;
}


/* Overige iconen heel subtiel */
.bd-status--stock .bd-status-icon,
.bd-status--concept .bd-status-icon,
.bd-status--ready .bd-status-icon,
.bd-status--submitted .bd-status-icon,
.bd-status--approved .bd-status-icon,
.bd-status--scheduled .bd-status-icon,
.bd-status--active .bd-status-icon,
.bd-status--paused .bd-status-icon,
.bd-status--sold .bd-status-icon,
.bd-status--unknown .bd-status-icon {
    color: #7b8794;
    background: transparent;
}

/* Niet verkocht bewust zonder links statusicoon */
.bd-status--unsold .bd-status-icon {
    display: none;
}


/* ============================================================
   INFORMATIEPOPUP
   ============================================================ */

.bd-status-popover {
    position: absolute;
    z-index: 1500;
    top: calc(100% + 7px);
    left: 0;
    display: none;
    width: 280px;
    max-width: calc(100vw - 30px);
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 7px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
    color: #444;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    white-space: normal;
}

.bd-status-wrapper.bd-status-wrapper--open .bd-status-popover {
    display: block;
}

.bd-status-popover::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 18px;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    transform: rotate(45deg);
}


/* ============================================================
   POPUP INHOUD
   ============================================================ */

.bd-status-popover-title {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.bd-status-popover-text {
    position: relative;
    z-index: 1;
}

.bd-status-popover-message {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

    .bd-status-popover-message strong {
        display: block;
        margin-bottom: 4px;
        font-weight: 600;
        color: #333;
    }


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 600px) {
    .bd-status-popover {
        width: 250px;
    }
}

/* Create-formulieren: voorkom witte clientvalidatietekst. */
.bd-create .bd-create-validation span[id$="-error"] {
    color: inherit;
}

/* EditDescription: clientvalidatiemeldingen leesbaar maken. */
.edit-description-page .field-validation-error span[id$="-error"] {
    color: inherit;
}