/** IOS FIX ZOOMLEVEL **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @supports (-webkit-overflow-scrolling: touch) {
        select,
        textarea,
        input:not([type=submit]){
            font-size: 1rem !important;
        }
    }
}

/**
* Custom overrides
**/
body {
    background-color: #EFF0E9;
}

.m-body .m-content {
    padding: 10px 0;
}
.m-link,
.m-scroll-top:hover>i {
    color:#B8B093;
}
.m-link:hover {
    color:#b7b7b7;
}
a {
    color:#B8B093;
}
a:hover {
    color: #B8B093;
    text-decoration: underline;
}

.close,.close:focus,.close:hover {
    color:#FFF;
}
/** Header menu **/
.m-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.kt-header .kt-header__bottom {
    background-color: #004642;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text {
    color: #FFFFFF;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__item-here,
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__item-here {
    color: #004642;
}
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light {
    background-color: #004642;
}
.m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-light:hover {
    background-color: #B8B093;
}

.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text {
    color:#545454;
}

.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav>.m-menu__item
.m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text,
.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text {
    color:#FFF;
}

.m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #FFF;
    text-decoration: underline;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__hor-arrow {
    color: #FFFFFF;
}
.m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__link>.m-menu__hor-arrow, .m-header-menu.m-header-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link>.m-menu__hor-arrow {
    color:#FFF;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link:hover .m-topbar__username,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__username {
    color: #B8B093;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #ffffff;
}

.m-subheader {
    padding: 20px 0 0 0;
}
.m-brand .m-brand__tools .m-dropdown .btn:focus, .m-brand .m-brand__tools .m-dropdown .btn:hover {
    background: #b8b093;
    border-color: #b8b093;
}

.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link
.m-nav__link-arrow, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-text {
    color:#b8b093;
}

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav>.m-menu__item:hover>.m-menu__link .m-menu__link-text {
    color:#b8b093;
}


.text-right {
    text-align: right;
}

/** Forms **/
.inputpreviewimg {
    display:none;
}

.form-control {
    padding: 0.5rem 0.75rem;
}

.m-bootstrap-select.m-input--solid {
    background-color: #f4f5f8;
    border-color: #f4f5f8;
    color: #575962;
}

.kt-bootstrap-select.kj-small-select {
    width: 100px !important;
}

/* Input hovers  */
.form-control.focus, .form-control:focus {
    border-color: #B8B093;
}

.bootstrap-select.btn-group.show>.dropdown-toggle.btn-default, .bootstrap-select.btn-group.show>.dropdown-toggle.btn-secondary {
    border-color: #B8B093 !important;
}

.bootstrap-select.btn-group > .dropdown-toggle {
    padding: 0.5rem 0.75rem;
}

.bootstrap-select.btn-group .dropdown-menu.inner > li > a {
    padding: 5px 10px;
}

.m-form .m-form__group label.col-form-label {
    padding-top: 0.4rem;
}

.m-form .m-form__group {
    padding-top: 0px;
}

.m-form .m-form__actions {
    padding: 6px 30px;
}

/* Tussenruimte groups kleiner */
.m-form .m-form__group {
    padding-bottom: 2px;
}



/* Modals */
.modal .modal-content {
    height: 100% !important;
    border: none !important;
}

/** Block UI Loaders**/
.blockMsg {
    background: none !important;
    border:none !important;
}
.blockOverlay {
    background: none !important;
}
.m-spinner.m-spinner--info {
    background-color: #004642;
}

/** Datatabes **/
.m-datatable.m-datatable--default > .m-datatable__table {
    min-height:unset !important; /* Geen minmale hoogte */
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > .kjinline-dtbl-activerow > .m-datatable__cell {
    background-color:#0B2743 !important;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > .kjinline-dtbl-activerow > .m-datatable__cell > span {
    color:#FFF !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > .kjinline-dtbl-activerow .closeRow {
    border-color: #B8B093 !important;
    background-color: #B8B093 !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > .kjinline-dtbl-activerow > .m-datatable__cell {
    background-color: #004642 !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > .kjinline-dtbl-activerow .closeRow i {
    color: #ffffff !important;
}

/* Cellen */
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 11px 10px;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row {
    height: 42px !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
    padding: 0px 10px;
}

/* No records body */
.m-datatable.m-datatable--default.m-datatable--error .m-datatable__body {
    padding: 15px;
}

/* Navigation */
.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: #b7b7b7;
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
    background: #b7b7b7;
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover {
    background: #b7b7b7;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle {
    background: #b7b7b7;
}

.btn.m-btn--hover-accent:hover, .btn.m-btn--hover-accent.active, .btn.m-btn--hover-accent:active, .btn.m-btn--hover-accent:focus, .show > .btn.m-btn--hover-accent.dropdown-toggle {
    border-color: #b8b093 !important;
    color: #ffffff !important;
    background-color: #b8b093 !important;
}

.m-datatable.m-datatable--default > .m-datatable__pager {
    margin-top: 0px;
}

/** Default product **/
.productBlock {
    min-height: 260px;
}

/** Portlets **/
.m-portlet .m-portlet__body {
    padding: 1.2rem 1.2rem;
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--default {
    background: #004642;
    color:#FFF;
}
.m-portlet.m-portlet--creative .m-portlet__head {
    height: 0.1rem;
}
.kj-portlet-minihead {
    height: 0.1rem !important;
}

.m-portlet .m-portlet__head {
    height: 3.1rem;
}
.kt-portletbg .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    font-size: 1rem;
    color:#FFFFFF;
}
.kt-portletbg .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title a {
    color:#FFFFFF;
}

a.btn.btn-label-danger.active, a.btn.btn-label-danger:focus, a.btn.btn-label-danger:hover, button.btn.btn-label-danger.active, button.btn.btn-label-danger:focus, button.btn.btn-label-danger:hover, input.btn.btn-label-danger.active, input.btn.btn-label-danger:focus, input.btn.btn-label-danger:hover {
    background-color: #FD397A;
    color: #FFFFFF;
}

.btn-label-danger {
    color: #FD397A;
}

.kt-footer .kt-footer__bottom {
    background-color: #004642;
}
.kt-footer .kt-footer__bottom .kt-footer__copyright {
    color:#FFF;
}
.kt-footer .kt-footer__bottom .kt-footer__copyright a {
    color:#FFF;
}

.kt-svg-icon g [fill] {
    fill: #FFF;
}

.kt-scrolltop {
    background: #FFA400;
}
.kt-font-success {
    color: #FFA400 !important;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-badge {
    color: #FFFFFF;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--here>.kt-menu__link {
    background-color: #76D68A;
}
.kt-header-menu .kt-menu__nav>.kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active)>.kt-menu__link {
    background-color: #76D68A;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--here>.kt-menu__link .kt-menu__link-badge {
    color: #3D94FB;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-badge:hover {
    color: #3D94FB;
}

/** Primary colors portlets */
.kt-portletbg .kt-portlet__head {
    background-color: #004642;
}

.kt-portletbg .kt-portlet__head,
.modal-header {
    background-color: #004642;
}

.modal .modal-content .modal-header .modal-title {
    color: #FFFFFF;
}

.kt-portletbg .modal-title .kjclosemodal {
    color:#FFF !important;
}

/** Default buttons **/
.btn.m-btn--label-brand {
    color: #B8B093;
}

.btn-primary,
.btn-success {
    background: none;
    border-color: #E56461;
    color:#E56461;
    border-radius: 10px;
}
 .btn-primary:hover,
 .btn-success:hover {
     background: none;
     border-color: #E56461;
     color:#E56461;
     border-radius: 10px;
 }

.btn-secondary, btn-secondary:hover {
    border-radius: 10px;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background: none;
    border-color: #E56461;
    border-radius: 10px;
}
.kj_fullwithbutton {
    width: 100%;
}

/** Orders **/
@media (max-width:780px) {
    .hide780 {
        display:none;
    }
}

/** Login **/
.m-login.m-login--1 .m-login__wrapper .m-login__head .m-login__title,
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub .m-link:hover,
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub .m-link {
    color:#004642;
}
.m-login__wrapper .btn-focus {
    background-color: #b8b093;
    border-color: #b8b093;
}
.m-login__wrapper .btn-focus:hover, .btn-focus:focus,.btn-focus, .btn-outline-focus:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}
.m-login__wrapper .btn-outline-focus,
.m-login__wrapper .btn-outline-focus.focus, .btn-outline-focus:focus, .btn-outline-focus:hover,
.btn-outline-focus:not(:disabled):not(.disabled).active, .btn-outline-focus:not(:disabled):not(.disabled):active, .show>.btn-outline-focus.dropdown-toggle  {
    background-color: #b8b093;
    color:#FFF;
    border-color: #b8b093;
}

.btn-focus:not(:disabled):not(.disabled).active, .btn-focus:not(:disabled):not(.disabled):active, .show>.btn-focus.dropdown-toggle {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}

.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text {
    font-weight: 400;
    font-size: 1.07rem;
    text-transform: initial;
}

.alert {
    padding: 1rem 1rem;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #EFF0E9;
}

/* New buttons */
.btn-woud {
    background: none;
    border-color: #76D68A;
    color:#76D68A;
}

.btn-woud:hover,
.btn-woud:not(:disabled):not(.disabled).active,
.btn-woud:not(:disabled):not(.disabled):active {
    background: #76D68A;
    border-color: #76D68A;
    color:#FFF;
}

.btn-woud-red {
    background: none !important;
    border-color: #E56461 !important;
    color:#E56461 !important;
}

.btn-woud-red:hover,
.btn-woud-red:not(:disabled):not(.disabled).active,
.btn-woud-red:not(:disabled):not(.disabled):active {
    background: #E56461 !important;
    border-color: #E56461 !important;
    color:#FFF !important;
}

.btn-brand,
.btn-brand:hover,
.btn-brand:not(:disabled):not(.disabled).active,
.btn-brand:not(:disabled):not(.disabled):active {
    background-color: #004642;
    border-color: #004642;
}

.kt-link {
    color: #004642;
}
.kt-link:hover {
    color: #76D68A;
}



.kt-badge.kt-badge--success{
    background: #FFA400;
    color:#004642;
}
/** Notifi */
.alert-success:not(.m-alert--outline) {
    background-color: #FFA400;
    border-color: #FFA400;
}

.form-control.focus, .form-control:focus {
    border-color: #004642;
}

.bootstrap-select.show>.dropdown-toggle.btn-light, .bootstrap-select.show>.dropdown-toggle.btn-secondary,
.bootstrap-select>.dropdown-toggle.btn-light.active, .bootstrap-select>.dropdown-toggle.btn-light:focus, .bootstrap-select>.dropdown-toggle.btn-secondary.active, .bootstrap-select>.dropdown-toggle.btn-secondary:focus {
    border-color: #004642;
}


/*
Mobile/table
 */
@media (max-width: 1024px) {

    .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__heading .kt-menu__link-text, .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text {
        color: #004642;
    }

    .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text {
        color: #004642;
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span {
        background: #004642;
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span::after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span::before {
        background: #004642;
    }

    .kt-header-menu-wrapper-close > i {
        color: #004642;
    }
    .kt-header-menu-wrapper-close:hover {
        background-color: #004642;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span {
        background: #004642;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span::after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span::before {
        background: #004642;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler.kt-header-mobile__toolbar-topbar-toggler--active i, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler:hover i {
        color: #004642;
    }
}