body {
    padding-top: 0.5rem;
    background-color:#e4e6e9;
    font-family: 'Source Sans Pro', sans-serif;
}
/*Bootstrap 4 resets*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
    outline-color: transparent;
    outline-width: 0;
    outline-style: none;
    box-shadow: 0 0 0 0 rgba(0,123,255,0);
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#fff;
}
/*einde bootstrap 4 resets*/

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}
.container.coda-main {
    max-width:1380px;
}

.ui-link {
    color:#27bd8a;
}
.ui-link:hover {
    color:#27bd8a;
    text-decoration: none;
}
.ui-link:visited {
    color:#27bd8a;
}
span.icon-icon-profiel,
span.icon-icon-filter,
span.icon-icon-vraagteken,
span.icon-icon-potlood,
span.icon-icon-statistieken,
span.icon-icon-contact,
span.icon-icon-zoeken
{
    font-size:0.8em;
    color:#27bd8a;
}

.input-group.zoeken {
    width:100%;
}
#zoek-formulier {
    width:100%;
}
input.form-control.zoeken {
    width:180px;
    float:left;
}

.btn.btn-default.zoeken {
   
    float:right;
}

/*logo en zoekfilter menu items*/
.row.rij-top {
    margin-bottom:10px;
}
.col-12.logo-placeholder {
    background:#fff;
    height:70px;
    padding:10px 10px;
    border-bottom:solid #e4e6e9 10px;
    max-width:300px!important;
    /*margin-left:-10px;*/
}

.col-12.logo-placeholder.login.nopaddingleft.nopaddingright.nopaddingtop.nopaddingbottom {
    background:#fff;
    height:140px;
    padding:10px 10px;
    border-bottom:solid #e4e6e9 10px;
    max-width:1380px!important;
    width:100%;
}
.logo-apeldoorn {
    max-width:180px;
    width:100%;
    height:auto;
}
.logo-apeldoorn.login {
    width:38%;
    height:auto;
    margin:0 auto;
}
.col-md-10.filter-items {
    background:#fff;
    border-left:10px solid #6a7583;
}
.col-md-2.icoon-sidebar-menu {
    background:#313541;
   /*border:1px solid #6a7583;*/

}



.navbar-nav.verticaal {
    display:block;
    width:100%!important;
}
.navbar-light .navbar-nav .nav-link {
    color:#fff;
    font-size:0.8rem;
    
}

.nav-item.dropdown.position-static {
    border-bottom:1px solid rgba(255,255,255,0.3);
}
div.dropdown-menu.w-100 {
    display:block;
    position: relative;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
}
div.dropdown-menu.w-100.show {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  max-height: 400px;
  opacity: 1;
 
}

.dropdown-menu {
    border-radius: 0!important;
    border:0!important;
    background: #ea5a5a;
    color:#fff!important;
}

/*Aantal artikelen in filter*/
.filter-cat-teller {
    font-size:0.8em;
    text-align: center;
    min-width:35px;
    min-height:12px;
    position:absolute;
    top:0;
    right:5px;
    background-color:#c3c8cd;
    color:#fff;
}
.filter-cat-teller.actief {
    background-color:#fff;
    color:#ea5a5a;
}


/*secondaire header*/
.col-md-12.secondaire-header {
    background-color:#fff;
    min-height:38px;
    
    padding:10px;
    margin-bottom:10px;
}
li .first-item-mijn,
.first-item-mijn,
.first-item-mijn {
 
    background:#E5f7f1!important;
    /*align:center;*/
    margin-top:-10px;
    /*padding-top: 0px!important;
    padding-bottom: 30px!important;*/
    
}

.nav-link.navbar-toggleable-md.first-item-mijn {
    color:#313541;
    font-weight:700;
    text-transform: uppercase;
}

.nav-link.navbar-toggleable-md.first-item-mijn a:hover {
    color:#313541!important;
    font-weight:700;
    text-transform: uppercase;
}

/*Zoeken*/
.input-group.zoeken {
    min-width:100px;
    width:100%;
    font-family: 'Source Sans Pro', 'FontAwesome', sans-serif;
    margin-top:2px;
    font-size:0.8rem;
}
input[type="text"].form-control.zoeken::-webkit-input-placeholder,
input[type="text"].form-control.zoeken-2::-webkit-input-placeholder,
input[type="text"].form-control.contact::-webkit-input-placeholder,
textarea.form-control.contact::-webkit-input-placeholder{
    color: #c3c8cd;
    font-size:0.8rem;
}
input[type="text"].form-control.zoeken::-moz-placeholder,
input[type="text"].form-control.zoeken-2::-moz-placeholder,
input[type="text"].form-control.contact::-moz-placeholder,
textarea.form-control.contact::-moz-placeholder{
    color: #c3c8cd;
    font-size:0.8rem;
}
input[type="text"].form-control.zoeken:-ms-input-placeholder,
input[type="text"].form-control.zoeken-2:-ms-input-placeholder,
input[type="text"].form-control.contact::-moz-placeholder,
textarea.form-control.contact::-moz-placeholder{
    color: #c3c8cd;
    font-size:0.8rem;
}
input[type="text"].form-control.zoeken:-moz-placeholder,
input[type="text"].form-control.zoeken-2:-moz-placeholder,
input[type="text"].form-control.contact:-moz-placeholder,
textarea.form-control.contact:-moz-placeholder{
    color: #c3c8cd;
    font-size:0.8rem;
}

.form-control.zoeken {
    border-top-left-radius: 20px;
    border-bottom-left-radius:20px;
    border-top-right-radius: 0!important;
    border-bottom-right-radius:0!important;

}
#zoekwoord,
#omschrijving2,
.form-control.zoeken-2 {
    border-top-left-radius: 20px;
    border-bottom-left-radius:20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius:20px;

}

/*Form styling*/
input[type="text"].form-control.profiel::-webkit-input-placeholder {
    color: #c3c8cd;
}
input[type="password"].form-control.profiel::-webkit-input-placeholder {
    color: #c3c8cd;
}
input[type="email"].form-control.profiel::-webkit-input-placeholder {
    color: #c3c8cd;
}
select option.form-control.profiel::-webkit-input-placeholder {
    color: #c3c8cd;
}
:-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
:-moz-placeholder { /* Firefox 18- */
  color: grey;
}

.btn.btn-default.zoeken {
    background:#27bd8a;
    color:#fff;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
    border-top-right-radius: 20px;
    border-bottom-right-radius:20px;
    height:45px;
    padding-left:20px;
    padding-right:20px;
}
/*gebruikers aanhef*/
.gebruiker-aanhef {
    text-align:center;
    margin-top:10px;
    font-size:0.85rem;
}
.profiel-menu-broodkruimels {
    text-align:left;
    margin-top:3px;
    font-size:0.85rem;
    color:#c3c8cd;
}

.icon-icon-profiel.profiel {
    font-size:1.7em;
}
.menu-actief {
    color:#27bd8a;
}
.fa.fa-user-o.gebruiker-aanhef-icoon{
    color:#27bd8a;  
    font-size:20px;
    margin-left:10px
}

/*inlogpagina*/
.video-responsive {
   max-width:98%!important;
}
       
        .form-control {
            height:45px;
        }
        .panel-default {
            margin-top:30px;
        }
        .panel-default > .panel-heading {
            background-color:#fff;
            border-color:#fff;
        }
        .panel-title {
            /*margin-bottom:-30px;*/
        }
        .btn.btn-primary.inloggen {
            background-color:#047935;
            border-color:#047935;
            color:#fff;
            min-width:200px;
            width:100%;
             height:45px;
        }
        .form-control,
        .has-error .form-control {
            border-color:#ccc!important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .01)!important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .01)!important;
            }
            .help-block {
                color:red!important
            } 
        @media screen and (max-width: 768px) { 
            .panel-default {
            margin-top:10px;
        }
            .btn-primary {
            width:100%;
            height:45px;
        }
        }


/*sidebar*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:rgba(255,255,255,0.6);
}
ul#sidebar-list-menu{
    list-style-type: none;
    background: #ea5a5a;
    color:#fff;
  
    padding-left:0px;
}
.col-md-1.icoon-sidebar-menu {
    padding-left:0px;
    padding-right:10px;
}

.sidebar-item {
     background:#ea5a5a;
    width:100%;
    min-height:38px;
    color:#c3c8cd;
    padding:13px 13px;
}
.sidebar-item.active {
    color:#fff;
    background:#ea5a5a;

}

.sidebar-item.active .icon-container::before { 
    font-weight: bold!important;
}
.menu-item-tekst {
    margin-top:-5px;
     color:rgba(255,255,255,1);
    text-decoration:none;
    margin-left:40px;
    margin-top:-20px;
    font-size:0.8em;
}
.menu-item-tekst a,
.menu-item-tekst a:hover{
    color:#fff;
    text-decoration:none;
}

.icon-container {
    text-align:left;
    font-size:1em;
    color:rgba(255,255,255,1);
    margin-left:10px;
    width:140px;
}
.icon-container a,
.icon-container a:hover{
    color:rgba(255,255,255,1);
    text-decoration:none;
}

.icon-container.icon-icon-alles.top,
.menu-item-tekst.top {
    color:rgba(255,255,255,1);
}
/*main content*/ 
.col-md-12.artikelen-lijst {
    padding:0;
}

/*filter item list grid styling*/
.size-1of4.list-group-item {
    width:100%!important;
}
.list-group-item:first-child {
    border-top-left-radius: .0rem; 
    border-top-right-radius: .0rem; 
}

.list-group-item {
    padding: .0rem 0rem!important;
    margin-bottom: 0px!important;
    background-color: transparent!important;
    border: 0px solid rgba(0,0,0,.125)!important;
}

/*Grid versie 2*/
.grid {
  background: #EEE;
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width:280px;
  min-height: 120px;
  height:100%;
  float: left;
  background: #D26;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

/*Items uit database*/


.items-filtered:hover {
    background:#e5f7f1!important  
}


div.image-filtered-item {
    min-height:200px; 
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;

}


.list-group-item div.items-filtered div.image-filtered-item {
  
     
    width:100%;
}


.twitter-box {
    margin-bottom:20px;
}
.twitter-image {
    width:80px;
    height:80px;
    border-radius: 50%;
    background-size:cover;
    float:left;
}
.twitter-naam {
    padding-left: 10px;
    padding-top: 20px;
    height:80px;
    float:left;
}
.twitternaam {
    font-size:0.9em;
    color:#ea5a5a;
}

.naam-volledig,
.naam-volledig a,
.naam-volledig a:hover,
.naam-volledig a:visited{
    font-weight:700;
    font-size:0.9em;
    color:#000;
    text-transform: lowercase;
}
.item-datum {
    color:#c3c8cd;
    font-size:0.9em;
    margin-bottom:10px;
}
.item-titel {
    color:#596779;
    font-size:1.1em;
    line-height:1.1em;
    margin-bottom:10px;
}
.item-intro-tekst {
    color:#596779;
    font-size:0.9em;
    margin-bottom:10px;
    font-weight:bold;
}
.item-main-tekst {
    color:#596779;
    font-size:0.9em;
    margin-bottom:10px;
    font-weight:200;
}


.linkartikel,
.linkartikel:hover{
     color:#ea5a5a;
     font-weight: 400;
}

 
.item-bron a {
      color:#ea5a5a;
}
.item-bron {
    color:#ea5a5a;
    font-size:0.85em;
}

.item-bron-tekst {
    border:1px solid red;
    width:80px;
    margin-bottom:4px;
}

.item-add-favoriet.icon-icon-favoriet:before {
    float:right;
    font-size:1.1em!important;
    /*margin-top:-17px;*/
}
.icon-icon-favoriet {
float:left;
width:20px;
}
.alert-txt {
   margin-left:14px;
  margin-top:-2px;
}
.item-icon-bottom-right {
    float:right;
    width:80px;
    margin-right:-10px;
    margin-top:-4px;
      position: relative;
      bottom:0px;

}

.item-icon-bottom-left {
    float:left;
    width:200px;
    margin-bottom:-20px;
}

.icon-bottom.icon-icon-print:before, 
.icon-bottom.icon-icon-online:before,
.icon-bottom.icon-icon-doorsturen:before,
.icon-bottom.icon-icon-twitter:before, 
.icon-bottom.icon-icon-facebook:before,
.icon-bottom.icon-icon-mail:before{
    font-size:1.2em!important;
}
.icon-bottom.icon-icon-print, 
.icon-bottom.icon-icon-online {
    float:right;
    width:25px;
    height:25px;
    padding:5px;
    color:#fff;
    background:#ea5a5a;
    text-align: center;
    margin-left:5px;
}
.icon-bottom.icon-icon-doorsturen {
    float:right;
    width:25px;
    height:25px;
    padding:5px;
    color:#fff;
    background:#c3c8cd;
    text-align: center;
}

a.tippy-link{
color:#ea5a5a!important;
text-decoration:none;
font-weight:bold;
}
.icon-bottom.icon-icon-twitter {
    /*font-family: 'coda';*/
    float:right;
    width:25px;
    height:25px;
    padding:5px;
    color:#fff;
    background:#009fe3;
    text-align: center;
    margin-left:5px;
}

.icon-bottom.icon-icon-video {
    /*font-family: 'coda';*/
    float:right;
    width:25px;
    height:25px;
    padding:5px;
    color:#fff;
    background:#ea5a5a;
    text-align: center;
    margin-left:5px;
}

.icon-bottom.icon-icon-facebook {
    /*font-family: 'coda';*/
    float:right;
    width:25px;
    height:25px;
    padding:5px;
    color:#fff;
    background:#1d71b8;
    text-align: center;
    margin-left:5px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}
/*Load more styling*/

#button-more-holder {
    margin:25px 0;
    width:100%;
    text-align:center;
}
#loadMore {
    margin:0 auto;
    padding: 10px 20px;
    text-align: center;
    background-color: #313541;
    color: #fff;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    border-radius: 25px;
    text-transform: uppercase;
}
#loadMore:hover {
    background-color: #fff;
    color: #313541;
}

/*einde load more*/

/* schakelaarsprofielen */
.onoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 1px dotted #999999; border-radius: 20px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 13px; color: white; font-family: Arial, sans-serif; font-weight: normal;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "aan";
        padding-left: 10px;
        background-color: #27bd8a; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "uit";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }
    
/* einde schakelaarsprofielen */


/*Footer*/
.coda-footer {
    margin-top:10px;
    background-color:#fff;
    padding:20px;
}


/*faq styling */

.panel.panel-default.faq,
.panel.panel-default.video{
    padding:5px;
    border:1px solid #c0c0c0;
    border-radius:5px;
    margin-bottom:10px;
}

h4.panel-title {
    font-size:0.9em;
    color:rgba(203,203,203,1);
}
h4.panel-title a{
   color:rgba(0,0,0,0.7);
}

video.video-responsive {
    width:100%!important;
}
/*Admin styling*/
.col-md-12.admin {
    background:#fff;
    padding:10px 10px 80px 10px;
}
.col-md-12.admin-white {
    background:#fff;
    padding:10px 10px 80px 10px;
    min-height:400px;
    margin-top:10px;
}
.gebruikers-titel {
    color:#27bd8a;
    margin-top:-47px;
    margin-left:56px;
}
.btn.btn-primary.btn-lg.btn-block {
    background-color:#27bd8a!important;
    border:#27bd8a!important;
    width:65%;
    font-size:1.1rem;
    border-radius: 25px;
}
.btn.btn-primary.btn-lg.btn-block.search-btn{
    background-color:#27bd8a!important;
    border:#27bd8a!important;
    width:100%;
    font-size:1.1rem;
    border-radius: 25px;
}
.fa.fa-user.profiel {
    font-size:3em;
    color:#27bd8a!important;
}
/*admin form styling*/
select#input_sex.form-control {
    border-radius:25px!important;
}
/*einde admin form styling*/

/*Filter tabel*/
table {
  width: 100%;
  border-collapse: collapse;
  
}
.tabel-headers {
    font-size:0.8em;
    letter-spacing:1px;
}
/* Zebra striping */

tr:nth-of-type(odd) {
  background: #fff!important;
}

tr:nth-of-type(even) {
  background: #f2fbf8!important;
}

th {
  background: #27bd8a;
  color: #ffffff;
  
}



table tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
}

table tr td:first-child {
  border-left: 1px solid #bbb;
}
table tr th {

  border-top: 1px solid #bbb;
  text-align: left;
}
/*
th:first-of-type {
  border-top-left-radius: 10px;
}
th:last-of-type {
  border-top-right-radius: 10px;
}
tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
}
tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
}
*/
td,
th {
  padding: 10px;
  text-align: left;
}

td {
  font-family: 'Roboto', sans-serif !important;
  font-size:0.9em;
  font-weight: 300;
  line-height: 20px;
}

.top-right-hoek {
     border-top-right-radius: 10px;
}
.top-left-hoek {
     border-top-left-radius: 10px;
}
.table thead th {
    border-bottom: 0px !important;
}

.table td, .table th {
    border-top:0px !important;
}

.bottom-left-hoek {
     border-bottom-left-radius: 10px;
    background-color:#f2fbf8!important;
}
.bottom-right-hoek {
    border-bottom-right-radius: 10px;
     background-color:#f2fbf8!important;
}
.bottom-foot {
    background-color:#f2fbf8!important;
}

@media only screen and (min-width: 990px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position:relative;
    }
}

@media only screen and (max-width: 990px) {
.navbar-light .navbar-toggler-icon {
       background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(255,255,255)'%3E%3Crect x='6' y='2' width='36' height='8' /%3E%3Crect x='6' y='15' width='36' height='8' /%3E%3Crect x='6' y='28' width='36' height='8' /%3E%3C/svg>");
       margin-left:-15px!important;
    }
}

@media only screen and (min-width: 768px) {
    .sidebar-item.space {
        display:none;
    }
    .col-md-2.icoon-sidebar-menu { 
    border-right:10px solid #e4e6e9;
    width:100%;
    /*max-height: 600px;*/
    }
   
    /*change view content buttons*/
.col-md-2 .buttons {
    max-width: 98%;
    width: 900px;
    text-align: right;
    vertical-align: middle;
}
button.list-view {
    border:0;
    font-size: 21px;
    color:#c3c8cd;
    background-color:#fff;
}
button.list-view.on {
    color:#27bd8a;
    background-color:#fff;
}
button.grid-view{
    border:0;
    font-size: 21px;
    color:#c3c8cd;
    background-color:#fff;
}
button.grid-view.on {
    color:#27bd8a;
    background-color:#fff;
    }
 .navbar-expand-md .navbar-nav .dropdown-menu {
        position:relative;
    }
}
@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
                /*
		td:nth-of-type(1):before { content: "First Name"; }
		td:nth-of-type(2):before { content: "Last Name"; }
		td:nth-of-type(3):before { content: "Job Title"; }
		td:nth-of-type(4):before { content: "Favorite Color"; }
		td:nth-of-type(5):before { content: "Wars of Trek?"; }
		td:nth-of-type(6):before { content: "Secret Alias"; }
		td:nth-of-type(7):before { content: "Date of Birth"; }
		td:nth-of-type(8):before { content: "Dream Vacation City"; }
		td:nth-of-type(9):before { content: "GPA"; }
		td:nth-of-type(10):before { content: "Arbitrary Data"; }
                */
	}


@media only screen and (max-width: 1100px),
(min-device-width: 768px) and (max-device-width: 1100px) {
    
   
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(255,255,255)'%3E%3Crect x='6' y='2' width='36' height='8' /%3E%3Crect x='6' y='15' width='36' height='8' /%3E%3Crect x='6' y='28' width='36' height='8' /%3E%3C/svg>");
       margin-left:-5px!important;
    }


  /* Force table to not be like tables anymore */
  table.responsive,
  .responsive thead,
  .responsive tbody,
  .responsive th,
  .responsive td,
  .responsive tr {
    display: block !important;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive thead tr {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
  }

  .responsive tr {
    border: 1px solid #ccc;
  }

  .responsive td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    padding-left: 25% !important;
  }

  .responsive td:before {
    /* Now like a table header */
    position: absolute !important;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap !important;
    font-weight: 500 !important;
  }

  /*Label the data*/
.responsive td:before {
   content: attr(data-table-header) !important;
  }
  
  .sidebar-item.space {
        border-right:5px solid #313541;
    }
}
/* einde max width:760 */

/*Tools admin*/
.col-md-3.tools-column {
   padding:30px; 
}

.tool-col-tekst {
    color:#6a7583;
    font-size:0.95em;
}
.tool-col-titels {
     color:#27bd8a!important;
     font-size:1em;
}
.white-space {
    background:#cff;
    border:2px solid red;
    min-height:30px!important;
    height:100%!important;
    
}
a:hover{
    text-decoration:none;
    font-weight:100;
    color:#c3c8cd!important;
}

.icon-icon-profiel.tools,
.icon-icon-filter.tools,
.icon-icon-vraagteken.tools,
.icon-icon-potlood.tools,
span.icon-icon-statistieken,
span.icon-icon-contact,
span.icon-icon-zoeken{
 font-size:1.6em; 
 display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
} 

.tools-box {
float:left;
padding:14px;
 border:1px solid #ced4da;
 border-radius: 15px;
 margin-right:10px;
 margin-bottom:10px;
}
/*Einde admin styling*/

/*MediaQueries*/
@media (min-width: 1100px) { 
    
}
@media (max-width: 767px) {
    .col-md-2 .buttons { 
        display:none;
    }

    .col-md-4.tools-column {
        margin:10px 0;
        
    }
    .tool-col-tekst {
        padding-top:5px;
       
    }
    .col-12.logo-placeholder {
       
        max-width:100%!important;
        margin-left:0!important;
    }
    .navbar-nav .nav-link {
        /*margin-right:10px;*/
     padding-left:10px; 
     padding-right:10px; 
    }
    .col-md-2.icoon-sidebar-menu {
        margin-bottom:10px;
    }
    .col-md-2.buttons{
        display:none!important;
    }
    .col-md-10.filter-items {
        border-left:none;
        margin-top:10px;
    }
    ul#sidebar-list-menu{
        display: inline;
    }
    .sidebar-item {
        float:left;
    }
    .sidebar-item.print,
    .sidebar-item.archief {
        border-right:none;   
    }

    /*Versie 2 menu*/

.dropdown-item {
    display:block!important;
    color:#fff!important;
}

.dropdown-item:focus, 
.dropdown-item:hover,
a.dropdown-item {
    color:#fff!important;
}
    .col-md-12.secondaire-header {
        margin-bottom:10px;
        /*display:none;*/
    }
    .col-md-2.grid-viewer {
        display:none;
    }
    .button.grid-view,
    .button.grid-view{
        font-size: 26px;
    }
   
    .btn .btn-primary {
    color: white;
    background-color: #047935!important;
    border-color: #047935!important;
}

    /*Admin specifiek*/
    .btn.btn-primary.btn-lg.btn-block {
     /*font-size:0.65em;*/
     width:100%;
    }
    .col-md-12.admin-white {
        display:none;
    }
    table tr td:first-child {
        border-left: 0px solid #bbb!important;
    }
    .navbar-nav.verticaal {
        margin-top:20px!important;
    }
    .icon-container {
     margin-left:0!important;   
    }
    .dropdown-menu.w-100.show {
        padding-left:10px;
    }
    
}
@media (max-width: 480px) { 
    .owl-carousel.owl-loaded.owl-drag {
        display: none!important;
    }
    .col-md-10.filter-items {
        background:rgba(255,255,255,1);
        margin:10px 0 0px 0;
        padding:0;
    }
    .logo-apeldoorn {
        width:65%;
        height:auto;
    }
    
    .alert-txt {
        margin-top:0!important;
        margin-left:30px;
    }
    
}
@media (min-width: 480px) { 
    .container .dropdown-menu-mobile{
        display: none!important;
    }
}

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

.cf:after {
    clear: both;
}
/*Mobile menu styling*/
.container > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
ul.mobile-menu {
    padding:0!important;
}
.title {
  font-family: 'Pacifico';
  font-weight: normal;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #C0392B;
}

.dropdown {
  position: relative;
}

.dropdown > .dropdown-menu li {
  padding: 0;
  min-width:100%!important;
  width:100%!important;
}
.dropdown-menu {
   min-width:100%!important;
  width:100%!important; 
}

/*meer ruimte buttons men*/
.nav-link {
    display: block;
    padding: .9rem 1rem!important;
}

.dropdown > .dropdown-menu li a {
  display: block;
  color: #fff;
  background: #ea5a5a;
   padding: 16px 5px;
}
.dropdown > .dropdown-menu li a:hover {
  background: #ea5a5a;
  color: #fff;
  
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*popup*/
.share-popover {
  background: red;
  color: white;
  padding: 10px;
}
a.tippy-link div.icon-icon-facebook,
a.tippy-link div.icon-icon-twitter,
a.tippy-link div.icon-icon-mail {
    color:white!important;
}
a.tippy-link {
   color:white!important;
    font-size:0.8em; 
}
ul.social-popup-lijst {
    text-align: center; 
    margin-left:-40px;
    margin-bottom:-3px;
}

ul.social-popup-lijst li {
    display:inline-block;
    margin-right:10px;
}
/*Versie 2 menu*/
.dropdown-item,
a.dropdown-item {
    display:block;
    color:#fff;
}
.dropdown-item:focus, 
.dropdown-item:hover {
    color:#fff!important;
    background-color:#ea5a5a;
    text-decoration:underline;
}
.navbar.navbar-expand-lg.navbar-light {
    padding-left:0!important;
    padding-right:0!important;
    margin-right:-15px;
    /*margin-left:-10px;*/
}


/*MENU COLLAPSE STYLING*/
@media (max-width: 992px){
    
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
        
    .navbar-nav {
        float: none!important;
       
    }
    
    .nav-link.dropdown-toggle.navbar-toggleable-md,
    .nav-link.navbar-toggleable-md{
     padding-left:10px;
    }
    .nav-item dropdown.position-static.filter-menu-item.show > ul#sidebar-list-menu {
        margin-left:-10px;
    }
.navbar-nav>li {
        float: none;
    }
.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
.navbar-expand-lg .navbar-toggler {
         display: inline-block!important;
    }
    
    
    
.col-md-10.content-main{
    width:100%!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-md-2.icoon-sidebar-menu{
    width:100%!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-right:0!important;
    margin-bottom:10px;
}
.col-12.logo-placeholder {
    
    max-width:100%!important;
    width:100%;
    }
}

/*No Padding*/
nopaddingleft {
    padding-left:0px;
   }
   
.nopaddingright {
    padding-right:0px;
   }

.nopaddingtop {
    padding-top:0px;
   }

.nopadding {
    padding-left:0px;
    padding-right:0px;
}

.nomarginbottom {
    margin-bottom:0px!important
}


/*lijst style col filter*/


.column.size-1of4.list-group-item  > .item-container-padded {
    border:1px dotted black;
    min-height:270px;
    height:100%;
}


.column.size-1of4.list-group-item > div.items-filtered div.image-filtered-item {
    margin-right:10px;
    max-width:50%;
    width:50%;
    float:left;
    background-size: cover;
    -webkit-align-content: center;
  align-content: center;
    min-height:270px;
}
.column.size-1of4.list-group-item > div.items-filtered {
 position:relative;   
}

.column.size-1of4.list-group-item > div.items-filtered > .item-container-padded > .item-bron {
    position:absolute;
    bottom:0!important;
    right:10px!important
}

@media (max-width: 949.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}