@charset "UTF-8";
div.form-header button:focus {
  box-shadow: 0 0 0 1pt transparent !important;
  border-radius: 10px;
}
div.container[lang="nl_NL"] span.mat-placeholder-required::after {
  content: ' (verplicht) ';
}
div.container[lang="uk_UA"] span.mat-placeholder-required::after {
  content: " (обов'язковий) ";
}
div.container[lang="pl_PL"] span.mat-placeholder-required::after {
  content: " (obowiązkowy) ";
}
div.container[lang="tr_TR"] span.mat-placeholder-required::after {
  content: " (zorunlu) ";
}
div.container[lang="ar"] span.mat-placeholder-required::after {
  content: " (إلزامي) ";
}
div.container[lang="en_GB"] span.mat-placeholder-required::after {
  content: ' (mandatory) ';
}
span.mat-placeholder-required,
.mat-error span {
  color: #ba0606 !important;
}
div.pincode-digits {
  outline: none;
  padding-top: 1px !important;
}
div.pincode-digits:focus-within {
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 4px;
}
.cdk-overlay-container .mat-option {
  background: white !important;
}
.cdk-overlay-container .mat-option.mat-active {
  background: white !important;
}
.cdk-overlay-container span.mat-option-text {
  height: 27px;
  padding: 0 16px 0 10px;
  display: flex;
}
.cdk-overlay-container span.mat-option-text span {
  align-self: center;
}
.cdk-overlay-container .mat-option.mat-active span.mat-option-text {
  border-radius: 7px;
  box-shadow: 0 0 0 1pt #5757FF;
}
.cdk-overlay-container footer button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  padding: 5px 15px !important;
  margin-top: 10px;
}
.cdk-overlay-container footer button:focus {
  border: 1px solid #0000D6 !important;
}
.cdk-overlay-container .menu-top footer button {
  border: none !important;
  padding: 0 !important;
  margin-top: 0px;
  line-height: normal;
}
.cdk-overlay-container .menu-top footer button:focus {
  border: none !important;
}
.cdk-overlay-container .menu-top-right footer button.modal-dialog-button {
  line-height: normal !important;
}
.cdk-overlay-container .menu-top-right footer button.modal-dialog-button:not(:last-of-type) {
  border-bottom: 1px solid #d9d9d9 !important;
}
.cdk-overlay-container .menu-top-right footer button.modal-dialog-button > span {
  padding: 6px 20px;
  width: 100%;
  border-radius: 10px;
}
.cdk-overlay-container .menu-top-right footer button.modal-dialog-button:focus {
  border: none !important;
}
.cdk-overlay-container .menu-top-right footer button.modal-dialog-button:focus > span {
  outline: 2px solid #4797FF !important;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE {
  height: unset;
}
#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: 0 2px;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE img,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE img,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE img {
  margin: 4px 2px 2px 3px;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .mat-radio-container,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .mat-radio-container,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE .mat-radio-container {
  width: 0px;
  opacity: 0;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE osd-form-question,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE osd-form-question,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE osd-form-question {
  align-self: center;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .osd-locale-flag,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .osd-locale-flag,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE .osd-locale-flag {
  height: 40px;
  width: 62px;
  border: 1px solid white;
}
@media screen and (max-width: 768px) {
  #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .osd-locale-flag,
  #OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE .osd-locale-flag,
  #OCP-INLOGGEN_SMS osd-form-cell#LOCALE .osd-locale-flag {
    height: 26px;
    width: 41px;
    border: 1px solid white;
  }
}
#OCP-INLOGGEN_DIGID osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked,
#OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked,
#OCP-INLOGGEN_SMS osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked {
  outline: 3px solid transparent;
}
#OCP-INLOGGEN_DIGID .ocp-digid-btn button:focus,
#OCP-INLOGGEN_KEUZE .ocp-digid-btn button:focus,
#OCP-INLOGGEN_SMS .ocp-digid-btn button:focus {
  border: 1px solid #0000FF !important;
  border-radius: 7px !important;
  padding: 0px 15px !important;
  line-height: 34px;
}
#OCP-INLOGGEN_DIGID .ocp-digid-btn {
  padding: 2px;
}
#OCP-INLOGGEN_DIGID .ocp-digid-btn button {
  width: 100%;
  line-height: 34px;
  border-radius: 10px !important;
  text-align: left;
  padding: 3px !important;
}
#OCP-INLOGGEN_DIGID .ocp-digid-btn button:focus {
  border: 1px solid #0000FF !important;
  padding: 2px !important;
}
#OCP-INLOGGEN_EMAIL .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS .mat-form-field-flex,
#OCP-INLOGGEN_SMS .mat-form-field-flex,
#OCP-INLOGGEN_SMS_EMAIL .mat-form-field-flex {
  border: none;
  margin: 2px !important;
  width: calc(100% - 2px);
}
#OCP-INLOGGEN_EMAIL .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_EMAIL_SMS .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_SMS .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_SMS_EMAIL .mat-form-field-flex:focus-within {
  border: 1px solid #0000FF !important;
  border-radius: 4px !important;
  margin: 1px !important;
  width: calc(100% - 2px);
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn,
#OCP-INLOGGEN_SMS .ocp-footer-btn,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn {
  border: 1px solid var(--keesy-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 4px;
  padding: 1px;
  color: black;
  background: var(--keesy-color) !important;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn span,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn span,
#OCP-INLOGGEN_SMS .ocp-footer-btn span,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn span {
  color: var(--keesy-color);
  font-weight: 600;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn span,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn span,
#OCP-INLOGGEN_SMS .ocp-footer-btn span,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn span {
  color: black;
  font-weight: 600;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn button.mat-raised-button,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn button.mat-raised-button,
#OCP-INLOGGEN_SMS .ocp-footer-btn button.mat-raised-button,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn button.mat-raised-button {
  background: transparent !important;
  box-shadow: none !important;
  line-height: 32px !important;
  margin: 1px !important;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn button.mat-raised-button:focus,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS .ocp-footer-btn button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
  border-radius: 4px !important;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_SMS .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn:focus-within {
  border: 1px solid #0000FF;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid transparent !important;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_SMS .ocp-footer-btn:focus-within,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn:focus-within {
  border: 1px solid transparent;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS .ocp-footer-btn:focus-within button.mat-raised-button:focus,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn .mat-button-wrapper,
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn .mat-button-wrapper,
#OCP-INLOGGEN_SMS .ocp-footer-btn .mat-button-wrapper,
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn .mat-button-wrapper {
  min-width: 32px;
  display: inline-block;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell.ocp-card-btn {
  padding: 1px !important;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell.ocp-card-btn button {
  padding: 1px 10px;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell.ocp-card-btn button:focus {
  padding: 0px 9px;
  border: 1px solid transparent;
  border-radius: 10px 10px 0 0;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_REGEL2 osd-form-cell.ocp-card-btn {
  margin: 0 5px !important;
  border: 0;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_REGEL2 osd-form-cell.ocp-card-btn:focus-within {
  width: unset;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_REGEL2 osd-form-cell.ocp-card-btn button {
  padding: 1px 10px;
  height: 30px;
  line-height: 20px;
  margin: 5px 0;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_REGEL2 osd-form-cell.ocp-card-btn button:focus {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0px 9px;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER {
  max-width: 340px !important;
  margin: 10px auto !important;
  border-radius: 10px;
  padding: 1px;
  background: var(--keesy-color) !important;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER button.mat-raised-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 26px !important;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
  padding: 9px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF {
  mx-width: 340px;
  margin: 10px auto !important;
  border-radius: 10px;
  padding: 1px;
  background: var(--keesy-color) !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button.mat-raised-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 26px !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button.mat-raised-button:focus {
  border: 1px solid transparent !important;
  padding: 9px;
}
#OCP-SELECTEER_PERSOON osd-form-cell.ocp-card-btn {
  padding: 1px !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell.ocp-card-btn button {
  padding: 8px 10px !important;
  margin: 0 !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell.ocp-card-btn button:focus {
  padding: 7px 9px !important;
  border: 1px solid transparent;
  border-radius: 10px 10px 0 0;
}
#OCP-SELECTEER_PERSOON osd-form-cell[id$=BTN_VERWIJDER] {
  margin: 0 5px !important;
  border: 0;
}
#OCP-SELECTEER_PERSOON osd-form-cell[id$=BTN_VERWIJDER] button {
  padding: 1px 10px;
  height: 30px;
  line-height: 20px;
  margin: 5px 0 !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell[id$=BTN_VERWIJDER] button:focus {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0px 9px;
}
#OCP-TOEGANGSCODE div.form-header button {
  padding-right: 5px !important;
}
#OCP-TOEGANGSCODE .mat-form-field-flex {
  border: none;
  margin: 2px;
}
#OCP-TOEGANGSCODE .mat-form-field-flex:focus-within {
  border: 1px solid #0000FF !important;
  border-radius: 4px !important;
  margin: 1px;
  width: calc(100% - 2px);
}
#OCP-TOEGANGSCODE .ocp-footer-btn {
  border: 1px solid var(--keesy-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 10px;
  padding: 1px;
}
#OCP-TOEGANGSCODE .ocp-footer-btn span {
  color: var(--keesy-color);
  font-weight: 400;
}
#OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn {
  color: black;
  background: var(--keesy-color) !important;
}
#OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn span {
  color: black;
  font-weight: 600;
}
#OCP-TOEGANGSCODE .ocp-footer-btn button.mat-raised-button {
  background: transparent !important;
  box-shadow: none !important;
  line-height: 32px !important;
  margin: 1px !important;
}
#OCP-TOEGANGSCODE .ocp-footer-btn button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
  border-radius: 10px !important;
}
#OCP-TOEGANGSCODE .ocp-footer-btn:focus-within {
  border: 1px solid #0000FF;
}
#OCP-TOEGANGSCODE .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid transparent !important;
}
#OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn:focus-within {
  border: 1px solid transparent;
}
#OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn:focus-within button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
}
#OCP-TOEGANGSCODE .ocp-footer-btn .mat-button-wrapper {
  min-width: 32px;
  display: inline-block;
}
#OCP-TOEGANGSCODE .ocp-link-btn button {
  border: 1px solid var(--keesy-color) !important;
  border-radius: 10px;
  padding: 0  px 15px !important;
}
#OCP-TOEGANGSCODE .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
#OCP-NOTIFICATIE_REGISTRATIE mat-radio-group + mat-error {
  margin-top: 5px;
  font-size: 85%;
}
#OCP-NOTIFICATIE_REGISTRATIE osd-form-cell.osd-radiogroup {
  border-radius: 10px;
  padding: 2px;
}
#OCP-NOTIFICATIE_REGISTRATIE osd-form-cell.osd-radiogroup osd-form-question {
  padding: 8px;
}
#OCP-NOTIFICATIE_REGISTRATIE osd-form-cell.osd-radiogroup osd-form-question:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
  border-radius: 10px;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn {
  border: 1px solid var(--keesy-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 10px;
  padding: 1px;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn span {
  color: var(--keesy-color);
  font-weight: 400;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn {
  color: black;
  background: var(--keesy-color) !important;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn span {
  color: black;
  font-weight: 600;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn button.mat-raised-button {
  background: transparent !important;
  box-shadow: none !important;
  line-height: 32px !important;
  margin: 1px !important;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
  border-radius: 10px !important;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn:focus-within {
  border: 1px solid #0000FF;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid transparent !important;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn:focus-within {
  border: 1px solid transparent;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn:focus-within button.mat-raised-button:focus {
  margin: 0 !important;
  border: 1px solid #0000FF !important;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn .mat-button-wrapper {
  min-width: 32px;
  display: inline-block;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER {
  bottom: 290px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER button {
  min-height: 44px;
  width: 200px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN {
  bottom: 245px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN button {
  min-height: 44px;
  width: 200px;
}
#OCP-INLOGGEN_PINCODE .ocp-link-btn button {
  border: 1px solid var(--keesy-color) !important;
  border-radius: 10px;
  padding: 0  px 15px !important;
}
#OCP-INLOGGEN_PINCODE .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
@media screen and (max-width: 375px) {
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER {
    bottom: 275px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER button {
    min-height: 25px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN {
    bottom: 245px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN button {
    min-height: 25px;
  }
}
#OCP-PORTAAL div.form-header button {
  padding-right: 5px !important;
}
#OCP-PORTAAL osd-form-cell#BTN_MENU_HOME button {
  width: 40px;
  padding: 0 10px !important ;
  text-align: center;
}
#OCP-PORTAAL osd-form-cell#BTN_MENU_HOME button > span {
  padding-top: 5px;
  display: inline-block;
}
#OCP-PORTAAL osd-form-cell#_ZAAK button {
  padding-bottom: 5px;
}
#OCP-PORTAAL osd-form-cell#_ZAAK button .ocp-card-header {
  padding: 1px;
  background: var(--keesy-color);
  border-radius: 10px 10px 0 0;
}
#OCP-PORTAAL osd-form-cell#_ZAAK button .ocp-card-header .ocp-card-table {
  padding: 10px;
}
#OCP-PORTAAL osd-form-cell#_ZAAK button:focus .ocp-card-header .ocp-card-table {
  border: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  padding: 9px;
}
#OCP-PORTAAL osd-form-cell#_ZAAK .ocp-card-action-btn button {
  padding-left: 7px;
}
#OCP-PORTAAL osd-form-cell#_ZAAK .ocp-card-action-btn button > span {
  padding: 5px 10px 1px 10px;
}
#OCP-PORTAAL osd-form-cell#_ZAAK .ocp-card-action-btn button:focus > span {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 4px 9px 0 9px;
}
#OCP-PORTAAL osd-form-cell#_FOOTER {
  height: 45px;
  margin: 10px 0;
}
#OCP-PORTAAL osd-form-cell.ocp-footer-xl-btn {
  max-width: 340px;
  margin: 0 auto !important;
  border-radius: 10px;
  padding: 1px;
  background: var(--keesy-color) !important;
}
#OCP-PORTAAL osd-form-cell.ocp-footer-xl-btn button.mat-raised-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 36px !important;
}
#OCP-PORTAAL osd-form-cell.ocp-footer-xl-btn button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
  padding: 9px;
}
#OCP-SELECTEER_OMGEVING div.form-header button {
  padding-right: 5px !important;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button {
  padding: 1px;
  line-height: unset;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button > span {
  padding: 15px 10px;
  display: block;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button:focus > span {
  background: var(--keesy-color);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 14px 9px;
}
#OCP-SELECTEER_OMGEVING .ocp-link-btn button {
  width: 100%;
  border: 1px solid var(--keesy-color) !important;
  border-radius: 10px;
  padding: 0  px 15px !important;
}
#OCP-SELECTEER_OMGEVING .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
#OCP-ZAAK osd-form-cell#_HEADER_TITLE button {
  padding-right: 5px !important;
}
#OCP-ZAAK osd-form-cell#BTN_MENU_HOME {
  padding-right: 0px;
}
#OCP-ZAAK osd-form-cell#BTN_MENU_HOME button {
  width: 40px;
  padding: 0 10px !important ;
  text-align: center;
}
#OCP-ZAAK osd-form-cell#BTN_MENU_HOME button > span {
  padding-top: 5px;
  display: inline-block;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer {
  padding-top: 10px;
  padding-bottom: 5px;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .mat-button-focus-overlay {
  background-color: transparent !important;
}
@media screen and (max-width: 767px) {
  #OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer {
    padding-top: 5px;
    padding-bottom: 0px;
  }
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.osd-button {
  padding: 1px;
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.osd-button:focus-within {
  border: 1px solid #8585FF;
  border-radius: 10px;
  padding: 0px;
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn {
  margin: 0 0 5px 0 !important;
  padding: 7px 1px 5px 1px !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn:focus-within {
  border: 1px solid #8585FF;
  border-radius: 10px;
  padding: 6px 0 4px 0 !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn button {
  line-height: unset;
}
#OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn button .ocp-tab-btn-label {
  margin-top: 5px;
}
#OCP-ZAAK #OCP-BERICHTEN .form-body {
  margin: 2px !important;
  padding: 1px;
}
#OCP-ZAAK #OCP-BERICHTEN .form-body:focus-within {
  border: 1px solid transparent;
  padding: 0px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT {
  padding: 2px !important;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT osd-form-question {
  padding: 3px 0 3px 10px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT osd-form-question:focus-within {
  border: 1px solid #5757FF;
  border-radius: 7px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-flex {
  padding: 0 !important;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT textarea {
  scrollbar-width: thin;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER #_RECORDER osd-form-cell.osd-button osd-form-question button {
  background: #262626;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER #_RECORDER osd-form-cell.osd-button osd-form-question button i {
  font-size: 22px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER #_RECORDER osd-form-cell.osd-button osd-form-question:focus-within {
  border: 2px solid transparent !important;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER osd-form-cell.osd-button:focus-within {
  border: none;
  padding: 1px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER osd-form-cell.osd-button osd-form-question {
  border: 2px solid transparent;
  border-radius: 20px;
}
#OCP-ZAAK #OCP-BERICHTEN osd-form-cell#_FOOTER osd-form-cell.osd-button osd-form-question:focus-within {
  border: 2px solid #8585FF !important;
}
#OCP-TAKEN .ocp-taak-card button .mat-button-wrapper .ocp-taak-status-new,
#OCP-TAKEN .ocp-taak-card button .mat-button-wrapper .ocp-taak-status-rejected,
#OCP-TAKEN .ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete,
#OCP-TAKEN .ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done {
  margin: 1px;
  padding: 19px 9px 19px 9px!important;
}
#OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-new,
#OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-rejected,
#OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-obsolete,
#OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-done {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 18px 8px 18px 8px!important;
}
#OCP-GEBEURTENISSEN .ocp-afspraak-card-body .mat-button-toggle-group {
  border-radius: 0;
  margin: 1px;
  padding: 14px 11px;
}
#OCP-GEBEURTENISSEN .ocp-afspraak-card-body .mat-button-toggle-group:focus-within {
  border: 1px solid transparent !important;
  border-radius: 4px;
  padding: 13px 10px;
}
#OCP-DOCUMENTEN .mat-form-field-flex {
  padding: 0 !important;
}
#OCP-DOCUMENTEN .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OCP-DOCUMENTEN mat-select:focus {
  border-radius: 5px;
  box-shadow: 0 0 0 1pt #5757FF !important;
}
#OCP-DOCUMENTEN a {
  outline: none;
}
#OCP-DOCUMENTEN .form-table {
  margin-bottom: 0;
}
#OCP-DOCUMENTEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid transparent;
}
#OCP-DOCUMENTEN .mat-button-toggle-focus-overlay {
  display: none;
}
#OCP-DOCUMENTEN tr button:focus {
  border-radius: 7px;
  box-shadow: 0 0 0 1pt transparent;
}
#OCP-CONTACTEN .form-body {
  margin: 2px;
}
#OCP-CONTACTEN .form-body:focus-within {
  border: 1px solid transparent;
  margin: 1px;
}
#OCP-CONTACTEN div.osd-tabindex-div {
  outline: none;
}
#OCP-CONTACTEN osd-form-cell#BTN_MACHTIGING_TOEVOEGEN button {
  border: none !important;
  padding: 0 16px;
  margin: 2px 2px 2px 2px;
  height: 45px;
}
#OCP-CONTACTEN osd-form-cell#BTN_MACHTIGING_TOEVOEGEN button:focus {
  border-radius: 0px;
  box-shadow: 0 0 0 1pt transparent;
}
#OCP-CONTACTEN osd-form-cell[id$=BTN_INTREKKEN] button {
  width: 34px;
  border-color: #949494 !important;
}
#OCP-CONTACTEN osd-form-cell[id$=BTN_INTREKKEN] button:focus {
  border-color: #0000F0 !important;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_HEADER_1 osd-form-cell#LBL_TITEL span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#LBL_SUBTITEL {
  margin: 10px 15px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#LBL_SUBTITEL span {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#LBL_SUBTITEL .osd-conversatie-naam {
  background: white;
  padding: 5px 10px;
  border-radius: 3px;
  margin-left: 10px;
  flex: 1 1 auto;
  font-weight: 600;
  height: 23px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#LBL_TITEL {
  width: unset;
  min-width: unset;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OCP-BERICHT_MET_BIJLAGEN .osd-upload-info-document-name {
  align-self: end;
  margin-bottom: 5px;
}
#OCP-BERICHT_MET_BIJLAGEN div.osd-upload-delete-btn {
  align-self: end;
  border-radius: 5px;
  padding: 5px 7px 5px 7px;
}
#OCP-BERICHT_MET_BIJLAGEN div.osd-upload-delete-btn:focus {
  outline: 1px solid transparent;
}
#OCP-BERICHT_MET_BIJLAGEN .ocp-document-thumbnail {
  border: 2px solid white;
  height: 100px !important;
}
#OCP-BERICHT_MET_BIJLAGEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid transparent;
}
#OCP-BERICHT_MET_BIJLAGEN .ocp-document-thumbnail a {
  height: 100px;
  outline: none;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT {
  padding: 2px !important;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT osd-form-question {
  padding: 3px 0 3px 10px;
  margin: 0 !important;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT osd-form-question:focus-within {
  border: 1px solid #5757FF;
  border-radius: 7px;
  padding: 2px 0 2px 9px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-flex {
  padding: 0 !important;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT textarea {
  scrollbar-width: thin;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_FOOTER osd-form-question {
  margin: 1px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_FOOTER osd-form-question:focus-within {
  border: 1px solid #8585FF;
  margin: 0px;
  border-radius: 10px;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_HEADER_1 osd-form-cell#LBL_TITEL span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OCP-DOCUMENT_SELECTIE .mat-form-field-flex {
  padding: 0 !important;
}
#OCP-DOCUMENT_SELECTIE .osd-col-toon_details button {
  margin-top: 10px;
}
#OCP-DOCUMENT_SELECTIE .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OCP-DOCUMENT_SELECTIE mat-select:focus {
  border-radius: 5px;
  box-shadow: 0 0 0 1pt #5757FF !important;
}
#OCP-DOCUMENT_SELECTIE a {
  outline: none;
}
#OCP-DOCUMENT_SELECTIE .ocp-document-thumbnail {
  border: 2px solid white;
}
#OCP-DOCUMENT_SELECTIE td:focus-within + td .ocp-document-thumbnail {
  outline: 1px solid transparent;
}
#OCP-DOCUMENT_SELECTIE .mat-ripple-element,
#OCP-DOCUMENT_SELECTIE .mat-button-toggle-focus-overlay {
  display: none !important;
}
#OCP-DOCUMENT_SELECTIE tr button:focus {
  border-radius: 7px;
  box-shadow: 0 0 0 1pt transparent;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_FOOTER .osd-button.ocp-footer-btn button {
  background: var(--keesy-color) !important;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OSD_DCO-UPLOADEN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OSD_DCO-UPLOADEN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OSD_DCO-UPLOADEN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OSD_DCO-UPLOADEN osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OSD_DCO-UPLOADEN .osd-upload-info-document-name {
  align-self: end;
  margin-bottom: 5px;
}
#OSD_DCO-UPLOADEN div.osd-upload-delete-btn {
  align-self: end;
  border-radius: 5px;
  padding: 5px 7px 5px 7px;
}
#OSD_DCO-UPLOADEN div.osd-upload-delete-btn:focus {
  outline: 1px solid transparent;
}
#OSD_DCO-UPLOADEN .ocp-document-thumbnail {
  border: 2px solid white;
  height: 100px !important;
}
#OSD_DCO-UPLOADEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid transparent;
}
#OSD_DCO-UPLOADEN .ocp-document-thumbnail a {
  box-shadow: none !important;
  height: 100px;
  outline: none;
}
#OSD_DCO-UPLOADEN osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
}
#OSD_DCO-UPLOADEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OSD_DCO-UPLOADEN osd-form-cell#TOELICHTING_CLIENT_TMP textarea {
  padding: 0 !important;
  scrollbar-width: thin;
}
#OSD_DCO-UPLOADEN osd-form-cell#TOELICHTING_CLIENT_TMP .mat-form-field-flex {
  margin: 0;
  padding: 10px 0 10px 10px !important;
  scrollbar-width: thin;
}
#OSD_DCO-UPLOADEN osd-form-cell#TOELICHTING_CLIENT_TMP .mat-form-field-flex:focus-within {
  border: 1px solid #5757FF !important;
  border-radius: 10px !important;
  padding: 10px 0 10px 10px !important;
  margin: 0;
  width: 100%;
}
#OSD_DCO-UPLOADEN osd-form-cell#_KNOPPEN .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OSD_DCO-UPLOADEN osd-form-cell#_KNOPPEN .osd-button.ocp-footer-btn button {
  background: var(--keesy-color) !important;
}
#OSD_DCO-UPLOADEN osd-form-cell#_KNOPPEN .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OSD_DCO-UPLOADEN osd-form-cell#_KNOPPEN .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_HEADER osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_HEADER osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_HEADER osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_HEADER osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .mat-form-field-subscript-wrapper {
  padding-left: 0 !important;
  font-size: 85%;
  top: 45px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN mat-radio-group + mat-error {
  margin-top: 5px;
  font-size: 85%;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell.osd-radiogroup {
  border-radius: 10px;
  padding: 10px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell.osd-radiogroup:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .mat-form-field-flex {
  padding: 10px !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .mat-form-field-flex:focus-within {
  border: 1px solid #5757FF !important;
  border-radius: 10px !important;
  margin: 0px;
  padding: 10px !important;
  width: 100%;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .osd-button button {
  background-color: transparent;
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .osd-button button:focus {
  border: 1px solid #5757FF !important;
  border-radius: 10px !important;
  line-height: 32px !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_FOOTER .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell,
#OSD_EMV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell,
#OSD_TNV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell button,
#OSD_EMV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell button,
#OSD_TNV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell button span span,
#OSD_EMV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell button span span,
#OSD_TNV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span,
#OSD_EMV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span,
#OSD_TNV-VERIFIEER osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OSD_LGM-LEGITIMEREN .mat-ripple-element,
#OSD_EMV-VERIFIEER .mat-ripple-element,
#OSD_TNV-VERIFIEER .mat-ripple-element,
#OSD_LGM-LEGITIMEREN .mat-button-toggle-focus-overlay,
#OSD_EMV-VERIFIEER .mat-button-toggle-focus-overlay,
#OSD_TNV-VERIFIEER .mat-button-toggle-focus-overlay {
  display: none !important;
}
#OSD_LGM-LEGITIMEREN mat-checkbox,
#OSD_EMV-VERIFIEER mat-checkbox,
#OSD_TNV-VERIFIEER mat-checkbox {
  border-radius: 5px;
  padding: 2px 10px;
}
#OSD_LGM-LEGITIMEREN mat-checkbox:focus-within,
#OSD_EMV-VERIFIEER mat-checkbox:focus-within,
#OSD_TNV-VERIFIEER mat-checkbox:focus-within {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-flex,
#OSD_EMV-VERIFIEER .mat-form-field-flex,
#OSD_TNV-VERIFIEER .mat-form-field-flex {
  padding: 0 !important;
  background: transparent;
  border: none;
  box-shadow: none;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-flex:focus-within,
#OSD_EMV-VERIFIEER .mat-form-field-flex:focus-within,
#OSD_TNV-VERIFIEER .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-infix,
#OSD_EMV-VERIFIEER .mat-form-field-infix,
#OSD_TNV-VERIFIEER .mat-form-field-infix {
  background: #0000000a;
  margin-top: 10px;
  border: 1px solid #C1C1C1;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 3px 10px 8px 10px !important;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-infix:focus-within,
#OSD_EMV-VERIFIEER .mat-form-field-infix:focus-within,
#OSD_TNV-VERIFIEER .mat-form-field-infix:focus-within {
  border: 1px solid #5757FF !important;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-infix .mat-form-field-label-wrapper,
#OSD_EMV-VERIFIEER .mat-form-field-infix .mat-form-field-label-wrapper,
#OSD_TNV-VERIFIEER .mat-form-field-infix .mat-form-field-label-wrapper {
  top: -25px;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-infix .mat-form-field-label,
#OSD_EMV-VERIFIEER .mat-form-field-infix .mat-form-field-label,
#OSD_TNV-VERIFIEER .mat-form-field-infix .mat-form-field-label {
  color: black;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-infix input,
#OSD_EMV-VERIFIEER .mat-form-field-infix input,
#OSD_TNV-VERIFIEER .mat-form-field-infix input {
  padding-top: 0;
}
#OSD_LGM-LEGITIMEREN .mat-form-field-subscript-wrapper,
#OSD_EMV-VERIFIEER .mat-form-field-subscript-wrapper,
#OSD_TNV-VERIFIEER .mat-form-field-subscript-wrapper {
  padding-left: 0 !important;
  font-size: 85%;
  top: 45px;
  line-height: 20px;
}
#OSD_LGM-LEGITIMEREN osd-form-cell.ocp-btn button,
#OSD_EMV-VERIFIEER osd-form-cell.ocp-btn button,
#OSD_TNV-VERIFIEER osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
  background: transparent !important;
  box-shadow: none !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell.ocp-btn button:focus,
#OSD_EMV-VERIFIEER osd-form-cell.ocp-btn button:focus,
#OSD_TNV-VERIFIEER osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OSD_LGM-LEGITIMEREN osd-form-cell.ocp-btn.osd-default-btn button,
#OSD_EMV-VERIFIEER osd-form-cell.ocp-btn.osd-default-btn button,
#OSD_TNV-VERIFIEER osd-form-cell.ocp-btn.osd-default-btn button {
  background: var(--keesy-color) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#LBL_UITLEG_2:not(:empty) + osd-form-cell#CODE_TMP,
#OSD_EMV-VERIFIEER osd-form-cell#LBL_UITLEG_2:not(:empty) + osd-form-cell#CODE_TMP,
#OSD_TNV-VERIFIEER osd-form-cell#LBL_UITLEG_2:not(:empty) + osd-form-cell#CODE_TMP {
  margin-top: 0 !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button,
#OSD_EMV-VERIFIEER osd-form-cell#_FOOTER .osd-button,
#OSD_TNV-VERIFIEER osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button.osd-default-btn button,
#OSD_EMV-VERIFIEER osd-form-cell#_FOOTER .osd-button.osd-default-btn button,
#OSD_TNV-VERIFIEER osd-form-cell#_FOOTER .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button button,
#OSD_EMV-VERIFIEER osd-form-cell#_FOOTER .osd-button button,
#OSD_TNV-VERIFIEER osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OSD_LGM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button button:focus,
#OSD_EMV-VERIFIEER osd-form-cell#_FOOTER .osd-button button:focus,
#OSD_TNV-VERIFIEER osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.osd-radiogroup {
  border-radius: 10px;
  padding: 2px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.osd-radiogroup mat-label {
  line-height: 20px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.osd-radiogroup osd-form-question {
  padding: 8px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.osd-radiogroup osd-form-question:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
  border-radius: 10px;
}
#OSD_DCS-ONDERTEKENEN .mat-ripple-element,
#OSD_DCS-ONDERTEKENEN .mat-button-toggle-focus-overlay {
  display: none !important;
}
#OSD_DCS-ONDERTEKENEN .mat-form-field-flex {
  padding: 0 !important;
  background: transparent;
  border: none;
  box-shadow: none;
}
#OSD_DCS-ONDERTEKENEN .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#TOELICHTING_CLIENT .mat-form-field {
  padding: 10px 2px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#TOELICHTING_CLIENT .mat-form-field-label {
  white-space: normal;
  line-height: 20px;
  padding-left: 8px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#TOELICHTING_CLIENT textarea {
  border: 1px solid #C1C1C1 !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px !important;
  font-style: normal;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#TOELICHTING_CLIENT textarea:focus-within {
  border: 1px solid #5757FF !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#TOELICHTING_CLIENT .mat-input-element {
  width: calc(100% - 20px);
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.ocp-digid-btn {
  border: 1px solid white;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.ocp-digid-btn:focus-within {
  box-shadow: 0 0 0 2pt #5757FF;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
  background: transparent !important;
  box-shadow: none !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell.ocp-btn.osd-default-btn button {
  background: var(--keesy-color) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
#OSD_DCS-ONDERTEKENEN a {
  outline: none;
}
#OSD_DCS-ONDERTEKENEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid #5757FF;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_FOOTER .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OSD_OLM-LEGITIMEREN .mat-ripple-element,
#OSD_OLM-LEGITIMEREN .mat-button-toggle-focus-overlay {
  display: none !important;
}
#OSD_OLM-LEGITIMEREN .mat-form-field-flex {
  padding: 0 !important;
  background: transparent;
  border: none;
  box-shadow: none;
}
#OSD_OLM-LEGITIMEREN .mat-form-field-flex:focus-within {
  border: none !important;
  margin: 0;
  width: 100%;
}
#OSD_OLM-LEGITIMEREN osd-form-cell.ocp-digid-btn {
  border: 1px solid white;
}
#OSD_OLM-LEGITIMEREN osd-form-cell.ocp-digid-btn:focus-within {
  box-shadow: 0 0 0 2pt #5757FF;
}
#OSD_OLM-LEGITIMEREN osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
  background: transparent !important;
  box-shadow: none !important;
}
#OSD_OLM-LEGITIMEREN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OSD_OLM-LEGITIMEREN osd-form-cell.ocp-btn.osd-default-btn button {
  background: var(--keesy-color) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OCP-INSTALLEREN {
  background: white;
}
#OCP-INSTALLEREN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OCP-INSTALLEREN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OCP-INSTALLEREN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OCP-INSTALLEREN osd-form-cell#_HEADER_1 osd-form-cell#LBL_PAGE_TITLE span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OCP-INSTALLEREN .form-body {
  margin: 2px;
}
#OCP-INSTALLEREN .form-body:focus-within {
  border: 1px solid transparent;
  margin: 1px;
}
#OCP-INSTALLEREN div.ocp-uitleg {
  outline: none;
}
#OCP-INSTALLEREN osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-INSTALLEREN osd-form-cell#_FOOTER .osd-button.ocp-footer-btn button {
  background: var(--keesy-color) !important;
}
#OCP-INSTALLEREN osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-INSTALLEREN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
#OCP-INSTELLINGEN osd-form-cell#_HEADER_1 osd-form-cell {
  min-width: unset;
  max-width: unset;
  width: calc((min(100vw, 768px) - 24px - 20px) / 4);
}
#OCP-INSTELLINGEN osd-form-cell#_HEADER_1 osd-form-cell.ocp-header-back-btn button span {
  width: unset;
}
#OCP-INSTELLINGEN osd-form-cell#_HEADER_1 osd-form-cell button {
  padding-right: 10px !important;
  height: 36px;
}
#OCP-INSTELLINGEN osd-form-cell#_HEADER_1 osd-form-cell button span span {
  max-width: calc((min(100vw, 768px) - 24px - 20px) / 4 - 15px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
#OCP-INSTELLINGEN osd-form-cell#_HEADER_1 osd-form-cell#LBL_TITEL span {
  width: calc((min(100vw, 768px) - 24px - 20px) / 2);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 5px;
}
#OCP-INSTELLINGEN .ocp-instelling-card:first-of-type {
  margin-top: 2px;
  padding-top: 8px;
}
#OCP-INSTELLINGEN .ocp-instelling-card:focus-within {
  box-shadow: 0 0 0 1pt transparent !important;
  border-radius: 4px;
}
#OCP-INSTELLINGEN .mat-form-field-subscript-wrapper {
  position: absolute;
  padding-left: 0 !important;
  font-size: 85%;
  top: 45px;
}
#OCP-INSTELLINGEN mat-radio-group + mat-error {
  margin-top: 5px;
  font-size: 85%;
}
#OCP-INSTELLINGEN osd-form-cell.osd-radiogroup {
  border-radius: 10px;
  padding: 10px;
}
#OCP-INSTELLINGEN osd-form-cell.osd-radiogroup:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
}
#OCP-INSTELLINGEN .mat-form-field-flex {
  padding: 10px !important;
}
#OCP-INSTELLINGEN .mat-form-field-flex:focus-within {
  /* border: 1px solid #5757FF !important; */
  border-radius: 10px !important;
  margin: 0px;
  padding: 10px !important;
  width: 100%;
}
#OCP-INSTELLINGEN osd-form-cell.ocp-btn button {
  border: 1px solid #949494;
  background-color: transparent;
  box-shadow: none !important;
}
#OCP-INSTELLINGEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
#OCP-INSTELLINGEN osd-form-cell.ocp-btn.osd-default-btn button {
  background: var(--keesy-color);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
#OCP-INSTELLINGEN .ocp-btn button span {
  font-size: 14px;
  font-weight: 500;
}
#OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button button {
  background-color: transparent !important;
}
#OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button.osd-default-btn button {
  background: var(--keesy-color) !important;
}
#OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
  border-radius: 10px !important;
  padding: 0px 16px !important;
  line-height: 32px !important;
}
body.tab-pressed div.form-header button:focus {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
body.tab-pressed div.pincode-digits:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed .cdk-overlay-container .mat-option.mat-active span.mat-option-text {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed .cdk-overlay-container footer button {
  border: 1px solid #888 !important;
}
body.tab-pressed .cdk-overlay-container footer button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed .cdk-overlay-container .menu-top-right footer button {
  border: none !important;
  margin-top: 0px;
}
body.tab-pressed .cdk-overlay-container .menu-top-right footer button:first-of-type {
  margin-top: 10px;
}
body.tab-pressed .cdk-overlay-container .menu-top-right footer button:not(:last-of-type) {
  border-bottom: 1px solid #d9d9d9 !important;
}
body.tab-pressed .menu-top-right footer button.modal-dialog-button > span {
  padding: 6px 20px;
  width: 100%;
  border-radius: 10px;
}
body.tab-pressed #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked,
body.tab-pressed #OCP-INLOGGEN_KEUZE osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked,
body.tab-pressed #OCP-INLOGGEN_SMS osd-form-cell#LOCALE:focus-within mat-radio-button.mat-radio-checked {
  outline: 3px solid #5757FF;
}
body.tab-pressed #OCP-INLOGGEN_DIGID .ocp-digid-btn button:focus,
body.tab-pressed #OCP-INLOGGEN_KEUZE .ocp-digid-btn button:focus,
body.tab-pressed #OCP-INLOGGEN_SMS .ocp-digid-btn button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-INLOGGEN_DIGID .ocp-digid-btn button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-INLOGGEN_EMAIL .mat-form-field-flex:focus-within,
body.tab-pressed #OCP-INLOGGEN_EMAIL_SMS .mat-form-field-flex:focus-within,
body.tab-pressed #OCP-INLOGGEN_SMS .mat-form-field-flex:focus-within,
body.tab-pressed #OCP-INLOGGEN_SMS_EMAIL .mat-form-field-flex:focus-within {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-INLOGGEN_EMAIL .ocp-footer-btn button.mat-raised-button:focus,
body.tab-pressed #OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn button.mat-raised-button:focus,
body.tab-pressed #OCP-INLOGGEN_SMS .ocp-footer-btn button.mat-raised-button:focus,
body.tab-pressed #OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-SELECTEER_GEBRUIKER osd-form-cell.ocp-card-btn button:focus {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-SELECTEER_GEBRUIKER osd-form-cell#_REGEL2 osd-form-cell.ocp-card-btn button:focus {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-SELECTEER_GEBRUIKER osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-SELECTEER_PERSOON osd-form-cell.ocp-card-btn button:focus {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-SELECTEER_PERSOON osd-form-cell[id$=BTN_VERWIJDER] button:focus {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-TOEGANGSCODE .mat-form-field-flex:focus-within {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-footer-btn button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-footer-btn:focus-within {
  border: 1px solid #0000FF;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid transparent !important;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn:focus-within {
  border: 1px solid transparent;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-TOEGANGSCODE .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE osd-form-cell.osd-radiogroup osd-form-question:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
  border-radius: 10px;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn:focus-within {
  border: 1px solid #0000FF;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid transparent !important;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn:focus-within {
  border: 1px solid transparent;
}
body.tab-pressed #OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn:focus-within button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-INLOGGEN_PINCODE .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-PORTAAL osd-form-cell#_ZAAK button:focus .ocp-card-header .ocp-card-table {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-PORTAAL osd-form-cell#_ZAAK .ocp-card-action-btn button:focus > span {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-PORTAAL osd-form-cell.ocp-footer-xl-btn button.mat-raised-button:focus {
  border: 1px solid #0000FF !important;
}
body.tab-pressed #OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button:focus > span {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-SELECTEER_OMGEVING .ocp-link-btn button:focus {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.osd-button:focus-within {
  border: 1px solid #8585FF;
}
body.tab-pressed #OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn:focus-within {
  border: 1px solid #8585FF;
}
body.tab-pressed #OCP-BERICHTEN .form-body:focus-within {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-BERICHTEN mat-select:focus {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
body.tab-pressed #OCP-BERICHTEN tr button:focus {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT osd-form-question:focus-within {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-BERICHTEN osd-form-cell#_FOOTER osd-form-question:focus-within {
  border: 1px solid #8585FF;
}
body.tab-pressed #OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-new,
body.tab-pressed #OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-rejected,
body.tab-pressed #OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-obsolete,
body.tab-pressed #OCP-TAKEN .ocp-taak-card button:focus .mat-button-wrapper .ocp-taak-status-done {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-GEBEURTENISSEN .ocp-afspraak-card-body .mat-button-toggle-group:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-DOCUMENTEN mat-select:focus {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
body.tab-pressed #OCP-DOCUMENTEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OCP-DOCUMENTEN tr button:focus {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-CONTACTEN .form-body:focus-within {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-CONTACTEN osd-form-cell#BTN_MACHTIGING_TOEVOEGEN button:focus {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-CONTACTEN osd-form-cell[id$=BTN_INTREKKEN] button:focus {
  border-color: #0000F0 !important;
}
body.tab-pressed #OCP-BERICHT_MET_BIJLAGEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
body.tab-pressed #OCP-BERICHT_MET_BIJLAGEN div.osd-upload-delete-btn:focus {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OCP-BERICHT_MET_BIJLAGEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT osd-form-question:focus-within {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-BERICHT_MET_BIJLAGEN osd-form-cell#_FOOTER osd-form-question:focus-within {
  border: 1px solid #8585FF;
}
body.tab-pressed #OCP-DOCUMENT_SELECTIE mat-select:focus {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
body.tab-pressed #OCP-DOCUMENT_SELECTIE td:focus-within + td .ocp-document-thumbnail {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OCP-DOCUMENT_SELECTIE tr button:focus {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-DOCUMENT_SELECTIE osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed #OSD_DCO-UPLOADEN div.osd-upload-delete-btn:focus {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OSD_DCO-UPLOADEN .ocp-document-thumbnail:focus-within {
  outline: 1px solid #5757FF;
}
body.tab-pressed #OSD_DCO-UPLOADEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
body.tab-pressed #OSD_DCO-UPLOADEN osd-form-cell#TOELICHTING_CLIENT_TMP .mat-form-field-flex:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OSD_DCO-UPLOADEN osd-form-cell#_KNOPPEN .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed #OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell.osd-radiogroup:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .mat-form-field-flex:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-CONTACTEN_MACHTIGING_TOEVOEGEN .osd-button button:focus {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-CONTACTEN_MACHTIGING_TOEVOEGEN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed #OSD_LGM-LEGITIMEREN mat-checkbox:focus-within,
body.tab-pressed #OSD_EMV-VERIFIEER mat-checkbox:focus-within,
body.tab-pressed #OSD_TNV-VERIFIEER mat-checkbox:focus-within {
  box-shadow: 0 0 0 1pt #5757FF !important;
}
body.tab-pressed #OSD_LGM-LEGITIMEREN .mat-form-field-infix:focus-within,
body.tab-pressed #OSD_EMV-VERIFIEER .mat-form-field-infix:focus-within,
body.tab-pressed #OSD_TNV-VERIFIEER .mat-form-field-infix:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OSD_LGM-LEGITIMEREN osd-form-cell.ocp-btn button:focus,
body.tab-pressed #OSD_EMV-VERIFIEER osd-form-cell.ocp-btn button:focus,
body.tab-pressed #OSD_TNV-VERIFIEER osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
body.tab-pressed #OSD_LGM-LEGITIMEREN osd-form-cell#_FOOTER .osd-button button:focus,
body.tab-pressed #OSD_EMV-VERIFIEER osd-form-cell#_FOOTER .osd-button button:focus,
body.tab-pressed #OSD_TNV-VERIFIEER osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed #OCP-INSTALLEREN .form-body:focus-within {
  border: 1px solid #5757FF;
}
body.tab-pressed #OCP-INSTALLEREN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}
body.tab-pressed #OCP-INSTELLINGEN .ocp-instelling-card:focus-within {
  box-shadow: 0 0 0 1pt #5757FF !important;
  border-bottom: none;
}
body.tab-pressed #OCP-INSTELLINGEN osd-form-cell.osd-radiogroup:focus-within {
  box-shadow: 0 0 0 1pt #5757FF;
}
body.tab-pressed #OCP-INSTELLINGEN .mat-form-field-flex:focus-within {
  border: 1px solid #5757FF !important;
}
body.tab-pressed #OCP-INSTELLINGEN osd-form-cell.ocp-btn button:focus {
  border: 1px solid #0000F0;
}
body.tab-pressed #OCP-INSTELLINGEN osd-form-cell#_FOOTER .osd-button button:focus {
  border: 1px solid #0000D6 !important;
}