.btn-lh-orange {
    color: #fff;
    background-color: #ec6607;
    border-color: #c75606
}

.btn-lh-orange:hover {
    color: #fff;
    background-color: #ba5106;
    border-color: #f87314
}

.btn-lh-orange:focus,
.btn-lh-orange.focus {
/*    box-shadow: 0 0 0 .2rem rgba(199, 86, 6, 0.5);*/
/*    box-shadow: 0 0 0 .2rem #eea988;*/
        box-shadow: 0 0 0 0;
    z-index: 1;
}

.btn-lh-orange.disabled,
.btn-lh-orange:disabled {
    color: #fff;
    background-color: #ec6607;
    border-color: #c75606
}

.btn-lh-orange:not(:disabled):not(.disabled):active,
.btn-lh-orange:not(:disabled):not(.disabled).active,
.show > .btn-lh-orange.dropdown-toggle {
    color: #212529;
    background-color: #f9822d;
    border-color: #893b04
}

.btn-lh-orange:not(:disabled):not(.disabled):active:focus,
.btn-lh-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-lh-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(199, 86, 6, 0.5)
}

.btn-outline-lh-orange {
    color: #ec6607;
    background-color: transparent;
    background-image: none;
    border-color: #ec6607
}

.btn-outline-lh-orange:hover {
    color: #d85d06;
    background-color: #f87314;
    border-color: #ec6607
}

.btn-outline-lh-orange:focus,
.btn-outline-lh-orange.focus {
    box-shadow: 0 0 0 .2rem rgba(236, 102, 7, 0.5)
}

.btn-outline-lh-orange.disabled,
.btn-outline-lh-orange:disabled {
    color: #ec6607;
    background-color: transparent
}

.btn-outline-lh-orange:not(:disabled):not(.disabled):active,
.btn-outline-lh-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-lh-orange.dropdown-toggle {
    color: #fff;
    background-color: #f87314;
    border-color: #ec6607
}

.btn-outline-lh-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-lh-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-lh-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(236, 102, 7, 0.5)

}

.btn-lh-blue {
    color: #fff;
    background-color: #004ec5;
    border-color: #003f9f
}

.btn-lh-blue:hover {
    color: #fff;
    background-color: #003a92;
    border-color: #0058df
}

.btn-lh-blue:focus,
.btn-lh-blue.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 63, 159, 0.5)
            z-index: 1;
}

.btn-lh-blue.disabled,
.btn-lh-blue:disabled {
    color: #fff;
    background-color: #004ec5;
    border-color: #003f9f
}

.btn-lh-blue:not(:disabled):not(.disabled):active,
.btn-lh-blue:not(:disabled):not(.disabled).active,
.show > .btn-lh-blue.dropdown-toggle {
    color: #fff;
    background-color: #0062f8;
    border-color: #00112c
}

.btn-lh-blue:not(:disabled):not(.disabled):active:focus,
.btn-lh-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-lh-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 63, 159, 0.5)
}

.btn-outline-lh-blue {
    color: #004ec5;
    background-color: transparent;
    background-image: none;
    border-color: #004ec5
}

.btn-outline-lh-blue:hover {
    color: #222;
    background-color: #0058df;
    border-color: #004ec5
}

.btn-outline-lh-blue:focus,
.btn-outline-lh-blue.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 78, 197, 0.5)
}

.btn-outline-lh-blue.disabled,
.btn-outline-lh-blue:disabled {
    color: #004ec5;
    background-color: transparent
}

.btn-outline-lh-blue:not(:disabled):not(.disabled):active,
.btn-outline-lh-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-lh-blue.dropdown-toggle {
    color: #fff;
    background-color: #0058df;
    border-color: #004ec5
}

.btn-outline-lh-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-lh-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-lh-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 78, 197, 0.5)
}


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

:root {

     /* lh blauw */
    --main-color: #004ec5;
        /* lh oranje https://www.codeply.com/go/2bHYxYSC0n */
    --main-color: rgb(236,102,7);
    --main-color-alpha: rgb(236,102,7,0.08)
}

/* CSS used here will be applied after bootstrap.css */
body {

    /* lh blauw */
    background-color: #ebf1fc !important;
        /* lh orange;*/
    background-color: var(--main-color-alpha) !important;
    margin-bottom: 40px;
}

.header {
    /* box-shadow: 0 2px 6px 0 #888;*/
    background-color: #fff !important;
    opacity: 1;
    z-index: 10;
/*    color: #8d0038;*/
    text-shadow: 5px;
    border-bottom-style: solid;
    border-bottom-width: 0.3em;
    border-bottom-color: var(--main-color);
}

.navbar-brand{
    color: var(--main-color)!important;
}

.header h4{
       color: var(--main-color);
}

.details {
    font-size: 80%;
}

.details h6 {
    font-size: 90%;
}

.locatie::before {
    content: "\f124\00a0";
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
}

.h6 {
    color: var(--main-color) !important;
}

.h4 {
    color: var(--main-color) !important;
}

.details-small {
    display: none;
}

.break {
    display: none;
}

.border-left {
    border-left-style: dotted !important;
    border-left-width: 2px !important;
}

@media (max-width: 575.99px) {
    .details {
        display: none;
    }

    .details-small {
        display: inline;
    }

    .break {
        display: inline;
    }

    .container {
        width: 100% !important;
    }

    .border-left {
        border-left-style: none!important;
    }
}

@media (min-width: 1024px) {
    .container {
        width: 60% !important;
    }
}


hr.accent {
        border: 0;
        height: 0.4em;
        background-color: var(--main-color);
        width: 66px;
        margin-left: 0px;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}

label {
    font-size: 80%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px; /* Set the fixed height of the footer here */
  line-height: 40px; /* Vertically center the text there */
  padding: 0rem 1rem;
  color: var(--main-color)!important;
}