.kt-header .kt-container .kt-header__brand-logo-default, .kt-header--minimize .kt-header .kt-header__brand-logo-sticky { max-width:250px !important; }

.breaker { width:100%; clear:both; float:none; display:block; height:0; }
.loguitknop { text-align:right; display:block !important; }
.formulier { width:100%; }
.alertbig { width:100%; font-weight:600; font-size:17px; }

.offset-1-sm { margin-left:1.5%; }

.col-3 img { max-width:100%; }

.alert { display:block !important; }
.alert a { color:inherit !important; text-decoration:underline; }
.hidden { display:none !important; }

.paginanummers2 { height:20px; float:right; clear:both; margin-top:20px; font-size:16px; }
.paginanummers2 a { text-align:center; border:1px #74788d solid; border-radius:3px; -webkit-border-radius:3px; color:#74788d; background-color:#FFF; text-decoration:none; margin-right:5px; display:block;padding-left:8px; padding-top:3px; padding-right:8px; height:30px; min-width:30px; float:left; }
.paginanummers2 a:hover { color:#FFF; background-color:#D8AC63; text-decoration:none; }
.paginanummers2 a.actief { color:#FFF; background-color:#D8AC63; }

.headerkiezen .geselecteerd img { border:5px #3bb551 solid; }
.crmtopnumber { margin-left:15px; height:2rem !important; width:2rem !important; }

table.dataTable td, table.dataTable th { vertical-align: top !important; }

.group.besteld td { background-color: #ffc107 !important; }
.group.verzonden td { background-color: #00bcd4 !important; color: #FFF !important; }
.group.afgerond td { background-color: #8bc34a !important; }
.group.ingepland td { background-color: #ffc107 !important; }
.group.ingemeten td { background-color: #00bcd4 !important; color: #FFF !important; }
.group.inmeetofferte td { background-color: #dbefc4 !important; }
.group.inmeetklaar td { background-color: #8bc34a !important; }

@media (min-width: 1025px) {
    .kt-content { padding-bottom:0 !important; }
}
@media only screen and (max-width: 767px) {
    .beoordelingenregel .cijfer .vraag { width:70%; }
    .beoordelingenregel .cijfer .beoordeling { float:none; margin-bottom:20px; }
    .kt-subheader { height:auto !important; }
    .beoordelingenregel .kt-portlet__head-title { padding-top:20px !important; padding-bottom:20px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   LUXEHORREN HUISSTIJL OVERRIDE
   Navy: #1d2952  |  Goud: #D8AC63  |  Wit: #ffffff
   ═══════════════════════════════════════════════════════════════ */

/* ── Achtergrond body ───────────────────────────────────────── */
html,
body,
.kt-wrapper,
.kt-grid.kt-grid--hor.kt-grid--root,
.kt-grid__item.kt-grid__item--fluid.kt-grid.kt-grid--ver.kt-page,
.kt-grid__item.kt-grid__item--fluid.kt-grid.kt-grid--hor.kt-wrapper {
    background-image: none !important;
    background-color: #f5f0e8 !important;
}

/* ── Header balk — alle states ──────────────────────────────── */
#kt_header,
.kt-header,
.kt-header.kt-header--fixed,
.kt-header--fixed .kt-header,
.kt-header--minimize-menu .kt-header,
.kt-header--fixed.kt-header--minimize .kt-header,
[data-ktheader-minimize] {
    background-color: #1d2952 !important;
    background-image: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.25) !important;
}
/* Demo4 skin overschrijven */
.kt-header-menu-wrapper,
#kt_header_menu_wrapper {
    background-color: transparent !important;
}

/* ── Logo ───────────────────────────────────────────────────── */
.kt-header__brand-logo img,
.kt-header__brand-logo-default,
.kt-header__brand-logo-sticky {
    max-height: 38px !important;
}

/* ── Navigatie links ────────────────────────────────────────── */
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link,
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link:hover {
    background: transparent !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    color: rgba(255,255,255,0.80) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text {
    color: #D8AC63 !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link,
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link {
    background-color: rgba(201,153,67,0.14) !important;
    border-radius: 4px !important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon svg g [fill] {
    fill: rgba(255,255,255,0.7) !important;
}

/* ── Topbar rechts (gebruikersnaam / iconen) ────────────────── */
.kt-header__topbar .kt-header__topbar-username {
    color: rgba(255,255,255,0.80) !important;
}
.kt-header__topbar-icon i,
.kt-header__topbar-icon svg g [fill] {
    color: rgba(255,255,255,0.70) !important;
    fill: rgba(255,255,255,0.70) !important;
}
.kt-header__topbar-item:hover .kt-header__topbar-icon,
.kt-header__topbar-item.kt-header__topbar-item--active .kt-header__topbar-icon {
    background-color: rgba(201,153,67,0.15) !important;
}
/* Gebruiker initiaal bolletje */
.kt-header__topbar .kt-userpic span,
.kt-badge.kt-badge--username {
    background-color: #D8AC63 !important;
    color: #fff !important;
}

/* ── Subheader (titelbalk onder header) ─────────────────────── */
.kt-subheader,
.kt-subheader--transparent .kt-subheader,
#kt_subheader,
.kt-subheader--enabled #kt_subheader,
body.kt-subheader--transparent #kt_subheader {
    background-color: #232d60 !important;
    background-image: none !important;
    border-top: 1px solid rgba(201,153,67,0.25) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.kt-subheader__title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
}
.kt-subheader__breadcrumbs-home i {
    color: rgba(255,255,255,0.45) !important;
}
/* Gouden actieknop in subheader */
.kt-subheader__btn-options,
.kt-subheader__btn-options.btn-danger,
.kt-subheader__btn-options.btn-success {
    background-color: #D8AC63 !important;
    border-color: #D8AC63 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}
.kt-subheader__btn-options:hover {
    background-color: #b8922e !important;
    border-color: #b8922e !important;
}

/* ── Content achtergrond ────────────────────────────────────── */
.kt-content,
.kt-body {
    background-color: #f5f0e8 !important;
    background-image: none !important;
}

/* ── Portlets ───────────────────────────────────────────────── */
.kt-portlet {
    border-radius: 6px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.07) !important;
}
.kt-portlet__head-title {
    color: #1d2952 !important;
    font-weight: 600 !important;
}

/* ── Footer ─────────────────────────────────────────────────── */
.kt-footer,
.kt-footer__bottom {
    background-color: #1d2952 !important;
    background-image: none !important;
    border-top: 2px solid rgba(201,153,67,0.3) !important;
}

/* ── Mobile header ──────────────────────────────────────────── */
.kt-header-mobile,
#kt_header_mobile {
    background-color: #1d2952 !important;
    background-image: none !important;
}
.kt-header-mobile__toolbar-toggler span,
.kt-header-mobile__toolbar-toggler span::before,
.kt-header-mobile__toolbar-toggler span::after {
    background-color: #fff !important;
}
@media only screen and (max-width: 1024px) {
    .kt-header-menu-wrapper {
        background-color: #1d2952 !important;
    }
    .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
        color: rgba(255,255,255,0.85) !important;
    }
}