@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900");
/* * * * * * * * * * * * * * *  * * * * * *
* BASE SHEET JAN 5 2017 | MSR * * * * * * *
* * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *  * * * * * *
* EDIT JAN 2019 | RDM * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * */
/* Aangepast door SK vanaf 08-12-2017
1. Aanpasknoppen op de overzichtspagina rechts uitgelijnd en getoond als linkjes
2. Media queries verplaatst zodat ze altijd werken
3. Formulier een vaste breedte zodat knoppen etc. mooi uitlijnen
4. Verzendknop rechts uitgelijnd
5. Teksten niet groter op mobiel
6. Hamburgermenu minder padding (mobiel menu)
7. Spaties tussen tekst over grootte bijlagen gelijk
8. Verzendknop disabled tonen wanneer niet alle verplichte vragen zijn ingevuld
9. Inputvelden niet breder dan het formulier laten zijn
10. Tekst op overzichtspagina niet meer dikgedrukt, tussenkopjes wel dikgedrukt
11. Navigatie menu-opties geen vaste hoogte
12. Hamburgermenu op mobiel meer margin-bottom bij uitklappen
13. Datum en tijdvelden icoon beter uitgelijnd
14. Verplichte velden tekst meer ruimte tussen volgende/vorige buttons onderaan formulier
15. Op overzicht: bloktitels wel dikgedrukt en antwoorden niet
16. upload knoppen als je zelf tekst toevoegt standaard hoogte maken
17. Op overzicht vraag-antwoord koppels wat meer margin
18. Hint en errortekst zelfde lettergrootte en zelfde margin-top
19. Navigatieknoppen gelijke breedte op IE en Edge
*/

.background-image {
  position: fixed;
  z-index: -1;
  height: 200%;
  width: 200%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -50%;
  left: -50%;
  display: initial;
}

.background-image > img {
  margin: auto;
  position: absolute;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  min-width: calc(50% + 15px);
  min-height: calc(50% + 15px);
  max-width: calc(50% + 15px);
}

.background-image.noblur > img {
  filter: none;
}

/*NAVBAR*/
/* line 102, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
.navbar {
  background-color: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}

/* line 109, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
.navbar-brand img {
  max-width: 100%;
  padding-bottom: 10px;
  max-height: 100%;
}

/* line 115, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
.navbar-brand {
  height: 100px;
  padding-left: 0;
  padding-top: 0;
  display: block;
  padding-bottom: 0;
}

/* line 123, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
.navbar-toggle .icon-bar {
  width: 35px;
  margin-bottom: 5px;
  border: 2px solid #003b78;
  border-radius: 9px;
}

/* line 130, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
.navbar-toggle {
  margin-top: 26px;
  margin-bottom: 21px;
}

.bluecircle {
  text-align: center;
  border-radius: 9px;
  color: #009ee0;
  margin-top: 20px;
  transition: all .1s ease-out;
  text-decoration:none;
  font-weight:700;
  font-family: "Source Sans Pro", sans-serif, sans-serif;
  font-size:20px;
}
.bluecircle:hover,
.bluecircle:focus,
.bluecircle:active,
.active .bluecircle,
.navbar-collapse li.active .bluecircle:hover,
.active .bluecircle:focus{
  background-color: transparent;
  color: #003b78;
  text-decoration: none;
}

.bluecircle .darkbluecircle{
  padding-right:200px; 
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float:right;
  /*padding-right: 700px;*/
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.navbar-nav li .darkbluecircle,
.navbar-nav li .darkbluecircle:hover,
.navbar-nav li .darkbluecircle:focus,
.navbar-nav li .darkbluecircle:active {
  background-color: #009ee0;
  height: 45px;
  width: 45px;
  color: #fff;
  box-shadow: 3px 3px #012753;
  margin-right: 5px;
  margin-bottom:5px;
}

.arrowUp,
.gedaan {
  filter: drop-shadow(3px 3px rgba(0, 21, 45, 0.75));
}

.bluecircle img {
    height: 30px;
    position: relative;
    bottom: 20%;
}

html,
body {
  width: auto;
  overflow-x: hidden;
  min-height: 100%;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

html {
  font-size: 100%;
  height: 100%;
}

#doc4 {
  padding: 20px;
}

.orbeon h1 .xforms-control .xforms-output-output {
  font-size: 18px;
}

.orbeon h2 .xforms-control .xforms-output-output {
  font-size: 18px;
}

.orbeon h3 .xforms-control .xforms-output-output,
.orbeon h4 .xforms-control .xforms-output-output,
.block_title div.xforms-output-output {
  font-size: 16px;
}

.orbeon .orbeon-portlet-body,
.orbeon .xforms-output-output,
.orbeon .xforms-label,
.orbeon label,
.orbeon button,
.orbeon .btn,
.orbeon .xforms-alert.xforms-active,
.orbeon .digid-button .yui-button.yui-push-button,
.xforms-required label em,
.mandatory-text div em,
.orbeon .xforms-visited > .xforms-alert.xforms-active,
.orbeon .xforms-visited.xforms-alert.xforms-active,
.orbeon .xforms-hint-appearance-inline .xforms-hint,
.orbeon .navbar .fr-language-choice,
.orbeon .navbar .fr-goto-content {
  font-size: 13px;
}

.orbeon .fr-orbeon-version {
  font-size: 10px;
}

.orbeon .xbl-fr-section .fr-section-title .fr-section-label {
  font-size: 18px;
}

.orbeon .xbl-fr-section .fr-section-title .fr-section-label label {
  font-size: 18px;
}

.orbeon .navbar .navbar-inner .brand {
  font-size: 20px;
}

/* * * * * * * RESPONSIVE MENU * * * * * * * */
.collapseTrigger {
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
  opacity: 0;
}

/* the checkbox */
label.collapseTriggerLabel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 10px;
  left: calc(50% - 25px);
  height: 50px;
  width: 50px;
  display: none;
  position: relative;
  z-index: 1;
  background-color: #82B927;
  border-radius: 50%;
  transition: background-color 0.5s;
}

.collapseTriggerLabel:before {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background-color: #FFF;
  left: 10px;
  top: 17px;
  box-shadow: 0 7px #FFF, 0 14px #FFF;
  border-radius: 4px;
  transition: box-shadow 0.5s, top 0.5s;
}

.collapseTrigger:checked ~ .collapseTriggerLabel {
  background-color: #005A26;
}

.melding-content-item {
  height: 70%;
  font-size: 14px;
}

.headerText {
  padding-top: 10px;
  float: right;
}

.footerText {
  padding-top: 10px;
  padding-bottom: 10px;
}

.headerText:before {
  content: "\f095  ";
  font-family: "FontAwesome";
}

/* introduceeer nieuwe klasse condensed om blokken dichter op elkaar te zetten in oude formulieren */
.condensed .block-layout-horizontal.xforms-group, .orbeon .condensed li, .orbeon .condensed ul, .condensed .block-layout-vertical, .condensed {
  margin-bottom: 0px;
}

.condensed .block-layout-horizontal, .condensed div.block-layout-horizontal {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

body.orbeon {
  background-color: #FFF;
  font-family: Arial;
}

.yui-skin-sam .yui-calendar a.calnav {
  color: #0645AD;
  text-decoration: underline;
}

/* datumveld */
.xforms-type-date .fr-width-4digits input {
  width: 50px;
}

.orbeon .xforms-type-date img {
  vertical-align: middle;
  padding-left: 0.2em;
  cursor: pointer;
}

.orbeon .xforms-input input.xforms-type-date,
.orbeon .xforms-input input.xforms-type-time {
  background-position: right 5px center;
  padding-right: 20px;
}

.digidBox {
  position: relative;
}

span.digid-button {
  position: relative;
  right: 10px;
}

.yui-skin-sam .digid-button .yui-button .first-child {
  text-align: right;
}

.orbeon .digid-button .yui-button.yui-push-button {
  font-size: 13px;
  margin-left: 10px;
  min-width: 160px;
  padding-top: 0;
  padding-bottom: 0;
}

.digid-button .btn {
  max-width: 220px;
  min-height: 32px;
  min-width: 160px;
  width: 100%;
  padding: 8px 0px;
}

.hidden {
  display: none !important;
}

.orbeon .fr-body {
  display: block;
  box-sizing: border-box;
}

.orbeon a {
  color: #418926;
  text-decoration: none;
  font-weight: bold;
}

.orbeon .xforms-input-input, .orbeon select, .orbeon textarea, .orbeon input[type="text"], .orbeon input[type="password"], .orbeon input[type="datetime"], .orbeon input[type="datetime-local"], .orbeon input[type="date"], .orbeon input[type="month"], .orbeon input[type="time"], .orbeon input[type="week"], .orbeon input[type="number"], .orbeon input[type="email"], .orbeon input[type="url"], .orbeon input[type="search"], .orbeon input[type="tel"], .orbeon input[type="color"], .orbeon .uneditable-input {
background-color: transparent;
    border: none;
    display: table-cell;
    width: 55%;
    border-bottom: 1px solid #999;
}
.orbeon .xforms-input-input:active, .orbeon select:active, .orbeon textarea:active, .orbeon input[type="text"]:active, .orbeon input[type="password"]:active, .orbeon input[type="datetime"]:active, .orbeon input[type="datetime-local"]:active, .orbeon input[type="date"]:active, .orbeon input[type="month"]:active, .orbeon input[type="time"]:active, .orbeon input[type="week"]:active, .orbeon input[type="number"]:active, .orbeon input[type="email"]:active, .orbeon input[type="url"]:active, .orbeon input[type="search"]:active, .orbeon input[type="tel"]:active, .orbeon input[type="color"]:active, .orbeon .uneditable-input:active {
    border-bottom: 2px solid #009ee0;
}

.orbeon .xforms-required.xforms-filled input,
.orbeon .xforms-required.xforms-filled textarea {
  border-color: #BBB;
}

.xforms-update-full {
  min-width: 70%;
}

.orbeon .btn,
.yui-skin-sam .yui-button,
.yui-skin-sam .yui-button .first-child,
.yui-skin-sam .yui-button-hover .first-child {
  background-image: none;
  border: none;
  box-shadow: none;
  background-color: transparent;
  text-shadow: none;
}

.cookieLawBanner {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #FFFFC0;
  margin: 1em;
  padding: 1em;
  border: 1px solid #F2C50D;
  box-shadow: 0px 0px 2px 1px #f2c50d66;
}

.cookieLawOk {
  border: 2px outset #0a0;
  padding: 0em 0.5em;
  margin-left: 1em;
  background-color: #0a0;
}

a.cookieLawOk {
  text-decoration: none;
  color: #fff;
}

.cookieLawBanner a:hover,
.orbeon button.close:hover,
.orbeon button.close:focus,
.orbeon .btn:hover,
.orbeon .btn:focus,
.orbeon .btn:active,
.orbeon .btn.active,
.orbeon .btn.disabled,
.orbeon .btn[disabled] {
  background-color: transparent;
  opacity: 1;
}

.orbeon button.close,
.cookieLawBanner a,
.orbeon button.btn,
.yui-skin-sam .yui-button button {
  background-color: #83BA24;
  border: 1px solid #83BA24;
  color: #FFF;
  font-weight: bold;
  padding: 2px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  text-decoration: none;
  min-width: 130px;
  min-height: 32px;
}

.fr-formnavigation button.btn {
  overflow: visible;
  white-space: normal;
}

.orbeon .btn.disabled,
.orbeon .btn[disabled],
.orbeon .btn.disabled:hover,
.orbeon .btn[disabled]:hover,
.orbeon .warningtxt.div-visible + .verstuur .VERSTUUR button.btn {
  background-color: #FAFAFA;
  border: none;
  color: #777;
  cursor: default;
}

.orbeon .fr-formnavigation button.btn,
.yui-button.yui-push-button,
.fr-formnavigation .yui-skin-sam .yui-button button {
  width: 100%;
  min-width: 160px;
  margin: 0 0 5px 0;
}

.orbeon .fr-formnavigation > span button.btn {
  display: block;
}

.nav-next {
  float: right;
}

.nav-prev {
  float: left;
}

.cookieLawBanner a {
  margin: 0 5px;
}

.orbeon button.close {
  min-width: 0px;
}

.orbeon button.close:hover,
.orbeon button.close:focus,
.cookieLawBanner a:hover,
.orbeon .btn:hover {
  color: white;
  background-color: #FFF;
}

.orbeon .btn:focus {
  color: #FFF;
}

.orbeon .btn.active,
.orbeon .btn:active {
  filter: none;
  background-image: none;
}

.fr-formnavigation span.button-active button,
.cookieLawBanner a:focus,
.orbeon .btn:focus,
.orbeon .btn:active,
.orbeon .btn.active {
  background-color: #006388;
  border-color: #006388;
  color: #FFF;
}

.fr-formnavigation .button-active button:hover {
  cursor: default;
}

.orbeon h2,
.orbeon h3,
.orbeon h4,
.orbeon h5,
.orbeon h6 {
  margin: 0px 0 10px 0;
  background-color: transparent;
  background-image: none;
  filter: none;
  color: #006388;
  font-weight: bold;
}

.orbeon textarea {
  width: auto;
  height: auto;
  margin-bottom:10px;
  border:solid 1px #999;
}

.orbeon textarea:focus,
.orbeon input[type=text]:focus,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus,
.orbeon .xforms-required.xforms-visited textarea:focus {
  border-color: #009ee0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(170, 221, 85, 0.3);
}

.orbeon .navbar-inverse .navbar-inner {
  background-image: none;
  background-color: #006388;
  box-shadow: none;
  border-radius: 0;
  padding: 5px 20px;
  filter: none;
  box-sizing: border-box;
}

.orbeon .navbar-inverse .navbar-inner .container h1 {
  color: #FFF;
  font-weight: bold;
}

.fr-formnavigation .yui-button {
  margin-bottom: 5px;
}

div.ogone button span {
  display: block;
}

.fr-border {
  padding-bottom: 30px;
  background-color: #FFF;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.fr-formnavigation {
  float: none;
  margin: 10px 10px 0 0;
  width: calc(35% - 105px);
}

.tab-visible {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}

.orbeon .overzicht .xforms-label {
  width: 200px;
  opacity: 0.8;
  margin-right: 10px;
}

.orbeon .overzicht .default-block > div > div {
  margin-bottom: 5px;
}

.orbeon .overzicht em {
  display: none;
}

.overzicht .xforms-output,
.overzicht .xforms-output .xforms-required {
  display: inline;
  width: auto;
  padding-top: 0px;
}

.xforms-update-full .xforms-label {
  font-weight: normal;
}

.xforms-update-full .block-layout-vertical {
  display: block;
}

.block-layout-vertical div.selectitem-horizontal div {
  display: inline-block;
}

.tab-hidden {
  display: none;
}

.div-hidden div {
  display: none;
}

.div-visible div {
  display: block;
}

.button-relevant {
  display: block;
}

.button-irrelevant {
  display: block;
}

.block_title {
  color: #006388;
  padding-top: 2em;
}

.orbeon .orbeon-portlet-body .overzicht .block_title {
  font-weight: bold;
}

.mandatory-text {
  margin-bottom: 15px;
}

.block-layout-horizontal.xforms-group {
  display: block;
}

div.block-layout-horizontal {
  margin-bottom: 15px;
}

div.block_title + div > div.block-layout-horizontal,
div.block-layout-horizontal > .xforms-select1 > .xforms-items {
  margin-bottom: 0;
}

.orbeon .xforms-help {
  display: inline-block;
  float: right;
  margin: 3px;
}

.block-layout-horizontal label {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  margin-top: 3px;
}

label.radio,
label.checkbox {
  margin-top: 0;
}

div.block-layout-vertical label.radio,
div.block-layout-vertical label.checkbox {
  margin-top: 5px;
  margin-bottom: 0;
}

.xforms-selected, .xforms-deselected {
  display: inline-block;
  margin-right: 10px;
}

div.block-layout-horizontal .xforms-label {
  display: inline-block;
  width: 230px;
  margin-right: 10px;
}

div.block-layout-vertical .xforms-label {
  display: block;
}

.overzicht div.block-layout-vertical .xforms-label {
  display: inline-block;
}

.xforms-label + .xforms-required {
  display: inline-block;
  padding-left: 6px;
}

.block-layout-vertical .horizontal .xforms-items span {
  display: inline-block;
}

.block-layout-horizontal .horizontal .xforms-items span {
  display: inline-block;
}

.horizontal .xforms-items {
  vertical-align: top;
  display: inline-block;
}

.vertical .xforms-items,
div.block_title + div > div.block-layout-horizontal > .xforms-select1 > .xforms-items {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.xforms-required {
  background-color: rgba(255, 252, 220, 0.7);
  border: none;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: -5px -10px -5px -10px;
  border-radius: 2px;
}

.xbl-fr-dropdown-select1 .xforms-required.xforms-select1 {
  margin: 0;
  padding: 0;
}

.overzicht .xforms-required {
  border: none;
  background: none;
}

/*remove block alignment - Orbeon erratically adds a required class when selecting decimal */
span.xbl-fr-number-decimal-separator + span.xforms-required {
  display: inline-block;
}

.xforms-required .xforms-type-date {
  background-color: transparent;
  border: none;
}

.orbeon .fr-mode-new .xforms-required.xforms-empty .xforms-label,
.orbeon .fr-mode-new .xforms-required .xforms-label {
  background-image: none;
  padding-left: 0;
}

.orbeon .fr-mode-new .xforms-required .xforms-label:before,
.orbeon .fr-mode-edit .xforms-required .xforms-label:before,
.orbeon .fr-mode-test .xforms-required .xforms-label:before,
.orbeon .xforms-dialog .xforms-required .xforms-label:before {
  content: '';
  vertical-align: unset;
  font-size: unset;
}

.orbeon .fr-mode-new .xforms-required .xforms-label:after,
.orbeon .fr-mode-edit .xforms-required .xforms.orbeon .fr-mode-new .xforms-required .xforms-label:before,
.orbeon .fr-mode-edit .xforms-required .xforms-label:before,
.orbeon .fr-mode-test .xforms-required .xforms-label:before,
.orbeon .xforms-dialog .xforms-required .xforms-label:before {
  content: '';
  vertical-align: unset;
  font-size: unset;
}

.orbeon .fr-mode-new .xforms-required .xforms-label:after,
.orbeon .fr-mode-edit .xforms-required .xforms-label:after,
.orbeon .fr-mode-test .xforms-required .xforms-label:after,
.orbeon .xforms-dialog .xforms-required .xforms-label:after {
  content: '* ';
  margin-left: 3px;
  font-weight: bold;
  color: #E17100;
  vertical-align: middle;
}

.orbeon .fr-mode-test .xforms-required .xforms-label:after,
.orbeon .xforms-dialog .xforms-required .xforms-label:after {
  content: '* ';
  margin-left: 3px;
  font-weight: bold;
  color: #E17100;
  vertical-align: middle;
}

.orbeon .xforms-required input,
.orbeon .xforms-required textarea,
.xforms-required-empty .xforms-input-input {
  border: 1px solid #F2C50D;
  box-shadow: 0px 0px 2px 1px rgba(242, 197, 13, 0.4);
}

.orbeon .xforms-required input[type="radio"],
.orbeon .xforms-required input[type="checkbox"] {
  box-shadow: 0px 0px 3px 1px #f2c50d;
}

.orbeon .xforms-required.xforms-visited * {
  box-shadow: none;
}

.orbeon .xforms-required.xforms-invalid.xforms-visited textarea {
  border-color: #B94A48;
}

.orbeon .fr-formnavigation span.problem span button {
  border-right: 5px solid #B94A48;
  border-left: 5px solid #B94A48;
}

.xforms-hint {
  padding: 1px;
}

.orbeon .xforms-hint-appearance-inline .xforms-hint {
  font-style: italic;
}

.orbeon .xforms-hint,
.orbeon .xforms-visited > .xforms-alert.xforms-active:not(:empty),
.orbeon .xforms-visited.xforms-alert.xforms-active:not(:empty) {
  margin-top: 3px;
  font-size: smaller;
}

.xforms-hint::before {
  content: "\00BB";
  font-weight: bold;
  border-radius: 3px;
  background-color: transparent;
  padding: 0;
  margin-right: 5px;
  margin-left: 0;
  font-style: normal;
  color: #F3D00D;
}

.xforms-alert::before {
  content: "\00BB";
  font-weight: bold;
  border-radius: 3px;
  background-color: transparent;
  padding: 0;
  margin-right: 5px;
}

.warningtxt, .warningtxt + span,
.orbeon .warningtxt.xforms-output {
  width: 100%;
  display: block;
  font-weight: bold;
  color: #B94A48;
}

.warningtxt + span {
  text-align: right;
}

.warningtxt + .verstuur > span {
  display: inline-block;
  float: right;
}

.warningtxt.div-visible {
  margin-bottom: 15px;
}

/* .warningtxt::before {content : "Let op:";} */
.upload_size {
  margin-top: 15px;
}

.upload_size_size,
.upload_size_max_size {
  font-weight: bold;
}

.orbeon .upload_size > div > .xforms-output:nth-of-type(2) {
  margin-right: 0;
}

.xforms-upload-select {
  display: block;
}

.xforms-trigger a {
  display: block;
  margin: 5px 0 20px 0;
}

/*a img,
.icon-download {
  text-align: center;
  padding-bottom: 5px;
}*/

.xforms-output-appearance-xxforms-download,
.xforms-upload-state-file {
  display: inline-block;
}

.orbeon .xforms-output {
  display: inline-block;
}

.xbl-fr-attachment {
  display: block;
}

.orbeon .radio input[type="radio"],
.orbeon .checkbox input[type="checkbox"] {
  margin-right: 5px;
}

.orbeon .radio input[type='radio'] {
  border-radius: 50%;
}

.orbeon label.radio {
  line-height: 20px;
}

.orbeon .popover.xforms-help-popover {
  max-width: 400px;
  width: auto;
}

.orbeon .popover.top,
.orbeon .popover.bottom,
.orbeon .popover.left {
  margin-right: 10px;
}

.orbeon .popover.right {
  margin-left: 7px;
}

.orbeon .popover {
  border-color: #7FB1C3;
  background-color: #F2F7F9;
  border-radius: 0px;
  box-shadow: none;
  padding: 5px;
}

.orbeon .popover-title {
  border-bottom: 1px dashed #7FB1C3;
  padding-bottom: 15px;
  min-width: 150px;
  border-radius: 0;
  font-weight: bold;
}

.orbeon .popover.top .arrow {
  border-top-color: #7fb1c3;
}

.orbeon .popover.top .arrow:after {
  border-top-color: #F2F7F9;
}

.orbeon .popover.bottom .arrow {
  border-bottom-color: #7fb1c3;
}

.orbeon .popover.bottom .arrow:after {
  border-bottom-color: #F2F7F9;
}

.orbeon .popover.right .arrow {
  border-right-color: #7fb1c3;
}

.orbeon .popover.right .arrow:after {
  border-right-color: #F2F7F9;
}

.orbeon .popover.left .arrow {
  border-left-color: #7fb1c3;
}

.orbeon .popover.left .arrow:after {
  border-left-color: #F2F7F9;
}

.orbeon .popover.xforms-help-popover .popover-content {
  clear: both;
  float: left;
  max-width: 400px;
}

.orbeon button.close {
  background-color: #7FB423;
  color: #FFF;
  text-shadow: none;
  opacity: 1;
}

.orbeon .popover.xforms-help-popover .close {
  padding: 2px 5px;
  margin: 5px;
}

.xbl-fr-error-summary, .fr-status-icons * {
  display: none;
}

a.esriLogo {
  position: relative;
  top: 490px;
  left: 425px;
  z-index: 999;
  display: block;
  margin-top: -36px;
}

/* download link bij upload */
span.xforms-output-appearance-xxforms-download a {
  display: none;
}

.ogone-amount-div div {
  float: left;
  clear: none;
}

.icon-prev-tab {
  margin-right: 13px;
}

.icon-next-tab {
  margin-left: 5px;
  width: 25px !important;
}

.melding-item {
  width: 100%;
  height: 100px;
  display: block;
  font-size: 0;
}

.melding-picture-item {
  width: 20%;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.melding-content {
  width: 60%;
  display: inline-block;
  height: 100%;
}

.melding-button {
  width: 20%;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.melding-button-item {
  vertical-align: middle;
}

.melding-top-div {
  height: 30%;
  width: 100%;
}

.lefttopdiv {
  height: 50%;
  width: 100%;
}

.melding-picture {
  width: 60%;
  position: relative;
  padding: 20px;
  max-height: 60px;
}

.melding-half-left-top {
  width: 50%;
  display: inline-block;
  height: 100%;
  font-size: 14px;
}

.melding-half-right-top {
  width: 50%;
  display: inline-block;
  height: 100%;
  font-size: 14px;
}

.melding-content-item {
  height: 70%;
  font-size: 14px;
}

.icon-selectitem {
  margin-left: 5px;
  width: 25px !important;
}

.orbeon .btn,
.xforms-upload-as-button {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background-color: #83BA24;
  border: 1px solid #83BA24;
  color: #FFF;
  font-weight: bold;
  text-overflow: ellipsis;
  border-radius: 0;
  text-decoration: none;
  min-width: 90px;
  min-height: 32px;
  height: auto;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
}

.xforms-upload-as-button {
  height: 32px;
}

.xforms-upload-as-button:hover {
  color: #005A19;
  background-color: #FFF;
}

.xforms-upload-as-button:active {
  background-color: #006388;
  border-color: #006388;
  color: #FFF;
}

.xforms-upload-as-button input {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;
  opacity: 0.0;
  /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)";
  /* IE 8 */
  -khtml-opacity: 0.0;
  /* Safari 1.x */
  -moz-opacity: 0.0;
  /* FF lt 1.5, Netscape */
}

.xforms-upload-as-button .xforms-readonly {
  display: none;
}

.xforms-upload-as-button .xforms-required {
  background-color: inherit;
}

.xforms-item-with-image > label {
  cursor: pointer;
  background-color: #666;
  border: 5px solid #666;
  color: #FFF;
  text-decoration: none;
  width: 135px;
  height: 150px;
  text-align: center;
  overflow: hidden;
}

.xforms-item-with-image > label > span {
  position: relative;
  display: table;
  height: calc(100% - 102px);
  width: 100%;
}

.xforms-item-with-image > label > span > span {
  padding: 2% 0;
  line-height: 1.1em;
  vertical-align: middle;
  display: table-cell;
}

.xforms-item-with-image input[type=radio] {
  clip: rect(0 0 0 0);
  position: absolute;
}

.xforms-item-with-image.xforms-selected > label,
.xforms-item-with-image.xforms-deselected > label:hover {
  background-color: #CCC;
  border: 5px solid #CCC;
  color: #333;
}

.xforms-item-with-image .empty-icon {
  display: none;
}

.orbeon .xforms-select1-appearance-full .xforms-item-with-image,
.orbeon .xforms-select-appearance-full .xforms-item-with-image {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.orbeon .xforms-select1-appearance-full label.radio > span,
.orbeon .xforms-select-appearance-full label.radio > span,
.orbeon .xforms-select1-appearance-full label.checkbox > span,
.orbeon .xforms-select-appearance-full label.checkbox > span {
  margin-left: 0;
  display: unset;
}

.xforms-item-with-image > label::before {
  content: "";
  width: 100%;
  height: 100px;
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}

.btn input[type=checkbox] {
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
  opacity: 0;
}

.btn label.checkbox {
  margin: 0;
}

.xforms-mobile-tooltip {
  display: inline-block;
  float: right;
  margin: 3px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  text-indent: 20px;
  overflow: hidden;
  cursor: pointer;
  border: none;
  background-image: url("../images/help.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.orbeon .xforms-help::before {
  content: "\2754";
  display: inline;
}

/* AANPASKNOPPEN OP OVERZICHT */
.orbeon .overzicht-trigger button.btn {
  background-color: transparent;
  color: #0077A7;
  border: none;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 0;
  min-height: 0;
  height: auto;
  line-height: 1.231;
}

.orbeon .overzicht-trigger button.btn:hover,
.orbeon .overzicht-trigger button.btn:active,
.orbeon .overzicht-trigger button.btn:focus {
  color: #006388;
}

.overzicht .block-layout-horizontal .default-block > div > div .overzicht-trigger,
.overzicht .block-layout-vertical .default-block > div > div .overzicht-trigger {
  position: relative;
  display: block;
  width: 100%;
}

.orbeon .overzicht .xforms-disabled .overzicht-trigger button.btn {
  display: none;
}

/* * * * * * * MEDIA QUERY DESKTOP * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-resolution: 92dpi), only screen and (min-width: 729px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .fr-formnavigation {
    display: inline-block;
  }
  label.collapseTriggerLabel {
    display: none;
  }
  .digidBox {
    position: relative;
  }
  /*
        span.digid-button {
            position: absolute;
            right: 10px;
        }
    */
  .xforms-update-full {
    width: 70%;
  }
  .submit-wrapper.opslaan > span,
  .submit-wrapper.lokaal_opslaan > span {
    display: inline-block;
  }
}

@media only screen and (max-width: 729px) {
  .xforms-update-full {
    width: 100%;
  }
  .fr-formnavigation {
    max-width: 100%;
    margin: 0;
  }
}

@media only screen and (min-width: 939px) {
  .xforms-update-full {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 939px) {
  .fr-border {
    margin: 10px;
  }
  .orbeon .fr-view {
    width: auto;
    padding: 0;
  }
  .digidBox {
    margin: 10px;
    text-align: right;
  }
  .digidBox span.digid-button {
    display: block;
    position: relative;
  }
  .orbeon .container,
  .orbeon .span12,
  .orbeon .navbar-static-top .container,
  .orbeon .navbar-fixed-top .container,
  .orbeon .navbar-fixed-bottom .container {
    width: 100%;
  }
  .orbeon .row,
  .orbeon .span12 {
    margin: 0px;
    padding: 0;
  }
  .orbeon .xforms-update-full {
    max-width: 100%;
  }
  .orbeon .xforms-hint {
    padding: 0;
  }
  .headerImage {
    margin: 0.5em 0 0 0.5em;
  }
}

/* * * * * * * MEDIA QUERY MOBILE * * * * * * * * * * * * */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  div.digidBox {
    text-align: center;
  }
  .orbeon div.pageHeader {
    width: calc(100% - 20px);
  }
  .orbeon .headerImage {
    float: left;
    margin: 0.5em 0 0;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .headerText {
    float: left;
  }
  .collapseTrigger:checked ~ .collapseTriggerLabel:before {
    top: 14px;
    box-shadow: 0 9px #FFF, 0 18px #FFF;
  }
  .orbeon .navbar-inverse {
    margin: 10px 0px 0px 0px;
  }
  label.collapseTriggerLabel {
    display: block;
  }
  div.fr-formnavigation {
    padding: 0;
    margin: 0;
    max-width: 100%;
    transition: margin 0.5s;
  }
  .fr-formnavigation button {
    max-width: 100%;
  }
  .fr-formnavigation span.button-active,
  .fr-formnavigation span.button-inactive {
    height: 0em;
    overflow: hidden;
    transition: height 0.5s;
  }
  .collapseTrigger:checked ~ .fr-formnavigation span.button-inactive,
  .collapseTrigger:checked ~ .fr-formnavigation span.button-active {
    height: auto;
  }
  .orbeon .block-layout-horizontal .xforms-label {
    width: auto;
  }
  .orbeon .block-layout-horizontal label {
    display: block;
    margin-right: 0px;
    vertical-align: top;
    margin-top: 0px;
  }
  .xforms-update-full {
    width: 100%;
  }
  input[type="text"],
  input[type="date"],
  textarea,
  .orbeon select,
  .xforms-select1 {
    width: 100% !important;
  }
  .orbeon .xforms-label {
    margin-bottom: 0px;
    cursor: auto;
  }
  .orbeon h1 .xforms-control .xforms-output-output {
    font-size: 1em;
  }
  .orbeon h2 .xforms-control .xforms-output-output {
    margin-top: 0.5em;
  }
  .orbeon a {
    color: #000080;
  }
  .orbeon .fr-orbeon-version {
    font-size: 1.0em;
  }
  .orbeon .fr-formnavigation button.btn,
  .fr-formnavigation .yui-skin-sam .yui-button button {
    width: 100%;
    max-width: none;
  }
  .orbeon .overzicht-trigger button.btn {
    position: relative;
  }
  .block_title {
    padding-top: 1em;
  }
}

/* * * * * * * * * * * * * * *  * * * * * *
* CUSTOM SHEET FOR INTEGRATED E-FORM * * * *
* * * * * * * * * * * * * * * * * * * * * */
.div-hidden {
  display: none;
}

.page-header {
  display: none;
}

h1 {
  display: none;
}

.orbeon label.collapseTriggerLabel {
  display: none;
  visibility: hidden;
}

.orbeon .container [class*=" icon-"] {
  display: none;
}

.orbeon img {
  vertical-align: baseline;
}

/*navigation list*/
.fr-formnavigation {
  margin: 0;
  margin-right: 15px;
}

.fr-formnavigation > span:first-of-type button.btn,
.fr-formnavigation > span:first-of-type button.btn:hover {
  border-radius: 9px 9px 0 0;
}

.fr-formnavigation > span:last-of-type button.btn,
.fr-formnavigation > span:last-of-type button.btn:hover {
  border-radius: 0 0 9px 9px;
}

.orbeon button,
.orbeon .fr-formnavigation button.btn,
.orbeon .fr-formnavigation button.btn:hover {
  background-image: none;
  border: none;
  font-family: "Source Sans Pro", sans-serif;
  text-shadow: none;
  font-size: 16px;
  color: white;
  box-shadow: none;
  margin: 0;
  min-height: 32px;
  border-radius: 0;
}

.orbeon .fr-formnavigation .button-relevant button.btn {
  background-color: #003b78;
}

.orbeon .fr-formnavigation .button-irrelevant button.btn,
.orbeon .fr-formnavigation .button-relevant button.btn[disabled],
.orbeon .fr-formnavigation .button-relevant button.btn[disabled]:hover {
  background-color: #8d8d8d;
}

.orbeon .fr-formnavigation .button-relevant button.btn:hover {
  background-color: #009ee0;
}

.orbeon .fr-formnavigation .problem button.btn,
.orbeon .container .fr-formnavigation .problem button.btn:hover {
  background-color: #e63830;
  border-left: none;
  border-right: none;
}

/*h1*/
.orbeon .container .navbar-inverse .navbar-inner {
  background-color: transparent;
  background-image: none;
  padding: 20px 0 20px 0;
  border: none;
}

.orbeon .container .navbar-inverse {
  background-color: transparent;
  border: transparent;
}

.xforms-output-output {
  font-family: "Source Sans Pro", sans-serif;
}

.orbeon .navbar-inverse .navbar-inner .container h1 .xforms-output-output {
  color: white;
  position: relative;
}

.orbeon h1 .xforms-control .xforms-output-output {
  font-size: 63px;
  font-weight: 700;
}

.navbar .navbar-inner .container {
  padding-left: 0;
  padding-right: 0;
}

.orbeon .navbar {
  margin: 0;
  padding: 0;
}

.orbeon .container h1 {
  line-height: 70px;
}

.orbeon .container h1 span.xforms-control .xforms-output-output {
  margin-bottom: 0;
}

/*h2*/
.orbeon .container h2,
.orbeon .container h3,
.orbeon .container h4,
.orbeon .container h5,
.orbeon .container h6 {
  background-color: transparent;
  color: #393939;
  background-image: none;
  font-weight: 700;
  background-image: none;
  line-height: initial;
  text-shadow: none;
  display: block;
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
}

.orbeon .container h2.section-header:first-of-type .xforms-control .xforms-output-output {
  background-color: #003b78;
  padding: 20px;
  border-radius: 9px 9px 0 0;
  color: white;
  margin: 0 -20px 20px -20px;
  text-shadow: 3px 3px rgba(0, 21, 45, 0.75);
  font-size: 20px;
}

.orbeon h2 .xforms-control .xforms-output-output, .orbeon h3 .xforms-control .xforms-output-output, .orbeon .xforms-output-output h3 {
  font-size: 18px;
}

.orbeon .container .block_title .xforms-output-output {
  font-size: 20px;
  font-family: "Source Sans Pro", sans-serif;
  color: #393939;
}

.block_title {
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}

.block_title .xforms-control .xforms-output-output {
  margin-bottom: 10px;
}

.tab-visible > .xforms-group > .block-layout-vertical:first-of-type > .block_title {
  padding-top: 0;
}

.orbeon .container h3, .orbeon .container h2 {
  height: initial;
}

/*text*/
.orbeon .container .row {
  margin-left: 0;
  margin-right: 0;
}

.xforms-control .xforms-output-output {
  font-size: 18px;
}

.block-layout-vertical {
  margin-bottom: 0;
}

.orbeon .orbeon-portlet-body .container {
  font-family: "Source Sans Pro", sans-serif;
}

.mandatory-text div em {
  font-size: 18px;
  font-weight: 700;
  color: #E17100;
}

.orbeon .container .fr-mode-new .xforms-required .xforms-label {
  float: left;
}

.orbeon .fr-mode-new .xforms-required .xforms-label:after,
.orbeon .fr-mode-edit .xforms-required .xforms-label:after,
.orbeon .fr-mode-test .xforms-required .xforms-label:after,
.orbeon .xforms-dialog .xforms-required .xforms-label:after,
.orbeon .fr-mode-test .xforms-required .xforms-label:after,
.orbeon .xforms-dialog .xforms-required .xforms-label:after {
  content: '* ';
  margin-left: 3px;
  font-weight: 700;
  color: #e63830;
  vertical-align: middle;
}

.orbeon .xforms-dialog .xforms-required .xforms-label:before {
  font-size: 100%;
}

.orbeon .container .xforms-hint {
  font-size: 16px;
  text-shadow: none;
  margin-top: 0;
}

.orbeon .container .xforms-invalid > .xforms-alert.xforms-active {
  color: white;
}

.orbeon .container .xforms-visited > .xforms-alert.xforms-active:not(:empty) {
  font-size: 16px;
  margin-bottom: 10px;
}

.orbeon .xforms-visited.xforms-empty > .xforms-alert.xforms-active:not(:empty) {
  display: none;
}

span.xforms-hint::before {
  color: #009ee0;
}

.orbeon .container .mandatory-text b {
  color: #e63830;
}

.orbeon .container div.block-layout-horizontal .xforms-label,
.orbeon .container .fr-mode-new .xforms-required.xforms-empty .xforms-label,
.orbeon .fr-mode-new .xforms-required .xforms-label, .orbeon div.block-layout-vertical .xforms-label {
  width: auto;
  width: initial;
  min-width: 40%;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}

.orbeon .container span.xforms-output-output {
  display: inline-block;
}

.orbeon .container .overzicht .xforms-label {
  width: 100%;
  padding-top: 0;
}

.orbeon .default-block .xforms-label .xforms-output-output {
  margin-bottom: 0;
}

.overzicht .xforms-output p {
  font-weight: 400;
}

.overzicht span.xforms-readonly {
  margin-bottom: 20px;
  display: inline-block;
}

.orbeon .container .overzicht .xforms-filled {
  margin-bottom: 0;
}

.orbeon .container .warningtxt {
  color: #e63830;
}

.orbeon .container p {
  margin: 0 0 20px 0;
}

.orbeon .block-layout-horizontal label {
  margin: 0;
}

.orbeon .container .xforms-upload-info {
  font-size: 18px;
  padding-top: 5px;
}

.orbeon .container .xforms-upload .xforms-upload-remove {
  font-weight: 700;
  color: #e63830;
}

.orbeon .container a:hover {
  color: #009ee0;
  text-decoration: none;
}

.selectitem-horizontal .xforms-label .xforms-output-output,
.orbeon .container .xforms-readonly .xforms-output-output,
.orbeon .container span.xforms-control .xforms-output-output {
  margin-bottom: 20px;
}

.selectitem-horizontal .xforms-label ~ .xforms-control > .xforms-output-output {
  padding-bottom: 20px;
}

.orbeon h2 .xforms-output {
  display: block;
  margin-right: 0;
}

.mandatory-text {
  margin-bottom: 0;
}

/*main field*/
.container .orbeon {
  margin-left: 15px;
}

.orbeon .fr-border {
  margin: 0;
  padding-bottom: 100px;
}

.orbeon .container .row [class*="span"] {
  margin-left: 0;
}

.span12 .fr-body {
  background-color: transparent;
  border: transparent;
  color: #393939;
  border-radius: 9px;
}

.xforms-required {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

h2 + .xforms-group > .block-layout-vertical {
  background-color: white;
}

.orbeon .container .fr-body .tab-visible .xforms-group > .block-layout-vertical:nth-of-type(2) {
  border-radius: 9px;
}

.orbeon .container .row .fr-body .tab-visible {
  background-color: white;
  border-radius: 9px;
  padding: 0 20px 0 20px;
  margin-top: 0;
}

.xforms-update-full {
  margin-left: 0;
  width: 65%;
}

.container {
  width: initial;
}

html {
  overflow-x: initial;
}

/*buttons*/
.nav-next, .nav-prev {
  position: relative;
  top: 15px;
  display: block;
}

.nav-next {
  right: 50px;
}

.nav-prev {
  right: 20px;
  width: 100%;
}

.orbeon .container .nav-next button.btn,
.orbeon .container .nav-prev button.btn {
  border: none;
  border-radius: 9px;
  background-color: #009ee0;
  min-height: 70px;
  min-width: 70px;
  max-width: 70px;
  font-size: 0;
  box-shadow: 5px 5px #0a4b74;
  background-image: url('../../styleasset/afbeelding/Lemonwaard/arrowright');
  position: absolute;
  margin-bottom: 15px;
  background-position: center;
  background-repeat: no-repeat;
  transition: none;
}

.orbeon .container .nav-prev button.btn {
  background-image: url('../../styleasset/afbeelding/Lemonwaard/arrowleft');
}

.orbeon .container .nav-next button.btn:hover,
.orbeon .container .nav-prev button.btn:hover {
  background-color: #009ee0;
  transition: none;
  top: 1px;
  left: 1px;
  box-shadow: 3px 3px #0a4b74;
}

.orbeon .container .nav-next button.btn:active,
.orbeon .container .nav-prev button.btn:active {
  box-shadow: 3px 3px #0a4b74;
}

.orbeon .nav-next button.btn[disabled],
.orbeon .nav-prev button.btn[disabled] {
  opacity: 1;
  background-color: #8d8d8d;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 5px 5px #393939;
}

.orbeon .nav-next button.btn[disabled] {
  background-image: url('../../styleasset/afbeelding/Lemonwaard/arrowright');
}

.orbeon .nav-prev button.btn[disabled] {
  background-image: url('../../styleasset/afbeelding/Lemonwaard/arrowleft');
}

.orbeon .container .nav-prev button.btn[disabled]:hover,
.orbeon .container .nav-next button.btn[disabled]:hover {
  background-color: #8d8d8d;
  color: white;
  box-shadow: 3px 3px #393939;
}

.warningtxt + span {
  padding: 0;
  margin-left: 0;
  min-height: 50px;
}

.warningtxt + span button.btn,
.warningtxt + span button.btn:hover,
.orbeon span button.btn {
  min-height: 50px;
  text-align: center;
  border-radius: 9px;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  color: white;
  display: block;
  box-shadow: 5px 5px rgba(0, 21, 45, 0.75);
  font-family: "Source Sans Pro", sans-serif;
  border: none;
  margin-bottom: 20px;
}

.warningtxt + span button.btn,
.warningtxt + span button.btn:hover {
  float: right;
}

.orbeon span button.btn:hover {
  box-shadow: 3px 3px rgba(0, 21, 45, 0.75);
  margin-top: 1px;
  margin-right: -1px;
  margin-bottom: 19px;
}

.orbeon span button.btn:hover {
  margin-left: 1px;
}

.div-hidden + span button.btn,
.orbeon span button.btn {
  background-color: #009ee0;
  color: white;
}

.div-hidden + span button.btn:hover,
.orbeon span button.btn:hover {
  background-color: #009ee0;
}

.div-visible + span button.btn,
.div-visible + span button.btn:hover,
.orbeon span button.btn[disabled],
.orbeon span button.btn[disabled]:hover {
  background-color: #8d8d8d;
  cursor: default;
  box-shadow: none;
  color: white;
  margin-left: 0;
}

.orbeon .container a {
  color: #009ee0;
}

.upload_size .xforms-output .xforms-output-output {
  display: inline-block;
}

.upload_size_pre .xforms-output-output,
.upload_size_max .xforms-output-output {
  padding-right: 5px;
}

/*inputs*/
.block-layout-vertical .xforms-label, .block-layout-horizontal .xforms-label {
  font-weight: 500;
  font-size: 18px;
  width: initial;
  min-height: 35px;
  padding-top: 5px;
  margin-right: 10px;
}

.block-layout-vertical .xforms-label {
  min-height: 0;
}

.orbeon .xforms-input input[type="text"],
.orbeon .xforms-textarea textarea {
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  color: #393939;
  font-weight: 400;
  box-shadow: none;
  min-height: 0;
}

.orbeon .xforms-input input[type="text"] {
  background-color: transparent;
  border: none;
  display: table-cell;
  width: 55%;
  border-bottom: 1px solid #999;
}

.orbeon .xforms-input input[type="text"]:focus,
.orbeon .xforms-input input[type="text"]:active {
  border-bottom: 2px solid #009ee0;
}

.orbeon .xforms-input input:disabled,
.orbeon .xforms-input input[type="text"]:disabled {
  background-color: #cdecbf;
  background-image: none;
  border: none;
}

.yui-cal-nav-yc {
  width: 100%;
}

.yui-calcontainer button {
  text-shadow: none;
  color: #393939;
}

.xforms-input {
  padding-bottom: 0;
}

.xforms-input > label,
.xforms-input > input[type="text"] {
  margin-bottom: 5px;
}

.orbeon .container input[type="file"] {
  width: 100%;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.orbeon .container .overzicht .selectitem-horizontal .xforms-label {
  width: 100%;
}

.orbeon .fr-mode-new .xforms-readonly label.radio,
.orbeon .fr-mode-new .xforms-readonly .xforms-label {
  color: #393939;
}

.orbeon .container .xforms-label {
  cursor: default;
}

.orbeon input:-webkit-autofill {
  background-color: white;
  background-image: initial;
  color: initial;
}

.orbeon .container select {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  border-radius: 9px;
  height: initial;
  border: 1px solid #999;
  padding: 2px;
}

.orbeon .xforms-trigger a {
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  margin: 0 0 20px 0;
}

.orbeon .container .alert {
  margin-top: 55px;
  margin-bottom: 0;
}

.orbeon .container .alert .xforms-output-output {
  margin-bottom: 0;
}

/*date inputs*/
.yui-skin-sam .yui-calcontainer {
  text-shadow: none;
}

.yui-skin-sam .yui-calendar {
  font-family: "Source Sans Pro", sans-serif;
}

table.yui-calendar th {
  max-height: 50px;
  height: auto;
  font-size: 16px;
}

.yui-skin-sam .yui-calendar a.calnav,
.orbeon .container a:hover,
.yui-skin-sam .yui-calendar td.calcell a {
  color: #009ee0;
}

.yui-skin-sam .yui-calendar .calbody td.callcell a:hover {
  color: #FFF;
  background-color: #009ee0;
}

/*styling date inputs in future

.orbeon .xforms-type-date{
    position:relative;
    display:table;
    border-collapse:seperate;
}

.orbeon .xforms-type-date input::after{
    content:"";
    border-left:0;
    cursor:pointer;
    background-image:url('/../../dispatcher/images/datepicker.png');
    background-repeat:no-repeat;
    background-position:center;
    height:35px;
    width:25px;
}
*/
/*radiobuttons and checkboxes*/
input[type="checkbox"], input[type="radio"] {
  display: none;
}

.radio span, .xforms-items span {
  font-size: 18px;
  font-weight: 500;
  vertical-align: top;
}

.xforms-selected .checkbox::before {
  content: "\2713";
  background-color: #009ee0;
  border-color: transparent;
  font-weight: bold;
  line-height: .7;
  color: #fff;
  text-shadow: 2px 2px #0a4b74;
  font-size: 16px;
  text-align: center;
}

.checkbox::before {
  content: "";
  margin-right: 5px;
    display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
  border: 1px solid #393939;
  border-radius: 20%;
  top: 2px;
}

.checkbox,
.orbeon .block-layout-horizontal label.checkbox {
  margin-top: 5px;
  cursor: pointer;
  margin-left: 20px;
}

.radio::before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
  border: 1px solid #393939;
  border-radius: 49.9%;
  top: 2px;
}

.xforms-selected .radio::before {
  content: "";
  background-color: #393939;
  box-shadow: inset 0 0 0 2px #fff;
}

label > input + img {
  cursor: pointer;
}

.orbeon .container .xforms-select1-appearance-full label.radio > span,
.orbeon .container .xforms-items label.checkbox input + span {
  display: inline-block;
  margin-left: 0;
}

.orbeon .container .xforms-select1-appearance-full label.radio > span {
  max-width: 96%;
}

.orbeon .container .xforms-items label.checkbox input + span {
  vertical-align: top;
}

.orbeon .container label.radio,
div.block-layout-vertical label.radio,
div.block-layout-horizontal label.radio {
  margin-bottom: 0;
  cursor: pointer;
  margin-top: 5px;
}

.orbeon .horizontal .xforms-items {
  display: inline-block;
}

.orbeon .xforms-selected,
.orbeon .xforms-deselected {
  margin-right: 30px;
}

.orbeon .vertical .xforms-items {
  width: 100%;
}

.orbeon .vertical.xforms-readonly .xforms-items {
  width: auto;
}

/*popovers*/
.orbeon .popover-title {
  font-size: 16px;
  border-bottom: 1px dashed #003b78;
}

.orbeon .popover {
  border-radius: 9px;
  border-color: #003b78;
}

.orbeon .popover-content {
  width: initial;
}

.orbeon button.close {
  border-radius: 9px;
  background-color: #009ee0;
  border: 1px solid #009ee0;
}

.orbeon button.close:hover,
.orbeon button.close:focus {
  color: #009ee0;
}

.orbeon .popover.left .arrow {
  border-left-color: #003b78;
}

/*responsive stuff*/
@media only screen and (max-width: 992px) and (min-width: 769px) {
  .orbeon .xforms-update-full {
    max-width: 70%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 581px) {
  .orbeon .xforms-items {
    min-width: 50%;
  }
  .orbeon .container .xforms-input input {
    width: 50%;
  }
  .orbeon .container div.block-layout-horizontal .xforms-label {
    min-width: 48%;
  }
}

@media only screen and (max-width: 768px) {
  .orbeon .container .row .fr-body .tab-visible {
    width: 100%;
    margin-top: 15px;
  }
  .orbeon .fr-formnavigation {
    width: 100%;
    max-width: 100%;
  }
  .orbeon .container .xforms-select1-appearance-full label.radio > span,
  .orbeon .container .xforms-items label.checkbox input + span {
    display: inline;
  }
  input[type="text"],
  input[type="date"],
  textarea {
    width: 100% !important;
  }
}

@media only screen and (max-width: 580px) {
  .orbeon .fr-formnavigation span.button-active, .orbeon .fr-formnavigation span.button-inactive {
    height: initial;
  }
  .orbeon .block-layout-horizontal label {
    display: block;
    margin-right: 0px;
    vertical-align: top;
    margin-top: 0px;
  }
  .xforms-update-full {
    width: 100%;
  }
  .orbeon h1 .xforms-control .xforms-output-output {
    font-size: 28px;
  }
  .orbeon .container a {
    font-size: 18px;
  }
  .infoPage,
  .orbeon label,
  .orbeon button,
  .orbeon .xforms-alert.xforms-active,
  .orbeon .digid-button .yui-button.yui-push-button,
  .xforms-required label em,
  .mandatory-text div em,
  .orbeon .xforms-visited > .xforms-alert.xforms-active,
  .orbeon .xforms-visited.xforms-alert.xforms-active,
  .orbeon .xforms-hint-appearance-inline .xforms-hint,
  .orbeon .xforms-control .xforms-output-output,
  .orbeon .navbar .fr-language-choice,
  .orbeon .navbar .fr-goto-content, .orbeon .fr-orbeon-version,
  .orbeon .xbl-fr-section .fr-section-title .fr-section-label,
  .orbeon .xbl-fr-section .fr-section-title .fr-section-label label,
  .orbeon .container .block_title .xforms-output-output,
  .orbeon .container h2.section-header:first-of-type .xforms-control .xforms-output-output,
  .orbeon .container div.block-layout-horizontal .xforms-label,
  .orbeon .xforms-input input[type="text"],
  .radio span, .xforms-items span,
  .orbeon .btn,
  .orbeon .container .xforms-output-output {
    font-size: 16px;
  }
  .xforms-group div.block-layout-horizontal {
    display: inline-block;
    width: 100%;
  }
  .orbeon .container h1 {
    line-height: 40px;
  }
  .orbeon .block-layout-vertical {
    margin-bottom: 0;
  }
  .xforms-calendar-div table,
  .xforms-calendar-div th,
  .xforms-calendar-div tr,
  .xforms-calendar-div td,
  .xforms-calendar-div tbody {
    display: auto;
    width: auto;
  }
}

/*SPECIFIC FOR THIS GROUP*/
.orbeon .xforms-help,
.orbeon .xforms-readonly.xforms-input .xforms-help {
  background-image: url("/../../dispatcher/images/infoi.png");
  padding: 10px;
  max-width: 30px;
  max-height: 25px;
}

.orbeon .xforms-readonly .xforms-help,
.orbeon h2 .xforms-help {
  position: relative;
  margin-left: 0;
  margin-top: 0;
}
a.xforms-download-button{
  color:#FFF;
  text-decoration:none;
}

a.xforms-download-button:hover{
  color:#FFF;
  text-decoration:underline;
}

.xforms-submit-container{
      font-weight: 400;
      color: #a91616;
      font-family: "Source Sans Pro",sans-serif,sans-serif;
      background-color: #fff;
      border-radius: 9px;
      text-shadow: none;
      width: 50%;
      margin: 0 auto;
      line-height: 1.5;
      word-wrap: break-word;
      font-size:18;
      padding: none;
}
.xforms-content{
  background-color: #003b78;
  border-radius: 9px 9px 9px 9px;
  color: #fff;
  padding: 20px 20px 0 20px;
  line-height: 1.5;
  text-shadow: 0px 0px rgba(0,21,45,0.75);
  position: relative;
  display: table;
  width: 100%;
  font-weight: 400;
  word-wrap: break-word;
  margin-top:10px;
  font-size: 20;
  text-align: center;
  height: 100px;
  padding: 20px;
}
.xforms-download{
    color: #fff;
    /* text-decoration: none; */
    background-color: none;
    background-color: #009ee0;
    border-radius: 9px;
    /* border: none; */
    border-color: transparent;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    /* text-shadow: 0px 0px rgba(10,75,116,0.75); */
    text-align: center;
    display: block;
    transition: all 0.1s ease;
    font-size:20;
    float: right;
    margin: 20px 0px;
    padding: 10px 20px;
    box-shadow: 0px 0px rgba(0,21,45,0.75);
}


/*RESPONSIVE STUFF*/
@media screen and (min-width: 1201px) {
  /* line 2150, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
  .bluecircle {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 1300px) {
  /* line 2157, C:/Users/rowandemeij/Documents/Scout projecten/Styling filter/scss/mgp_full.scss */
  .bluecircle {
    font-size: 18px;
  }

  img.arrowUp{
    width:17px;
    height:24px;
  }
}

@media screen and (max-width: 1230px) {
  .background-image img {
    max-width: 1200px;
  }
  .navbar-nav > li > a {
    font-size: 14px;
    padding: 10px;
  }
  .navbar-nav li .darkbluecircle,
  .navbar-nav li .darkbluecircle:hover,
  .navbar-nav li .darkbluecircle:active,
  .navbar-nav li .darkbluecircle:focus {
    height: 40px;
    width: 40px;
  }
  .navbar-header {
    max-width: 35%;
  }
  .bluecircle {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
  .navbar-brand {
    height: 70px;
  }
  a.bluecircle.darkbluecircle{
    width:35px;
    height:35px;
  }
  img.arrowUp{
    width:13px;
    height:19px;
    margin-top:-3px;
  }
}

@media screen and (max-width: 992px) {
  .background-image img {
    max-width: 1000px;
  }
   .navbar-nav li .bluecircle {
    height: 40px;
    padding: 10px 6px 10px 6px;
  }
   .navbar-collapse li .darkbluecircle {
    width: 40px;
  }
      a.bluecircle.darkbluecircle{
    width:27px;
    height:27px;
  }
    img.arrowUp{
    width:10px;
    height:15px;
    margin-top:-15px;
  }
}

@media screen and (max-width: 768px) {
   .navbar-nav li .bluecircle {
    height: 40px;
    margin: 0 10px 0 10px;
    line-height: 1;
  }
  .navbar-nav li .darkbluecircle {
    padding: 10px;
    width: 40px;
    margin: auto;
  }
  .navbar-nav li .darkbluecircle img {
    bottom: 5px;
  }
  .navbar li .logoutkluis {
    position: absolute;
    right: 30px;
    bottom: 10px;
  }
  .navbar-toggle {
    position: absolute;
    right: 0;
  }
  .navbar-brand {
    min-height: 60px;
    max-width: 80%;
    padding-left: 0;
  }
  .navbar-header {
    max-width: 100%;
  }
  .navbar-right {
    margin-bottom: 15px;
  }
  .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
 }