html {
  font-size: 1rem;
}

body {
  position: relative;
}

.top-bar {
  text-align: right;
  padding-right: 4px;
}

.white-bar {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
  margin-bottom: 20px;
}

.logo-img {
  max-width: 90px;
  margin: 10px;
}

#external-buttons {
  display: flex;
  height: fit-content;
  list-style-type: none;
  background: var(--color-darkblue);
  background: linear-gradient(to bottom,#1e419b 0%,#2f50a3 50%,#1e419b 100%);
  border-radius: 0 0 5px 5px;
  border: 1px solid #bac5e0;
  border-top: none;
  box-shadow: 0 0 5px #999;
  padding: 0px;
}

#external-buttons li {
  border-right: 1px solid #526db2;
  border-left: 1px solid #1c3275;
  padding: 0 10px;
  height: 46px;
}

#external-buttons li:first-child {
  border-left: none;
}

#external-buttons li:last-child {
  border-right: none;
}

#external-buttons a {
  color: #fff;
  font-size: 15px;
  line-height: 47px;
}

.my-env .btn-block, .my-env .btn-primary, .my-env .btn-secondary, .my-env .card {
  border-radius:  10px !important;
}

.my-env .btn-primary, .my-env .btn-success {
  color: #fff !important;
  background-color: #F46B1C !important;
  border-color: #F46B1C !important;
}

.my-env h1, .my-env h2, .my-env h3, .my-env h4, .my-env h5 {
  color: #1E419B;
}

.my-env .navbar {
  background-color: rgb(30, 65, 155) !important;
  z-index: 999 !important;
  width: 100%;
}

.my-env .navbar-expand-md .navbar-nav .nav-link, .my-env .navbar-expand-md .navbar-nav .nav-link svg {
  color: #FFF;
}

.my-env .navbar-expand-md .navbar-nav .nav-link:hover, .my-env .navbar-expand-md .navbar-nav .nav-link svg:hover {
  color: #E0E0E0;
}

.my-env .navbar-light .navbar-toggler {
  color: hsla(0,0%,100%,.5);
  border-color: hsla(0,0%,100%,.1);
}

.my-env .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.my-env .image-container {
  background-size: contain !important;
}

.main-container {
  padding: 0px !important;
}

.footer {
  height: 125px;
  background: url(images/lijnen-footer.svg) center top;
  background-repeat: no-repeat;
  /* position: absolute; */
  width: 100%;
  bottom: 0;
}

.footer .footer-images {
  float: right;
  margin-top: 40px;
  background-color: #FFF;
  border-radius: 10px;
  padding: 10px;
}

.footer .footer-image {
  max-height: 50px;
}

@media only screen and (max-width: 600px) {
  .white-bar {
    flex-direction: column;
  }

  #external-buttons {
    display: flex;
    justify-content: center;
    margin: auto;
  }
}