#api .working {
  background: url(data:image/gif;base64,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)
    no-repeat;
  height: 10px;
  width: auto;
  background-position: center bottom;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}
.working {
  display: none;
}

.background {
  background:
    linear-gradient(rgba(42, 98, 103, 0.9), rgba(42, 98, 103, 0.7)),
    url(https://inloggen.deddo.nl/templates/images/hero-banner-bg.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}

.heading h1 {
  margin-bottom: 20px;
}

.entry-item {
  text-align: left;
}

.white-background {
  width: 100%;
  height: 100%;
  background-color: white;
}
.panel-container {
  width: 456px;
  max-width: 95%;
  height: max-content;

  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 1 auto;
  margin: auto;
  justify-content: flex-start;
  z-index: 999;
  flex-wrap: wrap;
}
.panel-body {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 8px;
  padding: 48px 24px 36px 24px;
  text-align: center;
  box-shadow: 1.5mm 1.5mm 1.5mm 0mm #0000001d;
  background-color: white;
  min-height: 412px;
  margin: 5px;
}

.page-header {
  width: 100%;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: auto;
  align-items: center;
}
.page-header {
  flex: 0.5 0 auto;
}
.page-header h1 {
  font-family: Kanit, sans-serif;
  font-size: 52px;
  font-weight: 800;
}

.entry .buttons {
  margin: 0 0 23px 0;
  text-align: right;
}

.buttons button {
  margin: 0 auto;
  width: 200px;
  height: 38px;
  background-color: #2a6267;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  border: none;
  font-size: 1em;
  margin-top: 10px;
  min-width: 200px;
}

.entry .entry-item {
  margin-top: 16px;
}

.entry .entry-item label {
  display: none;
}

#api .divider {
  display: none;
}

.buttons {
  text-align: end;
}

.CheckboxMultiSelect {
  text-align: left;
}

.error {
  color: #b00;
  text-align: left;
  float: left;
  width: 100%;
}
.error p {
  padding: 0;
}
#simplemodal-container {
  background: #fff;
  padding: 30px 20px 20px;
  text-align: left;
  -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

#simplemodal-container .simplemodal-data {
  padding: 5px 8px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
  font-style: italic;
}

@media (max-height: 650px) {
  .page-header {
    display: none;
  }
}
@media (max-height: 480px) {
  input[type='password'],
  input[type='text'] {
    height: 30px;
    line-height: 42px;
  }
}

@media (max-width: 320px) {
  .panel-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .page-header {
    display: none;
  }
  .panel-body {
    padding: 48px 6px 6px 6px;
  }
}

@media (max-width: 414px) and (min-width: 321px) {
  .panel-container {
    width: 98%;
    max-width: 98%;
  }
  .page-header h1 {
    font-size: 20px;
  }
  .panel-body {
    padding: 48px 12px 12px 12px;
  }
}