body {
    font-family: 'Manrope', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
}

.fw-bold {
    font-weight: 700!important;
}
.wrapper {
    background:#e7e7e7;
}
.wrapper::before {
    background: #1f88e5;
}

.sidebar-brand, .sidebar-brand:hover {
    background: #1f88e5;
}

.page-item.active .page-link {
    background: #1f88e5;
    border-color: #1f88e5;
}

.logo-lzp {
    max-width:96%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav-item .indicator {
    background: #ffb53e;
}

.btn-primary {
    background: #1f88e5;
    border-color: #1f88e5;
}

.btn-primary:focus {
    background: #1f88e5;
    border-color: #1f88e5;
}

.btn-primary:hover {
    background: #5baef7;
    border-color: #5baef7;
}

.btn-success {
    background: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background: #66b879;
    border-color: #66b879;
}

.btn-orange {
    background: #ffb53e;
    border-color: #ffb53e;
}

.btn-orange:focus {
    background: #ffb53e;
    border-color: #ffb53e;
}

.btn-orange:hover {
    background: #f2c172;
    border-color: #f2c172;
}

.btn-danger {
    background: #dc3545;
    border-color: #dc3545;
}

.circle {
    display: inline-block;
height: 10px;
width: 10px;
background: #28a745;
margin-left: 10px;
border-radius: 10px;
}

.kenteken-span {
    background: #ffb53e;
border-radius: 2px!important;
border-color: #757575;
color: #000;
margin: 0px!important;
padding: 5px!important;
font-size: 14px;

border-left: 8px solid #2662a2;
}

.fa-file-excel {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-file-pdf {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-plus-circle {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-file-pdf {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-edit {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-file-alt {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-list {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-toggle-off {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-toggle-on {
    margin-top:-3px;
    margin-right: 0px!important;
}

.fa-search {
    margin-top:-3px;
    margin-right: 0px!important;
}

.btn-white {
    background:#00526e;
    border-color:#00526e;
}

.btn-white:hover {
    background:#3386a2;
    border-color:#3386a2;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover, .sidebar-dropdown .sidebar-item.active .sidebar-link {
    font-weight: 700;
}

.brown {
    color:#804900;
}

.nummer {
   
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    float: left;
    color: #804900;
    font-weight: 700;
}

.line {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #804900;
    color: #804900;
}



.line2{
    width: 100%;
display: inline-block;
border-bottom: 1px solid #804900;
border-top: 1px solid #804900;
color: #804900;
height: 3px;
}

.input-div {
    width: 100%;
    display: none;
border: 1px solid blue;
height: 300px;
background: white;
position: absolute;
border: 1px solid rgb(212, 217, 227);
}

.form-check-inline {
    display: inline-block!important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f3eadf!important;
}


.verplicht {
    background: #f3eadf;
    }

    .input-bbk {
        border-left: none;
        border-right: none;
        border-top: none;
        border-radius: 0px;
        background: none;
        border-bottom: 2px dotted #804900;
    }

    .logo-lzp {
        max-width:96%;
        margin-top:20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.bold {
    font-weight: 700;
    color:#804900
}

.italic {
    font-style: italic;
}

.bewijsmiddel {
    border: 2px solid #804900;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}

.email-melding {
    background: #fff;
    margin-top: 10px;
    color: #30a5ff!important;
    padding: 10px;
    border: 1px solid #30a5ff;
}

.div-element {
    display: inline-block;
}

.test {
    position: absolute;
top: 50%;
transform: translate(0, -50%);
}

@media only screen and (max-width: 1200px) {
    #lzp-logo-div {
      display: none;
    }
    
    .div-element {
        display: block;
    }
  }
.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}