HTML, BODY {
  margin: 0;
  padding: 0;
}


a:not([class^="ams-"]) {
  color: var(--ams-color-interactive);
}

a:hover:not([class^="ams-"]),
a:focus:not([class^="ams-"]) {
  color: var(--ams-color-interactive-hover);
  text-decoration: underline;
}

.hidden {
  display: hidden;
}

/*******************************************/
/*******************************************/

.ams-spotlight {
  padding: 1.5rem;
}


INPUT[type="text"]:disabled {
  background: #dddddd;
}
/* Geen kleine up/down pijltjes bij een getal. Mensen denken dat ze die MOETEN gebruiken, en dat is erg
 * irritant omdat je met die pijltjes bij de minimumwaarde begint. Zonder pijltjes gebruiken mensen gewoon
 * het toetsenbord en dat is veel sneller.
 */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

INPUT.hide_input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
}

.control-description {
  font-style: italic;
  color: var(--ams-color-text-secondary);
  margin-inline-start: 1.8rem;
}

.ams-text-input.ui-autocomplete-input {
  background-image: url(../images/ams-icon-search.svg);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em;
}

@media screen and (min-width: 37.5rem) {
  .chunk-adres .ams-row--wrap {
    flex-wrap: nowrap;
  }
}

/*******************************************/
/*******************************************/

.vraaggroep.disabled {
  display: none;
}


/*******************************************/
/*******************************************/


.vraag.trigger,
.controle.trigger { display: none; }
.vraag.trigger.trigger-show,
.controle.trigger.trigger-show { display: flex; }



/*******************************************/
/*******************************************/

.aph-progress {
  display: flex;
  height: 0.5rem;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .15rem;
  overflow: hidden;
  margin: 1rem 0;
}

.aph-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #00A03C;
  transition: width .6s ease;
}


.box-attention {
  margin-bottom: 1rem;
  padding: 1rem;
  border-left: 2px solid #EC0000;
  background-color: #F2F2F2;
}


/*******************************************/
/*******************************************/

.content {
  display: block;
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
  font-size: 11px;
  padding: 18px 20px 30px 20px;
  line-height: 1.3;
  color: #333333;
}

.response_message {
  margin-top: 7px;
  display: none;
}

.response_message.search { color: #009ee0; }
.response_message.not_found { color: #ff0000; }

#indien_javascript { display: none; }
#indien_geen_javascript { display: block; }

#overlay_lock {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(229,229,229,0.6); /* #E5E5E5 */
  background-image: url(../images/loading_large.gif);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  cursor: wait;
  z-index: 999;
}



/********************************************/
/********************************************/

.message {
  display: block;
  border-bottom: 1px solid #D8D8D8;
  padding: 4px 15px 6px 15px;
  overflow: hidden;
}
.message.melding {
  border-top: 2px solid #0062CD;
  border-bottom: 2px solid #0062CD;
}

.message .label {
  display: block;
  padding: 0px 20px 0px 0px;
  min-width: 300px;
  line-height: 20px;
  font-weight: bold;
}

.message .element {
  display: block;
  min-width: 320px;
}

.message A {
  text-decoration: none;
  color: 0062CD;
}

.message_bericht_al_verwerkt {
  padding: 10px 0px 0px 0px;
}

.message_bericht_al_verwerkt .message_titel {
  color: #FF0000;
  font-weight: bold;
  background: #FFFFFF;
  border: 1px solid #FF0000;
  padding: 5px 10px;
  margin-bottom: 10px;
}

/********************************************/
/********************************************/

.info_verplicht IMG { padding: 0px 1px 1px 1px; }

.vraaggroep .vraaggroep_content { display: none; } /* none */
.vraaggroep.actief .vraaggroep_content { display: block; }

/********************************************/

.btn:focus, .btn.focus {
  box-shadow: none;
}


/********************************************/

.invisible { display: none; }
.clear { clear: both; }

/********************************************/

.toegankelijkheidstabel {
  display: flex;
  flex-direction: row;
  margin: 1.25em 0;
}
.toegankelijkheidstabel-label {
  margin-right: 2rem;
  min-width: 100px;
}
.toegankelijkheidstabel-label IMG {
  width: 143px;
  padding-right: 3px;
}
.no-margin {
  margin: 0 !important;
}
@media (min-width: 0em) and (max-width: 30.5em) {
  .toegankelijkheidstabel-label {
    display: none;
  }
}