* { border-radius: 0 !important; }

/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
    #mc { display: none; }
}
body { font-family: 'roboto', sans-serif !important; }
body {
    padding: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

h1.dtl { font-size: 1.4rem; font-weight: bold; border-bottom: solid 2px #A27B5C; padding-bottom: 12px; margin-bottom: 12px; }
h2.dtl { font-size: 1.2rem; font-weight: bold; border-bottom: solid 2px #A27B5C; padding-bottom: 12px; margin-bottom: 12px; color: #A27B5C }
.subtitle { color: #A27B5C; width: 100%; display: block; border-bottom: solid 1px #A27B5C; padding-bottom: 6px; margin-bottom: 18px; font-weight: bold; }
.btnaanbieder { display: block; text-align: center; padding: 6px; width: 100%; background-color: #2C3639 }
.btnaanbieder a { color: #fff; text-decoration: none; font-weight: bold; }
.btnaanbieder a:hover { color: #fff; text-decoration: underline; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/ .dl-horizontal dt { white-space: normal; }

.card { cursor: pointer; }
.card:hover { border: solid 1px #2C3639; }
.card .card-header { padding: 4px 0 4px 6px; font-size: 0.8em; font-weight: bold; background-color: #3F4E4F; color: #fff; display: inherit; }
.card .card-title { font-size: 0.9em; font-weight: bold; height: 38px; }
.card .card-title a { text-decoration: none; color: #2C3639; }
.card .card-mybody { padding: 6px; background-color: #eee; min-height: 126px; }
.card .kiloprice { display: block; font-weight: bold; }
.card .price { font-size: small; }
.card .unit { display: block; font-size: small; }
.card .productimg { height: 150px; }

.breadcrumb li { margin-right: 12px; }

.gridfilter { display: none; }
.gridfilter a { display: inline-block; text-decoration: none; margin-top: 10px }
.filters select { font-size: 0.9rem; }

/* Treeview */
div.tvdepth1 { background-color: #A27B5C; color: #fff; font-weight: bold; }
div.tvdepth2 { background-color: #DCD7C9; font-weight: bold; }
div.tvdepth3 { background-color: #ddd; font-weight: bold; }

.searchroot { background-color: #A27B5C; }
.searchctr { padding: 12px; position: relative; }
.searchctr input { height: 36px; text-indent: 12px; border: 2px solid #d6d4d4; }
.searchctr input:focus { box-shadow: none; border: 2px solid #3F4E4F; }
.searchctr .btn { background-color: #3F4E4F; color: #fff; }

.lsthdr { background-color: #A27B5C; padding: 6px; color: #fff; font-weight: bold; margin-bottom: 6px; }
.listctr span { display: block; border-bottom: dashed 1px #ddd; width: 100%; padding-bottom:3px; margin-bottom: 3px; font-size: 0.9rem; }
.listctr a { text-decoration: none; }

.ad { width: 100%; }


.footerroot { background-color: #2C3639; }
.ftrctr { padding: 6px; color: #fff; font-size: 0.9rem }
.ftrctr ul { list-style-type: none; padding: 0; margin: 0; }
.ftrctr ul a { text-decoration: none; color: #fff; }
.ftrctr h2 { font-size: 1.5rem; font-weight: bold; border-bottom: solid 1px #fff; padding-bottom: 12px; margin-bottom: 12px; }


.maincat a { text-decoration: none; font-size: 0.9rem; color: #fff; }
.maincat a:hover { text-decoration: underline; color: #fff; }
.maincat span { display: block; background-color: #2C3639; width: 100%; margin-bottom: 12px; padding: 4px; cursor: pointer; }


.itmhdr { width: 100%; color: #A27B5C; border-bottom: solid 1px #DCD7C9; padding-bottom: 2px; margin-bottom: 2px; }
.itmval { font-weight: bold; margin-bottom: 12px; }
.unfocus { font-size: 0.8em; }

.navbar { padding: 0!important; }
.navbar-custom { background-color: #2C3639 !important; opacity: 0.9; }
.scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; }
.scrollable-menu::-webkit-scrollbar { height: 12px; width: 12px; background: #DCD7C9; }
.scrollable-menu::-webkit-scrollbar-thumb { background: #A27B5C; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); }
.scrollable-menu::-webkit-scrollbar-corner { background: #DCD7C9; }
.nav-item a { color: #fff; text-decoration: none; }
.dropdown-menu, .dropdown-item { background-color: #2C3639 !important; }
.nav-item a:hover { color: #fff; }
a.dropdown-item:hover { background-color: #A27B5C!important }
.nav-item { font-size: 1rem; }
@media (min-width:992px) {
    .nav-item { font-size: 0.8rem; }
    .scrollable-menu { height: auto; max-height: 500px; overflow-x: hidden; }
}

.first { height: 260px; min-height: 260px; background-size: cover; background-image: url('/images/banners/banner-kolen.png'); }
.affix { -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; }

@media (min-width:768px) {
    .affix-top { /* navbar style at top */ background: transparent; border-color: transparent; padding: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
}

.affix-top .nav > li > a { color: #000; }

.affix-top.navbar .nav > li > a:hover,
.affix-top.navbar .navbar-brand { color: #333; }

section { height: calc(90% - 50px); height: 90vh; }

.uitverkocht { color: #ff0000; font-weight: bold; }