body,
h2,
h3,
p {
  margin: 0;
}
body,
h2 {
  padding: 0;
}
.menu ul.menuUl,
.menu ul.menuUl li.small-logo.fixed img,
.menu.fixed ul.menuUl li,
section.download a.button span.logo-button {
  vertical-align: middle;
}
body {
  font-family: "Verdana", sans-serif;
  font-size: 100%;
  background: #e0e0e0;
  background-size: cover;
}
.header h1 {
  display: none;
}
.inspTitle {
  display: none;
}
h2 {
  color: #676767;
  font-family: "Verdana", sans-serif;
  font-size: 130%;
}
h3 {
  font-family: "Verdana", sans-serif;
  font-size: 100%;
  color: #2c9dff;
  padding: 0 10px;
}
article ul,
p,
section.contact ul,
article ol {
  font-family: "Verdana";
  font-size: 80%;
}
article ol {
  margin: 0 0 10px;
}
article ol li {
  padding: 3px 0;
}
p {
  padding: 10px;
}
article ul li {
  background: url(../images/check.png) no-repeat;
  padding: 1px 0 1px 22px;
  list-style-type: none;
}
article .productColumn ul li {
  margin: 15px 0;
}
.images {
  text-align: center;
}
.images img {
  width: 50%;
  border: 2px solid #2c8cdd;
  box-shadow: 3px 3px 0 #c6e5ff;
}
section.contact article ul li {
  background: 0 0;
  padding: 0;
  list-style-type: none;
}
.mobile-overlay {
  display: none;
}
.mobile-overlay.show {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000%;
  background: 0 0;
  z-index: 1;
}
.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  height: 100vh;
  overflow: hidden;
  flex-direction: column;
}
.header {
  text-align: center;
  overflow: hidden;
  position: relative;
  flex: 165px 0 0;
}
.header.small {
  flex: 70px 0 0;
}
.no-webp .header {
  background: url(../images/banner.jpg) top fixed;
}
.webp .header {
  background: url(../images/banner.webp) top fixed;
}
.header h1 {
  color: #fff;
  font-family: "Verdana Bold", sans-serif;
  font-size: 250%;
  background: rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
}
.header img {
  margin-top: 10px;
}
.header.small img {
  height: 80%;
}
.menu {
  display: table;
  z-index: 3;
  top: 0;
  background: #2fa39d;
  width: 100%;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #fff;
}
.menu.fixed {
  position: fixed;
  width: 1200px;
  border-bottom: 1px solid #fff;
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.27);
}
.menu ul.menuUl li.small-logo {
  display: none;
}
.menu ul.menuUl li.small-logo.fixed {
  display: inline-block;
  padding: 2px 5px;
}
.menu.fixed ul.menuUl {
  padding: 2px;
}
section.general {
  overflow: hidden;
}
section.general.fixed {
  margin-top: 50px;
}
.menu ul.menuUl {
  margin: 0;
  padding: 14px 0;
  display: table-cell;
  font-size: 0;
}
.menu ul.menuUl li {
  display: inline-block;
  list-style-type: none;
}
.menu ul.menuUl li a {
  text-decoration: none;
  color: #fff;
  font-family: "Verdana";
  font-size: 16px;
  padding: 14px 20px;
  border-right: 1px solid #c6e5de;
}
.menu ul.menuUl li a:hover {
  color: #2fa39d;
  transition: color 0.2s linear;
  background: rgba(255, 255, 255, 0.5);
}
.menu ul.menuUl li a.active {
  background: #c6e5de;
  color: #2fa39d;
}
.mobile-menu {
  display: none;
}
section.contact,
section.documentation,
section.download,
section.general,
section.samples,
section.getting-started {
  position: relative;
  display: block;
  margin: 0;
}
section.general,
section.getting-started,
section.search {
  background: #fff;
}
section.contact h2,
section.documentation h2,
section.download h2,
section.general h2,
section.samples h2,
section.getting-started h2,
section.gitlab h2 {
  color: #2fa39d;
  font-family: "Verdana";
  font-size: 150%;
  text-align: center;
  background: #c6e5de;
}
.paragraph {
  margin: 20px;
}
article.paragraph:last-of-type {
  margin: 20px 20px 0;
}
#osr article.paragraph:last-of-type {
  margin: -10px 20px 20px;
}
#osr section.general article.paragraph ul {
  padding: 0 0 0 25px;
}
.inline-link {
  color: #2c8cdd;
}
section.contact {
  background: #fff;
}
section.contact ul {
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
}
section.contact ul li a {
  color: #2fa39d;
  text-decoration: none;
}
section.general .video-hl h2,
section.getting-started .video-hl h2,
.infoBox .download h2 {
  background: #2c8cdd;
  color: #fff;
  margin: 0 0 20px;
}
body .fancybox-nav span {
  visibility: visible;
}
section.general article.paragraph ul,
section.getting-started article.paragraph ul {
  margin: 10px 0 0;
  padding: 0 0 20px 25px;
}
@media screen and (max-width: 500px) and (orientation: portrait) {
  .infoBox {
    float: none;
    max-width: inherit;
    padding: 18px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
}
@media screen and (max-width: 700px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  .menu ul.menuUl li {
    display: block;
  }
  .menu ul.menuUl li a {
    border: none;
  }
  .menu.fixed {
    width: 100%;
  }
  .menu ul.menuUl li.small-logo.fixed {
    display: none;
  }
  .video-hl {
    display: block;
    float: none;
    text-align: center;
  }
  .header h1 {
    font-size: 180%;
  }
  #dap .header h1 {
    font-size: 185%;
  }
  .header-exact {
    top: 30px;
    right: -55px;
    width: 200px;
    font-size: 85%;
    line-height: 30px;
    letter-spacing: 0;
  }
  .menu ul.menuUl {
    display: none;
  }
  .menu.fixed.show ul.menuUl,
  .menu.show ul.menuUl {
    position: absolute;
    display: block;
    height: auto;
    z-index: 2;
    background: #2fa39d;
    margin-top: 5px;
    padding: 0;
    border-top: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.21);
  }
  .menu.fixed.show ul.menuUl li a,
  .menu.show ul.menuUl li a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #c6e5de;
  }
  .menu {
    height: 40px;
  }
  .mobile-menu {
    display: block;
  }
  .mobile-menu img {
    padding: 10px 10px 0;
  }
  section.download a.button {
    margin: 0 10px;
    padding: 10px 25px;
  }
  .dl-manreq {
    margin: 10px 40px;
  }
  .filterSearchWrapper .results {
    grid-template-columns: none;
  }
  div.filterSearchWrapper.advancedSearch .results {
    grid-template-columns: none;
  }
  .search .closeMeta {
    padding: 7px 10px;
  }
}
.inline-list .inline-list-item {
  display: inline-block;
  margin: 2px;
  color: #fff;
  text-decoration: none;
  background: #35b7f7;
  padding: 1px 8px;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.contact article ul.security {
  background: #e8f9f5;
  padding: 5px;
  border: 1px solid #2fa39d;
  margin: 10px 0 0;
  font-size: 100%;
}
.contact article ul.security li {
  font-family: Open Sans, sans-serif;
}
.contact article ul.security li:first-of-type {
  color: #fff;
  text-align: center;
  background: #48adf1;
  margin-bottom: 3px;
}
.contact article ul.security li .more,
.contact article ul.security li .more-privacy {
  font-family: Open Sans Bold, sans-serif;
  text-decoration: underline;
}
.security-overlay {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  left: 0;
  top: 0;
  animation: fadein 0.5s;
  animation-fill-mode: both;
}
.security-pop {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  font-family: Open Sans, sans-serif;
  font-size: 80%;
  transform: translate(-52%, -52%);
  background: #fff;
  border: 3px solid #48adf1;
  padding: 15px;
  box-shadow: 5px 5px 0 #5f5f5f;
}
.security-pop ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.security-pop ul li {
  padding: 5px 3px 5px 25px;
  background: #f1f9ff;
  position: relative;
}
.security-pop ul li:first-of-type {
  padding: 3px 3px 3px 10px;
  background: #48adf1;
  margin: 5px 0;
  color: #fff;
}
.security-pop ul li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #48adf1;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 10px;
}
.privacy-overlay {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  left: 0;
  top: 0;
  animation: fadein 0.5s;
  animation-fill-mode: both;
}
.privacy-pop {
  display: none;
  position: absolute;
  overflow-y: scroll;
  height: 75%;
  top: 50%;
  left: 50%;
  z-index: 999;
  font-family: Open Sans, sans-serif;
  font-size: 80%;
  transform: translate(-52%, -52%);
  background: #fff;
  border: 3px solid #2fa39d;
  padding: 15px;
  box-shadow: 5px 5px 0 #5f5f5f;
}
.privacy-pop h2 {
  color: #2fa39d;
  font-weight: 100;
  font-family: Open Sans Light, sans-serif;
  margin: 0 5px;
}
.privacy-pop > h3 {
  color: #fff !important;
  background: #2fa39d;
  padding: 5px;
  font-size: 16px;
}
.privacy-pop p {
  font-size: 12px;
  margin: 5px;
  padding: 5px 0;
}
.privacy-pop a {
  color: #2fa39d;
}
.security-pop ul li:first-of-type:before {
  content: "";
  display: none;
}
.security-pop ul li .close-secpop,
.privacy-pop .close-privpop {
  float: right;
  font-family: Open Sans Bold, sans-serif;
  margin-right: 5px;
  cursor: pointer;
}
.contact article:nth-of-type(2) {
  flex: 1 0;
}
.documentation-button {
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  font-size: 90%;
  padding: 1px 10px;
  color: #fdfdfd;
  z-index: 10;
  background: #48aef2;
  box-shadow: 3px 3px 0 #3690f0;
}
.JSWarning {
  position: fixed;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: #e24d4a;
  z-index: 2;
  text-align: center;
  color: #fff;
  line-height: 30px;
}
.fromPrice {
  display: none;
}
.businessCard {
  margin-right: 5px;
}
.affWrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.wobknop {
  background: rgba(198, 229, 222, 0.7);
  display: flex;
  padding: 5px 10px;
  flex: 1 0 0;
  position: relative;
  margin: 10px;
}
.archive {
  background: rgba(198, 229, 222, 0.7);
  display: flex;
  padding: 5px 10px;
  flex: 1 0 0;
  position: relative;
  margin: 10px;
}
.wayback {
  background: rgba(198, 229, 222, 0.7);
  display: flex;
  padding: 5px 10px;
  flex: 1 0 0;
  position: relative;
  margin: 10px;
}
.distillio {
  background: rgba(198, 229, 222, 0.7);
  display: flex;
  padding: 5px 10px;
  flex: 1 0 0;
  position: relative;
  margin: 10px;
}
.affHeader {
  color: #2fa39d;
  font-size: 14px;
  font-weight: bold;
  font-family: "Verdana";
  padding: 0;
}
.affPar {
  color: #2fa39d;
  font-size: 12px;
  font-family: "Verdana";
  padding: 0;
}
.affButton.wobknop div img {
  width: 65px;
}
.affButton.wayback div img {
  width: 65px;
}
.affButton.archive div img {
  width: 65px;
}
.affButton.distillio div img {
  width: 65px;
}
.affButton .right {
  margin-left: auto;
}
.affButton a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.postal {
  margin-right: 5px;
}
.search {
  padding: 10px;
}
.scrollWrapper {
  overflow-y: scroll;
}
.search .resultsWrapper {
  width: 550px;
  margin: 0 auto;
  padding: 10px;
}
.filterSearchWrapper .results {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: none;
}
.search .filterSearchWrapper.advancedSearch .resultsWrapper {
  width: auto;
  margin: 0;
  min-width: 100%;
  box-sizing: border-box;
}
.filterSearchWrapper.advancedSearch .results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.filterSearchWrapper.advancedSearch .filterMenu {
  display: none;
}
.searchTips {
  display: none;
}
.filterSearchWrapper.advancedSearch .searchTips {
  display: block;
}
.search .results {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.search .results .searchOuter {
  background: #fff;
  padding: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
  min-height: 136px;
}
.search .results .searchOuter .titleWrapper a {
  color: #2fa39d;
  font-weight: 600;
  text-decoration: none;
  font-size: 18px;
  margin: 0 0 5px;
  word-break: break-word;
}
.search .results .searchOuter .titleWrapper a:visited {
  color: #4064b1;
}
.search .results .searchOuter a span {
  color: #292929;
  font-weight: 300;
  font-size: 13px;
}
em,
.search .results .searchOuter .highlight {
  font-weight: 700;
  font-style: normal;
}
.search .results .searchOuter .score {
  font-size: 12px;
  color: grey;
}
.search .resultsTimeTotal {
  margin: 10px 0;
}
.search .resultsTimeTotal .tookTimeTotal {
  color: grey;
  font-size: 14px;
}
.search .results .searchOuter .pagesSizeWrapper span {
  font-weight: 300;
}
.search .results .searchOuter .pagesSizeWrapper {
  color: #757575;
  font-size: 13px;
}
.search .results .searchOuter .rowExcerpt {
  margin: 0 0 5px;
  font-size: 15px;
  word-break: break-word;
}
.search .dataWrapper {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.search .searchWrapper {
  display: flex;
  flex: 1;
  border: #2fa39d 1px solid;
  border-radius: 4px;
  padding: 1px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  width: 100%;
}
.search .searchWrapper.focus {
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.5);
}
.wrapSearchWrapper {
  display: flex;
  align-items: center;
}
.toggleWrapper {
  display: flex;
  align-items: center;
}
.advancedToggle {
  height: 24px;
  border-radius: 24px;
  padding: 4px 10px;
  background-color: #ccc;
  display: flex;
  align-items: center;
  transition: background-color 0.2s;
  flex-direction: row;
  min-width: 67px;
}
.advancedToggleLabel {
  margin: 0 5px 0 20px;
  font-size: 13px;
}
.advancedToggleText {
  color: #888;
  font-weight: 700;
  font-size: 12px;
  user-select: none;
  margin: 0 12px 0 16px;
  transition: color 0.2s;
  z-index: 1;
  order: 1;
}
.advancedToggleKnob {
  background-color: #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  box-shadow: 0 0 3px #888;
  margin: 0 -5px;
  z-index: 2;
  display: flex;
  justify-self: flex-end;
  order: 1;
}
.advancedToggle:hover {
  background-color: #bbb;
  cursor: pointer;
}
.advancedToggle.advancedEnabled:hover {
  background-color: #72bbb7;
}
.advancedToggle.advancedEnabled {
  background-color: #2fa39d;
}
.advancedToggle.advancedEnabled > .advancedToggleText {
  color: #fff;
  order: 0;
  margin: 0 16px 0 12px;
}
.searchPartyNameWrapper {
  display: flex;
  border: #2fa39d 1px solid;
  border-radius: 4px;
  padding: 1px;
  margin: 5px 0;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  background: #fff;
}
.searchPartyNameWrapper.hide {
  display: none;
}
.search .searchWrapper input {
  flex: 1;
  border: 0;
  padding: 10px 5px;
  font-size: 15px;
}
.searchPartyNameWrapper input {
  flex: 1;
  border: 0;
  padding: 5px;
  font-size: 15px;
}
.search .searchWrapper button {
  background: #2fa39d;
  border-radius: 4px;
  color: #fff;
  border: 0;
  display: none;
}
.search .searchWrapper img {
  width: 20px;
  margin: 0 5px;
  cursor: pointer;
}
.searchPartyNameWrapper img {
  width: 20px;
  margin: 0 5px;
}
.search .results .searchOuter a.previewImage {
  margin-left: auto;
}
.search .results .searchOuter a.previewImage img {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}
.search .columnWrapper {
  display: flex;
}
.search .titleWrapper {
  display: flex;
}
.search .titleWrapper .moreDetails {
  margin-left: auto;
  flex: 20px 0 0;
  height: 20px;
  background: url(../images/more.svg);
  background-size: contain;
  cursor: pointer;
}
.search .metaDetails {
  display: flex;
  position: fixed;
  right: 0;
  width: 400px;
  background: #fff;
  padding: 10px;
  border-left: 1px solid #2fa39d;
  height: 100%;
  top: 0;
  box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
  flex-direction: column;
  transition: all 0.5s ease;
  right: -1200px;
  z-index: 9;
}
.search .metaDetails.show {
  right: 0;
}
.search .metaResults {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: auto;
}
.search .metaResults li {
  margin: 5px 0;
  padding: 5px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
}
.search .metaResults li.twoColumn {
  flex-direction: row;
}
.search .metaResults li span:first-of-type {
  color: #2fa39d;
  font-weight: 600;
  margin-right: 5px;
}
.search .metaResults li span {
  display: block;
  font-size: 13px;
  word-break: break-word;
}
.search .closeMeta {
  margin-left: auto;
  background: #2fa39d;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.search .metaData {
  display: none;
}
.search .modifiedDate {
  color: grey;
}
.searchTips {
  margin: 10px 0;
  padding: 10px;
  color: #2fa39d;
}
.searchTips a {
  color: #2fa39d;
  font-weight: 600;
}
.searchTips ul {
  list-style-type: disc;
  text-align: left;
  font-size: 13px;
  margin: 0 0 0 10px;
  padding: 0;
}
.rewrittenSearch span {
  display: block;
}
.rewrittenSearch span.suggestedQuery {
  font-size: 15px;
}
.rewrittenSearch span.suggestedQuery em {
  font-style: italic;
}
.rewrittenSearch span.actualQuery {
  font-size: 13px;
}
.rewrittenSearch span.actualQuery a {
  color: #1a0dab;
  text-decoration: none;
}
#rewrittenSearchMobile {
  display: none;
  margin: 5px 0;
}
#rewrittenSearchWeb {
  display: block;
}
#resetSearch {
  display: none;
}
#resetSearch.show {
  display: flex;
}
.search .searchWrapper input:focus {
  outline-width: 0;
}
.subscribe {
  display: none;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: #fff;
  border: 2px solid #2fa39d;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
.subscribe.show {
  display: block;
}
.subscribeOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 5;
}
.subscribeOverlay.show {
  display: block;
}
.loadSpinner {
  display: none;
  margin: 5px auto 15px;
  width: 32px;
}
.loadSpinner.show {
  display: block;
}
.loadSpinnerExport {
  display: none;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.loadSpinnerExportImage {
  width: 32px;
  margin-top: 2px;
}
.loadSpinnerExport.show {
  display: block;
}
.pagingContainer ul {
  list-style-type: none;
  display: flex;
  padding: 0;
  justify-content: space-evenly;
}
.pagingContainer.hide {
  display: none;
}
.pagingContainer ul li a {
  color: #2fa39d;
  text-decoration: none;
  width: 30px;
  text-align: center;
  border: 1px solid #2fa39d;
  display: block;
}
.pagingContainer ul li.first-page a,
.pagingContainer ul li.prev-page a,
.pagingContainer ul li.next-page a,
.pagingContainer ul li.last-page a {
  border: 0;
  width: auto;
}
.pagingContainer ul li.active a {
  color: #fff;
  background: #2fa39d;
}
.page-range {
  display: none;
}
.showError {
  display: none;
  background: #fff6e6;
  border: 1px solid orange;
  margin-top: 10px;
  padding: 10px;
  color: #c78100;
}
.filterSearchWrapper {
  display: flex;
}
.filterMenu.hide {
  display: none;
}
.filterMenu {
  background: #f5f5f5;
  margin: 10px 0;
  flex: 300px 0 0;
  padding: 10px;
  font-size: 14px;
  position: relative;
}
.filterMenu ul {
  margin: 0 0 10px;
  padding: 10px;
  background: #d1e8e7;
  list-style-type: none;
  max-height: 350px;
  overflow-y: auto;
}
.filterMenu ul li {
  display: flex;
}
.filterMenu ul li span {
  color: #7b7b7b;
}
.filterHeading {
  font-weight: 500;
  margin-bottom: 5px;
  display: flex;
  color: #fff;
  padding: 3px;
  background: #2fa39d;
}
.filterHeading.partyFormFilter .clearFilters,
.filterHeading.partyFilter .clearFilters,
.filterHeading.pageFilter .clearFilters,
.filterHeading.dateFilter .clearFilters {
  visibility: hidden;
  margin-left: auto;
}
.filterHeading.partyFormFilter .clearFilters.show,
.filterHeading.partyFilter .clearFilters.show,
.filterHeading.pageFilter .clearFilters.show,
.filterHeading.dateFilter .clearFilters.show {
  display: block;
  visibility: visible;
}
.search .metaResults li span.externalWrapper {
  display: flex;
}
.externalWrapper a {
  margin-left: auto;
}
.minimizeFilters {
  display: none;
}
#pageCountHandleMin,
#pageCountHandleMax {
  width: auto;
  text-align: center;
  padding: 4px 8px;
  background: #2fa39d;
  color: #fff;
  font-family: OpenSans, sans-serif;
  border: 0;
  line-height: 16px;
  font-size: 12px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
}
#pageCountHandleMin:focus,
#pageCountHandleMax:focus {
  outline: 0;
}
.ui-slider .ui-slider-range {
  background: #c6e5de;
  background-image: linear-gradient(
    45deg,
    #c6e5de 25%,
    #d3ebe6 25%,
    #d3ebe6 50%,
    #c6e5de 50%,
    #c6e5de 75%,
    #d3ebe6 75%,
    #d3ebe6 100%
  );
  background-size: 25px 25px;
}
#pageCount {
  width: calc(100% - 53px);
  margin: 15px 0 15px 7px;
  border: 1px solid #2fa39d;
  padding: 1px;
}
.collapse {
  background: url(../images/min-filter.svg);
  display: flex;
  flex: 12px 0 0;
  height: 12px;
  background-size: 100%;
  align-self: center;
  margin-left: 3px;
}
.collapse.show {
  transform: rotate(180deg);
  background: url(../images/min-filter.svg);
  background-size: 100%;
}
.partyForm.hide,
.partyNameWrapper.hide,
#pageCount.hide,
.embeddedModifiedDate.hide {
  display: none;
}
.customDateRange {
  flex-direction: column;
  background: #eff9f8;
}
.customDateRange div:nth-child(2) {
  display: flex;
  margin-left: 15px;
}
.customDateRange div:nth-child(2) input {
  margin: 5px;
}
.customDateRange div:nth-child(2) span {
  margin: 5px 0;
}
.hideFilters.show {
  display: block;
}
.hideFilters {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  z-index: 3;
}
.buttonUl {
  display: flex;
  list-style-type: none;
  margin: 6px 0;
  height: 100%;
  align-items: center;
}
.donateButton a {
  background: #ff9a4a;
  border: 1px solid #ffcca3;
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin: 0 5px;
  font-weight: 700;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
}
.donateButton a:before {
  content: "";
  background: url(../images/donate.svg);
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  margin-right: 5px;
}
.donateButton a:hover {
  background: #ffbb85;
}
.subscribeButton span {
  background: #d1e8e7;
  border: 1px solid #2fa39d;
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin: 0 5px;
  font-weight: 700;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.subscribeButton span img {
  width: 32px;
}
.subscribeButton span:hover {
  background: #aff1ee;
}
.exportWrapper {
  display: flex;
  position: relative;
  opacity: 0.5;
  background: #d1e8e7;
  border: 1px solid #2fa39d;
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin: 0 5px 0 auto;
  font-weight: 700;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  align-items: center;
  cursor: pointer;
}
.exportWrapper.show {
  opacity: 1;
}
.exportWrapper:hover {
  background: #aff1ee;
}
.exportExcel {
  width: 54px;
}
.temporarilyDisabled {
  padding: 10px;
  text-align: center;
  color: #ec6800;
  font-weight: 700;
  background-image: linear-gradient(
    45deg,
    #fff6de 25%,
    #ffe9cc 25%,
    #ffe9cc 50%,
    #fff6de 50%,
    #fff6de 75%,
    #ffe9cc 75%,
    #ffe9cc 100%
  );
  background-size: 56.57px 56.57px;
}


.monthWrapper {
  display: flex;
  flex-direction: column;
  background: #181a1b;
  margin: 10px;
  padding: 10px;
  position: relative;
}

.monthWrapper h3 {
  color: white;
  background: #2fa39d;
  display: flex;
  position: relative;
}

.monthTitle .collapse {
  margin-right: 5px;
}

.documentList {
  list-style: none;
  padding: 0;
}

.documentList li {
  padding: 3px 10px;
  display: flex;
  align-items: center;
}

.documentList li:nth-child(even) {
  background: #707070
}

.documentList li:nth-child(odd) {
  background: #4a4a4a
}

.documentList li a {
  color: white;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
}

.documentList li span {
  background: #2b2c2c;
  border-radius: 10px;
  padding: 1px 10px;
  font-size: 10px;
  margin-right: 10px;
}

.documentWrapper {
  display: flex;
  height: auto;
  flex-direction: column;
}

.documentWrapper.hidden {
  visibility: hidden;
  height: 0;
}

.municipalityTitle {
  display: flex;
  background: #313c3a;
  color: white;
  margin: 10px;
  padding: 0 10px;
}

.documentWrapper .totalDocuments {
  position: absolute;
  top: 13px;
  color: white;
  right: 20px;
  visibility: visible;
  background: #2b2c2c;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 12px;
}

.currentYear {
  margin-left: auto;
  margin-right: auto;
  color: white;
}

.previousYear, .nextYear {
  display: flex;
  padding: 0px 5px;
  font-size: 15px;
  align-items: center;
  background: #2fa39d;
  margin: 5px 0;
  color: white;
  border-radius: 5px;
  text-decoration: none;
}

.collapse.left {
  margin-right: 5px;
  transform: rotate(-90deg);
}

.collapse.right {
  margin-left: 5px;
  transform: rotate(90deg);
}

.versionNumber {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 10px;
  color: #626262;
}

.contact article {
  font-size: .85em;
}

.languageSelector {
  margin: 0 15px;
  padding: 3px;
}

input.filterBox {
  align-self: baseline;
}

@media screen and (max-width: 700px) {
  .label-app-partner {
    background-size: cover;
    width: 88px;
    height: 89px;
    font-size: 9px;
    left: 10px;
  }
  .pagingContainer ul li:nth-child(1) a,
  .pagingContainer ul li:nth-last-child(1) a {
    display: none;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
  .wrapSearchWrapper {
    flex-direction: column;
  }
  .advancedWrapper {
    margin-left: 0;
    padding: 5px;
    margin-top: 10px;
    justify-content: center;
  }
  .search .filterSearchWrapper.advancedSearch .resultsWrapper {
    grid-template-columns: none;
  }
  .toggleWrapper {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .buttonUl {
    position: absolute;
    right: 0;
    top: 9px;
    padding: 0;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    margin: auto;
  }
  .donateButton a {
    padding: 1px 10px;
    font-size: 13px;
  }
  .donateButton a:before {
    content: "";
    height: 24px;
    width: 24px;
  }
  .subscribeButton span img {
    width: 24px;
  }
  .exportWrapper .exportExcel {
    width: 42px;
  }
  .exportWrapper .loadSpinnerExportImage {
    width: 24px;
  }
  .wrapper {
    display: block;
    overflow: auto;
  }
  .affWrapper {
    flex-wrap: wrap;
  }
  .affButton {
    box-sizing: border-box;
    margin: 10px;
    flex: 47% 0 0;
  }
  .affHeader {
    font-size: 16px;
  }
  .affPar {
    font-size: 14px;
  }
  .affButton div img {
    right: 10px;
  }
  .affButton.wobknop div img {
    width: 65px;
  }
  .search .resultsWrapper {
    width: auto;
  }
  .search .metaDetails {
    width: auto;
  }
  .filterSearchWrapper {
    flex-direction: column;
  }
  .minimizeFilters {
    display: block;
    background: #2fa39d;
    text-align: center;
    color: #fff;
    padding: 2px 0;
    margin: 10px auto;
    width: 200px;
    border-radius: 4px;
  }
  .minimizeFilters:after {
    content: "verberg filters";
  }
  .minimizeFilters.show:after {
    content: "toon filters";
  }
  .filterMenu {
    margin: 0;
    flex: 1 0 0;
  }
  .filterMenu ul {
    max-height: 200px;
    margin: 5px 0;
  }
  .search .resultsTimeTotal {
    margin: 0 0 10px;
  }
  .subscribe {
    width: 75vw;
    height: auto;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media screen and (max-width: 975px) {
  #osr section.download .cbs-buttons,
  #osr section.download .gitlab-buttons,
  #osr section.download .jira-buttons,
  #osr section.download .freshdesk-buttons,
  #osr section.download .dynamicscrm-buttons,
  #osr section.download .stackexchange-buttons,
  #osr section.download .nmbrs-buttons,
  #osr section.download .opendata-buttons,
  #osr section.download .twinfield-buttons,
  #osr section.download .salesforce-buttons,
  #osr section.download .vismasevera-buttons,
  #osr section.download .dropbox-buttons,
  #osr section.download .teamleader-buttons,
  #osr section.download .paypal-buttons,
  #osr section.download .loketnl-buttons,
  #osr section.download .autotask-buttons {
    display: block;
    width: auto;
    padding: 0 0 10px;
    margin: 10px 5px;
  }
  .security-pop {
    width: 80%;
    font-size: 65%;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  .menu ul.menuUl li {
    display: block;
  }
  .menu ul.menuUl li a {
    border: none;
  }
  .menu.fixed {
    width: 100%;
  }
  .menu ul.menuUl li.small-logo.fixed {
    display: none;
  }
  .video-hl {
    display: block;
    float: none;
    text-align: center;
  }
  .header h1 {
    font-size: 180%;
  }
  #dap .header h1 {
    font-size: 185%;
  }
  .header img {
    width: 65%;
    height: 65%;
  }
  .header-exact {
    top: 30px;
    right: -55px;
    width: 200px;
    font-size: 85%;
    line-height: 30px;
    letter-spacing: 0;
  }
  .menu ul.menuUl {
    display: none;
  }
  .menu.fixed.show ul.menuUl,
  .menu.show ul.menuUl {
    position: absolute;
    display: block;
    height: auto;
    z-index: 2;
    background: #2fa39d;
    margin-top: 5px;
    padding: 0;
    border-top: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.21);
  }
  .menu.fixed.show ul.menuUl li a,
  .menu.show ul.menuUl li a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #c6e5de;
  }
  .menu {
    height: 40px;
  }
  .mobile-menu {
    display: block;
  }
  .mobile-menu img {
    padding: 10px 10px 0;
  }
  section.download a.button {
    margin: 10px;
    padding: 10px 25px;
  }
  .infoBox section.download a.button {
    margin: 0 auto 10px;
  }
  .dl-manreq {
    margin: 10px 40px;
  }
  #dap .header-action {
    top: 20px;
    font-size: 14px;
    width: 280px;
  }
  #eco section.download a.button {
    margin: 5px 10px;
    padding: 10px 25px;
    min-width: 200px;
  }
  .connect .connect-image {
    background-size: 100%;
  }
  .connect .message-wrapper,
  .connect a,
  .connect .leave-message {
    display: block;
  }
  .connect .message-form {
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
  }
  .connect .message-form input,
  .connect .message-form textarea {
    width: 97%;
  }
  .security-pop {
    width: 80%;
    font-size: 65%;
  }
  .indicator {
    background: #d8d8d8;
    border-radius: 0;
    display: inline-block;
    padding: 5px 8px;
    box-shadow: 0 2px 0 #0000004d;
    text-decoration: none;
    line-height: 0.85em;
    position: relative;
    width: 100%;
    top: 0;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media screen and (min-width: 812px) and (max-width: 815px) and (orientation: landscape) {
  div.affWrapper {
    flex-wrap: wrap;
    flex-direction: row;
  }
  div.affButton {
    box-sizing: border-box;
    margin: 10px;
    flex: 47% 0 0;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media screen and (max-width: 812px) and (orientation: landscape) {
  .no-webp .header {
    background: url(../images/banner-responsive.jpg) top fixed;
  }
  .webp .header {
    background: url(../images/banner-responsive.webp) top fixed;
  }
  .header {
    height: auto;
  }
  .affWrapper {
    flex-direction: column;
  }
  .affButton {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    flex: 0;
  }
  .affHeader {
    font-size: 16px;
  }
  .affPar {
    font-size: 14px;
  }
  .affButton div img {
    right: 10px;
  }
  .affButton.wobknop div img {
    width: 65px;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media screen and (max-width: 430px) and (orientation: portrait) {
  .no-webp .header {
    background: url(../images/banner-responsive.jpg) top fixed;
  }
  .webp .header {
    background: url(../images/banner-responsive.webp) top fixed;
  }
  .header {
    height: auto;
  }
  .affWrapper {
    flex-direction: column;
  }
  .affButton {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    flex: 0;
  }
  .affHeader {
    font-size: 16px;
  }
  .affPar {
    font-size: 14px;
  }
  .affButton div img {
    right: 10px;
  }
  .affButton.wobknop div img {
    width: 65px;
  }
  #rewrittenSearchMobile {
    display: block;
  }
  #rewrittenSearchWeb {
    display: none;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background: #181a1b;
  }
  section.general,
  section.getting-started,
  section.search {
    color: #eee;
    background: #2b2c2c;
  }
  .contact article {
    background: #2b2c2c;
    color: #fff;
  }
  .filterMenu {
    background: #181a1b;
  }
  .filterMenu ul {
    background: #2a3434;
  }
  .filterMenu ul li span {
    color: #9fafb5;
  }
  .search .searchWrapper,
  .search .searchWrapper input {
    background-color: #181a1b;
  }
  .searchPartyNameWrapper {
    background: #181a1b;
  }
  .searchPartyNameWrapper input {
    background-color: #181a1b;
    color: #fff;
  }
  input {
    color: #fff;
  }
  .advancedToggle {
    background-color: #181a1b;
  }
  .advancedToggle:hover {
    background-color: #101010;
  }
  .customDateRange {
    background: #1f2424;
  }
  #pageCount {
    background-color: #1f2424;
  }
  section.contact h2,
  section.documentation h2,
  section.download h2,
  section.general h2,
  section.samples h2,
  section.getting-started h2,
  section.gitlab h2 {
    background: #313c3a;
  }
  .search .results .searchOuter {
    background: #181a1b;
    border: 1px solid #465962;
  }
  .search .results .searchOuter a.previewImage img {
    border: 1px solid #44484a;
    border-radius: 4px;
  }
  .search .results .searchOuter .pagesSizeWrapper {
    color: #a7a7a7;
    font-size: 13px;
  }
  .temporarilyDisabled {
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-image: linear-gradient(
      45deg,
      #4a3f31 25%,
      #725a3a 25%,
      #725a3a 50%,
      #4a3f31 50%,
      #4a3f31 75%,
      #725a3a 75%,
      #725a3a 100%
    );
    background-size: 56.57px 56.57px;
  }
  .hideFilters {
    background: rgb(43 44 44 / 0.8);
  }
  .search .metaDetails {
    background: #181a1b;
  }
  .search .metaResults li {
    background: #2b2c2c;
  }
  .menu {
    border-color: #181a1b;
  }
  img,
  .header {
    filter: brightness(0.8) contrast(1.2);
  }
  .affButton {
    background: #222;
  }
  .customDateRange div:nth-child(2) input {
    margin: 5px;
    background-color: #101212;
    border: none;
  }
  .subscribeOverlay {
    background: #000;
  }
  .subscribe,
  ._form-content {
    background: #242424;
  }
  #_form_35_ ._x18564636 ._form-title {
    background: #313837;
  }
  .rewrittenSearch span.actualQuery a {
    color: #2fa39d;
  }
  .search .results .searchOuter a.previewImage {
    color: #2fa39d;
  }
}