@media screen and (max-width: 768px) {
  body {
    background: #ffffff;
  }
}
img.ocp-gemeente-logo {
  display: none;
}
button a:link,
button a:visited,
button a:hover,
button a:active {
  text-decoration: none;
  color: unset;
}
#OCP-INLOGGEN_KEUZE .form-body {
  background: white;
}
#OCP-INLOGGEN_KEUZE img.ocp-gemeente-logo {
  border: none !important;
  display: flex;
}
#OCP-INLOGGEN_KEUZE osd-form-cell#WELCOME_LABEL p {
  color: black !important;
}
#OCP-INLOGGEN_KEUZE .ocp-header {
  --keesy-color: white;
  background: #002c8a !important;
}
#OCP-INLOGGEN_KEUZE osd-form-cell#BTN_INLOGGEN_SMS {
  display: none !important;
}
#OCP-INLOGGEN_KEUZE .ocp-body {
  background: white;
}
#OCP-INLOGGEN_KEUZE .ocp-body .ocp-digid-btn {
  padding: 2px !important;
  height: 43px !important;
}
#OCP-INLOGGEN_KEUZE .ocp-body .ocp-digid-btn button {
  border-radius: 4px !important;
}
#OCP-INLOGGEN_KEUZE .ocp-body osd-form-cell.osd-button {
  border: 1px solid gray;
  border-radius: 4px;
}
#OCP-INLOGGEN_PINCODE .form-body {
  background: white;
}
#OCP-INLOGGEN_PINCODE img.ocp-gemeente-logo {
  border: none !important;
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (max-height: 568px) {
  #OCP-INLOGGEN_PINCODE img.ocp-gemeente-logo {
    margin-top: 0px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER {
    bottom: 255px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN {
    bottom: 225px;
  }
  #OCP-INLOGGEN_PINCODE .numeric-keyboard .mat-raised-button {
    height: 48px;
  }
}
#OCP-INLOGGEN_PINCODE #_BODY {
  --keesy-color: black;
}
#OCP-INLOGGEN_PINCODE #_BODY button {
  border-radius: 4px !important;
}
#OCP-INLOGGEN_PINCODE .ocp-header {
  --keesy-color: white;
  color: white;
  background: #002c8a !important;
}
#OCP-INLOGGEN_PINCODE .ocp-body {
  background: white;
}
#OCP-INLOGGEN_PINCODE .numeric-keyboard button {
  --keesy-color: #fccf0f;
  background: var(--keesy-color);
  border: 1px solid gray;
}
#OCP-INLOGGEN_PINCODE .numeric-keyboard button span {
  color: black !important;
}
@media screen and (max-height: 600px) {
  #OCP-INLOGGEN_PINCODE #_HEADER {
    max-height: 47px;
  }
}
#OCP-INLOGGEN_SMS .form-body,
#OCP-INLOGGEN_SMS_EMAIL .form-body,
#OCP-INLOGGEN_EMAIL .form-body,
#OCP-INLOGGEN_EMAIL_SMS .form-body {
  background: white;
}
#OCP-INLOGGEN_SMS img.ocp-gemeente-logo,
#OCP-INLOGGEN_SMS_EMAIL img.ocp-gemeente-logo,
#OCP-INLOGGEN_EMAIL img.ocp-gemeente-logo,
#OCP-INLOGGEN_EMAIL_SMS img.ocp-gemeente-logo {
  border: none !important;
  display: flex;
}
@media screen and (max-height: 600px) {
  #OCP-INLOGGEN_SMS #_HEADER,
  #OCP-INLOGGEN_SMS_EMAIL #_HEADER,
  #OCP-INLOGGEN_EMAIL #_HEADER,
  #OCP-INLOGGEN_EMAIL_SMS #_HEADER {
    min-height: 47px;
  }
  #OCP-INLOGGEN_SMS img.ocp-gemeente-logo,
  #OCP-INLOGGEN_SMS_EMAIL img.ocp-gemeente-logo,
  #OCP-INLOGGEN_EMAIL img.ocp-gemeente-logo,
  #OCP-INLOGGEN_EMAIL_SMS img.ocp-gemeente-logo {
    max-height: 100px !important;
  }
  #OCP-INLOGGEN_SMS osd-form-cell#LBL_TITLE_WELKOM,
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#LBL_TITLE_WELKOM,
  #OCP-INLOGGEN_EMAIL osd-form-cell#LBL_TITLE_WELKOM,
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#LBL_TITLE_WELKOM {
    margin: 0 !important;
  }
  #OCP-INLOGGEN_SMS p,
  #OCP-INLOGGEN_SMS_EMAIL p,
  #OCP-INLOGGEN_EMAIL p,
  #OCP-INLOGGEN_EMAIL_SMS p {
    margin: 0;
  }
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell#EMAIL,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell#EMAIL,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell#EMAIL,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell#EMAIL {
  margin-top: 20px;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell#EMAIL input#EMAIL,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell#EMAIL input#EMAIL,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell#EMAIL input#EMAIL,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell#EMAIL input#EMAIL {
  height: 21px;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell#WELCOME_LABEL,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell#WELCOME_LABEL,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell#WELCOME_LABEL,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell#WELCOME_LABEL {
  display: none !important;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell.osd-label,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell.osd-label,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell.osd-label,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell.osd-label {
  --keesy-color: black;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell.osd-text .mat-input-element::placeholder,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell.osd-text .mat-input-element::placeholder,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell.osd-text .mat-input-element::placeholder,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell.osd-text .mat-input-element::placeholder {
  color: black;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell.osd-button.osd-default-btn,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell.osd-button.osd-default-btn,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell.osd-button.osd-default-btn,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell.osd-button.osd-default-btn {
  border: 1px solid gray;
}
#OCP-INLOGGEN_SMS #_BODY osd-form-cell.osd-button,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell.osd-button,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell.osd-button,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell.osd-button {
  height: 39px;
}
#OCP-INLOGGEN_SMS #_BODY .ocp-footer-btn span,
#OCP-INLOGGEN_SMS_EMAIL #_BODY .ocp-footer-btn span,
#OCP-INLOGGEN_EMAIL #_BODY .ocp-footer-btn span,
#OCP-INLOGGEN_EMAIL_SMS #_BODY .ocp-footer-btn span {
  color: black;
}
#OCP-INLOGGEN_SMS #_BODY input.mat-input-element:disabled,
#OCP-INLOGGEN_SMS_EMAIL #_BODY input.mat-input-element:disabled,
#OCP-INLOGGEN_EMAIL #_BODY input.mat-input-element:disabled,
#OCP-INLOGGEN_EMAIL_SMS #_BODY input.mat-input-element:disabled {
  color: black !important;
}
#OCP-INLOGGEN_SMS osd-form-cell.osd-text.disabled,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell.osd-text.disabled,
#OCP-INLOGGEN_EMAIL osd-form-cell.osd-text.disabled,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell.osd-text.disabled {
  background: lightgray !important;
}
#OCP-INLOGGEN_SMS osd-form-cell.osd-text.disabled .mat-form-field-flex,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell.osd-text.disabled .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL osd-form-cell.osd-text.disabled .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell.osd-text.disabled .mat-form-field-flex {
  border: 1px solid gray;
  box-shadow: none;
}
#OCP-INLOGGEN_SMS osd-form-cell.osd-text.disabled mat-form-field,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell.osd-text.disabled mat-form-field,
#OCP-INLOGGEN_EMAIL osd-form-cell.osd-text.disabled mat-form-field,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell.osd-text.disabled mat-form-field {
  border: none !important;
}
#OCP-INLOGGEN_SMS .ocp-header,
#OCP-INLOGGEN_SMS_EMAIL .ocp-header,
#OCP-INLOGGEN_EMAIL .ocp-header,
#OCP-INLOGGEN_EMAIL_SMS .ocp-header {
  --keesy-color: white;
  color: white;
  background: #002c8a !important;
}
#OCP-INLOGGEN_SMS .ocp-body,
#OCP-INLOGGEN_SMS_EMAIL .ocp-body,
#OCP-INLOGGEN_EMAIL .ocp-body,
#OCP-INLOGGEN_EMAIL_SMS .ocp-body {
  background: white;
}
#OCP-INLOGGEN_SMS .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_SMS_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS .ocp-body .ocp-textfield .mat-form-field-flex {
  background-color: white;
}
#OCP-INLOGGEN_SMS .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_SMS_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS .ocp-body .ocp-textfield .mat-form-field-flex {
  border: 1px solid black;
  margin: 1px !important;
  width: calc(100% - 2px);
  box-shadow: none;
}
#OCP-INLOGGEN_SMS .ocp-body .ocp-textfield .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_SMS_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_EMAIL .ocp-body .ocp-textfield .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_EMAIL_SMS .ocp-body .ocp-textfield .mat-form-field-flex:focus-within {
  border: 2px solid #00F !important;
  margin: 0px !important;
  width: 100%! important;
}
#OCP-SELECTEER_GEBRUIKER .form-body {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .form-header {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .ocp-header {
  --keesy-color: white;
  background: #002c8a !important;
  min-height: 47px;
  padding: initial;
  margin-bottom: 10px !important;
}
#OCP-SELECTEER_GEBRUIKER .ocp-body {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .ocp-footer {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .ocp-footer osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER {
  border-radius: 4px;
}
#OCP-SELECTEER_GEBRUIKER .ocp-footer osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER button.mat-raised-button {
  line-height: 18px !important;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell[id^="_GEBRUIKER_"],
#OCP-SELECTEER_GEBRUIKER #_FOOTER osd-form-cell.osd-button {
  border: 1px solid gray;
}
@media screen and (max-width: 415px) {
  #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .mat-radio-label-content .osd-locale-flag,
  #OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .mat-radio-label-content .osd-locale-flag,
  #OCP-INLOGGEN_SMS osd-form-cell#LOCALE .mat-radio-label-content .osd-locale-flag {
    height: 24px;
    width: 35px;
  }
}
@media screen and (max-width: 447px) {
  #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .mat-radio-label-content,
  #OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .mat-radio-label-content,
  #OCP-INLOGGEN_SMS osd-form-cell#LOCALE .mat-radio-label-content {
    padding: 0px 1px;
  }
  #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .mat-radio-label-content > span:first-of-type,
  #OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .mat-radio-label-content > span:first-of-type,
  #OCP-INLOGGEN_SMS osd-form-cell#LOCALE .mat-radio-label-content > span:first-of-type {
    display: none;
  }
}