html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    position: static !important;
    margin-bottom: 120px;
    min-height: 100%;
}

#content {
    padding-top: 25px;
    padding-bottom: 25px;
}

h1 {
    color: #D31116;
}

label {
    font-size: 70%;
    color: #666;
}

.table th {
    color: #FFF;
    background-color: #D31116;
}


.btn-primary {
    color: #FFF;
    background-color: #333;
    border-color: #333;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #FFF;
    background-color: #D31116;
    border-color:#D31116;
}

a:link, a:visited {
    color: #000;
}

a {
    text-decoration: none;
}



/* HEADER */
#header {
    background-color: #222;
}

.btn-searchtop, .btn-searchtop:hover, .btn-searchtop:active, .btn-searchtop:link, .btn-searchtop:visited {
    background-color: #D31116;
    color: #FFF;
}

.search-header{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}



/* OFFCANVAS */
.offcanvas-menu {
    list-style-type: none;
}

.offcanvas-menu li {
    font-size: 1.2em;  
    padding-top:10px;
    padding-bottom:10px;
}

.offcanvas-menu li a:hover {
    background-color: transparent;
    color: #D31116 !important;
}


/* LOADER */
#global-loader {
    display: none;
    background-color: rgb(255, 255, 255, 0.5);
}
#global-loader {
    opacity: 0.65;
}
#global-loader {
    position: fixed;
    z-index: 50000;
    background: white;
    background-color: white;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.loader-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 43%;
    left: 0;
    margin: 0 auto;
    text-align: center;
}


/* MENU */
#menu {

}

#menu_ul {
    color: #fff;
    margin-left: auto;
}

#menu_ul li a:link, #menu_ul li a:visited {
    color: #FFF;
}

#menu_ul li a:hover, #menu_ul li a:active {
    color: #FFF;
}

#menu_ul li a.dropdown-item {
    color: #D31116 !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e9ecef;
}


#menu_split {
    border-right: 1px #989898 solid;
}

.menu_icons_li {
    position: relative;
    padding-left: 10px !important;
    padding-right: 3px !important;
}

.menu_icons_li a:hover {

}

.taal_dropdown .dropdown-menu {
    width: 60px;
    min-width: 60px !important;
}
.taal_dropdown .dropdown-menu li {
    text-align: center;
}

.taal_dropdown .dropdown-menu li:hover {
    background-color: #E7650F;
    color: #ffffff;
    cursor: pointer;
}

#menu_logo {
    position: absolute;
    top: 10px;
}

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

.btn-search, .btn-search:hover {
    color: #FFF;
    background-color: #D31116;
    border-color: #D31116;
}





#navbarNavDarkDropdown {

}



#menu_offertes_count[data-count="0"] {
    display: none;
}

#menu_offertes_count {
    background-color: #D31116;
    border-radius: 1em;
    box-shadow: 0 0 0 2px #fff;
    color: #fff;
    font-size: 10px;
    left: 60%;
    letter-spacing: 0;
    line-height: 1;
    min-width: 1em;
    padding: 2px 5px;
    transition: all 0.1s ease-in-out 0s;
    float: right;
}



#header_winkelwagen_count[data-count="0"] {
    display: none;
}

#header_winkelwagen_count {    
    border-radius: 1em;
    box-shadow: 0 0 0 2px #fff;
    color: #D31116;
    font-size: 10px;
    left: 60%;
    letter-spacing: 0;
    line-height: 1;
    min-width: 1em;
    padding: 2px 5px;
    position: absolute;
    top: -1px;
    transition: all 0.1s ease-in-out 0s;
}

#main-header {
    position: relative;
    padding-top:35px;
    padding-bottom: 40px;
    background-color: #222;
}

.navbar-toggler {
    background-color: #222;
    border-color: #990000 !important;
}

/* AANMELDEN */
#btn-aanmelden {
    background-color: #D31116;
    border-color: #D31116;
    color: #fff;
}

#nieuw_account_link {
    color: #D31116;
}

#wachtwoord_vergeten_link {
    color: #D31116;
}


/* NIEUW WACHTWOORd */
#btn-reset-wachtwoord {
    background-color: #D31116;
    border-color: #D31116;
    color: #fff;
}


/* BESTELLING */
#bestelling .row {
    padding-bottom:10px;
}

#bestelling_table_data input {
    width: 75px;
    text-align: right;
}

#accept_algemene_verkoopsvoorwaarden {
    padding-bottom: 5px;
}

#accept_algemene_verkoopsvoorwaarden label{
    font-weight: normal;
}

#accept_algemene_verkoopsvoorwaarden a:hover, #accept_algemene_verkoopsvoorwaarden a:active,
#accept_algemene_verkoopsvoorwaarden a:link, #accept_algemene_verkoopsvoorwaarden a:visited{
    color: #D31116;
    text-decoration: underline;
}

#myTabContent {
    padding-top: 5px;
}


.winkelmand_leverwijze {
    margin-right: 5px;
}


.btn-winkelmand-leverdatum {
    background-color: #fff;
    color: #6c757d;
    border-color: #6c757d;
    margin-right: 5px;
    margin-bottom: 5px;
}

.btn-winkelmand-leverdatum:hover {
    background-color: #D31116 !important;
    color: #FFF !important;
    border-color: #D31116 !important;
}

.btn-winkelmand-leverdatum:checked {
    background-color: #900 !important;
    color: #FFF !important;
    border-color: #900 !important;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: #900 !important;
    color: #FFF !important;
    border-color: #900 !important;
}

#btnWinkelmand-pdf {
    color: #FFF !important;
    background-color: #D31116;
}

/* LEGENDE */

#legende {
    border: 1px solid #313131;
    margin: 25px 1px 25px;
}

#legende div {
    padding-top: 5px;
}



/* PRODUCTEN */
.topproductpage {
    position: relative;
    height: 100px;
    min-height: 100px;
}

.dropdown-toggle::after {
    float:right;
    margin-top: 5px;
}


.product-groepen-list {
    padding-top: 10px;
    border-radius: 10px;
}

.product-groepen-list .nav-item {
    background-color: #FFF;
    color: #D31116;
    padding: 2px;
    border-bottom: 1px solid rgba(120,120,120,0.4) !important;
}

.product-groepen-list .nav-item a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.product-groepen-list .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
}

.product-groepen-list .dropdown-menu li {
    padding-left: 10px;
}

.product-groepen-list .dropdown-menu li .dropdown-menu li {
    padding-left: 18px;
}

.product-groepen-list .dropdown-item {
    white-space: normal;
}

.product-groepen-list .dropdown-item:hover {
    color: #E61219 !important;
    text-decoration: none;
    background-color: #FFF;
}

.product-groepen-list .dropdown-menu .nav-item {
    border-bottom: none !important;
}



.dropdown-item {
    padding: .25rem 1rem;
    font-weight: 400;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}

/* , .dropdown-item:active */
.dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: #D31116;
}
.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ddd;
}



a span.moreinfo {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
a span.moreinfo:hover {
    color: #D31116;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.producten-product {
    padding: 20px 10px;
}

.producten-product a:hover .card {
    border-color: #D31116;
}


.producten-product .product-omschrijving {
    text-align: center;
    min-height: 5em;
}

.product-merk {
    text-align: center;
    font-weight: bold;
}

.producten-product .product-voorraad {


}
.product-prijs {
    text-align: center;
    font-size: 150%;
    color: #429861;
    font-weight: bold;
}

.product-prijs .product-prijs-korting {
    color: #d93838;
}

.product-prijs .product-prijs-btw {
    display: block;
    font-size: 60%;
    color: #999;
}

.producten-product .product-voorraad {
    text-align: center;
}

.producten-product .invoorraad {
    color: #429861;
    font-size: 90%;
}
.producten-product .nietinvoorraad {
    color: #b21f2f;
    font-size: 90%;
}
.producten-product .beperktevoorraad {
    color: #f15a29;
    font-size: 90%;
}

.producten-product {
    position: relative;
}

.producten-product .card-footer {
    background-color: #FFFFFF;
    border-top: 0px;
}





input.winkelmand-aantal {
    width: 100%;
}

a span.moreinfo {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
a span.moreinfo:hover {
    color: #429861;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

p.productdetail {
}

p.productdetail span.label {
    display: block;
    font-weight: bold;
}
p.productdetail span.label.inline {
    display: inline-block;
    font-weight: bold;
}

p.productdetail span.waarde {
}




.main-sidebar {
    position: relative;
    float:left;
}


#producten {

}

#producten-container {

}

#producten-content {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

#toggle_filter_parent {
    z-index: 100;
}



#toggle_filters {
    color: #FFF;
    background-color: #128d8f;
    border: 5px solid #128d8f;
    border-radius: 4px;
    display: none;
    cursor: pointer;

}

#toggle_filters i {
    margin-right: 5px;
}


.zoekfilter_hidden {
    display: none;
}

.toggle_zoekfilter {
    cursor: pointer;
    color: #065384;
}

.toggle_zoekfilter:hover {
    color: #128d8f;
}

h3.filtertitle {
    margin-top: 10px;
    font-size: 150%;
    font-weight: bold;
    color: #D31116;
}

.product-filter-list li {
    list-style-type: none;
}

.product-omschrijving {
    min-height: 4em;
    text-align: center;
}

.product-prijs {
    text-align: center;
    font-size: 125%;
}


#accordionGroepen {

}

#accordionGroepen .accordion-button {
    background-color: #990000;
    color: #FFF;
    border-color: #990000;
}

#accordionGroepen .accordion-body {
    padding: 0;
}

#accordionGroepen .accordion-body .dropdown-item {
    padding: 1rem 1.25rem;
}

#accordionGroepen .accordion-body .dropdown-item:hover, #accordionGroepen .accordion-body .dropdown-item:active {
    background-color: #990000;
    border-color: #990000;
    color: #FFF;
}

.slider-aanbieding {
    position: absolute;
    right: 0px;
    top: 20px;
    background-color: #900;
    color: #FFF;
    border: 15px solid #900;
    transform: rotate(45deg);
    border-radius: 25px;
}

.slick-prev::before, .slick-next::before {
    color: #990000 !important;
}


/* PRODUCT */
#related-products-slider {
    margin: 0 auto;
}

#related-products-slider li h2 {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}



/*
V rood         b21f2f
R rood         d93838
O oranje       db7938
L groen        429861
IJ blauw/groen 128d8f
K blauw        065384

*/

.product-winkelmand-btn {
    border: none;
    color: #FFF;
    background-color: #333;
    border-color: #333;
    cursor: pointer;
}

.product-winkelmand-btn:hover {
    color: #FFF;
    background-color: #8bc34a;
    border-color: #8bc34a;
}

.product-favoriet-btn {
    color: #ccc;
    background-color: #FFF;
    border-color: #ccc;
    cursor: pointer;
}

.product_groep {
    position: relative;
    padding-bottom: 10px;
}

.product_groep_tekst {
    text-align: center;
    padding-top: 5px;
}

.winkelmand-msg {
    font-size: 0.8em;
    color: #429861;
}

.producten-product {
    position: relative;
}


.producten-product-korting {
    position: absolute;
    right: 0;
    background-color: #d93838;
    color: #FFF;
    font-size: 0.9rem;
    border-radius: 40px;
    padding: 15px 10px;
}

.overlay {
    position: absolute;
    opacity: 0;
    background: rgba(66, 152, 97, 0.4) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left:0;
}

.overlay_img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


#product .product-voorraad {
    text-align: center;
}

#product .invoorraad {
    color: #429861;
    font-size: 90%;
}
#product .nietinvoorraad {
    color: #b21f2f;
    font-size: 90%;
}
#product .beperktevoorraad {
    color: #f15a29;
    font-size: 90%;
}




/* BESTEL OVERZICHT */

.accordion-header {
    background-color: #eee;
}

.accordion-button {
    background-image: none !important;
    border: none;
    display: block;
}

.accordion-button::after {
    background-image: none !important;
}

#bestel-overzicht .accordion .btn-link {
    width: 100%;
    color: #990000;
    background-color: #eee;
}


/* TABS */
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #D31116;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #D31116;
    border-color: #D31116;
}


/* ADMIN */
/* PRODUCTEN */

#admin-producten-overzicht table.dataTable tr td:first-child {
    text-align: center;
}

#admin-producten-overzicht table.dataTable tr td:first-child:before {
    content: url(../images/icons/uncheck.png); /* fa-square-o */
    font-family: FontAwesome;
}

#admin-producten-overzicht table.dataTable tr.selected td:first-child:before {
    content: url(../images/icons/check.png); /* fa-check-square-o */
}

#admin-producten-overzicht table.dataTable tr td.dataTables_empty:first-child:before {
    content: "";
}

#producten_table .fa-eye-slash {
    color: #D31116;
}

#producten_table .fa-eye {
    color: green;
}

.admin-product-kijker {
    cursor: pointer;
}


/* ADMIN - PRODUCT */

#product-fotos-progress {
    display: none;
}


.admin-productfoto {
    position: relative;
    border: 2px solid #FFF;
}

.hoofdfoto {
    border-color: #1F7BCC;
}

.admin-productfoto-delete {
    position: absolute;
    right: 0;
    top: -15px;
}

.admin-productfoto-delete-btn {
    border:none;
    color: #FFF;
    background-color: #b21f2f;
    border-radius: 15px;
    border-color: #b21f2f;
    cursor: pointer;
}

.admin-productfoto-volgorde {
    margin: 0 auto;
    max-width: 75px;
    margin-bottom: 10px;
    text-align: center;
}

.admin-productfoto-foto {
    cursor: pointer;
}



/* FILTERS */
#filterwaardes-table {
    width: 100% !important;
}


/* LOGIN */
#admin-login {

}

#admin-login .row {
    padding-bottom: 5px;
}

#admin-edit-login {
    color: #333;
}

#admin-login-vertegenwoordiger-row label {
    padding-right: 10px;
}


/* PRODUCTGROEPEN */
#productgroepen_overzicht table.dataTable tr td:first-child {
    text-align: center;
}

#productgroepen_overzicht table.dataTable tr td:first-child:before {
    content: url(../images/icons/uncheck.png); /* fa-square-o */
    font-family: FontAwesome;
}

#productgroepen_overzicht table.dataTable tr.selected td:first-child:before {
    content: url(../images/icons/check.png); /* fa-check-square-o */
}

#productgroepen_overzicht table.dataTable tr td.dataTables_empty:first-child:before {
    content: "";
}


/* WINGS */
#admin_wings button {
    color: #FFF;
    background-color: #D31116;
    border-color: #D31116;
}

#admin_wings div div {
    padding-bottom: 5px;
}



/* AUTOCOMPLETE WORKAROUND */
.ui-autocomplete {
    max-height: 290px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 2000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover
{
    border: 1px solid #C4C4C4;
    background: #C4C4C4;
}




/* FOOTER */
.footer {
    background-color: #222;
    color: #FFFFFF;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 100%;
}

#footer1 {
    padding-top: 10px;
}

#footer1 p {
    margin-bottom: 0px;
}

#footer1 svg, #footer1 i {
    color: #D31116;
    margin-right: 10px;
}

#footer1 a:hover, #footer1 a:active,
#footer1 a:link, #footer1 a:visited{
    color: #fff;
}


/* BUTTONS FILTERS */
.btn-product-filters {
    color: #000;
    background-color: #eee;
}

.btn-product-filters:hover {
    color: #FFFFFF;
    background-color: #D31116;
}


.btn-toggle-blauw {
    color: #FFFFFF;
    background-color: #D31116;
}



/* SWITCH */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    float:right;
    margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.switch input {
    display:none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f44336;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.default:checked + .slider {
    background-color: #444;
}
input.primary:checked + .slider {
    background-color: #2196F3;
}
input.success:checked + .slider {
    background-color: #8bc34a;
}
input.info:checked + .slider {
    background-color: #3de0f5;
}
input.warning:checked + .slider {
    background-color: #FFC107;
}
input.danger:checked + .slider {
    background-color: #f44336;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}








/* CLASSES */
.text-rood {
    color: #D31116
;}

.h8px {
    height: 8px;
}

.pt-20 {
    padding-top:20px;
}

.pb-20 {
    padding-bottom: 20px;
}

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

.bg-red {
    background-color: #D31116;
}

.red {
    color: #D31116;
}

.pbot5 {
    padding-bottom: 5px;
}

.pbot10 {
    padding-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.pointer {
    cursor: pointer;
}

.thead-red {
    background-color: #D31116;
    color: #ffffff;
}


.btn_light_grey {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #989898;
    padding: 5px 10px;
    border: none;
    margin-right:15px;
}

.btn_light_grey:hover {
    background-color: #C4C4C4;
}

.btn_mijn_prijzen {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #0A7CC3;
    padding: 5px 10px;
    border: none;
    margin-right:15px;
}

.btn_mijn_prijzen:hover {
    background-color: #0A7CEF;
}

.btn_red {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #D31116;
    padding: 5px 10px;
    border: none;
    margin-right:15px;
}

.btn_red:hover {
    background-color: #990000;
    color: #FFF;
}

.winkelmand-favoriet, .historiek-favoriet, .promotie-favoriet {
    color: #C4C4C4;
    cursor: pointer;
}

.isFavoriet {
    color: #D31116;
}

.favoriet-winkelmand, .historiek-winkelmand, .promotie-winkelmand {
    cursor: pointer;
    color: #C4C4C4;
}


.inWinkelmand {
    color: #D31116;
}

.winkelmand-btw {
    text-align: center;
}

.btn-historiek {
    color: #D31116;
    background-color: transparent;
}

.btn-historiek:hover {
    text-decoration: underline;
}

.mright5 {
    margin-right: 5px;
}

.pright10 {
    padding-right: 10px;
}

.huiskleur {
    color: #D31116;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url("../images/ui-icons_777777_256x240.png");
    background-position: -80px -128px;
}

.fs-150 {
    font-size: 150%;
}

.border-red {
    border-color: #D31116 !important;
}

.mw-150 {
    max-width: 150px;
}

.mw-50{
    max-width: 50px;
}

.mh-115 {
    min-height: 115px !important;
}

.left325 {
    left: -515px;
}


.in_cart {
    background-color: #8bc34a;
}

.in_cart:hover {
    background-color: #D31116;
}

.pbottop25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ui-datepicker {
    z-index: 2000 !important;
}

.prel {
    position: relative;
}

.is_favoriet {
    color: #FFF;
    background-color: #D31116;
    border-color: #D31116;
}

.is_favoriet i, .is_favoriet svg {
    color: #FFF;
    background-color: #D31116;
}

.error-link {
    text-decoration: underline;
    color: inherit !important;
}


a.wit {
    color: #ffffff;
}
a.wit:hover {
    color: #cccccc;
}

.breadcrumb-item {
    display: inline-block;
   color: #FFF;
}

.breadcrumb-item a {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #FFF;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 5px;
    padding-left: 5px;
}

.breadcrumb-item.active {
    color: #FFF;
}



.mt-30 {
    margin-top: 30px;
}

.mt-60 {
    margin-bottom: 60px;
}


/* PRETTY TWEAK */
/* PRETTY CHECKBOX OVERRULE */
.pretty {
    white-space: inherit;
    width: 100%;
}

.pretty .state label{
    text-indent: 0;
    padding-left: 2rem;
    vertical-align: top;
    font-size:100%;

}

.pretty .state label:after,
.pretty .state label:before{
    top: 0;
}

.pretty .state label::before {
    border-color: #D31116;
    border-width: 2px;
}



/* MEDIA */

@media (max-width: 9.92px) {
    #menu_ul {
        padding-top: 20px;
        text-align: center;
    }
}


@media (max-width: 767px) {
    #main-header {
        min-height: 120px;
    }

    #sidebar {
        margin-left: -500px;
    }
    #sidebar.active {
        margin-left: 0;
    }

    #producten-container {
        margin-left: 0px !important;
    }

    #toggle_filters {
        display: block;
        margin-top: 10px;
    }

    .main-sidebar {
        z-index: 1000;
        background-color: #e9ecef;
        padding: 20px;
    }

    #menu_ul {
        padding-top: 5px;
    }

    #menu_ul li {
        text-align: center;
        border: none;
    }

    #menu_ul li a {
        display: inline-block;
    }

    .header-winkelwagen-count {
        left: 52%;
    }

    .main-sidebar {
        position: absolute;
    }

    #search-form {
        display: block;
    }

    .navbar-toggler {
        display: none;
    }

    #mobile_menu {
        display: block;
    }
}


/* BESTELLINGEN */
#bestellingen-table td.details-control {
    background: url('../images/icons/details_open.png') no-repeat center center;
    cursor: pointer;
}
#bestellingen-table tr.shown td.details-control {
    background: url('../images/icons/details_close.png') no-repeat center center;
}


/* STOCKLOCATIES */

.btn-stocklocatie-edit, .btn-stocklocatie-edit:hover {
    color: #FFF !important;
    background-color: #D31116 !important;
    border-color: #D31116 !important;
}


#stocklocaties-datatable_filter input {
    display: inline-block;
    width: 500px;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}





@media all and (min-width: 992px) {
    .search-header {
        padding-right: 3rem!important;
        padding-left: 3rem!important;

        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

}



 /* ELASTISLIDE */
 

.elastislide-list {
    list-style-type: none;
    display: none;
}

.no-js .elastislide-list {
    display: block;
}

.elastislide-carousel ul li {
    min-width: 20px; /* minimum width of the image (min width + border) */

}

.elastislide-wrapper {
    position: relative;
    /*background-color: #fff;*/
    margin: 0 auto;
    min-height: 40px;
    /*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}

.elastislide-wrapper.elastislide-loading {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.elastislide-horizontal {
    padding:4px 36px;
}

.elastislide-vertical {
    padding: 36px 4px;
}

.elastislide-carousel {
    overflow: hidden;
    position: relative;
}

.elastislide-carousel ul {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.elastislide-horizontal ul {
    white-space: nowrap;
    font-size:0pt;
}

.elastislide-carousel ul li {
    margin: 0;
    -webkit-backface-visibility: hidden;

}

.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
    padding:3px;
}

.elastislide-vertical ul li {
    display: block;
}

.elastislide-carousel ul li a {
    display:block;
    outline:none;
    border:4px solid #fff;
    -webkit-transition:border-color .2s ease-in , background-color .2s ease-in;
    -moz-transition:border-color .2s ease-in , background-color .2s ease-in;
    -o-transition:border-color .2s ease-in , background-color .2s ease-in;
    -ms-transition:border-color .2s ease-in , background-color .2s ease-in;
    transition:border-color .2s ease-in , background-color .2s ease-in;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}

.elastislide-carousel ul li a img {
    display: block;
    max-width: 100%;
    /*border:4px solid #fff;*/
    border:none;

}
.elastislide-carousel ul li a:hover {

}
.elastislide-carousel ul li.active a
{
    border:4px solid #D31116;
}

/* Navigation Arrows */
.elastislide-horizontal nav span {
    position:absolute;
    background-image:url(../images/nav-h1.gif);
    width:19px;
    height:33px;
    text-indent: -9000px;
    cursor:pointer;
    background-position: -8px center;
    background-repeat:no-repeat;

}
.elastislide-horizontal nav span {
    top: 50%;
    left: 10px;
    margin-top: -16px;
}
.elastislide-horizontal nav span.elastislide-next {
    right: 10px;
    left: auto;
    background-position:-128px center;
}
.elastislide-horizontal nav span:hover {
    background-position:-48px center;
}
.elastislide-horizontal nav span.elastislide-next:hover {
    background-position:-88px center;
}



#demo6carousel {
    max-height: none !important;
    height: 105px !important;
}

.demowrap
{

    display:block;
}
.demowrap img
{
    width:100%;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
.info
{
    text-indent:1em;
}
.box
{
    margin-bottom:40px;
    width: auto;
}

.footer h2
{
    border-bottom:1px solid #aaa;
    padding:10px 0;
}

#option ul
{
    list-style:square;
    line-height:2em;
}
#option b
{
    color:#333;
    padding:0 5px;
    text-shadow:1px 1px 0 #fff;

}
#option i
{
    color:#F30;
    margin-left:5px;
}

.bold {
    font-weight: bold;
}

.ptop20 {
    padding-top: 20px;
}





/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 

    .slick-dots li {
        width: 40px;
        height: 20px;
    }

    .slick-dots li button {
        width: 40px;
        height: 5px;
    }
    .slick-dots li button:before {
        width: 40px;
        height: 5px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    .slick-dots li {
        width: 60px;
        height: 20px;
    }

    .slick-dots li button {
        width: 60px;
        height: 5px;
    }
    .slick-dots li button:before {
        width: 60px;
        height: 5px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
    .slick-dots li {
        width: 80px;
        height: 20px;
    }

    .slick-dots li button {
        width: 80px;
        height: 5px;
    }
    .slick-dots li button:before {
        width: 80px;
        height: 5px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .slick-dots li {
        width: 100px;
        height: 20px;
    }

    .slick-dots li button {
        width: 100px;
        height: 5px;
    }
    .slick-dots li button:before {
        width: 100px;
        height: 5px;
    }
}