/* BASIS HUISSTIJL */
/* html {
     font-family: 'Open Sans'; 
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
} */

/* Footer onderaan START */
html,
body {
  height: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column;
}

/* Navigatie neemt alleen zijn eigen hoogte */
body > .navbar {
  flex: 0 0 auto;
}

/* De pagina-inhoud moet de resterende ruimte opvullen */
body > .container,
body > main,
body > #content,
body > .page-content,
body > .body-content {
  flex: 1 0 auto;
}

/* Footer wordt naar beneden geduwd */
body > footer[role="contentinfo"] {
  margin-top: auto !important;
  flex-shrink: 0;
  width: 100%;
}
/* Footer onderaan END */

body {
  /* font-family: 'Open Sans'; */
  font-size: 16px;
  line-height: 1.42857143;
  color: #646363;
  background-color: white;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  margin: 0;
  display: block;
}

h1 {
  font-size: 32px;
}

a {
  background: 0 0;
  color: #69bf6b;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  color: #69bf6b;
  text-decoration: none;
}

/* BOOTSTRAP OVERSCHRIJVEN */
.bg-primary {
  background-color: #111e3c !important;
}

.btn-primary {
  color: #ffffff;
  background-color: #21396f !important;
  border-color: #21396f !important;
}

/* HEADER OPMAKEN */

.gemKoLogo {
  img {
    height: 65px;
    display: flex;
    justify-content: left;
    align-items: center;
  }
}

.xrm-attribute-value {
  box-sizing: unset;
}

.navbar {
  background-color: #111e3c;
  border-color: transparent;
  padding-bottom: 16px;
}

.navbar-brand {
  float: left;
  height: 45px;
  line-height: 21px;
  margin-bottom: 50px;
}

.navbar .navbar-nav > li > a {
  color: #e2e5ec;
  border-radius: 6px;

  transition:
    background-color 0.18s ease-in-out,
    color 0.18s ease-in-out;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:active {
  color: #69bf6b;
  /* background-color: #69bf6b; groen van logo */
  background-color: #ffffff15;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

/* PANELEN OPMAKEN */
.panel-heading {
  background-color: #213870 !important;
  color: white !important;
}

/* STARTPAGINA HEADER OPMAKEN */
#heroImage {
  min-height: 300px;
  width: 100%;
  background-image: url("/afbeeldingen/GemKoBackground.jpg") !important;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* .navbar{
    height: 111px;
}

.navbar-inverse {
    background-color: #f2f2f2;
    border-color: transparent
}

.navbar-right {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 45px;
}

.navbar-brand {
    float: left;
    height:45px;
    padding: 0px 15px;
    font-size: 19px;
    line-height: 21px
} */

/* HEADERNAVIGATIE OPMAKEN */
/* .navbar-inverse .navbar-nav>li>a {
    color: #646363;
    font-size: 18px;
    font-weight: 400;

}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #313030;
    background-color: #e2e2e2
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #313030;
    background-color: #e2e2e2
}

.navbar-nav>li>a {
    line-height: 45px
}

.nav>li>a {
    position: relative;
    display: block;
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
} */

/* BROODKRUIMELS OPMAKEN */
.breadcrumb {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  background-color: #f1f1f1;
}

.breadcrumb a {
  color: #213870;
}

.breadcrumb a.privacy:hover {
  color: #69bf6baa;
}

.breadcrumb .active {
  color: #69bf6b;
}

.breadcrumb .active:before,
.breadcrumb li + li:before {
  content: ">";
  color: #213870;
  margin-right: 3px;
  font-size: 16px;
  font-weight: bold;
}

/* .breadcrumb a, .dropdown-header, .email, .footer-navigation a, .level-1 a, .level-2 a, .level-3 a, .level-4 a, .level-5 a, .title-organisation a, .toc a {
    text-decoration: underline;
} */

/* PROFIELNAVIGATIE OPMAKEN */
/* .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}

.dropdown-menu>li {
     text-align: left;
}

.dropdown-menu>li>a {
    color: #646363;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    border-left: 5px solid transparent;
    margin-left: 0px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #e6e6e6;
    -webkit-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
    color: #4a4a4a;
    text-decoration: none;
    border-color: #646363;
    padding: 0 20px;
    border: 0px;
    border-left: 5px solid;
    margin-left: 0px;
}

.dropdown-menu .divider {
    margin: 0px;
} */

/* FOOTER OPMAKEN */
.gemKoLogoInverse {
  img {
    height: 85px;
    display: flex;
    justify-content: left;
    align-items: end;
  }
}

.brandName {
  font-size: 22px;
  color: #f2f2f2;
  margin-bottom: 20px;
}

.contactInfo {
  font-size: 16px;
  color: #f2f2f2 !important;
}

.contactInfo:hover {
  color: #6abf6b !important;
}

.privacyContainer {
  margin-top: 45px;

  .privacy {
    font-size: 16px;
    color: #f2f2f2 !important;
  }

  .privacy:hover {
    font-size: 16px;
    color: #6abf6b !important;
  }
}

.footerIcon {
  margin-right: 12px;
  width: 16px;
  text-align: center;
}

.socialContainer {
  margin-top: 18px;
  display: flex;
  gap: 8px;
  align-items: start;
}

.socialLink {
  font-size: 30px;
  color: #f2f2f2 !important;
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: start;
  border-radius: 50%;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.socialLink:hover,
.socialLink:focus {
  color: #6abf6b !important;
  text-decoration: none;
  transform: translateY(-2px);
}

.socialIcon {
  font-size: 30px;
}

/* .footer-bottom {
    font-size: 13px;
}

.footer-bottom ul li a,
.footer-bottom ul li a:hover,
.footer-bottom ul li a:focus,
.footer-bottom ul li a:active {
    font-size: 13px;
    color: #fff;
}

.footer-contact {
    position: absolute;
    bottom: 60px;
    color: #fff;
    font-size: 13px;
}

.footer-contact a {
    color: #fff;
    display: inline-block;
    font-size: 13px;
}

.footer-navigation {
    position: absolute;
    bottom: 60px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
}

.footer-navigation li+li:before {
    content: '●';
    font-size: 10px;
    color: #646363;
}

.footer-navigation li {
    display: inline-block;
}

.footer-navigation li a {
    color: #fff;
    display: inline-block;
    padding: 5px 5px 0 5px;
    font-size: 13px;
    text-decoration: underline;
}

.footer-logo {
    position: absolute;
    bottom: 60px;
    right: 0;
    max-width: 100%;
    height: 115px;
}

.wrapper-footer {
    background-color: #288dc1;
    height: 250px;
    padding: 0;
}

.wrapper-footer .container {
    position: relative;
    height: 100%
}

.wrapper-footer .container .row {
    height: 100%
}

.front .wrapper-footer {
    margin-top: 0
}

.block-footer-contact,
.block-footer-navigation,
.image-column {
    height: 100%
}

.footer-contact .title {
    text-transform: uppercase;
    font-size: 14px;
}

.sgw-footer-contact a {
    color: #fff;
}

.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.xrm-attribute-value {
    color: #288dc1;
    font-family: Lalezar;
    font-weight: 400;
}

html[dir=ltr] li a {
    margin-left: 0px;
}

@media (min-width:768px) {
    .sticky-wrapper {
        height: auto !important;
        margin: 0 auto;
        margin-bottom: -250px;
        min-height: 100%
    }

    .sticky-wrapper .push {
        clear: both;
        height: 250px
    }

    .wrapper.footer {
        height: 250px
    }
} */

/* FOOTER AAN BODEM PAGINA PLAKKEN */
/* div#content-container {
    min-height: calc(100vh - 416px) !important;
}

form {
    min-height: calc(100vh - 416px) !important;
} */

/* FOUTMELDINGEN OPMAKEN */
/* .alert-warning {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d9534f;
} */

/* GEBRUIKERSNAAM OPMAKEN */
/* .username {
    font-size: 15px;
} */

/* FORMULIEREN OPMAKEN */
/* .field-label {
    font-size: 16px;
    font-weight: 400;
    color: #288dc1;
}

.form-control {
    padding: 8px 12px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    color:#646363;
    border-radius:0;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    height:40px;
}

.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
    padding: 8px 12px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    border: 1px solid #dbdbdb !important;
}

input.form-control {
    border: 1px solid #dbdbdb;
}

.btn.btn-primary {
    font-size: 16px !important;
    border-radius: 0;
    padding: 10px 20px;
    border: 0;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #288dc1;
    margin: 0;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
    margin-right: 20px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.section-title {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #44a6d8;
    border-bottom: 1px solid #e2e2e2 !important;    
    padding-top: 0px !important;
}

.crmEntityFormView .section-title {
    border-bottom-width: 0;
    margin-bottom: 22px;
}

.btn-default {
    background-color: #288dc1;
    border: none;
    width: 46px;
    height: 40px;
    margin-left:0px !important;
    padding:0px;
    border-radius: 0px;
}

.input-group-addon {
    background-color: #288dc1;
    border: none;
    width: 46px;
    height: 40px;
    margin-left:0px !important;
    padding:0px;
    border-radius: 0px;
}

.icon-calendar {
    color: #fff;
}

.launchentitylookup {
    width: 46px; 
} */

/* OPZOEKSCHERMEN OPMAKEN */
/* .cancel.btn.btn-default {
    font-size: 16px !important;
    border-radius: 0;
    padding: 10px 20px;
    border: 0;
    width: fit-content;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #288dc1;
    margin: 0;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
    margin-right: 20px;
}

.remove-value {
    display: none;
}

.modal-content {
    background-color: #f2f2f2;
}

*/

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #646363;
  background-color: #cac9c9;
  text-decoration: none;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > li > a:focus,
.pagination > li > a:hover {
  background-color: #fff !important;
  color: #288dc1;
  text-decoration: none;
}

.pagination > li > a,
.pagination > li > span {
  color: #646363;
  background: 0 0;
  text-decoration: none;
}

/* AUTO-AANVUL OPMAAKGEDRAG UITSCHAKELEN */
/* input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
} */

/* SCROLLBAR OPZOEKSCHERMEN OPMAKEN */
/* .view-grid.has-pagination::-webkit-scrollbar, *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
 
.view-grid.has-pagination::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
.view-grid.has-pagination::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #288dc1;
} */

/* STANDAARD TOOLTIP OPZOEKSCHERMEN VERBERGEN */
/* .tooltip-inner{
    display:none;
} */

/* CUSTOM CHECKBOXES */
/* input[type="checkbox"]:before {
    content: "";
    width: 15px;
    height: 15px;
    background: white;
    position: absolute;
    left: 0px;
    top: 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

input[type="checkbox"]:checked:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #288dc1;
    position: absolute;
    left: 0px;
    top: 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

input[type="checkbox"]:checked:after{
    content: "";
    width: 9px;
    height: 9px;
    background: white !important;
    position: absolute;
    left: 3px;
    top: 3px;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
} */