@charset "UTF-8";
:root {
  --max-width: 768px;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
/* Dit werkt voor de pull-down maar geen reload */
html {
  height: 100%;
  overflow: hidden;
  position: relative;
}
body {
  height: 100%;
  overflow: auto;
  position: relative;
}
/* einde */
/* https://www.codesmite.com/article/fixing-raleway-and-similar-fonts-numerals */
span,
input,
textarea,
mat-label {
  -webkit-font-feature-settings: "lnum" !important;
  -moz-font-feature-settings: "lnum" !important;
  font-feature-settings: "lnum" !important;
}
/* Dit is toegevoegd om de bounce tegen te gaan op iPhone PWA modus */
@media screen and (max-width: var(--max-width)) {
  html {
    position: fixed;
    width: 100vw;
    max-width: 1024px;
  }
  body {
    overflow: hidden;
    width: 100vw;
    position: fixed;
  }
}
/* einde */
@media screen and (max-width: 450px) {
  .toast-top-right {
    top: unset !important;
    right: unset !important;
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
  }
}
body {
  max-width: 1024px;
  margin: 0 auto !important;
  font-family: Raleway, Roboto, sans-serif !important;
  background: lightgray;
}
.mat-button-ripple {
  display: none !important;
}
.mat-option .mat-option-ripple {
  display: none;
}
.mat-autocomplete-panel mat-option .mat-option-text,
.mat-select-panel-wrap mat-option .mat-option-text {
  font-family: Raleway;
  font-weight: 600;
}
.cdk-overlay-container {
  left: unset !important;
  max-width: 1024px;
}
/*
.cdk-overlay-container {
    position: absolute !important;
    min-height: 300px;
}
*/
.osd-form {
  width: 100%;
}
.form-body {
  overflow-x: hidden;
  outline: 0;
  scrollbar-width: thin;
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  scrollbar-color: lightgray #eee;
}
#OCP-ZAAK .form-body,
#OCP-DOCUMENTEN_PORTAAL .form-body {
  background: white;
}
#OSD_DCO-UPLOADEN .form-body {
  background: white;
}
.mat-form-field-label {
  transform: translateY(-0.59375em) scale(1) !important;
  width: 100% !important;
}
.ocp-page-card-body {
  background: #fff;
  /*min-height: 100%;*/
}
.ocp-zaak-body,
.ocp-body {
  padding: 0 20px;
  background: var(--primary-header-color);
  flex-grow: 1;
  height: 100%;
}
#OCP-BERICHTEN .form-footer {
  position: relative;
  bottom: 0px;
  left: 0px;
}
#OCP-PORTAAL .form-container {
  background: var(--primary-header-color);
}
.ocp-aanvraagformulier osd-form-cell#AVR_BTN_LOGIN button,
.ocp-aanvraagformulier osd-form-cell#PTR_BTN_LOGIN button {
  background: var(--primary-accent-color) !important;
  /*#DA6D00; */
  font-weight: 600;
  height: 70px;
  padding-left: 6px;
}
.ocp-aanvraagformulier osd-form-cell#AVR_BTN_LOGIN button img,
.ocp-aanvraagformulier osd-form-cell#PTR_BTN_LOGIN button img {
  margin-right: 10px;
}
.mat-form-field {
  width: 100% !important;
}
.form-body .mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: none !important;
  display: flex !important;
  align-items: start;
}
.mat-button-toggle-group-appearance-standard .material-icons:hover {
  background: none!important;
}
mat-button-toggle:hover .mat-button-toggle-focus-overlay {
  display: none;
}
.ocp-show-320-plus {
  display: none !important;
}
/*buttons that hide documenten section*/
.osd-toggle-label,
.osd-toggle-label-selected,
.osd-toggle-label-not-selected,
.osd-toggle-button,
.osd-toggle-button-selected,
.osd-toggle-button-not-selected {
  display: none;
  white-space: normal;
}
.osd-toggle-button-label .osd-toggle-label {
  display: block;
}
.osd-toggle-button-label-selected .osd-toggle-label-selected {
  display: block;
}
.osd-toggle-button-label-not-selected .osd-toggle-label-not-selected {
  display: block;
}
.osd-toggle-button-button .osd-toggle-button {
  display: block;
}
.osd-toggle-button-button-selected .osd-toggle-button-selected {
  display: block;
}
.osd-toggle-button-button-not-selected .osd-toggle-button-not-selected {
  display: block;
}
.osd-column-button-label {
  display: none;
}
.osd-column-header-label {
  display: none;
}
th .osd-column-header-label {
  display: block;
}
td button .osd-column-button-label {
  display: block;
}
/*fixed(sticky) buttons BTN_PHOTO and BTN_DOCUMENTEN*/
.ocp-btn a,
.ocp-btn button {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
  font-family: Raleway;
}
.ocp-absolute-pos button {
  position: fixed;
}
/*
.ocp-add-photo-btn,
.ocp-add-document-btn{
        position: fixed;
}
.ocp-add-photo-btn button {
    position: fixed;
    bottom: 160px;
}

.ocp-add-document-btn button{
    position: fixed;
    bottom: 100px;
}
*/
.ocp-btn-icon {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
}
/*
.ocp-add-photo-btn .ocp-btn-icon,
 .ocp-add-photo-btn .mat-button-wrapper {
    vertical-align: middle;
}

.ocp-add-document-btn button .ocp-btn-icon{
    margin-right: 18px!important;
}

.ocp-btn button .ocp-btn-icon,
.ocp-btn button .ocp-btn-icon {
    font-size: 20px!important;
}
*/
/*remove focus after clicking on element and get back to the page*/
/*.cdk-focused.cdk-program-focused {
    display: none;
}
*/
/* start HEADER component - used for the screens: homepage,taken, berichten, overzicht, documenten,contacten ; */
.ocp-header {
  width: 100%;
  background: var(--primary-header-color) !important;
  padding: 20px 20px 10px 20px;
  min-height: 55px;
  align-items: center;
}
.ocp-header-back-btn {
  min-width: 60px;
}
.ocp-header-back-btn button span.mat-button-wrapper span {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.ocp-header-title span {
  font-size: 17px;
  font-weight: 500;
  color: var(--primary-accent-color);
  display: flex;
  justify-content: center;
  white-space: nowrap;
  display: block;
  width: calc(100vw - 200px);
  max-width: calc(var(--max-width) - 200px);
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  /*margin-top: 5px;*/
}
.ocp-header-title-icon {
  color: var(--primary-accent-color);
  font-size: 25px;
  margin-right: 10px;
  vertical-align: sub;
  margin-top: 1px;
}
.ocp-burger-menu {
  background: transparent;
  box-shadow: none;
  color: #fff;
  /* align-items: center; */
  /* position: absolute; */
  padding-right: 10px;
  min-width: 60px;
  text-align: right;
}
.ocp-burger-menu i {
  vertical-align: top;
}
.ocp-home .ocp-header-back-btn,
.ocp-home .ocp-burger-menu {
  min-width: 40px;
}
.ocp-home .ocp-header-title span {
  width: calc(100vw - 180px);
  max-width: calc(var(--max-width) - 180px);
}
div#OCP-DOCUMENT_SELECTIE .ocp-header-back-btn,
div#OCP-DOCUMENT_SELECTIE .ocp-burger-menu {
  min-width: 50px;
}
div#OCP-DOCUMENT_SELECTIE .ocp-header-title span {
  width: calc(100vw - 140px);
  max-width: calc(var(--max-width) - 140px);
}
.ocp-burger-menu button {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  line-height: initial;
  box-shadow: none!important;
  min-width: auto;
  background: none;
  color: var(--primary-accent-color);
}
/* override styles */
#OCP-DOCUMENT_SELECTIE .ocp-header-back-btn button .mat-button-wrapper span,
#OCP-BERICHT_MET_BIJLAGEN .ocp-header-back-btn button .mat-button-wrapper span {
  padding-left: 3px;
}
/*end override styles for header comp*/
/*end HEADER component*/
/* dropdown menu component */
/*style for the dropdown menu to stay inside the grid*/
.mat-button-focus-overlay {
  display: none;
}
/*
.cdk-overlay-container {
    max-width: 1024px;
    margin: 0 auto;
    left: inherit !important;
}
*/
.menu-top-right footer button.modal-dialog-button {
  margin: 0 !important;
  display: flex;
  width: 100%;
}
.menu-top-right footer button .mat-button-wrapper i {
  margin-right: 14px;
  font-size: 20px !important;
  color: var(--primary-header-color);
  width: 20px;
}
.menu-top-right footer button .modal-dialog-button-name {
  display: flex;
  align-items: center;
}
.menu-top-right footer button .modal-dialog-button-name {
  color: #000;
}
.modal-dialog-button-name {
  font-family: Raleway;
  font-weight: 400 !important;
}
[cdkfocusinitial="true"] .modal-dialog-button-name {
  font-weight: 600 !important;
}
.menu-top-right footer button.modal-dialog-button {
  border-radius: 0;
  border: none !important;
  border-bottom: 1px solid #D9D9D9 !important;
  padding: 8px 14px 12px 14px !important;
  line-height: normal !important;
}
.menu-top-right footer button.modal-dialog-button:last-child {
  border-bottom: none !important;
}
.menu-top-right footer button.modal-dialog-button:last-of-type {
  border: none !important;
}
.menu-top-right .mat-dialog-container {
  padding: 0 !important;
  width: auto !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px 0px 10px 10px;
}
.menu-top-right {
  min-width: auto !important;
  min-height: auto !important;
  margin-top: 62px !important;
  margin-right: 20px !important;
}
.menu-top-right footer .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
}
/* end dropdown menu component */
/* start FOOTER component*/
.ocp-tab-btn button {
  box-shadow: none;
  background: transparent;
  color: var(--primary-header-fg-color);
  margin-bottom: 0 !important;
  box-shadow: none!important;
}
.ocp-tab-btn button i {
  font-size: 40px;
}
.form-footer {
  display: block !important;
  background: var(--primary-header-color);
}
.ocp-zaak-footer {
  background: linear-gradient(180deg, #5A5B5A, 37%, #343433);
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer {
  margin: 0;
  padding: 10px 5px 0px 5px;
  margin-bottom: 0 !important;
  display: block!important;
  border-top: 1px solid var(--primary-accent-color);
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn {
  padding: 2px 1px 0px 1px !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn:focus-within {
  border: none !important;
  padding: 2px 1px 0 1px !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button {
  padding: 0 !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button span.mat-button-wrapper > span > span {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  padding: 5px 1px 3px 1px !important;
  width: 100px;
}
@media screen and (max-width: 767px) {
  #OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button span.mat-button-wrapper > span > span {
    padding: 5px 1px 3px 1px !important;
    width: unset;
  }
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button span.mat-button-wrapper > span > span.selected {
  border: 1px solid var(--primary-accent-color) !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button span.mat-button-wrapper > span > span.selected:focus-within {
  padding: 4px 0px 2px 0px !important;
  border: 2px solid var(--primary-accent-color) !important;
}
#OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer .ocp-tab-btn button:focus span.mat-button-wrapper > span > span {
  padding: 4px 0px 2px 0px !important;
  border: 2px solid var(--primary-accent-color) !important;
}
@media screen and (max-width: 340px) {
  #OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer osd-form-cell#BTN_GEBEURTENISSEN.ocp-tab-btn button {
    min-width: unset;
  }
  #OCP-ZAAK osd-form-cell#_FOOTER.ocp-zaak-footer osd-form-cell#BTN_GEBEURTENISSEN.ocp-tab-btn button span.mat-button-wrapper > span > span {
    width: 50px;
  }
}
.ocp-zaak-footer div {
  place-content: space-around !important;
}
.ocp-tab-btn button span {
  display: flex;
  flex-direction: column;
}
/*active button footer*/
.ocp-tab-btn button.mat-focus-indicator.mat-raised-button.mat-button-base.mat-basic.mat-button-disabled,
.ocp-tab-btn .selected {
  color: var(--primary-accent-color) !important;
}
.ocp-tab-btn button.mat-raised-button {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--primary-header-fg-color);
}
.ocp-tab-btn .mat-button-wrapper span.ocp-tab-btn-icon-badge {
  color: #000;
  left: initial;
  right: 5px;
  width: 20px;
  height: 20px;
  font-size: 10px;
}
/* end FOOTER component*/
/* badge */
.ocp-card-action-icon-badge,
.ocp-tab-btn-icon-badge {
  line-height: 1.7;
  position: absolute;
  margin-left: -5px;
  padding: 0.5px;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 15px;
  font-size: 9px;
  text-align: center;
  background: var(--primary-accent-color);
  z-index: 1;
  font-weight: 600;
}
/* end yellow badge */
/* end general styles*/
/*1. START HOMEPAGE STYLES*/
/* card table styles */
.ocp-card {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex: 1 0 auto;
}
.ocp-card:first-of-type {
  margin-top: 10px;
}
.ocp-card-body {
  padding: 10px 0 0 12px;
}
.ocp-card-table {
  width: 100%;
  border-spacing: 0;
}
.ocp-card-table tbody {
  width: 100%;
}
.ocp-card-table td {
  padding: 0;
}
.ocp-card-title {
  font-size: 15px;
  font-weight: 500;
}
.ocp-header-back-btn button .mat-button-wrapper span {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.ocp-header-title {
  text-align: center;
  margin-right: 0px!important;
  flex: 1 1 auto !important;
}
.ocp-header-back-btn button {
  background: transparent;
  color: var(--primary-header-fg-color);
  box-shadow: none!important;
  /*margin-bottom: 0 !important;
    padding-left: 0!important;*/
  padding-left: 5px !important;
  padding-right: 0!important;
  min-width: unset;
}
.ocp-header-back-btn button .mat-button-wrapper span i {
  font-size: 15px;
  padding-right: 2px;
  justify-content: left;
}
.ocp-card-table {
  border-radius: 10px 10px 0px 0px;
}
.ocp-card-table tr {
  line-height: 24px;
}
.ocp-card-table td {
  line-height: 20px;
}
.ocp-card-header .ocp-card-table tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocp-card-header .ocp-card-table {
  padding: 12px;
}
.ocp-color-selected .ocp-card-table {
  background: var(--primary-accent-color);
}
.ocp-color-not-selected .ocp-card-table {
  background: var(--primary-accent-color);
  /* background: #D3D3D3; */
}
.ocp-card-body .ocp-card-table {
  display: flex;
}
.ocp-card-action-btn button {
  border-radius: 10px;
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  box-shadow: none!important;
  padding: 0px 0px 5px 12px;
}
.ocp-card-btn button {
  width: 100%;
  padding: 0;
  box-shadow: none!important;
  border-radius: 10px;
}
.ocp-background-yellow {
  background: var(--primary-accent-color) !important;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_GEBRUIKER button {
  background: transparent;
  font-weight: 500;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_GEBRUIKER .ocp-card-btn {
  padding-left: 10px;
  padding-right: 10px;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell#_GEBRUIKER .ocp-card-btn i {
  padding-right: 10px;
}
#OCP-SELECTEER_GEBRUIKER .ocp-font-size-17 button {
  font-size: 17px !important;
}
#OCP-SELECTEER_GEBRUIKER #_GEBRUIKER {
  max-width: 340px;
  align-self: center;
  width: 100%;
  margin-top: 10px;
}
.ocp-selecteer-persoon-btn-icon-badge {
  line-height: 0.875;
  position: absolute;
  margin-left: 4px;
  padding: 2px;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 15px;
  font-size: 15px;
  text-align: center;
  background: #ba0606;
  z-index: 1;
  top: 2px;
  font-size: 40px;
  color: white;
}
.ocp-width-unset-btn button {
  width: unset !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER osd-form-cell[id$="_BTN_SELECTEER"]:only-child {
  border-radius: 10px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER button {
  background: transparent;
  font-weight: 500;
  line-height: unset;
  margin: 7px 0;
  white-space: normal;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER button {
  background: transparent;
  font-weight: 500;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER .ocp-align-left button {
  text-align: left;
  margin-left: 10px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER .ocp-card-btn {
  padding-left: 10px;
  padding-right: 10px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER .ocp-card-btn i {
  padding-right: 10px;
}
#OCP-SELECTEER_PERSOON .ocp-font-size-17 button {
  font-size: 17px !important;
}
#OCP-SELECTEER_PERSOON #BTN_IKZELF {
  margin-top: 10px;
}
#OCP-SELECTEER_PERSOON #BTN_IKZELF button {
  background: var(--primary-accent-color);
  font-size: 17px !important;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
#OCP-SELECTEER_PERSOON #BTN_IKZELF,
#OCP-SELECTEER_PERSOON #_VOLMACHTGEVER {
  max-width: 340px;
  align-self: center;
  width: 100%;
}
.ocp-home .ocp-card-btn button {
  padding-bottom: 10px;
}
.ocp-card-body-label.ocp-align-left {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding-right: 5px;
  vertical-align: baseline;
}
.ocp-card-body-value.ocp-align-left {
  white-space: normal;
  word-break: break-word;
  text-align: left;
  line-height: 24px;
  padding-right: 10px;
}
.header .header-description {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.ocp-card-detail.ocp-align-left {
  font-size: 13px;
  white-space: normal;
  font-weight: 300;
  text-align: left;
}
.ocp-card-detail.ocp-align-right {
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
  text-align: right;
  min-width: 80px;
}
.ocp-card-action-icon {
  font-size: 20px;
  width: 25px;
}
.ocp-card-action-label {
  margin-left: 15px;
  font-size: 15px;
  top: 0px;
  position: relative;
  font-weight: 500;
}
/* homepage footer button  */
.ocp-footer-xl-btn {
  width: 100%;
}
.ocp-footer-xl-btn button {
  width: 100%;
  display: block;
  position: relative;
  background: var(--primary-accent-color);
  padding: 10px;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 500;
  max-width: 340px;
  margin: auto;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  border-radius: 10px;
}
/*end homepage footer button*/
/*END HOMEPAGE */
/*2.START TAKEN styles*/
/* main background Taken*/
.ocp-taak-card {
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(192, 195, 192, 0.7);
}
.ocp-zaak-header {
  /*padding-bottom: 0!important;*/
  width: 100%;
  background: var(--primary-header-color) !important;
  min-height: 65px;
  align-items: center;
  padding: 20px 20px 0px 20px;
}
.ocp-taak-icon {
  font-size: 30px !important;
}
.ocp-taak-open-icon {
  --fa-primary-color: #000000;
  --fa-secondary-color: var(--primary-accent-color);
  --fa-secondary-opacity: 1;
  font-size: 30px !important;
}
.ocp-taak-done-icon {
  font-size: 24px !important;
  color: green;
  margin-left: 5px;
  margin-right: 16px !important;
}
.ocp-taak-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100vw - 110px);
}
.ocp-taak-card button {
  border-radius: 0!important;
  width: 100%;
  box-shadow: none!important;
}
.ocp-page-card-header {
  background: var(--primary-accent-color);
  color: #000;
  padding: 10px;
  margin: 10px 0px 0px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #707070;
}
.ocp-card-id.ocp-align-right {
  float: right;
  font-weight: 500;
  font-size: 13px;
  min-width: 70px;
  text-align: right;
}
.ocp-taak-card button {
  padding: 0;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-new,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-rejected,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done {
  padding: 20px 10px 20px 10px!important;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-new i,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-rejected i,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete i,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done i {
  margin-right: 12px;
  font-size: 20px;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-new,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-rejected,
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done {
  background: #fff;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete {
  background: #EEEEEE;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete span {
  text-decoration: line-through;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-obsolete i {
  color: var(--secondary-accent-color);
}
.ocp-taak-card button .mat-button-wrapper div,
.ocp-taak-card button .mat-button-wrapper div.ocp-taak-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: normal;
}
.ocp-taak-open-icon i {
  color: #000 !important;
  font-size: 12px!important;
}
.ocp-taak-card button .mat-button-wrapper div.wrapper-status.grey-zone {
  background: #EEEEEE;
}
button .mat-button-wrapper div.wrapper-status div {
  display: flex;
  align-items: center;
}
/*END TAKEN */
/*3.START Berichten  */
.ocp-berichten-card-body {
  padding: 0 10px;
}
.ocp-berichten-card-link button {
  box-shadow: none;
  text-align: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: none!important;
  font-size: 14px;
  line-height: 24px;
}
.message {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ocp-berichten-date {
  text-align: center;
  margin-top: 15px;
  align-self: normal;
  font-size: 11px;
}
.ocp-berichten,
.ocp-berichten-new {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ocp-berichten-new > .ocp-berichten-in,
.ocp-berichten-new > .ocp-berichten-out {
  background: var(--primary-accent-color) !important;
}
.ocp-berichten-in {
  display: block;
  border: solid var(--primary-header-fg-color) 1px;
  border-radius: 7px;
  padding: 10px 15px 15px 15px;
  margin: 8px 0px;
  background: #eee;
  width: 90%;
  margin-right: calc(10vw) !important;
  left: 0;
  font-size: 15px;
  line-height: 20px;
  color: #343433;
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
}
.ocp-berichten-out {
  border: solid var(--primary-header-fg-color) 1px;
  border-radius: 7px;
  padding: 10px 15px 15px 15px;
  background: rgba(153, 154, 153, 0.5);
  line-height: 30px;
  width: 90%;
  margin-left: calc(10vw) !important;
  color: #343433;
  font-weight: 400;
  position: relative;
  margin: 8px 0px;
  align-self: flex-end;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 15px;
}
.ocp-berichten-sender {
  font-size: 13px;
  font-weight: 700;
}
.ocp-berichten-time {
  position: absolute;
  right: 15px;
  bottom: 0;
  font-size: 10px;
  color: #343433;
  font-weight: 400;
}
.message-sender {
  font-size: 13px;
  color: #343433;
  font-weight: 400;
}
.ocp-document-thumbnail {
  max-width: 250px;
  width: fit-content;
  object-fit: cover;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  border: 2px solid var(--primary-header-fg-color);
  line-height: 25px;
  height: 100px;
  margin: 10px 0px;
  display: block;
}
.ocp-document-thumbnail img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.ocp-berichten .ocp-document-thumbnail {
  display: inline-block;
  font-size: 9px;
  font-weight: 400;
  line-height: 12px;
}
.ocp-page-card-footer {
  display: flex !important;
  align-items: center !important;
  flex: auto !important;
  box-sizing: unset !important;
  margin: 10px;
}
.ocp-berichten .ocp-page-card-footer {
  margin-left: 0px;
  margin-right: 0px;
}
.ocp-page-card-footer div {
  flex-flow: row !important;
}
.ocp-berichten .form-footer {
  width: 100%;
  border-top: 1px solid var(--primary-accent-color);
  border-bottom: 1px solid var(--primary-accent-color);
}
.ocp-berichten osd-form-cell#BTN_RECORD,
.ocp-berichten osd-form-cell#BTN_STANDARD_MESSAGES,
.ocp-berichten osd-form-cell#BTN_THUMBS_UP,
.ocp-berichten osd-form-cell#BTN_PASTE,
.ocp-berichten osd-form-cell#BTN_BIJLAGEN,
.ocp-berichten osd-form-cell#BTN_SEND {
  justify-content: end;
  margin-bottom: 2px !important;
  padding: 0 !important;
}
.ocp-berichten osd-form-cell#BTN_RECORD.osd-button:focus-within,
.ocp-berichten osd-form-cell#BTN_STANDARD_MESSAGES.osd-button:focus-within,
.ocp-berichten osd-form-cell#BTN_THUMBS_UP.osd-button:focus-within,
.ocp-berichten osd-form-cell#BTN_PASTE.osd-button:focus-within,
.ocp-berichten osd-form-cell#BTN_BIJLAGEN.osd-button:focus-within,
.ocp-berichten osd-form-cell#BTN_SEND.osd-button:focus-within {
  border: none !important;
}
.ocp-berichten osd-form-cell#BTN_RECORD osd-form-question,
.ocp-berichten osd-form-cell#BTN_STANDARD_MESSAGES osd-form-question,
.ocp-berichten osd-form-cell#BTN_THUMBS_UP osd-form-question,
.ocp-berichten osd-form-cell#BTN_PASTE osd-form-question,
.ocp-berichten osd-form-cell#BTN_BIJLAGEN osd-form-question,
.ocp-berichten osd-form-cell#BTN_SEND osd-form-question {
  flex: 0 0 auto !important;
}
#OCP-BERICHT_MET_BIJLAGEN .ocp-page-card-footer {
  margin-left: 0px;
}
.ocp-berichten osd-form-cell#NIEUW_BERICHT textarea,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT textarea {
  font-size: 15px;
  min-height: 22px;
  max-height: 120px;
  height: 22px;
  line-height: 22px;
  margin: 0px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT {
  margin-left: 15px;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SEND {
  justify-content: end;
  margin-bottom: 2px !important;
}
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SEND osd-form-question {
  flex: 0 0 auto !important;
}
.ocp-page-card-footer-textarea mat-form-field {
  width: 100%;
}
.ocp-page-card-footer-textarea .mat-form-field-infix {
  width: auto;
  border-top: 0px!important;
}
.ocp-page-card-footer-btn button {
  background: transparent;
  border-radius: 32px;
  height: 32px;
  width: 32px;
  min-width: auto;
  /* margin-bottom: 10px; */
}
.ocp-berichten osd-form-cell#BTN_SEND button > span > span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SEND button > span > span {
  padding-top: 2px;
  padding-right: 3px;
}
.ocp-page-card-footer-btn span.mat-button-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--primary-accent-color);
  font-size: 15px;
  transform: translate(-50%, -50%);
}
.ocp-page-card-footer-textarea .mat-form-field-wrapper,
.ocp-page-card-footer-textarea .mat-form-field-infix {
  padding: 0!important;
}
.ocp-page-card-footer-textarea .mat-form-field-label-wrapper {
  display: none;
}
.ocp-page-card-footer-textarea {
  /* width: 100%; */
  flex: 1 1 auto !important;
  background: #f6f6f6;
  border-radius: 7px;
  font-size: 13px;
  display: block;
  position: relative;
  padding: 5px 10px!important;
  margin-left: 10px;
  margin-right: 10px;
}
.ocp-page-card-footer-textarea .mat-form-field-underline,
.ocp-page-card-footer-textarea .mat-form-field-subscript-wrapper {
  display: none;
}
.ocp-page-card-footer-textarea .mat-form-field-appearance-fill .mat-form-field-flex {
  margin: 0;
  padding: 0;
  background: transparent;
}
/*background white fort empty berichten form-body */
.ocp-berichten .form-body {
  background: #fff;
}
/*END Berichten  */
/*4.START Overzicht  */
.ocp-page-card-tab-header {
  width: 100%;
}
.ocp-afspraak-card-body {
  background: white;
  /* background: #eee; */
}
.ocp-afspraak-download-icon {
  padding: 5px;
  margin-left: 10px;
  font-size: 16px;
  width: 16px;
  text-align: center;
  color: black;
}
.ocp-afspraak-download-icon.fa-arrow-down-to-line {
  font-size: 20px;
}
.mat-button-toggle-appearance-standard {
  background: transparent!important;
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  display: flex!important;
  justify-content: flex-start;
}
.ocp-more-less-icon {
  color: #000;
  background: transparent!important;
}
/*icon parent positioned relative*/
.osd-toggle-button-label span.ocp-afspraak-label.osd-toggle-label {
  position: relative;
}
.ocp-afspraak-icon {
  font-size: 20px;
}
.ocp-afspraak-download {
  text-align: right;
}
.ocp-gebeurtenis-header div {
  display: initial!important;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: normal !important;
  padding: 0!important;
  margin-right: 20px;
}
td .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  margin-right: unset;
}
.ocp-gebeurtenis-card {
  margin-bottom: 6px !important;
  background: #fff;
  padding-right: 7px !important;
}
.ocp-gebeurtenis-table .text {
  white-space: normal;
  word-break: break-word;
}
.ocp-gebeurtenis-table td:first-of-type {
  width: 1%;
}
.ocp-afspraak-card-body .label {
  white-space: normal;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.ocp-afspraak-label,
.osd-toggle-label-selected {
  font-size: 13px;
}
.ocp-afspraak-detail-value {
  font-weight: 500;
}
.ocp-afspraak-card-body .osd-toggle-label-selected {
  font-size: 13px;
}
.ocp-afspraak-label .text,
.ocp-afspraak-detail-value,
.ocp-afspraak-table .text {
  white-space: normal;
  word-break: break-word;
}
.ocp-afspraak-icon {
  font-size: 20px;
  margin-left: 5px;
  color: var(--primary-accent-color);
  width: unset;
}
td.ocp-afspraak-icon {
  width: 47px;
}
.ocp-afspraak-card-body .osd-toggle-label-selected tr:nth-child(3) td {
  padding-top: 15px;
}
.text,
.osd-toggle-label-selected {
  font-weight: 300;
}
.text span:first-of-type {
  margin-left: 0px!important;
  font-weight: 500;
}
.ocp-afspraak-card-body .mat-button-toggle-group .mat-button-toggle {
  margin-top: 10px;
}
.ocp-afspraak-card-body .mat-button-toggle-group .mat-button-toggle {
  margin-top: 10px;
}
.ocp-afspraak-card-body .label .icon {
  margin-top: 10px;
}
.ocp-oude-afspraak {
  color: gray;
}
.ocp-gebeurtenis-today {
  text-align: center;
  font-size: 11px;
  margin-left: 14px;
}
.ocp-gebeurtenis-today::before {
  content: "";
  width: calc((50% - 100px) - 20px);
  height: 2px;
  top: 10px;
  opacity: 0.5;
  left: 12px;
  background: var(--primary-header-fg-color);
  position: absolute;
}
.ocp-gebeurtenis-today::after {
  content: "";
  width: calc((50% - 100px) - 20px);
  height: 2px;
  top: 10px;
  right: 10px;
  background: var(--primary-header-fg-color);
  opacity: 0.5;
  position: absolute;
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  #OCP-DOCUMENT_SELECTIE .ocp-secondary-body {
    padding: 20px 10px;
  }
  #OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN mat-checkbox {
    margin-right: 5px;
  }
  .ocp-gebeurtenis-today::before {
    content: "";
    height: 2px;
    top: 7px;
    opacity: 0.5;
    left: 10px;
    background: var(--primary-header-fg-color);
    position: absolute;
  }
  .ocp-gebeurtenis-today::after {
    content: "";
    height: 2px;
    top: 7px;
    right: 10px;
    background: var(--primary-header-fg-color);
    opacity: 0.5;
    position: absolute;
  }
}
span.event-aligned-center {
  display: flex;
  align-items: center;
}
.ocp-gebeurtenis-desc {
  /* margin-left: 14px; */
  vertical-align: text-bottom;
  line-height: 20px;
  white-space: normal;
}
.ocp-gebeurtenis-label {
  font-size: 13px;
  line-height: 16px;
  width: 100%;
}
.ocp-gebeurtenis-date {
  /* margin-left: 43px; */
  font-size: 10px;
  line-height: 16px;
}
div#OCP-GEBEURTENISSEN .osd-toggle-button-label {
  width: 100%;
}
.mat-button-toggle {
  line-height: 0;
  position: initial!important;
}
.ocp-gebeurtenis-timeline {
  padding: 0px 0px 0 15px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px !important;
}
.ocp-gebeurtenis-timeline::before {
  content: "";
  width: 1px;
  height: calc(100% - 40px);
  top: 18px;
  left: 26px;
  background: var(--primary-accent-color);
  position: absolute;
}
.ocp-page-card-body .ocp-gebeurtenis-card .ocp-gebeurtenis-icon {
  color: var(--primary-accent-color);
  background: #fff;
  font-size: 18px;
}
.ocp-gebeurtenis-icon {
  color: var(--primary-accent-color);
  background: #fff;
  font-size: 18px;
  width: 25px;
  margin-right: 10px;
}
.ocp-afspraak-card .ocp-afspraak-card-body {
  border-bottom: 1px solid rgba(192, 195, 192, 0.7);
}
/*.ocp-afspraak-card:last-of-type .ocp-afspraak-card-body {
    border-bottom: 2px solid var(--primary-accent-color)!important; 
}
*/
.ocp-afspraak-card-body .mat-button-toggle-group {
  border-radius: 0;
  padding: 15px 12px;
  display: flex;
  align-items: flex-start;
}
span.label p {
  font-size: 13px;
  margin: 6px 0px!important;
  word-break: break-word;
}
/*
.ocp-afspraak-detail-value:last-of-type {
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
}
*/
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: none !important;
}
.mat-button-toggle-checked {
  background-color: transparent !important;
}
.ocp-gebeurtenis-extra-info {
  margin-top: 5px;
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
  /* margin-left: 40px; */
}
/*.ocp-afspraak-table{
    width: 100%;
}*/
/*END OVERZICHT PAGE */
/*5.START Documenten    */
.mat-select-value-text,
.mat-select-min-line {
  font-size: 13px;
}
.ocp-document-card-body span {
  width: 100%;
  line-height: 20px;
  font-size: 13px;
  white-space: normal;
  margin-right: 10px;
}
.ocp-document-info-label {
  width: 110px;
  vertical-align: top;
}
.ocp-page-card-body .ocp-page-card-body-text {
  padding: 10px;
}
.ocp-header-cmb .mat-form-field-flex {
  background-color: #eee !important;
  border-radius: 0!important;
}
.ocp-document-card-body .label-when-selected {
  margin-left: -1px !important;
  line-height: 24px;
}
.ocp-header-cmb .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0px!important;
}
.ocp-page-card-tab-header mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.ocp-page-card-tab-header .ocp-header-cmb mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none !important;
}
.ocp-header-cmb mat-select {
  background: #fff;
  border-radius: 3px;
  line-height: unset;
  padding: 5px!important;
}
.ocp-header-cmb .mat-select-arrow-wrapper {
  transform: none !important;
}
.ocp-header-cmb .mat-select-trigger {
  height: 20px !important;
}
.ocp-header-cmb .mat-select-value {
  vertical-align: middle;
  line-height: normal;
}
.ocp-document-card {
  padding: 0 20px 0 0;
  /*padding: 20px 0px 20px 20px;*/
  border-bottom: 1px solid rgba(192, 195, 192, 0.7);
  margin: 0!important;
  display: flex;
  flex: 1 0 auto;
}
div#OCP-DOCUMENTEN #_BODY .ocp-document-card {
  padding: 0 20px;
}
.ocp-document-card > div:first-of-type {
  padding-top: 20px;
}
/*END Documenten   */
/*6.START Contacten  */
/*.ocp-contacten{
    height: 100%;
}*/
.ocp-contact-photo {
  position: relative;
  display: block;
  height: 100px;
  object-fit: cover;
  /*
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border: solid 1px var(--primary-header-fg-color); */
  border-radius: 5px;
}
.ocp-contact-card {
  padding: 10px 20px;
  border-bottom: 1px solid rgba(192, 195, 192, 0.7);
  margin: 0 !important;
  background: #fff;
}
.ocp-contact-detail,
.ocp-contact-name {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}
.ocp-contact-name-text,
.ocp-contact-toegang-name {
  font-weight: 500;
  font-size: 15px;
}
.ocp-contact-functie {
  font-size: 13px;
  font-weight: 400;
}
.ocp-contact-detail,
.ocp-contact-detail a,
.ocp-contact-detail-text {
  text-decoration: none;
  color: #343433;
  font-size: 15px;
  font-weight: 400;
}
.ocp-contact-name-icon,
.ocp-contact-detail-icon {
  font-size: 15px;
  color: var(--secondary-accent-color);
  padding-right: 3px;
}
.ocp-contact-name-icon {
  display: none;
}
.ocp-contact-detail i {
  margin-right: 10px;
}
.contact-person .material-icons,
.contact-phone .material-icons,
.contact-email .material-icons,
.contact-extrainfo .material-icons {
  color: var(--primary-accent-color);
  font-size: 20px;
  top: 5px;
  position: relative;
}
.contact-name span:nth-child(2),
.contact-extrainfo span:nth-child(2) {
  margin-left: 5px;
  line-height: 20px;
}
.ocp-page-card-body-text {
  padding: 15px 0px;
}
/*END Contacten  */
/*7.START Taak  uitvoren   */
.ocp-secondary-header {
  padding: 0px;
  background: #EEEEEE;
  margin: 0!important;
  width: 100%;
  border-bottom: 1px solid var(--primary-accent-color);
}
.ocp-secondary-header-title {
  font-size: 15px;
  font-weight: 500;
  padding: 15px;
}
.ocp-secondary-body {
  padding: 20px;
  /*margin-top: 20px;*/
  background: #fff;
  font-size: 15px;
  flex-grow: 1;
}
.ocp-secondary-body osd-form-cell:last-of-type {
  margin-bottom: 15px;
}
.ocp-label {
  /*padding: 0px 20px 0px 20px;*/
  /*font-weight: 300;*/
}
/*
.ocp-secondary-body .ocp-label {
    font-size: 13px;
    margin-bottom: 20px!important;
}

.ocp-toelichting-cons,
.ocp-taak-omschrijving {
    font-size: 13px;
}
*/
.ocp-textarea .mat-form-field-flex {
  background: transparent;
  border: 1px solid #707070;
  border-radius: 10px;
}
.ocp-textarea .mat-form-field-wrapper {
  padding-bottom: 0!important;
}
.ocp-textarea .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 10px;
  background: #fff;
}
.ocp-textarea .mat-form-field {
  box-sizing: border-box;
  padding: 20px;
}
.ocp-textarea textarea.mat-input-element {
  padding: 0 0 20px 0!important;
  font-style: italic;
}
.ocp-textarea .mat-form-field-infix {
  padding: 0!important;
  border: 0!important;
}
.ocp-textarea .mat-form-field-underline {
  display: none;
}
/* THIS NEEDS CHANGING*/
#OSD_DCO-UPLOADEN #BIJLAGEN {
  margin-top: 0!important;
}
.ocp-footer-btn button {
  background: var(--primary-accent-color);
  border-radius: 10px;
  /* margin: 16px 40px 0px 0px;*/
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
}
.ocp-checkbox {
  padding-left: 20px;
}
.ocp-checkbox .mat-checkbox-label {
  font-weight: 300;
  line-height: 18px;
  font-size: 13px;
}
.ocp-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.ocp-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #fff !important;
  border: 2px solid #000 !important;
}
.ocp-checkbox .mat-checkbox-checkmark {
  fill: #000 !important;
}
.ocp-checkbox .mat-checkbox-checkmark-path {
  stroke: #000 !important;
}
.ocp-checkbox .mat-checkbox-checkmark-path {
  stroke-width: 5 !important;
}
/*END Taak  uitvoren  */
/*9.START Document toevoegen  */
.ocp-document-card-body {
  width: 100%;
}
/*preview img */
span.osd-upload-add-btn,
span.osd-upload-file-icon,
span.osd-upload-delete-btn,
span.osd-upload-cancel-btn,
span.osd-upload-file-thumbnail {
  display: none;
}
div.osd-upload-file-icon span.osd-upload-file-icon,
div.osd-upload-delete-btn span.osd-upload-delete-btn,
div.osd-upload-cancel-btn span.osd-upload-cancel-btn,
div.osd-upload-file-thumbnail span.osd-upload-file-thumbnail {
  display: block;
}
button.osd-upload-add-btn span.osd-upload-add-btn,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE span.mat-button-wrapper > span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SELECTEER_OMGEVING span.mat-button-wrapper > span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_LOCATIE span.mat-button-wrapper > span,
#OSD_DCO-UPLOADEN osd-form-cell#BTN_DOCUMENT span.mat-button-wrapper > span {
  display: flex;
  align-items: center;
  line-height: 26px;
}
button.osd-upload-add-btn span.osd-upload-add-btn span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE span.mat-button-wrapper > span span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SELECTEER_OMGEVING span.mat-button-wrapper > span span,
#OCP-BERICHT_MET_BIJLAGEN osd-form-cell#BTN_LOCATIE span.mat-button-wrapper > span span,
#OSD_DCO-UPLOADEN osd-form-cell#BTN_DOCUMENT span.mat-button-wrapper > span span {
  line-height: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  white-space: normal;
  text-align: left;
}
#OCP-BERICHT_MET_BIJLAGEN #BIJLAGEN button#BIJLAGEN {
  min-height: 40px;
}
#OCP-BERICHT_MET_BIJLAGEN #BTN_SELECTEER_OMGEVING button,
#OCP-BERICHT_MET_BIJLAGEN #BTN_LOCATIE button,
#BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE button {
  text-align: left;
}
#OCP-BERICHT_MET_BIJLAGEN #BTN_SELECTEER_OMGEVING button i,
#OCP-BERICHT_MET_BIJLAGEN #BTN_LOCATIE button i,
#BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE button i {
  width: 20px;
  text-align: center;
}
.upload {
  max-width: 400px;
  width: 100%;
  font-size: 13px;
}
.upload .files-list {
  display: flex;
  flex-direction: column;
}
.upload .files-list .single-file {
  /*position: relative;*/
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.osd-upload-file-info {
  max-width: 220px;
}
@media only screen and (max-width: 340px) {
  .osd-upload-file-info {
    max-width: 200px;
  }
}
.osd-upload-file-thumbnail {
  width: 100%;
}
/*
.upload .files-list .single-file .name {
    word-break: break-all;
    padding: 0;
}

.upload .files-list .single-file .delete {
    position: absolute;
    top: 94px;
    right: 30px;
}
*/
/*end preview img*/
.ocp-header-cmb {
  margin-bottom: 0!important;
}
.ocp-header-cmb .mat-form-field-wrapper {
  padding-bottom: 0!important;
}
#OCP-DOCUMENT_SELECTIE .mat-form-field-wrapper {
  padding-bottom: 0!important;
}
/*END Document toevoegen  */
/*10.START Biljage versturen  */
.single-file > .osd-upload-info-document-name {
  margin-top: 10px;
  white-space: normal;
  word-break: break-word;
  font-size: 13px;
  margin-right: 20px;
  max-width: 210px;
}
.ocp-attachment-icon {
  margin-top: 5px;
  font-size: 25px;
  cursor: pointer;
}
.ocp-attachment-icon.fa-file-alt {
  margin-right: 10px;
}
.ocp-attachment-icon.fa-times {
  margin-left: 10px;
}
.osd-upload-delete-btn .ocp-attachment-icon {
  font-size: 20px;
}
.osd-upload-file-size {
  margin-left: 10px;
}
.osd-upload-dropzone {
  display: none;
}
.upload .files-list .single-file {
  margin-left: 20px;
  margin-bottom: 20px;
}
/*END Biljage versturen  */
/*11.START Nieuwe aanvraag  */
.ocp-link-btn button {
  background: transparent;
  box-shadow: none!important;
  color: #000;
  border: none!important;
  font-family: Raleway;
  font-weight: 400;
  /* padding-left: 0px;
    padding-right: 0px; */
}
/*
.ocp-link-btn {
    padding: 16px 0px 42px 60px;
}
*/
.ocp-btn a,
.ocp-btn button {
  background: #EEEEEE;
  box-shadow: none;
  border: 1px solid var(--primary-accent-color);
  margin-bottom: 0!important;
  border-radius: 10px;
  /*
    padding: 5px;
    width: 270px;*/
  font-weight: 400;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.1);
}
.ocp-btn button span {
  font-size: 13px;
}
.ocp-secondary-footer {
  background: #EEEEEE;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid var(--primary-accent-color);
}
.ocp-btn .ocp-document-thumbnail a {
  box-shadow: none;
  background: white;
  border: none;
  margin: 0!important;
  padding: 0px;
  display: block;
  height: 0px;
}
/*END Nieuwe aanvraag  */
/*12.START Archief     */
/*no code needed - reusable code from homepage*/
/*END  Archief    */
/*13.START Instellingen */
.ocp-textfield {
  /* margin-bottom: 18px!important;
    padding:0 20px;*/
  /*   padding-bottom: 10px;*/
}
.ocp-textfield input {
  padding-top: 8px;
}
.ocp-secondary-body .ocp-field-label {
  /*padding: 16px 0px 0 20px;*/
}
.ocp-textfield .mat-form-field-underline {
  display: none;
}
.ocp-textfield .mat-form-field {
  width: 100%!important;
}
.ocp-textfield .mat-form-field-wrapper {
  padding-bottom: 0!important;
}
.ocp-textfield .mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0!important;
}
.ocp-textfield .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 10px 10px 10px 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;
}
.ocp-hr hr {
  border-top: 1px solid gainsboro;
  margin-bottom: 0!important;
}
.ocp-field-label {
  margin-bottom: 10px!important;
  color: #000 !important;
}
.ocp-link-label-btn button {
  margin-bottom: 0;
  width: 100%;
  padding: 0!important;
  box-shadow: none!important;
  border-top: 1px solid var(--primary-header-fg-color);
  border-bottom: 1px solid var(--primary-header-fg-color);
  border-radius: 0!important;
}
.ocp-link-label-btn-icon {
  font-weight: bold;
  width: auto;
  margin-right: 30px;
  margin-left: 30px;
}
.ocp-link-label-btn button span {
  display: flex!important;
  align-items: center!important;
  flex: auto!important;
  justify-content: center!important;
  color: #000 !important;
  font-weight: 500!important;
  padding: 5px 0px;
  width: auto;
}
/*toggle btn*/
.osd-toggle-button-not-selected .ocp-toggle-btn-icon {
  color: #d6d6d6;
}
.osd-toggle-button-selected .ocp-toggle-btn-icon {
  color: var(--primary-accent-color);
}
.ocp-toggle-btn {
  padding-left: 20px;
}
.ocp-toggle-btn-icon {
  font-size: 30px;
  padding-top: 10px;
}
.ocp-secondary-body .osd-toggle-label-selected,
.ocp-secondary-body .osd-toggle-label-not-selected {
  font-size: 13px;
  margin-top: 10px;
  margin-right: 20px;
}
.osd-toggle-label-selected,
.osd-toggle-label-not-selected {
  font-weight: 300;
  white-space: normal;
}
.ocp-toggle-btn .mat-button-toggle-group {
  display: flex!important;
  flex-direction: column-reverse;
  align-items: flex-end;
  padding: 0!important;
  /*float:right;*/
}
/*end toggle btn*/
/*END Instellingen  */
/*MEDIA SCREENS*/
@media screen and (min-width: 375px) {
  .ocp-show-320-plus {
    display: block !important;
  }
  .ocp-hide-320-plus {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .ocp-add-photo-btn .ocp-centered button,
  .ocp-add-document-btn .ocp-centered button {
    width: 90%;
  }
  .ocp-centered button {
    margin: 0  auto;
    display: block;
  }
  /*
    .ocp-link-btn {
       margin: 0 auto!important; 
        padding: 16px 0;
    }
    */
  /* media queries FOOTER component */
  .ocp-tab-btn button i {
    font-size: 24px;
  }
  .ocp-tab-btn button {
    padding: 0;
  }
  .ocp-tab-btn button span {
    font-size: 12px;
  }
  .ocp-footer {
    margin: 0 auto;
    padding: 0 20px 0 20px;
  }
  .ocp-zaak-footer div {
    place-content: space-around !important;
    flex-flow: nowrap!important;
  }
  /* end media queries FOOTER component*/
  .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label {
    margin-left: 20px;
  }
  /*    
    .ocp-absolute-pos,
    #BTN_PHOTO button,  
    #BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE button,
    #BTN_DOCUMENT button 
    {
     left:20px;   
    }
*/
  .ocp-field-label-wrapper > div {
    flex-flow: column wrap !important;
  }
  .ocp-toggle-btn .mat-button-toggle-group {
    align-items: flex-start;
  }
  .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    margin-right: 0!important;
  }
}
@media screen and (min-width: var(--max-width)) {
  .ocp-add-photo-btn,
  .ocp-add-document-btn {
    margin-left: 20px;
  }
}
/**OVERRIDES**/
.ocp-afspraak-card-body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  margin-right: 0!important;
}
.ocp-rtl {
  direction: rtl;
}
/*background class before loading the data - added from js*/
.white-bg {
  background: #fff;
  margin: 0 20px;
}
.padding-0 {
  padding: 0!important;
}
.ocp-bold {
  font-weight: 500;
}
/* general for multiple pages */
div#OCP-TOEGANGSCODE div#PG-GEBRUIKERSNAAM .ocp-header-title span,
div#OCP-TOEGANGSCODE div#PG-TOEGANGSCODE .ocp-header-title span,
div#OCP-TOEGANGSCODE div#PG-TOEGANGSCODE_BEVESTIGING .ocp-header-title span {
  overflow: visible;
}
div#OCP-TOEGANGSCODE osd-form-cell#GEBRUIKERSNAAM .mat-form-field-flex {
  box-shadow: none !important;
}
div#OCP-TOEGANGSCODE osd-form-cell#GEBRUIKERSNAAM mat-error {
  margin-top: 13px;
}
div#OCP-TOEGANGSCODE osd-form-cell#GEBRUIKERSNAAM .mat-form-field-subscript-wrapper {
  font-size: 80%;
}
.ocp-toegangscode-body {
  padding: 20px;
  /*margin-top: 20px;*/
  background: var(--primary-header-color);
  height: 100%;
}
.ocp-margin-top-10 {
  margin-top: 10px;
}
.ocp-margin-top-20 {
  margin-top: 20px;
}
.ocp-margin-top-30 {
  margin-top: 30px;
}
.ocp-margin-left-10 {
  margin-left: 10px;
}
.ocp-margin-left-20 {
  margin-left: 20px;
}
.ocp-margin-right-10 {
  margin-right: 10px;
}
.ocp-margin-right-20 {
  margin-right: 20px;
}
.ocp-margin-bottom-10 {
  margin-bottom: 10px;
}
.ocp-margin-bottom-20 {
  margin-bottom: 20px;
}
p:first-of-type {
  margin-top: 5px;
}
.ocp-large {
  width: calc( min( 80vw, ( 0.8 * var(--max-width) ), 300px ) );
}
.ocp-small {
  width: 30%;
  max-width: 150px;
}
.ocp-body {
  font-size: 13px;
}
.ocp-body .ocp-label {
  color: white;
}
.ocp-yellow-btn a,
.ocp-yellow-btn button {
  color: black;
  background-color: var(--primary-accent-color);
}
.mat-form-field-label-wrapper:empty {
  display: none;
}
.ocp-textfield-without-label .mat-form-field-infix,
.ocp-textarea-without-label .mat-form-field-infix {
  border-top: 0px;
}
.ocp-textfield-without-label input,
.ocp-textarea-without-label input {
  padding-top: 5px;
}
.ocp-form-footer {
  padding: 10px 20px 10px 20px;
  border-top: 1px solid var(--primary-accent-color);
  background: var(--primary-header-color);
}
button i.fa-chevron-right {
  margin-left: 5px;
}
.ocp-link-btn.ocp-yellow button span {
  color: var(--primary-accent-color);
}
.ocp-form-body .ocp-label {
  margin-left: 5px;
  color: white;
}
.ocp-toegangscode-body {
  font-size: 15px;
}
.ocp-form-body .ocp-textfield,
.ocp-form-body .ocp-textarea,
.ocp-form-body .ocp-cmb,
.ocp-form-body .ocp-radio-btn,
.ocp-form-body .ocp-vertical-radio-btn {
  color: black;
  background: white;
}
.ocp-form-body .ocp-textfield .mat-form-field-flex,
.ocp-form-body .ocp-textarea .mat-form-field-flex {
  border-radius: 0px;
}
.ocp-form-body .ocp-cmb .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.ocp-form-body .ocp-cmb .mat-form-field-underline {
  display: none;
}
.ocp-form-body {
  padding: 20px;
  background: var(--primary-header-color);
  flex-grow: 1;
  font-size: 15px;
  height: 100%;
}
.ocp-form-body .ocp-radio-btn,
.ocp-form-body .ocp-vertical-radio-btn {
  padding: 10px;
}
.ocp-form-body .ocp-radio-btn .mat-radio-button {
  padding: 10px 30px 10px 10px;
}
div#OSD_EMV-VERIFIEER .ocp-textfield,
div#OSD_TNV-VERIFIEER .ocp-textfield {
  max-width: 300px;
}
@media screen and (min-width: var(--max-width)) {
  div#OSD_EMV-VERIFIEER .ocp-textfield,
  div#OSD_TNV-VERIFIEER .ocp-textfield {
    max-width: 400px;
  }
}
div#OSD_EMV-VERIFIEER .ocp-btn button span,
div#OSD_TNV-VERIFIEER .ocp-btn button span {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.ocp-secondary-body .ocp-btn {
  max-width: 300px;
}
@media screen and (min-width: var(--max-width)) {
  .ocp-secondary-body .ocp-btn {
    max-width: 400px;
  }
}
.ocp-berichten-date:empty {
  display: none;
}
#OCP-DOCUMENT_SELECTIE .ocp-secondary-body {
  padding-top: 0px;
}
#OCP-DOCUMENT_SELECTIE .form-body {
  background: white;
  scrollbar-color: lightgray white;
}
#OCP-PORTAAL #PG-SELECTEER_GEBRUIKER [id$="BTN_VERWIJDER"] button {
  padding-right: 10px;
}
#OCP-PORTAAL #BTN_SHOW_FORM\#OCP\#SELECTEER_OMGEVING button {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#OCP-PORTAAL #BTN_SHOW_FORM\#OCP\#START_AANVRAAG button {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ocp-home ::-webkit-scrollbar {
  width: 8px;
  background: var(--primary-header-color);
}
::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 5px;
}
.ocp-font-size-13 {
  font-size: 15px;
}
.ocp-font-size-14 {
  font-size: 15px;
}
.ocp-font-size-15 {
  font-size: 15px;
}
.ocp-font-size-16 {
  font-size: 16px;
}
.ocp-font-size-17 {
  font-size: 17px;
}
.ocp-fat {
  font-weight: 700;
}
.osd-form .mat-form-field,
.osd-form .mat-radio-button,
.osd-form .mat-select,
.osd-form .mat-checkbox {
  font-family: Raleway;
}
#PG-PINCODE_LOGIN #_BODY {
  flex: 1 0 630px;
}
.ocp-width-200 {
  min-width: 200px;
}
.ocp-width-300 {
  min-width: 300px;
}
.ocp-width-400 {
  min-width: 400px;
}
.ocp-width-500 {
  min-width: 500px;
}
.ocp-width-600 {
  min-width: 600px;
}
.ocp-width-700 {
  min-width: 700px;
}
.ocp-instellingen-body {
  padding: 0 10px 0 10px;
  background: #fff;
  font-size: 15px;
  flex-grow: 1;
}
.ocp-instelling {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.ocp-instelling-name {
  font-weight: 400;
  margin-right: 20px;
}
.ocp-instelling-value-and-icon {
  display: flex;
  justify-content: end;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
}
.ocp-instelling-value {
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100vw - 55px);
}
.ocp-instelling-open-icon {
  color: #000 !important;
  font-size: 12px!important;
}
.ocp-instelling-card {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(192, 195, 192, 0.7);
}
.ocp-instelling-card button {
  padding: 0 10px 0 10px;
  border-radius: 0!important;
  width: 100%;
  box-shadow: none!important;
  line-height: 30px;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done {
  padding: 20px 10px 20px 10px!important;
}
.ocp-taak-card button .mat-button-wrapper .ocp-taak-status-done i {
  margin-right: 12px;
  font-size: 20px;
}
.ocp-taak-card button .mat-button-wrapper div,
.ocp-taak-card button .mat-button-wrapper div.ocp-taak-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: normal;
}
#OCP-INSTELLINGEN .form-body {
  background: white;
}
#OCP-INSTELLINGEN .ocp-header-title span {
  width: calc(100vw - 150px);
  max-width: calc(var(--max-width) - 150x);
}
#OCP-INSTELLINGEN .ocp-header-back-btn osd-form-button {
  display: flex;
}
#OCP-INSTELLINGEN .ocp-header-back-btn,
#OCP-INSTELLINGEN .ocp-burger-menu {
  min-width: unset;
  width: 50px;
}
#OCP-INSTELLINGEN .ocp-header-back-btn button span,
#OCP-INSTELLINGEN .ocp-burger-menu button span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 50px;
  text-align: left;
}
#OCP-INSTELLINGEN .mat-form-field-infix {
  border-top: 0px!important;
}
#OCP-INSTELLINGEN .mat-form-field-subscript-wrapper {
  position: relative;
  padding: 0 5px 10px 10px;
  font-size: 100%;
}
#OCP-INSTELLINGEN .ocp-vertical-radio-btn mat-error {
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  font-weight: 500;
  display: flex;
}
#OCP-INSTELLINGEN .fa-exclamation {
  margin-right: 5px;
}
#OCP-INSTELLINGEN #CODE {
  max-width: 300px;
}
/* end */
/* OSD */
.osd-scroll-y {
  scrollbar-width: thin;
  overflow-y: auto;
  height: 100%;
}
.osd-scroll-y > div {
  height: 100%;
}
.osd-height-100pct {
  height: 100%;
}
.osd-max-height-100pct,
osd-form-cell.osd-max-height-100pct > osd-form-question {
  max-height: 100%;
}
osd-form-cell.osd-max-height-100pct osd-form-question > div {
  height: 100%;
}
osd-form-cell.osd-max-height-100pct osd-form-table {
  max-height: 100%;
  display: flex;
}
osd-form-cell.osd-max-height-100pct osd-form-table > div.form-table {
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}
.osd-height-30pct {
  height: 30%;
}
osd-form-cell.osd-height-100pct > div {
  height: 100%;
}
.osd-width-100pct {
  width: 100%;
}
.osd-width-100pct-important {
  width: 100% !important;
}
.osd-max-width-100pct {
  max-width: 100%;
}
.osd-no-border {
  border: none;
}
.osd-no-border > button {
  border: none;
}
.osd-background-transparent {
  background-color: transparent;
}
.osd-background-color-gray {
  background-color: gray;
}
table {
  width: 100%;
  border-collapse: separate;
}
.mat-cell {
  padding: 0px 8px 0px 8px;
}
.form-table {
  border: 1px solid lightgrey;
  margin-bottom: 30px;
}
.form-table-no-rows {
  /*height: 60px;*/
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
}
th.string > div,
th.button > div {
  padding-left: 7px;
}
th.date > div,
th.datetime > div {
  padding-left: 9px;
}
th.button > div,
th.boolean > div,
th.toggle > div {
  justify-content: center;
}
th.boolean .mat-sort-header-content {
  padding-left: 18px;
}
td.button,
td.boolean,
td.toggle {
  text-align: center;
}
th.integer > div,
th.float > div,
th.amount > div {
  justify-content: right;
}
th.integer,
th.float,
th.amount {
  padding-right: 9px;
}
td.integer,
td.float,
td.amount {
  text-align: right;
}
th.boolean {
  width: 80px;
}
th.button,
th.toggle {
  width: 120px;
}
th.float,
th.amount {
  width: 120px;
}
th.integer {
  width: 100px;
}
th.date {
  width: 120px;
}
th.datetime {
  width: 180px;
}
tr.selected {
  background-color: #F5F5F5;
}
tr:focus {
  border: 2px solid lightgrey;
}
.material-icons {
  margin-top: 4px;
}
osd-form-table button {
  height: 32px;
  vertical-align: middle;
  min-width: 50px;
}
osd-form-table input {
  padding: 5px;
  margin-left: -5px;
  font-size: 14px;
}
.mat-paginator-sticky {
  bottom: 0px;
  position: sticky;
  z-index: 10;
}
.osd-background-transparent {
  background-color: transparent;
}
.osd-background-color-gray {
  background-color: gray;
}
tr.osd-background-color-gray {
  background-color: gray;
}
.osd-panel-table tr.selected {
  background-color: transparent;
}
.osd-panel-table tr.selected.osd-background-color-gray {
  background-color: gray;
}
/* MvE 15-1-2022 this tells the flex not to increase height above parent size. */
/* AnVi 28-2-2022 this fixes in many cases the full collapse of cells */
.form-container {
  min-height: 1px;
}
.modal-dialog-body .form-container {
  height: unset;
}
.osd-flex-1-1-auto {
  flex: 1 1 auto;
}
a .ocp-afspraak-icon {
  color: black;
  margin-right: 0px;
  margin-left: 20px;
}
.ocp-taak-open-icon .fa-chevron-right {
  margin-bottom: 6px;
  vertical-align: middle;
  font-size: 16px !important;
}
/* Hide tinyMCE status text */
.tox-statusbar__text-container {
  display: none !important;
}
div.tox-statusbar div.osd-text-error-status {
  color: red;
}
tr.osd-row-follows-family-row .ocp-berichten-date,
tr.osd-row-follows-family-row .kmp-berichten-date {
  display: none;
}
/*
tr.osd-row-highlight > td {
        border-top: solid 2px red;
        border-bottom: solid 2px red;
}

tr.osd-row-highlight > td:last-of-type {
    border-right: solid 2px red;
}
*/
div#KMP-ZAAK_BERICHTEN .form-table {
  margin-bottom: 0px;
  border: none;
}
div#KMP-ZAAK_BERICHTEN .form-table td {
  border: none;
}
osd-form-cell#_MESSAGES > div > osd-form-cell::nth-child(2) .form-table {
  border-top: 0px;
}
.toast-container {
  position: absolute !important;
}
.toast-warning {
  width: 350px !important;
  background-color: #bd362f !important;
}
/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-300italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-300italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-500italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/roboto-v29-latin-ext_latin-700italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-300.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-300.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-500.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-500.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-regular.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-600.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-600.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-600.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-700.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-700.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-900.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-900.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-900.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-800.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-800.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-800.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-300italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-500italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-600italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-700italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-800italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../assets_3rdparty/fonts/raleway-v22-latin-900italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}
.ocp-rtl {
  direction: rtl;
}
button {
  touch-action: manipulation;
}
.ocp-white-background {
  background-color: #FFFFFF;
}
.ocp-zaak > .form-body {
  border-left: 20px solid var(--primary-header-color);
  border-right: 20px solid var(--primary-header-color);
}
mat-spinner circle {
  stroke: var(--primary-header-fg-color) !important;
}
.ocp-berichten .form-footer {
  border-bottom: 0px solid var(--primary-accent-color);
}
#OCP-BERICHTEN {
  /*
   #_FOOTER {
      osd-form-cell#BTN_SEND {
         display: none !important;
      }
      
      &.bericht-has-text {
         osd-form-cell#BTN_SEND {
            display: flex !important;
         }
         
         osd-form-cell#BTN_THUMBS_UP {
            display: none !important;
         }
         osd-form-cell#BTN_RECORD {
            display: none !important;
         }
      }
   }
   */
}
#OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT {
  padding-top: 4px !important;
  padding-bottom: 0px !important;
}
#OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT osd-form-question {
  align-content: center;
  padding: 6px 0 3px 10px !important;
}
#OCP-BERICHTEN osd-form-cell#BTN_BIJLAGEN i.fa-plus {
  font-size: 18px;
  margin-top: 11px;
}
/*
.ocp-document-thumbnail img {
  background-image: url( "../assets/thumbnail.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  object-fit: fill;
  background-size: 50px auto;
  background-repeat: no-repeat;
  min-width: 50px;
  width: auto;
  max-width: 250px;
}
  
#OCP-BERICHTEN 
*/
.ocp-document-thumbnail img {
  background-image: url("../assets/thumbnail.png");
  background-size: contain;
  height: 100px;
  object-fit: fill;
  background-size: 70px auto;
  background-repeat: no-repeat;
  min-width: 70px;
  width: auto;
  max-width: 250px;
  border-radius: 3px;
}
#OCP-BERICHTEN a.ocp-document-thumbnail {
  margin-right: 145px;
}
@media only screen and (max-width: 374px) {
  #OCP-BERICHTEN .ocp-document-thumbnail img {
    max-width: 215px;
  }
}
osd-form-cell:empty {
  display: none;
}
.ocp-page-card-body-text {
  font-size: 13px;
}
span,
td {
  word-break: break-word;
}
osd-form-upload .error {
  display: block;
  color: red;
}
/*
.ocp-footer-btn button {
   margin-bottom: 16px;
}
*/
/* Dialog */
.mat-dialog-container {
  background-color: #EEEEEE !important;
  border-radius: 10px !important;
  border: 2px solid var(--primary-accent-color);
  overflow: visible !important;
  max-width: 500px;
}
.modal-dialog-title {
  text-align: center !important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
}
.modal-dialog-footer {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  border-top: #999999 1px solid;
}
.modal-dialog-footer,
.modal-dialog-button {
  font-weight: 300 !important;
}
.modal-dialog-footer button:first-child {
  margin-right: auto;
}
.modal-dialog-footer button:last-child {
  margin-left: auto;
}
.modal-dialog-button {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
[cdkfocusinitial="true"] {
  font-weight: 500 !important;
}
[cdkfocusinitial="true"] .mat-dialog-button-name {
  font-weight: 600 !important;
}
.menu-top-right .modal-dialog-footer {
  flex-direction: column;
  margin-top: 0px;
  border-top: none;
}
.menu-top-right .mat-dialog-container {
  border: none;
}
.ocp-top-menu-label {
  font-weight: 500 !important;
}
/* Welkom */
.ocp-keesy-logo {
  max-width: 150px;
  display: block;
  margin: 10px auto 10px auto;
  max-height: 70px;
}
.ocp-gemeente-logo {
  max-width: 250px;
  display: block;
  margin: 10px auto 10px auto;
  max-height: 70px;
}
#PG-SELECTEER_GEBRUIKER .ocp-link-btn {
  padding: 0;
}
/* DigiD button */
.ocp-digid-btn button.mat-raised-button {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0px;
}
.ocp-digid-btn {
  padding: 5px;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  /* background-color: #E17000; */
  background-color: var(--primary-accent-color);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
}
.ocp-background-digid-green {
  background-color: #E17000 !important;
}
.ocp-digid-btn-img {
  height: 60px;
  margin-right: 20px;
  vertical-align: middle;
}
.ocp-digid-btn-text {
  color: black;
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
}
/* Toegangscode */
#OCP-INLOGGEN_PINCODE #BTN_ANDERE_GEBRUIKER {
  padding: 0px !important;
}
#BTN_TOEGANGSCODE_VERGETEN {
  padding: 0px !important;
}
.pincode-digits {
  margin: 0 auto !important;
  text-align: center;
}
.pincode-digit {
  font-size: 60px;
  color: var(--primary-accent-color);
  height: 30px;
  width: 25px;
  display: inline-block;
}
.pincode-digit:not(:first-child) {
  margin-left: 10px;
}
.numeric-keyboard {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw;
  max-width: 428px;
  color: black;
  background-color: transparent;
  z-index: 99;
}
/*
#PG-TOEGANGSCODE .numeric-keyboard {
   left: 50%;
   transform: translate(-50%, 0);
}
*/
.numeric-keyboard table {
  width: 100%;
  /*max-width: 1024px;*/
  margin: 5px auto;
}
.numeric-keyboard table td {
  width: 33%;
}
.numeric-keyboard .mat-raised-button {
  background-color: #777;
  font-size: 1.5em;
  width: 100%;
  height: 52px;
}
.pincode-digits .mat-error {
  display: block;
}
.numeric-keyboard button .mat-ripple {
  display: none;
}
.mat-form-field-subscript-wrapper {
  display: block;
}
.ocp-yellow,
.ocp-yellow span {
  color: var(--primary-accent-color) !important;
}
.ocp-grey {
  color: var(--primary-header-fg-color);
}
.ocp-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ocp-align-middle {
  text-align: center;
}
.ocp-mandatory {
  color: red !important;
}
.ocp-header {
  padding: 15px 12px 15px 12px;
}
#OCP-PORTAAL .ocp-header {
  padding: 15px 12px 5px 12px;
}
.ocp-zaak-header {
  padding-top: 15px;
  padding-left: 12px;
  padding-right: 12px;
}
.ocp-zaak .form-body {
  border-left-width: 12px;
  border-right-width: 12px;
}
@media (max-width: 320px) {
  .ocp-zaak-footer {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #PG-PINCODE_LOGIN .ocp-header {
    padding: 15px 12px 0px 12px;
    min-height: unset;
  }
  .ocp-body,
  .ocp-footer {
    padding: 0 12px;
  }
  .ocp-card:first-of-type {
    margin-top: 0px;
  }
  .ocp-page-card-header {
    margin: 10px 0px 0px;
  }
  .ocp-card {
    margin-bottom: 20px !important;
  }
  /*
  .ocp-header-title span {
     height: 26px;
  }
  */
  .ocp-header-title-icon {
    font-size: 22px;
  }
  .pincode-digit {
    font-size: 40px;
    color: var(--primary-accent-color);
  }
}
.ocp-vertical-radio-btn {
  font-weight: 300;
}
.ocp-vertical-radio-btn mat-radio-button {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}
.osd-form button {
  font-family: Raleway;
}
/*
@media only screen and (max-height: 569px) {
   #PG-PINCODE_LOGIN #_HEADER {
       display: none !important;
   }

   .ocp-gemeente-logo {
       width: calc(100vw / 3);
       max-width: 250px;
       display: block;
       margin: 10px auto 0px auto;
   }

   .pincode-digit {
       font-size: 40px;
       color: var(--primary-accent-color);
   }
}
*/
.osd-margin-auto {
  margin: auto;
}
.osd-no-border-btn button {
  box-shadow: none !important;
  background: transparent;
  font-size: 16px;
}
.osd-background-white {
  background: white;
}
.osd-align-middle {
  text-align: center;
}
.osd-align-left {
  text-align: left;
}
.osd-align-right {
  text-align: right;
}
#OSD_DCO-UPLOADEN osd-form-cell#TGL_HIST_TMP {
  font-weight: 600;
}
#OSD_DCO-UPLOADEN osd-form-cell#TGL_HIST_TMP i {
  margin-left: 10px;
  margin-right: 10px;
}
.ocp-dco-toelichting-client {
  font-family: Raleway;
  font-size: 15px;
  font-weight: 400;
  padding-left: 2px;
}
.ocp-dco-datum {
  font-family: Raleway;
  font-size: 13px;
  font-weight: 300;
  padding-left: 2px;
}
.ocp-dco-toelichting-cons {
  font-family: Raleway;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
  display: block;
}
#OSD_DCO-UPLOADEN osd-form-cell#TBL_DOCS {
  border-top: 1px solid #0000001f;
}
#OSD_DCO-UPLOADEN osd-form-cell#TBL_DOCS .form-table {
  border: none;
  margin-bottom: 10px;
}
#OSD_DCO-UPLOADEN osd-form-cell#TBL_DOCS tr.selected {
  background-color: transparent;
}
#OSD_DCO-UPLOADEN osd-form-cell#TBL_DOCS tr.mat-row table {
  margin-bottom: 10px;
}
#OSD_DCO-UPLOADEN .ocp-document-thumbnail {
  margin-bottom: 0px;
  display: inline-block;
}
#OSD_DCO-UPLOADEN osd-form-cell#LBL_DOCUMENT_VERGETEN span div:first-of-type {
  font-weight: 600;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER button,
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN button {
  font-size: 14px;
  line-height: 22px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER {
  position: absolute;
  bottom: 285px;
  width: 100%;
  left: 0;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN {
  position: absolute;
  bottom: 260px;
  width: 100%;
  left: 0;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#LBL_BODY_WELKOM {
  font-size: 22px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#TOEGANGSCODE {
  margin-top: 0px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#TOEGANGSCODE mat-label {
  display: none;
}
#OCP-INLOGGEN_SMS osd-form-cell#TELEFOONNUMMER,
#OCP-INLOGGEN_SMS osd-form-cell#SMS_CODE {
  font-size: 20px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS osd-form-cell#TELEFOONNUMMER .mat-form-field-flex,
#OCP-INLOGGEN_SMS osd-form-cell#SMS_CODE .mat-form-field-flex {
  padding-top: 2px;
  padding-bottom: 3px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS .ocp-footer-btn button {
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_GEBDATUM osd-form-cell#GEBDATUM {
  font-size: 20px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_GEBDATUM osd-form-cell#GEBDATUM .mat-form-field-flex {
  padding-top: 2px;
  padding-bottom: 7px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_GEBDATUM osd-form-cell#GEBDATUM .mat-form-field-suffix {
  display: none;
}
#OCP-INLOGGEN_SMS_GEBDATUM .ocp-footer-btn button {
  border-radius: 4px;
}
#OCP-INSTELLINGEN .ocp-textfield .mat-form-field-infix {
  border-top-width: 0px;
}
#OCP-INSTELLINGEN .ocp-textfield input {
  padding-top: 4px;
}
#OCP-TOEGANGSCODE osd-form-cell#GEBRUIKERSNAAM {
  border-radius: 4px;
}
#OCP-TOEGANGSCODE osd-form-cell#GEBRUIKERSNAAM .mat-form-field-flex {
  padding-top: 2px;
  padding-bottom: 7px;
  border-radius: 4px;
}
#OCP-TOEGANGSCODE #PG-TOEGANGSCODE osd-form-cell#LBL_GEBRUIKERSNAAM {
  font-size: 22px;
}
#OCP-TOEGANGSCODE #PG-TOEGANGSCODE osd-form-cell#LBL_GEBRUIKERSNAAM,
#OCP-TOEGANGSCODE #PG-TOEGANGSCODE osd-form-cell#LBL_TOEGANGSCODE_BEVESTIGING,
#OCP-TOEGANGSCODE #PG-TOEGANGSCODE osd-form-cell#LBL_TOEGANGSCODE,
#OCP-TOEGANGSCODE #PG-TOEGANGSCODE osd-form-cell#LBL_TOEGANGSCODE_BEVESTIGING {
  margin-bottom: 20px !important;
}
@media only screen and (max-height: 530px) {
  #OCP-INLOGGEN_PINCODE .numeric-keyboard .mat-raised-button {
    height: 40px;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_ANDERE_GEBRUIKER {
    position: absolute;
    bottom: 230px;
    width: 100%;
    left: 0;
  }
  #OCP-INLOGGEN_PINCODE osd-form-cell#BTN_TOEGANGSCODE_VERGETEN {
    position: absolute;
    bottom: 205px;
    width: 100%;
    left: 0;
  }
}
/*   
#OCP-TAKEN .form-container,
#OCP-BERICHTEN .form-container,
#OCP-GEBEURTENISSEN .form-container,
#OCP-DOCUMENTEN .form-container,
#OCP-CONTACTEN .form-container {
   height: calc( 100vh - 223px );
}
*/
.osd-gray {
  color: gray;
}
.ocp-slash-icon {
  font-size: 20px;
  width: unset;
}
.osd-strikethrough {
  text-decoration: line-through;
}
.ocp-afspraak-icon-without-extra-info {
  /* margin-right: 34px; */
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN mat-radio-button {
  margin-top: 10px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN mat-radio-button:first-of-type {
  margin-right: 10px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN #LBL_TITEL span {
  width: unset;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN #BTN_BACK,
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN #LBL_DUMMY {
  width: 80px;
}
#OCP-CONTACTEN_MACHTIGING_TOEVOEGEN mat-radio-button {
  width: 100%;
}
#OCP-CONTACTEN #_HEADER {
  height: 50px;
  border-bottom: 1px solid gray;
  background: #eee;
}
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN {
  flex: 1 1 auto !important;
}
/* Element | https://development.keesy.nl/KeesyForms/ */
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN button,
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN osd-form-button,
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN button span {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN button {
  font-size: 14px;
  font-weight: 500;
}
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN button i.fa-user-plus {
  margin-right: 10px;
}
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN button .ocp-taak-open-icon {
  flex: 0 0 auto;
  margin-top: 3px;
}
#OCP-CONTACTEN #BTN_MACHTIGING_TOEVOEGEN .mat-button-focus-overlay {
  background-color: transparent!important;
}
#OCP-CONTACTEN .ocp-contact-toegang-icon {
  font-size: 28px;
  color: var(--primary-accent-color);
  margin-right: 10px;
}
#OCP-CONTACTEN .ocp-contact-toegang-name {
  font-size: 15px;
}
#OCP-CONTACTEN .ocp-contact-toegang {
  font-size: 13px;
}
#OCP-CONTACTEN i.fa-trash {
  font-size: 16px;
}
#OCP-CONTACTEN i.fa-info-circle {
  font-size: 28px;
  margin-right: 10px;
}
#OCP-CONTACTEN #_MACHTIGING button {
  margin-left: 0px;
  margin-right: 0px;
  min-width: unset;
  padding-left: 5px;
  padding-right: 5px;
}
#OCP-CONTACTEN #_MACHTIGING osd-form-cell {
  flex: 0 1 auto !important;
}
#OCP-PORTAAL .ocp-burger-menu,
#OCP-PORTAAL .ocp-header-back-btn {
  min-width: 70px;
}
@media screen and (min-width: 410px) {
  #OCP-PORTAAL .ocp-burger-menu,
  #OCP-PORTAAL .ocp-header-back-btn {
    max-width: 90px;
    min-width: 90px;
  }
}
#OCP-PORTAAL .ocp-header-back-btn button span.mat-button-wrapper span {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
@media screen and (min-width: 410px) {
  #OCP-PORTAAL .ocp-header-back-btn button span.mat-button-wrapper span {
    max-width: 90px;
    min-width: 90px;
  }
}
@media screen and (min-width: 410px) {
  #OCP-PORTAAL .ocp-home .ocp-header-title span {
    width: calc(min( 100vw, var(--max-width) ) - 220px);
    max-width: calc(min( 100vw, var(--max-width) ) - 220px);
  }
}
#OCP-PORTAAL .ocp-header-title span {
  width: calc(min( 100vw, var(--max-width) ) - 200px);
}
@media screen and (max-width: 374px) {
  #OCP-PORTAAL .ocp-header-title span i {
    display: none;
  }
  #OCP-ZAAK .ocp-header-title span i {
    display: none;
  }
}
#OCP-PORTAAL #BTN_MENU_HOME {
  padding-right: 0px;
}
#OCP-PORTAAL #BTN_MENU_HOME button {
  width: 70px;
  height: 35px;
  padding-right: 10px;
  text-align: right;
}
#OCP-ZAAK #BTN_MENU_HOME button {
  width: 50px;
  height: 35px;
  text-align: right;
}
#OCP-PORTAAL .ocp-card-table {
  display: flex;
}
#OCP-PORTAAL .ocp-card-title {
  white-space: normal;
  text-align: left;
}
#OCP-PORTAAL .ocp-card-header {
  display: flex;
}
#OCP-INSTALLEREN img {
  margin-bottom: 20px;
  opacity: 0.7;
  border: solid 1px black;
  padding: 3px;
  border-radius: 4px;
  max-width: min( calc( 100% - 10px ),400px);
}
#OCP-INSTALLEREN #_BODY {
  display: block !important;
}
#OCP-INSTALLEREN .form-body {
  background: white;
}
#OCP-START_AANVRAAG osd-form-cell#_AANVRAAG_SOORT {
  width: 300px;
}
#OCP-START_AANVRAAG osd-form-cell#_AANVRAAG_SOORT button span {
  font-size: 14px;
  font-weight: 500;
}
#OCP-START_AANVRAAG osd-form-cell#_AANVRAAG_SOORT a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-weight: 500;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING {
  margin-top: 30px;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING button span {
  font-size: 14px;
  font-weight: 500;
  white-space: normal;
}
#OCP-SELECTEER_OMGEVING osd-form-cell#_OMGEVING a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-weight: 500;
}
span.mat-placeholder-required {
  color: red !important;
  margin-right: 5px;
}
.score-stars {
  margin-top: 5px;
  outline: 0;
}
.score-stars > span {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 2px 3px;
}
.score-stars span.selected {
  background-image: url("../assets/star-yellow.svg");
  background-repeat: no-repeat;
}
.score-stars span.not-selected {
  background-image: url("../assets/star-white.svg");
  background-repeat: no-repeat;
}
.ocp-aanvraagformulier osd-form-cell#_HEADER {
  flex: 1 1 auto;
}
.ocp-aanvraagformulier .form-header,
.ocp-aanvraagformulier .form-body {
  background: var(--primary-header-color);
}
.ocp-aanvraagformulier osd-form-cell.osd-text,
.ocp-aanvraagformulier osd-form-cell.osd-textarea,
.ocp-aanvraagformulier osd-form-cell.osd-checkbox,
.ocp-aanvraagformulier osd-form-cell.osd-combobox,
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup,
.ocp-aanvraagformulier osd-form-cell.osd-score,
.ocp-aanvraagformulier osd-form-cell.osd-date {
  background: white;
  border-radius: 4px;
}
.ocp-aanvraagformulier osd-form-cell.osd-score {
  padding: 10px;
}
.ocp-aanvraagformulier osd-form-cell.osd-label,
.ocp-aanvraagformulier osd-form-cell.osd-text,
.ocp-aanvraagformulier osd-form-cell.osd-textarea,
.ocp-aanvraagformulier osd-form-cell.osd-checkbox,
.ocp-aanvraagformulier osd-form-cell.osd-combobox,
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup,
.ocp-aanvraagformulier osd-form-cell.osd-score,
.ocp-aanvraagformulier osd-form-cell.osd-date,
.ocp-aanvraagformulier osd-form-cell.osd-button {
  font-size: 15px;
}
.ocp-aanvraagformulier osd-form-cell.osd-textarea textarea {
  line-height: 24px;
}
.ocp-aanvraagformulier osd-form-cell.osd-score.disabled,
.ocp-aanvraagformulier osd-form-cell.osd-checkbox osd-form-question.disabled,
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup osd-form-question.disabled,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex {
  background-color: lightgray !important;
  border-radius: 4px;
}
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex input div,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex textarea div,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex .mat-select-min-line,
.ocp-aanvraagformulier osd-form-question.disabled mat-checkbox div,
.ocp-aanvraagformulier osd-form-question.disabled mat-radio-button div,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex input,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex textarea,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field-flex .mat-select-min-line,
.ocp-aanvraagformulier osd-form-question.disabled mat-checkbox .mat-checkbox-label span,
.ocp-aanvraagformulier osd-form-question.disabled mat-radio-button .mat-radio-label-content span {
  opacity: 1;
  color: black;
}
.ocp-aanvraagformulier osd-form-cell.osd-button button.mat-button-disabled {
  background: white !important;
}
.ocp-aanvraagformulier osd-form-cell.osd-label {
  color: white;
}
.ocp-aanvraagformulier osd-form-cell.osd-label {
  color: white;
}
.ocp-aanvraagformulier .osd-focus span,
.ocp-aanvraagformulier .osd-focus mat-label,
.ocp-aanvraagformulier mat-label.osd-focus {
  color: #3f51b5;
}
.ocp-aanvraagformulier .osd-error-status span,
.ocp-aanvraagformulier .osd-error-status mat-label,
.ocp-aanvraagformulier mat-label.osd-error-status {
  color: #f44336;
}
.mat-error span {
  color: #f44336 !important;
}
.ocp-aanvraagformulier .mat-form-field-label mat-label {
  white-space: normal;
  line-height: 18px;
}
.ocp-aanvraagformulier .mat-form-field-infix {
  padding: 8px 0 !important;
}
.ocp-aanvraagformulier .mat-form-field-appearance-fill .mat-form-field-flex {
  background: white !important;
}
.ocp-aanvraagformulier .mat-input-element {
  font-weight: 600;
}
.ocp-aanvraagformulier osd-form-cell.osd-text mat-form-field:not(.mat-form-field-invalid) .mat-form-field-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-textarea mat-form-field:not(.mat-form-field-invalid) .mat-form-field-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-date mat-form-field:not(.mat-form-field-invalid) .mat-form-field-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-combobox mat-form-field:not(.mat-form-field-invalid) .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.ocp-aanvraagformulier osd-form-cell.osd-text mat-form-field:not(.mat-form-field-invalid) .mat-form-field-underline,
.ocp-aanvraagformulier osd-form-cell.osd-textarea mat-form-field:not(.mat-form-field-invalid) .mat-form-field-underline,
.ocp-aanvraagformulier osd-form-cell.osd-date mat-form-field:not(.mat-form-field-invalid) .mat-form-field-underline,
.ocp-aanvraagformulier osd-form-cell.osd-combobox mat-form-field:not(.mat-form-field-invalid) .mat-form-field-underline {
  bottom: 2px;
}
.ocp-aanvraagformulier osd-form-cell.osd-text mat-form-field.mat-form-field-invalid .mat-form-field-subscript-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-textarea mat-form-field.mat-form-field-invalid .mat-form-field-subscript-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-date mat-form-field.mat-form-field-invalid .mat-form-field-subscript-wrapper,
.ocp-aanvraagformulier osd-form-cell.osd-combobox mat-form-field.mat-form-field-invalid .mat-form-field-subscript-wrapper {
  font-size: 12px;
  margin-top: 5px;
}
.ocp-aanvraagformulier osd-form-cell.osd-combobox .mat-select-value-text,
.ocp-aanvraagformulier osd-form-cell.osd-combobox .mat-select-min-line {
  font-size: 15px;
}
.ocp-aanvraagformulier osd-form-cell.osd-combobox .mat-select-min-line {
  font-weight: 600;
}
.ocp-aanvraagformulier mat-checkbox span,
.ocp-aanvraagformulier mat-radio-button span {
  white-space: normal;
}
.ocp-aanvraagformulier mat-checkbox span.mat-checkbox-label {
  line-height: normal !important;
  padding-top: 4px;
}
.ocp-aanvraagformulier mat-checkbox.mat-checkbox-checked span,
.ocp-aanvraagformulier mat-radio-button.mat-radio-checked span {
  font-weight: 600;
}
.ocp-aanvraagformulier span.mat-checkbox-inner-container {
  margin-top: 5px;
}
.ocp-aanvraagformulier mat-radio-button label.mat-radio-label {
  align-items: start;
}
.ocp-aanvraagformulier osd-form-cell.osd-checkbox osd-form-question,
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup osd-form-question {
  padding: 10px;
}
.ocp-aanvraagformulier osd-form-cell.osd-checkbox mat-error {
  margin-top: 3px;
}
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup mat-radio-button {
  margin-top: 8px;
  margin-left: 5px;
  display: block;
}
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup mat-checkbox {
  margin-top: 5px;
  margin-left: 5px;
  display: block;
}
.ocp-aanvraagformulier osd-form-cell.osd-radiogroup mat-error {
  margin-top: 5px;
  margin-left: 5px;
}
.ocp-aanvraagformulier osd-form-cell.osd-progressbar .mat-progress-bar-buffer {
  background-color: gray;
}
.ocp-aanvraagformulier osd-form-cell.osd-progressbar .mat-progress-bar-fill::after {
  background-color: var(--primary-accent-color);
}
.ocp-aanvraagformulier .form-body {
  padding: 10px 20px 10px 20px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_NAVIGATION_MENU osd-form-button {
  display: flex;
}
.ocp-aanvraagformulier osd-form-cell#BTN_NAVIGATION_MENU button {
  margin-left: 2px;
  margin-right: 2px;
  background-color: var(--primary-accent-color);
  padding-left: 20px;
  padding-right: 10px;
  font-weight: 600;
  flex: 1 1 auto;
  border-radius: 10px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_NAVIGATION_MENU button > span > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocp-aanvraagformulier osd-form-cell#BTN_NAVIGATION_MENU button i {
  font-size: 24px;
  padding-bottom: 3px;
  vertical-align: middle;
  --fa-primary-color: white;
  --fa-primary-opacity: 1;
  --fa-secondary-color: black;
  --fa-secondary-opacity: 1;
}
.ocp-aanvraagformulier osd-form-cell#_BROWSE_BUTTONS {
  flex: 0 0 auto !important;
  margin-bottom: 5px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE {
  margin-left: auto;
}
.ocp-aanvraagformulier osd-form-cell#BTN_BACK button .mat-button-wrapper span {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_BACK button,
.ocp-aanvraagformulier osd-form-cell#BTN_MENU button {
  background: transparent;
  box-shadow: none!important;
  width: 50px;
  height: 35px;
  min-width: unset;
  line-height: unset;
}
.ocp-aanvraagformulier osd-form-cell#BTN_BACK button {
  color: var(--primary-header-fg-color);
  text-align: left;
  padding: 0 0 0 5px !important;
}
.ocp-aanvraagformulier osd-form-cell#BTN_BACK button i {
  padding-right: 2px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_MENU button {
  color: var(--primary-accent-color);
  padding: 0 10px 0 0 !important;
  text-align: right;
}
.ocp-aanvraagformulier osd-form-cell#BTN_MENU button i {
  vertical-align: text-top;
}
.ocp-aanvraagformulier osd-form-cell#LBL_TITLE span {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-accent-color);
  justify-content: center;
  white-space: nowrap;
  display: block;
  max-width: calc(var(--max-width) - 160px);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.ocp-aanvraagformulier osd-form-cell#_HEADER {
  margin: 0px 0 5px 0;
}
.ocp-aanvraagformulier osd-form-cell#_HEADER_BUTTONS {
  margin: 10px 15px 5px 15px !important;
}
.ocp-aanvraagformulier osd-form-cell#BTN_MENU osd-form-question.disabled button,
.ocp-aanvraagformulier osd-form-cell#VALIDATE_PAGE osd-form-question.disabled button,
.ocp-aanvraagformulier osd-form-cell#BTN_BACK osd-form-question.disabled button,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE osd-form-question.disabled button,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE osd-form-question.disabled button,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT osd-form-question.disabled button {
  opacity: 0;
}
.ocp-aanvraagformulier osd-form-cell#VALIDATE_PAGE osd-form-question button {
  padding-left: 0px;
}
.ocp-aanvraagformulier osd-form-cell#VALIDATE_PAGE osd-form-question button i {
  margin-left: 5px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
.ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
  box-shadow: none!important;
  color: black;
  height: 36px;
  font-weight: 600;
  line-height: unset;
  min-width: unset;
}
@media screen and (max-width: 374px) {
  .ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
  .ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button,
  .ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
    width: 110px;
    padding: 0 10px !important;
  }
}
@media screen and (min-width: 375px) {
  .ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
  .ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button,
  .ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
    width: 125px;
  }
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING .form-body {
  padding-left: 10px;
  padding-right: 10px;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY {
  margin: 0 10px;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY #_BROWSE_BUTTONS {
  margin-top: 30px;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY #_BROWSE_BUTTONS > div {
  row-gap: 20px;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY osd-form-cell#PREVIOUS_PAGE button {
  width: 10px;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY osd-form-cell#BTN_VALIDATE_PAGE button {
  width: auto;
}
.ocp-aanvraagformulier div#KEESY_INLEIDING-KEESY_INLEIDING #_BODY osd-form-cell#BTN_VALIDATE_PAGE button i {
  margin-left: 10px;
}
@media screen and (max-width: 374px) {
  .ocp-aanvraagformulier osd-form-cell#_FOOTER {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button {
  border-radius: 10px 0 0 10px;
  padding: 0 16px 0 10px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
  border-radius: 0 10px 10px 0;
  padding: 0 10px 0 16px;
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button > span > span,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button > span > span,
.ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button > span > span,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button > span > span,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button > span > span,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button > span > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
  width: 130px;
}
@media screen and (min-width: var(--max-width)) {
  .ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
  .ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button {
    width: 130px;
  }
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button i,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button i,
.ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button i,
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button i,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button i,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button i {
  font-size: 24px;
  vertical-align: middle;
  --fa-primary-color: white;
  --fa-primary-opacity: 1;
  --fa-secondary-color: black;
  --fa-secondary-opacity: 1;
}
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button i {
  font-size: 22px;
}
.ocp-aanvraagformulier osd-form-cell#PREVIOUS_PAGE button {
  background-color: var(--primary-accent-color);
}
.ocp-aanvraagformulier osd-form-cell#BTN_TERUG button,
.ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button,
.ocp-aanvraagformulier osd-form-cell#BTN_PREVIOUS_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_NEXT_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_VALIDATE_PAGE button,
.ocp-aanvraagformulier osd-form-cell#BTN_SUBMIT button {
  background-color: var(--primary-accent-color);
}
.ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button {
  width: 60px;
  padding: 0 !important;
  text-align: center;
  border-radius: 0;
}
.ocp-aanvraagformulier a,
.ocp-aanvraagformulier a:visited {
  text-decoration: underline;
  color: var(--primary-accent-color);
}
.ocp-aanvraagformulier .osd-button button {
  background: var(--primary-accent-color);
}
.ocp-aanvraagformulier mat-label p {
  margin-top: 12px;
  margin-bottom: 5px;
}
@media screen and (min-width: 420px) {
  .ocp-aanvraagformulier osd-form-cell#BTN_WIJZIGEN button {
    width: 150px;
  }
}
.ocp-aanvraagformulier mat-radio-button:last-of-type {
  padding-bottom: 5px;
}
.ocp-aanvraagformulier osd-form-cell#_FOOTER {
  border-top: 1px solid #666;
  padding: 8px 0 0 0;
  margin: 10px 20px 10px 20px;
}
/*
.ocp-aanvraagformulier osd-form-cell#_FOOTER:before {
   margin: 20
}
*/
.ocp-aanvraagformulier .mat-form-field-label {
  color: #000 !important;
}
.ocp-aanvraagformulier .mat-form-field.mat-focused .mat-form-field-label,
.ocp-aanvraagformulier .mat-form-field.mat-focused input,
.ocp-aanvraagformulier osd-form-radiogroup.osd-focus span.mat-radio-label-content {
  color: #3f51b5 !important;
}
.ocp-aanvraagformulier mat-datepicker-toggle button:focus {
  color: #3f51b5;
}
.ocp-aanvraagformulier img.digid-logo {
  width: 40px;
  height: 40px;
}
.ocp-aanvraagformulier ul,
.ocp-aanvraagformulier ol {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field.mat-focused input,
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field.mat-focused .mat-form-field-label {
  color: black !important;
}
.ocp-aanvraagformulier osd-form-question.disabled .mat-form-field.mat-focused .mat-form-field-ripple {
  opacity: 0;
}
.ocp-aanvraagformulier mat-error {
  font-size: 15px;
  margin-top: 2px;
}
.ocp-aanvraagformulier h4 {
  margin-bottom: 5px;
}
.ocp-aanvraagformulier h4:first-child {
  margin-top: 0px;
}
.ocp-aanvraagformulier p {
  margin-top: 0px;
}
.osd-lightgreen {
  color: lightgreen;
}
.ocp-aanvraagformulier i.menu-button-in-text {
  margin: 0 5px;
  color: var(--primary-accent-color);
}
.osd-list-item-delete-btn {
  padding: 10px 20px;
  cursor: pointer;
}
.ocp-aanvraagformulier li.osd-selected {
  font-weight: 700;
  padding: 5px 0;
}
.ocp-aanvraagformulier #BTN_NAVIGATION_MENU i.fa-circle-caret-down {
  padding-left: 10px;
}
.ocp-aanvraagformulier #BTN_NAVIGATION_MENU span.ocp-navigation-page-group-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Inhoudsopgave menu */
div.menu-top {
  margin-top: 20px !important;
}
div.menu-top mat-dialog-container {
  background-color: var(--primary-header-color) !important;
  color: var(--primary-accent-color);
}
div.menu-top .modal-dialog-footer {
  flex-direction: column;
  align-items: start;
  flex: 0 0 auto;
  max-width: 100%;
  border-top: none;
  margin-top: 0px;
}
div.menu-top .modal-dialog-body {
  text-align: center;
  font-weight: 700;
  color: var(--primary-accent-color);
  border-bottom: #999999 1px solid;
  padding-bottom: 20px;
  width: 100%;
}
div.menu-top .modal-dialog-footer button {
  text-align: center;
  margin-left: 0px;
  margin-right: auto;
  font-weight: 500 !important;
  color: var(--primary-accent-color);
  /* display: block; */
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: left;
  flex: 0 0 auto;
  line-height: 28px;
}
div.menu-top .modal-dialog-footer button span.prefix-suffix-space {
  width: 20px;
  display: inline-block;
  font-size: 12px;
}
div.menu-top osd-modal-dialog {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.menu-top .modal-dialog-footer button.mat-button-disabled {
  color: gray;
}
div.menu-top .modal-dialog-footer button:first-of-type {
  margin-top: 10px;
}
/* Einde Inhoudsopgave menu */
.cdk-overlay-pane {
  position: fixed !important;
  max-width: min( 80vw, calc( 0.8 * 1024px ) ) !important;
}
#OSD_DCO-UPLOADEN #_BODY {
  padding: 20px 0 0 0 !important;
}
#OSD_DCO-UPLOADEN #_BODY_INNER_BODY {
  padding: 0px 20px 0 20px;
}
#OSD_DCO-UPLOADEN #_KNOPPEN {
  margin-bottom: 0px !important;
}
#OSD_DCO-UPLOADEN #_KNOPPEN > div {
  flex: 1 1 auto !important;
}
#OSD_DCO-UPLOADEN #SUBMIT {
  margin-bottom: 0px !important;
}
osd-form-selectfield input.osd-input-combo-edit {
  width: calc(100% - 30px);
}
osd-form-selectfield i.fa-caret-down {
  padding: 2px 10px 2px 10px;
  cursor: pointer;
}
osd-modal-dialog .form-body {
  overflow-y: hidden;
}
div.cdk-overlay-pane.OCP-ZAAK a,
div.cdk-overlay-pane.OCP-PORTAAL a {
  text-decoration: none;
  color: unset;
  font-weight: 500;
}
#OSD_BAS_IKV-IKV .osd-attachment {
  background: white;
  border-radius: 4px;
}
#OSD_BAS_IKV-IKV .osd-attachment button {
  box-shadow: none;
}
#OSD_BAS_IKV-IKV .osd-attachment osd-form-question {
  margin-top: 5px;
  margin-bottom: 5px;
}
#OSD_BAS_IKV-START_IKV .ikv-att-title {
  margin-top: 20px;
  font-weight: 600;
}
#OSD_BAS_IKV-START_IKV .ikv-att-title:first-of-type {
  margin-top: 0px;
}
#OSD_BAS_IKV-START_IKV .ikv-att-thumbnails:empty {
  margin-top: 10px;
}
#OSD_BAS_IKV-START_IKV .ikv-att-thumbnails .ocp-document-thumbnail {
  display: inline-block;
}
.ocp-border-radius-10 {
  border-radius: 10px !important;
}
#OSD_LGM-LEGITIMEREN mat-checkbox#BEVESTIG_TMP.mat-checkbox-disabled span,
#OSD_TTK-UITVOEREN mat-checkbox#BEVESTIG_TMP.mat-checkbox-disabled span {
  color: black;
}
.osd-row-column-pointer-cursor {
  cursor: pointer;
}
#OCP-DIGID_LOGIN .ocp-header span {
  font-weight: 600 !important;
  color: #fccf0f;
}
#OCP-DIGID_LOGIN .ocp-form-footer button {
  font-weight: 700;
  background: #fccf0f;
}
body.osd-hidden > app-root > .container {
  background-image: url("./icon-512x512.png");
  background-size: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: unset;
  height: 400px;
}
body.osd-hidden > app-root > .container > osd-form {
  display: none !important;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
/* Dialog */
.mat-dialog-container {
  background-color: #EEEEEE !important;
  border-radius: 10px !important;
  border: 4px solid #A9A9A9;
  overflow: visible !important;
  max-width: 500px;
}
div[id^="OCP-INLOGGEN"] .mat-form-field-flex {
  box-shadow: none  !important;
  background: white !important;
  margin: 2px 1px 2px 1px !important;
}
.cdk-overlay-pane.OCP-BERICHTEN\.QUESTION button#BTN_ORIGINAL_FORMAT a,
.cdk-overlay-pane.OCP-DOCUMENTEN\.QUESTION button#BTN_ORIGINAL_FORMAT a {
  text-decoration: none;
  color: black;
  font-weight: 500;
}
.cdk-overlay-container div#CONVERSATIE-panel mat-option {
  background: white;
}
.cdk-overlay-container div#CONVERSATIE-panel mat-option i.fa-asterisk {
  color: #ba0606;
  font-size: 15px;
  margin-right: 5px;
}
#OCP-INSTELLINGEN osd-form-cell#KMP_AUTO_REPLY_TEKST .mat-form-field-flex,
#OCP-INSTELLINGEN osd-form-cell#KMP_AUTO_REPLY_TOT_EN_MET .mat-form-field-flex {
  padding-top: 20px !important;
}
#OCP-INSTELLINGEN osd-form-cell#KMP_AUTO_REPLY_TEKST label,
#OCP-INSTELLINGEN osd-form-cell#KMP_AUTO_REPLY_TOT_EN_MET label {
  font-weight: 300;
  color: black;
}
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY {
  background: #eee;
}
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY label,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY label {
  font-size: 13px;
}
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY input,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY input,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY .mat-select-min-line,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY .mat-select-min-line {
  font-size: 14px;
  color: black;
  font-weight: 600;
}
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY osd-form-cell#_KNOPPEN,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY osd-form-cell#_KNOPPEN {
  border-top: none;
}
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUW_GESPREK #_BODY .form-body,
#OCP-SELECTEER_PERSOON ~ osd-form #KMP-NIEUWE_ZAAK #_BODY .form-body {
  overflow-x: clip !important;
}
body {
  max-width: var(--max-width);
  overflow-x: hidden;
}
@media screen and (max-width: var(--max-width)) {
  body {
    background: var(--primary-header-color);
  }
}
.cdk-overlay-container {
  max-width: var(--max-width);
}
body > app-root > .container {
  width: 100vw;
  max-width: var(--max-width);
  /*height: 100vh; gives problems in Safari IOS with the OSD_DCO-UPLOADEN, header disappears */
  background: var(--primary-header-color);
}
body > app-root > .container.relogin-view {
  background: unset;
}
.osd-translation {
  display: block;
}
#OCP-PORTAAL #_ZAAK {
  margin-bottom: 20px !important;
}
#OCP-GEBEURTENISSEN .osd-translation {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
#OCP-GEBEURTENISSEN td.osd-videocall-btn {
  margin-top: 10px;
}
#OCP-GEBEURTENISSEN a.osd-videocall-btn {
  border: 1px solid black;
  border-radius: 4px;
  padding: 5px 15px;
  background: var(--primary-accent-color);
  text-decoration: none;
  font-weight: 600;
  color: black;
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb .mat-form-field,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb .mat-form-field {
  z-index: 2;
}
#OCP-DOCUMENT_SELECTIE .ocp-page-card-tab-header .ocp-header-cmb .mat-form-field-infix,
#OCP-DOCUMENTEN_PORTAAL .ocp-page-card-tab-header .ocp-header-cmb .mat-form-field-infix {
  display: flex;
  flex-direction: row-reverse;
  width: auto;
  z-index: 1;
  padding: 10px 20px;
  align-items: center;
  border-top: 1px solid transparent!important;
}
#OCP-DOCUMENT_SELECTIE .ocp-page-card-tab-header .ocp-header-cmb mat-label,
#OCP-DOCUMENTEN_PORTAAL .ocp-page-card-tab-header .ocp-header-cmb mat-label {
  font-size: 13px !important;
  color: #000;
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb span.mat-form-field-label-wrapper,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb span.mat-form-field-label-wrapper {
  flex: 50%;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  top: auto;
  left: auto;
  padding: unset;
  position: unset;
}
#OCP-DOCUMENT_SELECTIE .ocp-secondary-header .ocp-header-cmb,
#OCP-DOCUMENTEN_PORTAAL .ocp-secondary-header .ocp-header-cmb {
  margin-top: -30px;
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb .mat-form-field-infix,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb .mat-form-field-infix {
  display: flex!important;
  flex-direction: row-reverse !important;
  width: auto!important;
  z-index: 1!important;
  padding: 10px 20px!important;
  background-color: #eee !important;
  align-items: center!important;
  border-top: 0!important;
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label {
  transform: none!important;
  width: auto!important;
  top: unset!important;
  margin-top: unset!important;
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  #OCP-DOCUMENT_SELECTIE .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label,
  #OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label {
    margin-left: 20px;
  }
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label mat-label,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb span.mat-form-field-label-wrapper .mat-form-field-label mat-label {
  font-size: 13px!important;
}
#OCP-DOCUMENT_SELECTIE .ocp-header-cmb,
#OCP-DOCUMENTEN_PORTAAL .ocp-header-cmb {
  font-size: 13px;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN .form-table,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN .form-table {
  border: none;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row {
  outline: none;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row .ocp-document-details,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row .ocp-document-details {
  display: none;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row.osd-col-toon_details-selected .ocp-document-details,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row.osd-col-toon_details-selected .ocp-document-details {
  display: unset;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-selected,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-selected {
  width: 30px;
  vertical-align: top;
  padding-top: 90px;
  padding-left: 0px !important;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-omschrijving,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-omschrijving {
  padding-top: 10px;
  padding-bottom: 10px;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-toon_details,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-toon_details {
  width: 30px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 0px !important;
}
#OCP-DOCUMENT_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-toon_details button,
#OCP-DOCUMENTEN_PORTAAL osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-toon_details button {
  min-width: unset;
}
#OCP-DOCUMENTEN osd-form-cell#_HEADER {
  background: #eee;
}
#OCP-DOCUMENTEN osd-form-cell#_HEADER osd-form-cell#LBL_DOCUMENT_SOORT {
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
}
#OCP-DOCUMENTEN osd-form-cell#_HEADER osd-form-cell#DOCUMENT_SOORT {
  flex: 1 1 auto !important;
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
}
#OCP-DOCUMENTEN osd-form-cell#_HEADER osd-form-cell#DOCUMENT_SOORT .mat-form-field-infix {
  border: none !important;
  margin-top: 7px;
}
#OCP-DOCUMENTEN osd-form-cell#_HEADER osd-form-cell#DOCUMENT_SOORT .mat-select {
  border: none !important;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN .form-table {
  border: none;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row {
  outline: none;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row .ocp-document-details {
  display: none;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row.osd-col-toon_details-selected .ocp-document-details {
  display: unset;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row td.osd-col-selected {
  width: 30px;
  vertical-align: top;
  padding-top: 90px;
  padding-left: 0px !important;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row td.osd-col-omschrijving {
  padding-top: 10px;
  padding-bottom: 10px;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row td.osd-col-toon_details {
  width: 30px;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px !important;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row td.osd-col-toon_details button {
  min-width: unset;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row div.select-format {
  cursor: pointer;
}
#OCP-DOCUMENTEN osd-form-cell#ZAAK_DOCUMENTEN tr.mat-row div.select-format span {
  display: none;
}
div.cdk-overlay-container .OCP-BERICHTEN\.INFO mat-dialog-container {
  padding: 15px 20px 10px 20px;
}
div.cdk-overlay-container .OCP-BERICHTEN\.INFO header {
  margin-bottom: 10px !important;
  font-size: 15px;
}
div.cdk-overlay-container .OCP-BERICHTEN\.INFO .modal-dialog-title {
  text-align: left !important;
}
div.cdk-overlay-container .OCP-BERICHTEN\.INFO .modal-dialog-body span {
  line-height: 22px;
  font-weight: 500;
  font-size: 14px;
}
div.cdk-overlay-container .OCP-BERICHTEN\.INFO footer button {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 28px;
}
#OCP-BERICHTEN .form-table {
  border: none;
  margin-bottom: 0;
  margin-right: 10px;
}
#OCP-BERICHTEN .mat-button-focus-overlay {
  background-color: transparent !important;
}
#OCP-BERICHTEN osd-form-cell#BTN_CONVERSATIE {
  margin-right: 10px;
}
#OCP-BERICHTEN osd-form-cell#BTN_CONVERSATIE button {
  background: white;
  border-radius: 3px;
  box-shadow: none;
}
#OCP-BERICHTEN osd-form-cell#BTN_CONVERSATIE button i {
  padding-top: 10px;
  color: black;
  font-size: 20px;
}
#OCP-BERICHTEN osd-form-cell#LBL_AFGESLOTEN,
#OCP-BERICHTEN osd-form-cell#LBL_MUTED {
  font-size: 15px;
  color: var(--primary-header-fg-color);
}
#OCP-BERICHTEN osd-form-cell#COPY i {
  font-size: 17px;
  padding: 0 5px;
}
#OCP-BERICHTEN osd-form-cell#PIN i {
  font-size: 17px;
  padding: 0 5px;
}
#OCP-BERICHTEN .mat-table {
  background: unset !important;
}
#OCP-BERICHTEN tr {
  outline: none;
}
#OCP-BERICHTEN tr.selected {
  background-color: white;
}
#OCP-BERICHTEN tr.mat-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: unset;
}
#OCP-BERICHTEN tr.mat-row:focus {
  border: none;
}
#OCP-BERICHTEN tr.mat-row div.select-format {
  cursor: pointer;
}
#OCP-BERICHTEN tr.mat-row div.select-format span {
  display: none;
}
#OCP-BERICHTEN td.mat-cell {
  padding: 0;
  border: none;
}
#OCP-BERICHTEN tr:not(.ocp-berichten-form-btn) td.osd-col-web_form_id {
  display: none;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn .ocp-berichten-in,
#OCP-BERICHTEN tr.ocp-berichten-form-btn .ocp-berichten-in,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn .ocp-berichten-out,
#OCP-BERICHTEN tr.ocp-berichten-form-btn .ocp-berichten-out {
  padding-bottom: 60px;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-bericht,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-bericht {
  display: flex;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-bericht > span,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-bericht > span {
  width: 100%;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-bericht .ocp-berichten,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-bericht .ocp-berichten {
  height: unset;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url {
  padding-left: 10px;
  max-height: 26px;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 90%;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button {
  min-width: 100px;
  font-weight: 700;
  background: blue;
  margin: 0 auto;
  color: white;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: space-around;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button a,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button a,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button a,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button a,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button a,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button a:visited,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button a:visited,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button a:visited,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button a:visited,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button a:visited,
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a:visited {
  color: white;
  text-decoration: none;
}
#OCP-BERICHTEN tr.ocp-berichten-audio-btn.kmp-bericht-out td.osd-col-audio_url,
#OCP-BERICHTEN tr.ocp-berichten-form-btn.kmp-bericht-out td.osd-col-audio_url,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn.kmp-bericht-out td.osd-col-web_form_id,
#OCP-BERICHTEN tr.ocp-berichten-form-btn.kmp-bericht-out td.osd-col-web_form_id,
#OCP-BERICHTEN tr.ocp-berichten-audio-btn.kmp-bericht-out td.osd-col-form_url,
#OCP-BERICHTEN tr.ocp-berichten-form-btn.kmp-bericht-out td.osd-col-form_url {
  right: 0;
  left: unset;
}
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button {
  padding: 0;
}
#OCP-BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a {
  display: block;
  min-width: 100px;
  min-height: 30px;
}
#OCP-BERICHTEN div.ocp-berichten-in,
#OCP-BERICHTEN div.ocp-berichten-out {
  min-height: 46px;
}
#OCP-BERICHTEN .ocp-berichten-time {
  right: 10px;
}
#OCP-BERICHTEN tr.mat-row > td:first-of-type {
  padding-left: 10px;
}
#OCP-BERICHTEN div.ocp-berichten-new div.ocp-berichten-in,
#OCP-BERICHTEN div.ocp-berichten-new div.ocp-berichten-out {
  background: #FCCF0F;
}
#OCP-BERICHTEN tr.osd-col-pin-selected .ocp-berichten-out,
#OCP-BERICHTEN tr.osd-col-pin-selected .ocp-berichten-in {
  background: var(--primary-accent-color);
}
#OCP-BERICHTEN i.fas.fa-thumbtack {
  color: #ba0606;
}
#OCP-BERICHTEN .ocp-berichten-date {
  font-weight: 500;
  font-size: 13px;
}
#OCP-BERICHTEN osd-form-cell#NIEUW_BERICHT textarea {
  line-height: 20px;
}
#OCP-BERICHTEN td.osd-col-copy {
  position: absolute;
  top: 39px;
  right: 7px;
}
#OCP-BERICHTEN td.osd-col-copy button {
  border: none;
  padding: 0;
}
#OCP-BERICHTEN tr.kmp-user td.osd-col-copy {
  right: 38px;
}
#OCP-BERICHTEN tr.kmp-user td.osd-col-pin {
  position: absolute;
  top: 42px;
  right: 7px;
}
#OCP-BERICHTEN td.osd-col-delete {
  position: absolute;
  top: 41px;
  right: 7px;
}
#OCP-BERICHTEN tr.osd-verwijderbaar td.osd-col-copy {
  right: 35px;
}
#OCP-BERICHTEN tr.kmp-user tr.osd-verwijderbaar td.osd-col-copy {
  right: 66px;
}
#OCP-BERICHTEN tr.kmp-user tr.osd-verwijderbaar td.osd-col-pin {
  right: 35px;
}
#OCP-BERICHTEN tr.osd-row-follows-family-row td.osd-col-copy {
  top: 12px;
}
#OCP-BERICHTEN tr.osd-row-follows-family-row td.osd-col-pin {
  top: 15px;
}
#OCP-BERICHTEN tr.osd-row-follows-family-row td.osd-col-delete {
  top: 14px;
}
#OCP-BERICHTEN tr.kmp-bericht-in td.osd-col-copy {
  right: calc(10% + 6px);
}
#OCP-BERICHTEN tr.kmp-bericht-in.kmp-user td.osd-col-copy {
  right: calc(10% + 37px);
}
#OCP-BERICHTEN tr.kmp-bericht-in.kmp-user td.osd-col-pin {
  right: calc(10% + 6px);
}
#OCP-BERICHTEN tr.kmp-bericht-in.osd-verwijderbaar td.osd-col-copy {
  right: calc(10% + 35px);
}
#OCP-BERICHTEN tr.kmp-bericht-in.osd-verwijderbaar.kmp-user td.osd-col-copy {
  right: calc(10% + 66px);
}
#OCP-BERICHTEN tr.kmp-bericht-in.osd-verwijderbaar.kmp-user td.osd-col-pin {
  right: calc(10% + 35px);
}
#OCP-BERICHTEN tr.kmp-bericht-in td.osd-col-delete {
  right: calc(10% + 6px);
}
#OCP-BERICHTEN td.osd-col-copy button,
#OCP-BERICHTEN td.osd-col-pin button,
#OCP-BERICHTEN td.osd-col-delete button {
  min-width: unset;
  width: 32px;
  font-size: 16px;
}
#OCP-BERICHTEN .osd-attachment-verwijderd {
  color: #555;
}
#OCP-BERICHTEN .osd-attachment-verwijderd .fa-file-times {
  font-size: 40px;
  padding: 10px;
  color: var(--primary-header-fg-color);
}
#OCP-BERICHTEN .ocp-bericht-tekst {
  padding-top: 4px;
}
#OCP-BERICHTEN .ocp-berichten-out > .ocp-bericht-tekst:first-child,
#OCP-BERICHTEN .ocp-berichten-out > .ocp-berichten-thumbnails:first-child {
  padding-top: 24px;
}
#OCP-BERICHTEN.tts-not-supported .osd-tts {
  display: none;
}
#OCP-BERICHTEN .osd-tts .fa-volume {
  padding: 2px 5px 5px 3px;
  font-size: 18px;
  cursor: pointer;
}
#OCP-BERICHTEN .osd-tts-text {
  display: none;
}
#OCP-START_KEUZE osd-form-cell#WELCOME_LABEL span,
#OCP-START_KEUZE osd-form-cell#LBL_INSTRUCTIE span {
  text-align: center;
  display: block;
  font-weight: 500;
  font-size: 17px;
}
#OCP-START_KEUZE osd-form-cell#BTN_WEB.osd-button,
#OCP-START_KEUZE osd-form-cell#BTN_APP_STORE.osd-button,
#OCP-START_KEUZE osd-form-cell#BTN_PLAY_STORE.osd-button {
  height: unset !important;
  border: none;
  text-align: center;
}
#OCP-START_KEUZE osd-form-cell#BTN_WEB.osd-button button,
#OCP-START_KEUZE osd-form-cell#BTN_APP_STORE.osd-button button,
#OCP-START_KEUZE osd-form-cell#BTN_PLAY_STORE.osd-button button {
  min-height: 60px;
  max-width: 280px;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid gray;
}
#OCP-START_KEUZE osd-form-cell#BTN_WEB.osd-button a,
#OCP-START_KEUZE osd-form-cell#BTN_APP_STORE.osd-button a,
#OCP-START_KEUZE osd-form-cell#BTN_PLAY_STORE.osd-button a {
  text-decoration: none;
  color: inherit;
}
#OCP-START_KEUZE osd-form-cell#BTN_WEB.osd-button img,
#OCP-START_KEUZE osd-form-cell#BTN_APP_STORE.osd-button img,
#OCP-START_KEUZE osd-form-cell#BTN_PLAY_STORE.osd-button img {
  padding: 5px;
  height: 40px;
  display: block;
  margin: auto;
}
#OCP-START_KEUZE osd-form-cell#BTN_WEB.osd-button span,
#OCP-START_KEUZE osd-form-cell#BTN_APP_STORE.osd-button span,
#OCP-START_KEUZE osd-form-cell#BTN_PLAY_STORE.osd-button span {
  font-weight: 500;
  font-size: 17px;
}
#OCP-START_KEUZE .ocp-body,
#OCP-INLOGGEN_KEUZE .ocp-body {
  padding: 0 !important;
}
#OCP-START_KEUZE osd-form-cell#_BODY,
#OCP-INLOGGEN_KEUZE osd-form-cell#_BODY {
  padding-top: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  height: unset;
}
#OCP-START_KEUZE osd-form-cell#_BODY osd-form-cell.osd-button,
#OCP-INLOGGEN_KEUZE osd-form-cell#_BODY osd-form-cell.osd-button {
  height: 47px;
}
#OCP-START_KEUZE osd-form-cell#WELCOME_LABEL p,
#OCP-INLOGGEN_KEUZE osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-START_KEUZE .ocp-header,
#OCP-INLOGGEN_KEUZE .ocp-header {
  min-height: unset;
}
#OCP-START_KEUZE osd-form-cell#_HEADER,
#OCP-INLOGGEN_KEUZE osd-form-cell#_HEADER {
  padding: 5px 8px 5px 8px;
}
#OCP-START_KEUZE button,
#OCP-INLOGGEN_KEUZE button {
  width: 100%;
  font-weight: 600;
}
#OCP-START_KEUZE img.ocp-gemeente-logo,
#OCP-INLOGGEN_KEUZE img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-START_KEUZE osd-form-cell#LBL_LOGO_WELKOM,
#OCP-INLOGGEN_KEUZE osd-form-cell#LBL_LOGO_WELKOM {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 320px) {
  #OCP-START_KEUZE osd-form-cell#WELCOME_LABEL,
  #OCP-INLOGGEN_KEUZE osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-START_KEUZE osd-form-cell#LBL_LOGO_WELKOM,
  #OCP-INLOGGEN_KEUZE osd-form-cell#LBL_LOGO_WELKOM {
    margin-bottom: 30px !important;
  }
}
#OCP-INLOGGEN_SMS .ocp-body {
  padding: 0 !important;
}
#OCP-INLOGGEN_SMS .ocp-header {
  min-height: unset;
}
#OCP-INLOGGEN_SMS osd-form-cell#_HEADER {
  padding: 5px 8px 5px 8px;
}
#OCP-INLOGGEN_SMS osd-form-cell#_BODY {
  padding-top: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  height: unset;
}
@media screen and (max-width: 369px) {
  #OCP-INLOGGEN_SMS osd-form-cell#_BODY {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#OCP-INLOGGEN_SMS osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-INLOGGEN_SMS img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-INLOGGEN_SMS osd-form-cell#TELEFOONNUMMER {
  width: 275px;
}
#OCP-INLOGGEN_SMS osd-form-cell#TELEFOONNUMMER .mat-input-element::placeholder {
  font-size: 14px;
}
#OCP-INLOGGEN_SMS osd-form-cell#TELEFOONNUMMER .mat-form-field-flex {
  padding-bottom: 3px;
}
#OCP-INLOGGEN_SMS osd-form-cell#BTN_STUUR_SMS:not(.osd-default-btn) {
  background: var(--primary-accent-color) !important;
}
#OCP-INLOGGEN_SMS osd-form-cell#BTN_STUUR_SMS:not(.osd-default-btn) span {
  color: black !important;
}
#OCP-INLOGGEN_SMS osd-form-cell#SMS_CODE {
  width: 275px;
}
#OCP-INLOGGEN_SMS osd-form-cell#SMS_CODE .mat-input-element::placeholder {
  font-size: 16px;
}
#OCP-INLOGGEN_SMS button {
  font-weight: 600;
  font-size: 16px;
}
#OCP-INLOGGEN_SMS osd-form-cell#LBL_INSTRUCTIE,
#OCP-INLOGGEN_SMS osd-form-cell#LBL_MELDING_TELEFOONNR,
#OCP-INLOGGEN_SMS osd-form-cell#LBL_MELDING_SMS_CODE {
  width: 275px;
}
@media screen and (max-width: 320px) {
  #OCP-INLOGGEN_SMS osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-INLOGGEN_SMS osd-form-cell#LBL_MELDING_TELEFOONNR,
  #OCP-INLOGGEN_SMS osd-form-cell#LBL_MELDING_SMS_CODE {
    max-width: 260px;
  }
}
#OCP-INLOGGEN_EMAIL .ocp-body {
  padding: 0 !important;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#_BODY {
  padding-top: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  height: unset;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
@media screen and (max-width: 369px) {
  #OCP-INLOGGEN_EMAIL osd-form-cell#_BODY {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#OCP-INLOGGEN_EMAIL osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-INLOGGEN_EMAIL img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#_INNERBODY {
  min-width: 300px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL {
  width: 300px;
  font-size: 16px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL .mat-form-field-flex {
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL input {
  padding-bottom: 3px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL_CODE {
  width: 230px;
  font-size: 20px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL_CODE .mat-input-element::placeholder {
  font-size: 16px;
  color: #333;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL_CODE .mat-form-field-flex {
  padding-bottom: 3px;
  padding-top: 2px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL_CODE input {
  padding-bottom: 1px;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#BTN_STUUR_EMAIL:not(.osd-default-btn) {
  background: var(--primary-accent-color) !important;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#BTN_STUUR_EMAIL:not(.osd-default-btn) span {
  color: black !important;
}
@media screen and (max-width: 320px) {
  #OCP-INLOGGEN_EMAIL osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-INLOGGEN_EMAIL osd-form-cell#_INNERBODY {
    min-width: 280px;
  }
  #OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL {
    width: 280px;
  }
  #OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL_CODE {
    width: 230px;
  }
  #OCP-INLOGGEN_EMAIL osd-form-cell#LBL_MELDING_EMAIL,
  #OCP-INLOGGEN_EMAIL osd-form-cell#LBL_MELDING_EMAIL_CODE {
    max-width: 260px;
  }
}
#OCP-INLOGGEN_EMAIL osd-form-cell#LBL_INSTRUCTIE {
  margin-bottom: 10px !important;
}
#OCP-INLOGGEN_EMAIL button {
  font-weight: 600;
  font-size: 16px;
}
#OCP-INLOGGEN_EMAIL .ocp-footer-btn button {
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL_SMS .ocp-body {
  padding: 0 !important;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#_BODY {
  padding-top: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  height: unset;
}
@media screen and (max-width: 369px) {
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#_BODY {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-INLOGGEN_EMAIL_SMS img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#_INNERBODY {
  min-width: 300px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#LBL_INSTRUCTIE {
  font-size: 16px;
  font-weight: 600;
  border: 2px solid gray;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  max-width: 440px;
  margin-top: 10px;
  text-align: center;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#LBL_TELNR {
  margin-bottom: 10px !important;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#SMS_CODE {
  width: 280px;
  font-size: 20px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME .mat-input-element::placeholder,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR .mat-input-element::placeholder,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#SMS_CODE .mat-input-element::placeholder {
  font-size: 16px;
  color: #333;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR .mat-form-field-flex,
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#SMS_CODE .mat-form-field-flex {
  padding-top: 2px;
  padding-bottom: 3px;
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#BTN_STUUR_SMS:not(.osd-default-btn) {
  background: var(--primary-accent-color) !important;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#BTN_STUUR_SMS:not(.osd-default-btn) span {
  color: black !important;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#SMS_CODE {
  width: 215px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME {
  background: #ccc;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME mat-form-field {
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#USERNAME mat-form-field input {
  color: black !important;
  font-size: 18px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR.disabled {
  background: #ccc;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR.disabled mat-form-field {
  border-radius: 4px;
}
#OCP-INLOGGEN_EMAIL_SMS osd-form-cell#TELNR.disabled mat-form-field input {
  color: black !important;
  font-size: 18px;
}
#OCP-INLOGGEN_EMAIL_SMS button {
  font-weight: 600;
  font-size: 16px;
}
#OCP-INLOGGEN_EMAIL_SMS .ocp-footer-btn button {
  border-radius: 4px;
}
@media screen and (max-width: 320px) {
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#_INNERBODY {
    min-width: 260px;
  }
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#LBL_MELDING_EMAIL,
  #OCP-INLOGGEN_EMAIL_SMS osd-form-cell#LBL_MELDING_SMS_CODE {
    max-width: 260px;
  }
}
#OCP-INLOGGEN_SMS_EMAIL .ocp-body {
  padding: 0 !important;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#_BODY {
  padding-top: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  height: unset;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
@media screen and (max-width: 369px) {
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#_BODY {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-INLOGGEN_SMS_EMAIL img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#_INNERBODY {
  min-width: 300px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_READONLY {
  width: 300px;
  font-size: 16px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL.disabled .mat-form-field-wrapper,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_READONLY.disabled .mat-form-field-wrapper {
  border-radius: 4px;
  background: #ccc !important;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL .mat-form-field-flex,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_READONLY .mat-form-field-flex {
  padding-bottom: 3px;
  padding-top: 2px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL input,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_READONLY input {
  padding-bottom: 3px;
  font-size: 18px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL input.mat-input-element:disabled,
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_READONLY input.mat-input-element:disabled {
  color: black;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_CODE {
  width: 300px;
  font-size: 18px;
  border-radius: 4px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_CODE .mat-input-element::placeholder {
  font-size: 16px;
}
#OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_CODE .mat-form-field-flex {
  padding-bottom: 3px;
  padding-top: 2px;
  border-radius: 4px;
}
@media screen and (max-width: 320px) {
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#_INNERBODY {
    min-width: 280px;
  }
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL,
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#EMAIL_CODE {
    width: 280px;
  }
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#LBL_MELDING_EMAIL,
  #OCP-INLOGGEN_SMS_EMAIL osd-form-cell#LBL_MELDING_EMAIL_CODE {
    max-width: 260px;
  }
}
#OCP-INLOGGEN_SMS_EMAIL button {
  font-weight: 600;
  font-size: 16px;
}
#OCP-INLOGGEN_SMS_EMAIL .ocp-footer-btn button {
  border-radius: 4px;
}
#OCP-INLOGGEN_DIGID osd-form-cell#_BODY {
  padding-top: 5px;
}
@media screen and (max-width: 369px) {
  #OCP-INLOGGEN_DIGID .ocp-body {
    padding: 0 10px !important;
  }
  #OCP-INLOGGEN_DIGID osd-form-cell#_BODY {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#OCP-INLOGGEN_DIGID osd-form-cell#WELCOME_LABEL p {
  text-align: center;
}
#OCP-INLOGGEN_DIGID .ocp-header {
  min-height: unset;
}
#OCP-INLOGGEN_DIGID osd-form-cell#_HEADER {
  padding: 5px 0px 5px 0px;
}
#OCP-INLOGGEN_DIGID img.ocp-gemeente-logo {
  max-height: 200px;
  max-width: 250px;
  border: 2px solid white;
}
#OCP-INLOGGEN_DIGID osd-form-cell#LBL_LOGO_WELKOM {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 320px) {
  #OCP-INLOGGEN_DIGID osd-form-cell#WELCOME_LABEL {
    margin-bottom: 10px !important;
  }
  #OCP-INLOGGEN_DIGID osd-form-cell#LBL_LOGO_WELKOM {
    margin-bottom: 30px !important;
  }
}
.ocp-keesy-logo {
  display: none;
}
@media screen and (max-width: 320px) {
  .ocp-keesy-logo {
    display: none;
  }
  img.ocp-gemeente-logo {
    max-height: 100px !important;
    border: 1px solid white !important;
    margin: 0 auto;
  }
}
#OSD_DCO-UPLOADEN osd-form-cell#BTN_DOCUMENT button {
  text-align: left;
  padding-left: 18px;
}
#OSD_TTK-UITVOEREN osd-form-cell#BEVESTIG_TMP,
#OSD_TTK-UITVOEREN osd-form-cell#BTN_SUBMIT {
  display: none !important;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell[id$="LBL_DIGID"],
#OSD_DCS-ONDERTEKENEN osd-form-cell[id$="LBL_ONDERTEKENING"] {
  padding-top: 10px;
}
#OSD_DCS-ONDERTEKENEN osd-form-cell[id$="BTN_DIGID"] {
  margin-left: 0;
}
#OSD_OLM-LEGITIMEREN osd-form-cell#BTN_DIGID {
  margin-left: 0;
}
#OCP-START_AANVRAAG osd-form-cell#LBL_AANVRAAG_SOORT span {
  font-size: 16px;
}
#OCP-START_AANVRAAG osd-form-cell#BTN_CLOSE_FORM\#BACK button {
  padding-right: 5px !important;
}
#OCP-START_AANVRAAG osd-form-cell[id*="_BTN_START"] {
  max-width: 340px;
  margin: 0px auto !important;
  border-radius: 10px;
  padding: 1px !important;
  background: var(--primary-accent-color) !important;
  margin-bottom: 0px !important;
}
#OCP-START_AANVRAAG osd-form-cell[id*="_BTN_START"] a,
#OCP-START_AANVRAAG osd-form-cell[id*="_BTN_START"] button.mat-raised-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 26px !important;
  padding: 7px;
  border: none;
}
#OCP-START_AANVRAAG osd-form-cell[id*="_BTN_START"] a:focus,
#OCP-START_AANVRAAG osd-form-cell[id*="_BTN_START"] button.mat-raised-button:focus {
  padding: 5px;
  border: 2px solid #0000FF !important;
}
#OCP-START_AANVRAAG osd-form-cell#BTN_CLOSE_FORM\#CANCEL button {
  border: 2px solid var(--primary-accent-color) !important;
  border-radius: 10px;
}
#OCP-START_AANVRAAG osd-form-cell#BTN_CLOSE_FORM\#CANCEL button:focus {
  background: var(--primary-accent-color) !important;
  border: 2px solid #0000D6 !important;
}
#OCP-START_AANVRAAG osd-form-cell#BTN_CLOSE_FORM\#CANCEL button:focus span {
  color: #0000D6 !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_ZOEKEN {
  padding: 2px 2px 0px 10px;
  border-radius: 10px;
  background: white;
  border: 1px solid #C1C1C1;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px !important;
  max-width: 340px;
  align-self: center;
  width: 100%;
}
#OCP-SELECTEER_PERSOON osd-form-cell#_ZOEKEN > div {
  flex: 1 1 auto !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN {
  flex-grow: 1 !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-form-field-infix {
  border-top-width: 0px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN input {
  margin-top: 0px !important;
  font-size: 17px;
  font-weight: 500;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-form-field-flex {
  background-color: unset !important;
  padding-top: 0px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-input-element {
  background-color: unset !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-form-field-infix {
  padding: 0px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-form-field-underline {
  display: none;
}
#OCP-SELECTEER_PERSOON osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper {
  padding: 0px !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 18px;
  min-width: 40px;
  padding: 0;
  line-height: 32px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: var(--primary-header-fg-color);
  margin-left: 2px;
  font-size: 20px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button,
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER button {
  text-align: left;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button .ocp-selecteer-persoon-btn-icon-badge,
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER button .ocp-selecteer-persoon-btn-icon-badge {
  top: 8px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button .ocp-selecteer-persoon-btn-name,
#OCP-SELECTEER_PERSOON osd-form-cell#_VOLMACHTGEVER button .ocp-selecteer-persoon-btn-name {
  margin-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: calc(100% - 30px);
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_NIEUWE_ZAAK {
  margin: 10px auto;
  width: unset !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_NIEUWE_ZAAK button {
  margin: 10px auto 0 auto!important;
  padding: 0px 10px;
  height: 40px;
  min-width: 300px;
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: calc(100% - 30px);
}
#OCP-SELECTEER_PERSOON div.form-header button {
  padding-right: 5px !important;
}
#OCP-SELECTEER_PERSOON .ocp-header-back-btn button span.mat-button-wrapper span {
  text-align: left;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_MENU_HOME {
  padding-right: 0 !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_MENU_HOME button {
  padding-right: 14px !important;
  width: 44px;
  height: 35px;
  text-align: right;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_MENU_HOME button > span {
  display: inline-block;
}
#OCP-SELECTEER_PERSOON .ocp-header-title span {
  width: calc(min( 100vw, var(--max-width) ) - 164px);
}
@media screen and (min-width: 410px) {
  #OCP-SELECTEER_PERSOON .ocp-header-back-btn button span.mat-button-wrapper span,
  #OCP-SELECTEER_PERSOON .ocp-burger-menu {
    max-width: 90px;
    min-width: 90px;
  }
  #OCP-SELECTEER_PERSOON .ocp-header-title span {
    max-width: calc(min( 100vw, var(--max-width) ) - 220px);
  }
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT .form-table-no-rows {
  display: none;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT .form-table {
  border: none;
  margin-bottom: 10px;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT table {
  background: transparent;
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr {
  outline: none;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr.selected {
  background: transparent !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr:focus {
  border: none;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr:focus button {
  border: 2px solid #5757FF;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr td {
  padding: 0;
  border-radius: 10px;
  width: 100%;
  border: 1px solid var(--primary-accent-color);
  height: 37px;
  background: var(--primary-accent-color);
  display: block;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr button {
  position: relative;
  border-radius: 10px;
  width: 100%;
  max-width: 340px;
  text-align: left;
  height: 37px;
  padding: 0 10px !important;
  border: 2px solid transparent;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr button .ocp-selecteer-persoon-btn-name {
  margin-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: calc(100% - 30px);
  font-size: 17px;
  font-weight: 500;
}
#OCP-SELECTEER_PERSOON osd-form-cell#CLIENT tr button .ocp-selecteer-persoon-btn-icon-badge {
  line-height: 0.875;
  position: absolute;
  margin-left: 4px;
  padding: 2px;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 15px;
  font-size: 15px;
  text-align: center;
  background: #ba0606;
  z-index: 1;
  top: 7px;
  font-size: 40px;
  color: white;
}
@media screen and (max-width: var(--max-width)) {
  .ocp-aanvraagformulier li.osd-selected span.osd-listitem-with-trash {
    max-width: calc(100vw - 140px);
    overflow-y: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline flow-root list-item;
    vertical-align: bottom;
  }
  /*
   .cdk-overlay-container {
      mat-option {
         //height: unset !important;  
         line-height: unset;         
         }
         
      span.mat-option-text {
        //height: unset !important;
        margin: 4px 0 4px 0;
        overflow: hidden;
      }   
   } 
   */
}
@media screen and (min-width: 500px) and (min-height: 500px) {
  .relogin-view #OCP-INLOGGEN_PINCODE {
    align-self: center;
    background: transparent;
  }
  .relogin-view #OCP-INLOGGEN_PINCODE osd-form-cell#_HEADER {
    display: none !important;
  }
  .relogin-view #OCP-INLOGGEN_PINCODE .form-body {
    background: white;
    max-height: calc(min(100vh, 600px));
    margin: auto;
    width: 450px;
    position: relative;
    border: 2px solid var(--primary-header-color);
    border-radius: 10px;
  }
}
#OCP-INLOGGEN_PINCODE .ocp-header,
#OCP-INLOGGEN_SMS .ocp-header,
#OCP-INLOGGEN_SMS_EMAIL .ocp-header,
#OCP-INLOGGEN_EMAIL .ocp-header,
#OCP-INLOGGEN_EMAIL_SMS .ocp-header {
  padding: 0px 12px 0px 12px;
}
#OCP-INLOGGEN_PINCODE .ocp-header .ocp-header-title span,
#OCP-INLOGGEN_SMS .ocp-header .ocp-header-title span,
#OCP-INLOGGEN_SMS_EMAIL .ocp-header .ocp-header-title span,
#OCP-INLOGGEN_EMAIL .ocp-header .ocp-header-title span,
#OCP-INLOGGEN_EMAIL_SMS .ocp-header .ocp-header-title span {
  width: calc(100vw - 40px);
}
#OCP-INLOGGEN_PINCODE .ocp-header #LBL_TITLE_WELKOM,
#OCP-INLOGGEN_SMS .ocp-header #LBL_TITLE_WELKOM,
#OCP-INLOGGEN_SMS_EMAIL .ocp-header #LBL_TITLE_WELKOM,
#OCP-INLOGGEN_EMAIL .ocp-header #LBL_TITLE_WELKOM,
#OCP-INLOGGEN_EMAIL_SMS .ocp-header #LBL_TITLE_WELKOM {
  margin-top: 15px;
}
@media screen and (max-height: 650px) {
  #OCP-INLOGGEN_PINCODE #_HEADER,
  #OCP-INLOGGEN_SMS #_HEADER,
  #OCP-INLOGGEN_SMS_EMAIL #_HEADER,
  #OCP-INLOGGEN_EMAIL #_HEADER,
  #OCP-INLOGGEN_EMAIL_SMS #_HEADER {
    max-height: unset;
  }
  #OCP-INLOGGEN_PINCODE .ocp-gemeente-logo,
  #OCP-INLOGGEN_SMS .ocp-gemeente-logo,
  #OCP-INLOGGEN_SMS_EMAIL .ocp-gemeente-logo,
  #OCP-INLOGGEN_EMAIL .ocp-gemeente-logo,
  #OCP-INLOGGEN_EMAIL_SMS .ocp-gemeente-logo {
    max-height: 70px !important;
  }
}
@media screen and (max-height: 650px) {
  #OCP-INLOGGEN_PINCODE .ocp-gemeente-logo {
    margin-top: 20px !important;
  }
}
#OCP-INLOGGEN_PINCODE mat-error span {
  font-weight: 600;
  font-size: 16px;
}
@media screen and (max-width: 415px) {
  osd-form-cell#LOCALE .mat-radio-label-content {
    padding: 0px 1px !important;
  }
  osd-form-cell#LOCALE .mat-radio-label-content .osd-locale-flag {
    height: 24px !important;
    width: 35px !important;
  }
}
@media screen and (max-width: 360px) {
  osd-form-cell#LOCALE .mat-radio-label-content {
    padding: 0px 1px !important;
  }
  osd-form-cell#LOCALE .mat-radio-label-content .osd-locale-flag {
    height: 23px !important;
    width: 33px !important;
  }
}
#OCP-NIEUW_CONTACT .mat-input-element:disabled,
#OCP-NIEUW_GESPREK .mat-input-element:disabled {
  color: black;
  -webkit-text-fill-color: balck;
  opacity: 1;
}
#OCP-NIEUW_CONTACT .mat-select-value,
#OCP-NIEUW_GESPREK .mat-select-value,
#OCP-NIEUW_CONTACT .mat-select-value-text,
#OCP-NIEUW_GESPREK .mat-select-value-text,
#OCP-NIEUW_CONTACT .mat-select-min-line,
#OCP-NIEUW_GESPREK .mat-select-min-line {
  font-weight: 600;
  font-size: 15px;
}
#OCP-NIEUW_CONTACT label,
#OCP-NIEUW_GESPREK label {
  font-size: 14px;
}
#OCP-NIEUW_CONTACT input,
#OCP-NIEUW_GESPREK input {
  font-weight: 600;
}
#OCP-NIEUW_CONTACT input::placeholder,
#OCP-NIEUW_GESPREK input::placeholder {
  color: black;
  /* Kies de kleur die je wilt */
  opacity: 0.5;
  /* Zorgt dat het niet transparant wordt */
}
#OCP-NIEUW_CONTACT .mat-form-field-label,
#OCP-NIEUW_GESPREK .mat-form-field-label {
  display: none;
}
#OCP-NIEUW_CONTACT .mat-select-arrow-wrapper,
#OCP-NIEUW_GESPREK .mat-select-arrow-wrapper {
  transform: unset;
}
#OCP-NIEUW_CONTACT osd-form-cell#BTN_BACK button,
#OCP-NIEUW_GESPREK osd-form-cell#BTN_BACK button {
  padding-right: 5px !important;
  line-height: 30px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_FOOTER button,
#OCP-NIEUW_GESPREK osd-form-cell#_FOOTER button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL,
#OCP-NIEUW_GESPREK osd-form-cell#ROL {
  padding: 0;
  width: calc(var(--max-width) - 300px);
  background: transparent;
  border: none;
  padding-bottom: 5px;
  margin-left: 5px;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL mat-label,
#OCP-NIEUW_GESPREK osd-form-cell#ROL mat-label {
  display: none;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL mat-radio-button,
#OCP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button {
  display: inline-block;
  margin-right: 10px;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL mat-radio-button .mat-radio-container,
#OCP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button .mat-radio-container {
  display: none;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL mat-radio-button .mat-radio-label-content,
#OCP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button .mat-radio-label-content {
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  padding: 5px;
  border-bottom: 2px solid transparent;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL mat-radio-button.mat-radio-checked .mat-radio-label-content,
#OCP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button.mat-radio-checked .mat-radio-label-content {
  border-bottom: 2px solid black;
}
#OCP-NIEUW_CONTACT osd-form-cell#CHK_NEW_USER,
#OCP-NIEUW_GESPREK osd-form-cell#CHK_NEW_USER {
  margin-left: 10px;
}
#OCP-NIEUW_CONTACT .osd-text .mat-form-field-wrapper,
#OCP-NIEUW_GESPREK .osd-text .mat-form-field-wrapper,
#OCP-NIEUW_CONTACT .osd-textarea .mat-form-field-wrapper,
#OCP-NIEUW_GESPREK .osd-textarea .mat-form-field-wrapper,
#OCP-NIEUW_CONTACT .osd-date .mat-form-field-wrapper,
#OCP-NIEUW_GESPREK .osd-date .mat-form-field-wrapper,
#OCP-NIEUW_CONTACT .osd-combobox .mat-form-field-wrapper,
#OCP-NIEUW_GESPREK .osd-combobox .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#OCP-NIEUW_CONTACT .osd-text .mat-form-field-subscript-wrapper,
#OCP-NIEUW_GESPREK .osd-text .mat-form-field-subscript-wrapper,
#OCP-NIEUW_CONTACT .osd-date .mat-form-field-subscript-wrapper,
#OCP-NIEUW_GESPREK .osd-date .mat-form-field-subscript-wrapper,
#OCP-NIEUW_CONTACT .osd-combobox .mat-form-field-subscript-wrapper,
#OCP-NIEUW_GESPREK .osd-combobox .mat-form-field-subscript-wrapper {
  top: 35px;
  font-size: 13px;
}
#OCP-NIEUW_CONTACT .osd-text .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-text .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-date .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-date .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-textarea .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-textarea .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-combobox .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-combobox .mat-form-field-underline {
  bottom: 0px;
  display: none;
  width: calc(100% - 20px);
  left: 10px;
}
#OCP-NIEUW_CONTACT .osd-text .mat-focused .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-text .mat-focused .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-date .mat-focused .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-date .mat-focused .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-textarea .mat-focused .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-textarea .mat-focused .mat-form-field-underline,
#OCP-NIEUW_CONTACT .osd-combobox .mat-focused .mat-form-field-underline,
#OCP-NIEUW_GESPREK .osd-combobox .mat-focused .mat-form-field-underline {
  display: block !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#ROL_NAAM .mat-form-field-subscript-wrapper,
#OCP-NIEUW_GESPREK osd-form-cell#ROL_NAAM .mat-form-field-subscript-wrapper {
  top: 45px;
}
#OCP-NIEUW_CONTACT osd-form-cell#TXT_ZOEKEN .mat-form-field-infix,
#OCP-NIEUW_GESPREK osd-form-cell#TXT_ZOEKEN .mat-form-field-infix {
  padding: 0.15em 0.45em;
}
#OCP-NIEUW_CONTACT osd-form-cell#TXT_ZOEKEN .mat-form-field-underline,
#OCP-NIEUW_GESPREK osd-form-cell#TXT_ZOEKEN .mat-form-field-underline {
  bottom: -4px;
  width: calc(100% - 120px);
  left: 40px;
}
#OCP-NIEUW_CONTACT osd-form-cell.kmp-form-field,
#OCP-NIEUW_GESPREK osd-form-cell.kmp-form-field {
  width: 100%;
  border-radius: 10px;
}
#OCP-NIEUW_CONTACT osd-form-cell.kmp-form-field .mat-form-field-flex,
#OCP-NIEUW_GESPREK osd-form-cell.kmp-form-field .mat-form-field-flex {
  border: 1px solid #ccc !important;
  background: white;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#OCP-NIEUW_CONTACT osd-form-cell.kmp-form-field.disabled .mat-form-field-flex,
#OCP-NIEUW_GESPREK osd-form-cell.kmp-form-field.disabled .mat-form-field-flex {
  background: #eee;
  border-radius: 0;
}
#OCP-NIEUW_CONTACT osd-form-cell.kmp-form-field.disabled .mat-form-field-underline,
#OCP-NIEUW_GESPREK osd-form-cell.kmp-form-field.disabled .mat-form-field-underline {
  display: none;
}
#OCP-NIEUW_CONTACT osd-form-cell.kmp-form-field mat-error,
#OCP-NIEUW_GESPREK osd-form-cell.kmp-form-field mat-error {
  margin-top: 10px !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#_BODY,
#OCP-NIEUW_GESPREK osd-form-cell#_BODY {
  padding-left: 20px;
  padding-right: 20px;
  background: white;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN {
  z-index: 9;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN .form-table,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN .form-table {
  border-top: none;
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: thin;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN .form-table.form-table-no-rows,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN .form-table.form-table-no-rows {
  border: none;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN .form-table.form-table-no-rows table,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN .form-table.form-table-no-rows table {
  padding: 0;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr {
  min-height: 40px;
  height: unset;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee;
  align-items: center;
  border: none !important;
  outline: none !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr:focus,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr:focus,
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr:focus-visbible,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr:focus-visbible {
  border: none !important;
  border-bottom: 1px solid #eee;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr.selected,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr.selected {
  background: transparent;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr td:first-child,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr td:first-child {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc( min( 100vw, var(--max-width) ) - 70px );
  line-height: 30px;
  border: none;
  margin-right: auto;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr td:last-child,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr td:last-child {
  padding-left: 20px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc( min( 100vw, var(--max-width) ) - 80px );
  line-height: 30px;
  border: none;
  text-align: right;
  margin-left: auto;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN {
  margin-bottom: 0px !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN .mat-table,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN .mat-table {
  background: transparent;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN .form-table,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN .form-table {
  border: none;
  margin-bottom: 15px !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN .form-table.form-table-no-rows,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN .form-table.form-table-no-rows {
  margin-bottom: 0 !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row {
  height: unset !important;
  display: flex;
  margin: 0 3px 12px 3px;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row.selected,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row.selected {
  background: transparent;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row:focus,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row:focus {
  border: none;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row:focus-within,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row:focus-within {
  border-radius: 10px;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row td.mat-cell,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row td.mat-cell {
  padding: 0;
  border-radius: 10px;
  border: none;
  background: var(--primary-accent-color);
  width: 100%;
  display: flex;
}
#OCP-NIEUW_CONTACT osd-form-cell#TBL_GESPREKKEN tr.mat-row td.mat-cell button,
#OCP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row td.mat-cell button {
  width: 100%;
  border-radius: 10px;
  min-height: 40px;
  height: unset;
  border: none;
  background: var(--primary-accent-color);
  text-align: left;
  font-weight: 500;
  line-height: 20px;
  padding: 5px 15px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN {
  width: 100%;
  position: relative;
  flex: 0 0 auto !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN > div,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN > div {
  width: 100%;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#_ZOEKEN_TOP,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#_ZOEKEN_TOP {
  padding: 0px 2px 0px 5px;
  border-radius: 10px;
  background: white;
  border: 1px solid #C1C1C1;
  width: calc( min( 100vw, var(--max-width) ) - 40px );
  height: 46px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN {
  flex-grow: 1 !important;
  width: unset !important;
  border: none !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper {
  padding: 4px 0;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-infix,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-infix {
  border-top: 8px solid white;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-flex,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-flex {
  padding-top: 0px;
  background: white;
  border: none !important;
  border-radius: 0 !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN input,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN input {
  padding-left: 35px;
  width: 390px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  position: absolute;
  top: 6px;
  z-index: 9;
  margin-bottom: 0 !important;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button {
  box-shadow: none !important;
  font-size: 16px;
  width: 40px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: unset;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN {
  right: 45px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  right: 5px;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 9;
}
#OCP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search,
#OCP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 5px;
  margin-top: 10px;
  font-size: 20px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_HEADER,
#KMP-NIEUWE_ZAAK osd-form-cell#_MENU {
  display: none !important;
}
#KMP-NIEUWE_ZAAK > div > div.form-body {
  flex: 0 0 auto !important;
  background: white;
}
#KMP-NIEUWE_ZAAK .osd-text .mat-form-field-wrapper,
#KMP-NIEUWE_ZAAK .osd-textarea .mat-form-field-wrapper,
#KMP-NIEUWE_ZAAK .osd-date .mat-form-field-wrapper,
#KMP-NIEUWE_ZAAK .osd-combobox .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#KMP-NIEUWE_ZAAK .osd-text .mat-form-field-subscript-wrapper,
#KMP-NIEUWE_ZAAK .osd-date .mat-form-field-subscript-wrapper,
#KMP-NIEUWE_ZAAK .osd-combobox .mat-form-field-subscript-wrapper {
  top: 52px;
}
#KMP-NIEUWE_ZAAK .osd-text .mat-form-field-underline,
#KMP-NIEUWE_ZAAK .osd-date .mat-form-field-underline,
#KMP-NIEUWE_ZAAK .osd-textarea .mat-form-field-underline,
#KMP-NIEUWE_ZAAK .osd-combobox .mat-form-field-underline {
  bottom: 0;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CHK_SKIP_SMS_VERIFICATIE_TMP {
  margin-bottom: 20px !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px 1px 1px 0;
  border: 1px solid var(--primary-header-fg-color);
  padding: 3px 10px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button:focus,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button:focus,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button:focus,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button:focus {
  border: 2px solid var(--primary-header-fg-color);
  margin: 0px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button .mat-button-toggle-label-content,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button .mat-button-toggle-label-content,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button .mat-button-toggle-label-content,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button .mat-button-toggle-label-content {
  margin-right: 0;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button i,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button i,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button i,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button i {
  font-size: 16px;
}
#KMP-NIEUWE_ZAAK .mat-checkbox-inner-container {
  margin-top: 4px;
}
#KMP-NIEUWE_ZAAK label.mat-checkbox-layout {
  white-space: normal;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_NIEUWE_ZAAK {
  flex: 0 0 auto !important;
  overflow-y: hidden;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK {
  padding: 0;
  flex: 1 1 auto !important;
  height: calc(552px - 75px);
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div {
  width: min( 100vw, var(--max-width) );
  scrollbar-width: thin;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div > osd-form-cell {
  padding: 0 15px 0 20px;
  width: 100%;
  flex: 0 0 auto !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div osd-form-cell.kmp-form-field {
  width: 100%;
  border-radius: 7px 7px 0 0;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div osd-form-cell.kmp-form-field .mat-form-field-flex {
  border: 1px solid gray !important;
  background: white;
  border-radius: 10px 10px 0 0;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div osd-form-cell.kmp-form-field.disabled .mat-form-field-flex {
  background: #eee;
  border-radius: 10px 10px 0 0;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div osd-form-cell.kmp-form-field.disabled .mat-form-field-underline {
  display: none;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div osd-form-cell.kmp-form-field mat-error {
  margin-top: 10px !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#CELL_START_FORM {
  flex: 1 1 auto !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#ZICHTBAAR_VOOR_INWONER {
  margin-left: 10px;
  border: none !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#TELNR_TMP,
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#CLIENT_TAAL {
  padding: 0 !important;
  margin: 0 15px 15px 20px !important;
  width: calc(100vw - 35px);
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#CLIENT_NAAM_UPR_TMP,
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK osd-form-cell#CLIENT_EMAIL_UPR_TMP {
  width: unset;
  flex: 1 1 auto !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL {
  height: 60px;
  max-height: 60px;
  width: min( 100vw, var(--max-width) );
  background: var(--primary-header-color) !important;
  border-bottom: 1px solid var(--primary-accent-color) !important;
  padding: 0 0 0 20px;
  margin-bottom: 15px !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL osd-form-cell {
  color: var(--primary-accent-color) !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL osd-form-cell#LBL_TITEL {
  font-weight: 500;
  margin: 0 auto !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL osd-form-cell#LBL_TITEL span {
  padding-left: 30px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL osd-form-cell button {
  color: var(--primary-accent-color) !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_KNOPPEN {
  height: 56px;
  max-height: 56px;
  width: 100vw;
  background: #eee !important;
  border-top: 1px solid var(--primary-accent-color);
}
#KMP-NIEUWE_ZAAK osd-form-cell#_KNOPPEN > div {
  width: 100%;
  padding: 10px 0;
  justify-content: space-between !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_KNOPPEN .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
  background: #eee !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_KNOPPEN osd-form-cell#BTN_CREATE button {
  background: var(--primary-accent-color) !important;
}
table.kmp-taak .kmp-taak-icon {
  width: 40px;
}
#OCP-CONTACTEN .ocp-contact-login {
  font-weight: 500;
  margin-top: 5px;
  font-size: 13px;
}
#OCP-CONTACTEN div.ocp-contact-detail {
  display: block;
  line-height: 22px;
  margin-top: 5px !important;
}
#OCP-CONTACTEN div.ocp-contact-detail i {
  margin-left: 2px;
}
#OCP-CONTACTEN div.ocp-contact-tel {
  line-height: 30px;
}
#OCP-CONTACTEN div.ocp-contact-tel i {
  margin-left: 2px;
}
#OCP-CONTACTEN div.ocp-contact-remark {
  font-size: 13px;
  font-weight: 600;
  color: #ba0606;
  margin-top: 4px;
}
#OCP-CONTACTEN td > .ocp-contact-remark {
  margin-top: 0;
  margin-bottom: 3px;
}
@media screen and (max-width: 450px) {
  #KMP-NIEUWE_ZAAK #_NIEUWE_ZAAK {
    width: 100%;
  }
  #KMP-NIEUWE_ZAAK .osd-checkbox {
    margin-left: 10px;
  }
}
#OCP-BERICHTEN osd-form-cell#_HEADER {
  background: #eee;
}
#OCP-BERICHTEN osd-form-cell#_HEADER osd-form-cell#LBL_CONVERSATIE {
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px !important;
  margin-bottom: 2px;
}
#OCP-BERICHTEN osd-form-cell#_HEADER osd-form-cell#CONVERSATIE {
  flex: 1 1 auto !important;
  font-size: 13px;
  margin-right: 20px;
}
#OCP-BERICHTEN osd-form-cell#_HEADER osd-form-cell#CONVERSATIE .mat-form-field-infix {
  border: none !important;
  margin-top: 7px;
}
#OCP-BERICHTEN osd-form-cell#_HEADER osd-form-cell#CONVERSATIE .mat-select-min-line {
  font-weight: 600;
}
#OCP-BERICHTEN .ocp-berichten-sender {
  max-width: calc(100vw - 170px);
}
#OCP-BERICHTEN .ocp-berichten-sender span {
  white-space: nowrap;
}
#OCP-BERICHTEN .osd-recorder-control {
  height: 100px;
  background-color: var(--primary-header-color);
}
#OCP-BERICHTEN td.osd-col-audio_url button {
  background: transparent !important;
  border: 1px solid var(--primary-header-color);
}
#OCP-BERICHTEN td.osd-col-audio_url button span {
  color: var(--primary-header-color) !important;
}
#OCP-BERICHTEN td.osd-col-audio_url button.osd-audio-clicked {
  border-color: blue;
  border-width: 2px;
  border-radius: 7px;
}
#OCP-BERICHTEN td.osd-col-audio_url button.osd-audio-clicked span {
  color: blue !important;
}
#OCP-BERICHTEN #_RECORDER {
  height: 40px;
}
#OCP-BERICHTEN #_RECORDER > div {
  width: 100%;
}
#OCP-BERICHTEN #_RECORDER #RECORDER_BTN_PLAYBACK button i.fa-circle-pause,
#OCP-BERICHTEN #_RECORDER #RECORDER_BTN_RECORD button i.fa-circle-pause {
  display: none;
}
#OCP-BERICHTEN #_RECORDER.osd-stopped #RECORDER_BTN_RECORD {
  width: 40px;
}
#OCP-BERICHTEN #_RECORDER.osd-stopped #RECORDER_BTN_RECORD osd-form-question {
  display: none !important;
}
#OCP-BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_PLAYBACK {
  width: 40px;
}
#OCP-BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_PLAYBACK osd-form-question {
  display: none !important;
}
#OCP-BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_RECORD button i.fa-microphone-lines {
  display: none;
}
#OCP-BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_RECORD button i.fa-circle-pause {
  display: unset;
}
#OCP-BERICHTEN #_RECORDER.osd-playing #RECORDER_BTN_PLAYBACK button i.fa-circle-play {
  display: none;
}
#OCP-BERICHTEN #_RECORDER.osd-playing #RECORDER_BTN_PLAYBACK button i.fa-circle-pause {
  display: unset;
}
#OCP-BERICHTEN #_RECORDER #RECORDER_COUNTER {
  color: var(--primary-accent-color);
  margin-bottom: 5px !important;
  width: 130px;
  text-align: center;
}
#OCP-BERICHTEN #_RECORDER #RECORDER_COUNTER osd-form-question {
  align-content: center;
}
#OCP-BERICHTEN #_RECORDER #RECORDER_COUNTER osd-form-question span {
  font-family: monospace, monospace;
}
@media screen and (max-width: 360px) {
  #OCP-BERICHTEN #_RECORDER i {
    font-size: 22px;
  }
}
#OCP-BERICHTEN .osd-tts-clicked {
  color: blue;
}
#OCP-BERICHTEN .audio-url {
  display: none;
}
#OCP-INSTALLEREN img.app-icon {
  border: none;
  margin-bottom: 0 !important;
  height: 100px;
  margin-left: 20px;
}
#OCP-INSTALLEREN osd-form-cell#BTN_SLUITEN {
  margin-left: auto;
}
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-START_KEUZE 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-START_KEUZE 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-START_KEUZE 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-START_KEUZE 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-START_KEUZE 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-START_KEUZE 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: var(--max-width)) {
  #OCP-INLOGGEN_DIGID osd-form-cell#LOCALE .osd-locale-flag,
  #OCP-START_KEUZE 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-START_KEUZE 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-START_KEUZE .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: 2px 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(--primary-accent-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 4px;
  padding: 1px;
  color: black;
  background: var(--primary-accent-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(--primary-accent-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(--primary-accent-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(--primary-accent-color) !important;
}
#OCP-SELECTEER_PERSOON osd-form-cell#BTN_IKZELF button.mat-raised-button {
  margin: 0 !important;
  box-shadow: none !important;
  line-height: 20px !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(--primary-accent-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 10px;
  padding: 1px;
}
#OCP-TOEGANGSCODE .ocp-footer-btn span {
  color: var(--primary-accent-color);
  font-weight: 400;
}
#OCP-TOEGANGSCODE .ocp-footer-btn.osd-default-btn {
  color: black;
  background: var(--primary-accent-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(--primary-accent-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(--primary-accent-color);
  background: transparent !important;
  background-color: #fccf0f;
  border-radius: 10px;
  padding: 1px;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn span {
  color: var(--primary-accent-color);
  font-weight: 400;
}
#OCP-NOTIFICATIE_REGISTRATIE .ocp-footer-btn.osd-default-btn {
  color: black;
  background: var(--primary-accent-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 black !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(--primary-accent-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(--primary-accent-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(--primary-accent-color);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 14px 9px;
}
#OCP-SELECTEER_OMGEVING .ocp-link-btn button {
  width: 100%;
  border: 1px solid var(--primary-accent-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 !important;
  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: var(--primary-header-color);
}
#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#NIEUW_BERICHT osd-form-question {
  border: 1px solid transparent;
}
#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;
  height: 36px;
}
#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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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, var(--max-width) ) - 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, var(--max-width) ) - 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, var(--max-width) ) - 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(--primary-accent-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(--primary-accent-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 var(--primary-accent-color) !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-START_KEUZE 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-START_KEUZE .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 .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;
  border-radius: 4px;
}
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 var(--primary-accent-color);
}
body.tab-pressed #OCP-ZAAK osd-form-cell#_FOOTER osd-form-cell.ocp-tab-btn:focus-within {
  border: 1px solid var(--primary-accent-color);
}
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 .ocp-page-card-footer-btn osd-form-question {
  height: 36px;
}
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;
}
.kmp-keesy-logo {
  height: 40px !important;
  padding: 5px !important;
}
button a:link,
button a:visited,
button a:hover,
button a:active {
  text-decoration: none;
  color: unset;
}
img.ocp-gemeente-logo {
  display: none;
}
#OCP-START_KEUZE .form-body,
#OCP-INLOGGEN_KEUZE .form-body {
  background: white;
}
#OCP-START_KEUZE img.ocp-gemeente-logo,
#OCP-INLOGGEN_KEUZE img.ocp-gemeente-logo {
  border: none !important;
  display: flex;
}
#OCP-START_KEUZE osd-form-cell#WELCOME_LABEL p,
#OCP-INLOGGEN_KEUZE osd-form-cell#WELCOME_LABEL p {
  color: black !important;
}
#OCP-START_KEUZE .ocp-header,
#OCP-INLOGGEN_KEUZE .ocp-header {
  background: var(--primary-header-color) !important;
}
#OCP-START_KEUZE osd-form-cell#BTN_INLOGGEN_SMS,
#OCP-INLOGGEN_KEUZE osd-form-cell#BTN_INLOGGEN_SMS {
  display: none !important;
}
#OCP-START_KEUZE .ocp-body,
#OCP-INLOGGEN_KEUZE .ocp-body {
  background: white;
}
#OCP-START_KEUZE .ocp-body .ocp-digid-btn,
#OCP-INLOGGEN_KEUZE .ocp-body .ocp-digid-btn {
  padding: 2px !important;
  height: 43px !important;
}
#OCP-START_KEUZE .ocp-body .ocp-digid-btn button,
#OCP-INLOGGEN_KEUZE .ocp-body .ocp-digid-btn button {
  border-radius: 4px !important;
}
#OCP-START_KEUZE .ocp-body osd-form-cell.osd-button,
#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 osd-form-cell#LBL_TITLE_WELKOM span {
  width: unset !important;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#LBL_TITLE_WELKOM p {
  font-weight: 600;
  font-size: 18px;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#BTN_CLOSE_FORM,
#OCP-INLOGGEN_PINCODE osd-form-cell#LBL_DUMMY {
  width: 60px;
}
#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 button {
  border-radius: 4px !important;
}
#OCP-INLOGGEN_PINCODE .ocp-header {
  color: white;
  background: var(--primary-header-color) !important;
}
#OCP-INLOGGEN_PINCODE .ocp-body {
  background: white;
}
#OCP-INLOGGEN_PINCODE .numeric-keyboard button {
  background: var(--primary-accent-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_PINCODE osd-form-cell#TOEGANGSCODE {
  margin-right: auto !important;
}
#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: 650px) {
  #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#EMAIL mat-error,
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell#EMAIL mat-error,
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell#EMAIL mat-error,
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell#EMAIL mat-error {
  margin-top: 20px;
  font-size: 14px;
  white-space: nowrap;
}
#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-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 osd-form-cell.osd-button:not(:focus-within):not(.osd-default-btn),
#OCP-INLOGGEN_SMS_EMAIL #_BODY osd-form-cell.osd-button:not(:focus-within):not(.osd-default-btn),
#OCP-INLOGGEN_EMAIL #_BODY osd-form-cell.osd-button:not(:focus-within):not(.osd-default-btn),
#OCP-INLOGGEN_EMAIL_SMS #_BODY osd-form-cell.osd-button:not(:focus-within):not(.osd-default-btn) {
  border: 1px solid gray;
}
#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 #_BODY .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_SMS_EMAIL #_BODY .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_EMAIL #_BODY .mat-form-field-flex:focus-within,
#OCP-INLOGGEN_EMAIL_SMS #_BODY .mat-form-field-flex:focus-within {
  width: 100%;
}
#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;
  background: transparent !important;
  font-weight: 600;
}
#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 {
  color: white;
  background: var(--primary-header-color) !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;
  box-shadow: none;
}
#OCP-INLOGGEN_EMAIL osd-form-cell#EMAIL {
  margin-top: 0 !important;
}
#OCP-INLOGGEN_SMS osd-form-cell#LBL_INSTRUCTIE {
  margin-bottom: 10px !important;
}
#OCP-SELECTEER_GEBRUIKER .form-body {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .form-header {
  background: white;
}
#OCP-SELECTEER_GEBRUIKER .ocp-header {
  background: var(--primary-header-color) !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;
  border-radius: 4px;
}
#OCP-SELECTEER_GEBRUIKER osd-form-cell[id^="_GEBRUIKER_"],
#OCP-SELECTEER_GEBRUIKER #_FOOTER osd-form-cell.osd-button {
  border: 1px solid gray;
}
form > div#OCP-START_KEUZE,
form > div#OCP-TOEGANGSCODE,
form > div[id^="OCP-INLOGGEN"],
form div#OCP-SELECTEER_GEBRUIKER {
  --primary-header-color: var(--login-header-color);
}
form > div#OCP-START_KEUZE .ocp-yellow,
form > div#OCP-TOEGANGSCODE .ocp-yellow,
form > div[id^="OCP-INLOGGEN"] .ocp-yellow,
form div#OCP-SELECTEER_GEBRUIKER .ocp-yellow,
form > div#OCP-START_KEUZE .ocp-yellow span,
form > div#OCP-TOEGANGSCODE .ocp-yellow span,
form > div[id^="OCP-INLOGGEN"] .ocp-yellow span,
form div#OCP-SELECTEER_GEBRUIKER .ocp-yellow span {
  color: black !important;
}
.cdk-overlay-pane.OCP-BERICHT_MET_BIJLAGEN\.OCP-BERICHT_MET_BIJLAGEN_LOCATIE {
  min-width: 310px !important;
  width: 95vw !important;
  max-width: 500px !important;
}
.cdk-overlay-pane.OCP-BERICHT_MET_BIJLAGEN\.OCP-BERICHT_MET_BIJLAGEN_LOCATIE .mat-dialog-container {
  padding: 15px !important;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_INVOER {
  padding-top: 5px;
  padding-bottom: 15px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_INVOER mat-radio-group {
  display: flex;
  column-gap: 30px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell.osd-checkbox {
  background: white;
  border: 1px solid gray;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 15px !important;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_POSTCODE {
  width: 120px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_POSTCODE .mat-form-field-subscript-wrapper {
  overflow: visible;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_POSTCODE mat-error span {
  overflow: visible;
  white-space: nowrap;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_HUISNUMMER {
  width: 80px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#LOCATIE .mat-form-field-flex,
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_POSTCODE .mat-form-field-flex,
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_HUISNUMMER .mat-form-field-flex,
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#CUSTOM_ADRES .mat-form-field-flex {
  background: white;
  font-size: 14px;
  border: 1px solid gray;
  border-radius: 4px 4px 0 0;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE .ocp-btn button span {
  font-size: 14px;
  font-weight: 500;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-bottom: 2px !important;
  col-gap: 15px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN .osd-button button {
  background-color: transparent !important;
}
@media screen and (max-width: 375px) {
  #OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN .osd-button button {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN .osd-button.osd-default-btn button {
  background: var(--primary-accent-color) !important;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE osd-form-cell#_KNOPPEN .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-BERICHT_MET_BIJLAGEN_LOCATIE 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-TOEGANGSCODE {
  --primary-header-color: var(--login-header-color);
  padding: 0;
}
#OCP-TOEGANGSCODE .ocp-body {
  background: white;
}
#OCP-TOEGANGSCODE .ocp-body #LBL_GEBRUIKERSNAAM {
  margin-top: 50px;
  color: black;
  font-weight: 600;
  font-size: 16px;
  width: 265px;
  margin-left: auto !important;
}
#OCP-TOEGANGSCODE .ocp-body #GEBRUIKERSNAAM {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}
#OCP-TOEGANGSCODE .ocp-body #LBL_TOEGANGSCODE,
#OCP-TOEGANGSCODE .ocp-body #LBL_TOEGANGSCODE_BEVESTIGING,
#OCP-TOEGANGSCODE .ocp-body #LBL_TOEGANGSCODE_OPGESLAGEN {
  font-weight: 500;
  font-size: 18px;
}
#OCP-TOEGANGSCODE .ocp-body .osd-label {
  margin-left: auto;
  margin-right: auto;
}
#OCP-TOEGANGSCODE .numeric-keyboard button {
  background: var(--primary-accent-color);
  border: 1px solid gray;
}
#OCP-TOEGANGSCODE #_FOOTER {
  background: white;
  border: none;
  padding: 10px 20px;
}
.cdk-overlay-pane.OCP-BERICHTEN\.OCP-STANDAARD_BERICHTEN {
  max-width: min(90vw, calc(0.8 * 1024px)) !important;
}
.cdk-overlay-pane.OCP-BERICHTEN\.OCP-STANDAARD_BERICHTEN .modal-dialog-body {
  padding: 10px 0 10px 10px !important;
}
.cdk-overlay-pane.OCP-BERICHTEN\.OCP-STANDAARD_BERICHTEN mat-dialog-container {
  padding: 20px 0 0 0;
}
.cdk-overlay-pane.OCP-BERICHTEN\.OCP-STANDAARD_BERICHTEN header {
  margin-bottom: 10px !important;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT {
  max-height: calc(min(400px, 50vh));
  overflow: auto;
  padding: 0 10px 10px 0;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button {
  display: block;
  font-size: 15px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button .mat-radio-ripple {
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  height: 30px;
  width: 30px;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button span {
  line-height: 20px;
  white-space: normal;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button .mat-radio-container {
  align-self: start;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-bottom: 2px !important;
  margin-left: 20px;
  margin-right: 20px;
  col-gap: 15px;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button {
  background-color: transparent;
  padding: 0px;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button button {
  background-color: transparent !important;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button.osd-default-btn button {
  background: var(--primary-accent-color) !important;
}
#OCP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button button {
  border: 1px solid #888 !important;
  border-radius: 10px;
  box-shadow: none !important;
  line-height: 32px !important;
}
#OCP-STANDAARD_BERICHTEN 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;
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix textarea {
  margin-top: 5px;
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix mat-label {
  display: flex;
  align-items: flex-end;
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix mat-label > span {
  width: calc(100% - 50px);
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix mat-label button {
  cursor: pointer !important;
  pointer-events: auto !important;
  font-size: 17px;
  border: 2px solid var(--primary-accent-color);
  color: var(--primary-accent-color);
  min-width: unset;
  border-radius: 30px;
  background: transparent;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix mat-label button i {
  color: var(--primary-accent-color);
}
osd-form-cell.osd-textarea mat-form-field.osd-audio .mat-form-field-infix mat-label button.osd-is-recording {
  background: red;
}