:root {
  --max-width: 1024px;
}
.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: 768px) {
  html {
    position: fixed;
    width: 100vw;
    max-width: var(--max-width);
  }
  body {
    overflow: hidden;
    width: 100vw;
    position: fixed;
  }
}
/* einde */
body {
  max-width: var(--max-width);
  margin: 0 auto !important;
  font-family: Raleway, Roboto, sans-serif !important;
  background: lightgray;
}
osd-form-selectfield .mat-form-field-wrapper {
  cursor: pointer;
}
.mat-button-ripple {
  display: none !important;
}
.mat-option .mat-option-ripple {
  display: none;
}
.cdk-overlay-container {
  left: unset !important;
  max-width: var(--max-width);
}
/*
.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(768px - 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(768px - 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(768px - 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: var(--max-width);
    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: #999A99;
  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: #999A99;
  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 {
  margin: 0;
  padding: 10px 5px 0px 5px;
  margin-bottom: 0 !important;
  background: linear-gradient(180deg, #5A5B5A, 37%, #343433);
  display: block!important;
  border-top: 1px solid var(--primary-accent-color);
}
.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: #999A99;
}
.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: #999A99;
  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.8;
  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 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 i {
  color: #999A99;
}
.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 #999A99 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 #999A99 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 #999A99;
  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: #000;
  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: #999A99;
  position: absolute;
}
.ocp-gebeurtenis-today::after {
  content: "";
  width: calc((50% - 100px) - 20px);
  height: 2px;
  top: 10px;
  right: 10px;
  background: #999A99;
  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: #999A99;
    position: absolute;
  }
  .ocp-gebeurtenis-today::after {
    content: "";
    height: 2px;
    top: 7px;
    right: 10px;
    background: #999A99;
    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 #999A99; */
  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(--primary-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,
#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,
#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,
#BTN_SHOW_FORM\#OCP\#DOCUMENT_SELECTIE button {
  text-align: left;
}
#OCP-BERICHT_MET_BIJLAGEN #BTN_SELECTEER_OMGEVING 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 #999A99;
  border-bottom: 1px solid #999A99;
  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: 768px) {
  .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 * 768px ), 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: 768px) {
  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: 768px) {
  .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(768px - 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: #999A99 !important;
}
.ocp-berichten .form-footer {
  border-bottom: 0px solid var(--primary-accent-color);
}
/*
.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: var(--max-width);*/
  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: #999A99;
}
.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;
}
#OCP-PORTAAL .ocp-header-back-btn button span.mat-button-wrapper span {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
#OCP-PORTAAL .ocp-header-title span {
  width: calc(100vw - 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: #999A99;
  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(768px - 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#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#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;
  width: 100px;
  height: 36px;
  font-weight: 600;
  line-height: unset;
  min-width: unset;
}
.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;
}
.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: 768px) {
  .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#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 * var(--max-width) ) ) !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;
}
div.cdk-overlay-pane.KBP-PORTAAL a {
  text-decoration: none;
  color: unset;
  font-weight: 500;
}
div.cdk-overlay-container .kmp-taak osd-form-cell#_BODY {
  margin: 0 !important;
}
div.cdk-overlay-container .modal-dialog-title {
  margin-bottom: 20px !important;
}
div.cdk-overlay-container footer.modal-dialog-footer {
  padding-top: 5px;
}
div.cdk-overlay-container div.cdk-overlay-pane[class$=".INFO"] footer a,
div.cdk-overlay-container div.cdk-overlay-pane[class$=".QUESTION"] footer a,
div.cdk-overlay-container div.cdk-overlay-pane[class$=".INFO"] footer button,
div.cdk-overlay-container div.cdk-overlay-pane[class$=".QUESTION"] footer button {
  margin-top: 10px;
  padding: 5px 10px !important;
  border: 1px solid gray;
  border-radius: 10px;
  line-height: 30px;
}
div.cdk-overlay-container div.cdk-overlay-pane[class$=".INFO"] footer button a,
div.cdk-overlay-container div.cdk-overlay-pane[class$=".QUESTION"] footer button a {
  text-decoration: none;
  border: none;
  color: unset;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) footer.modal-dialog-footer > button {
  margin-top: 10px;
  padding: 5px 10px !important;
  border: 1px solid gray;
  border-radius: 10px;
  line-height: 30px;
}
div.cdk-overlay-pane.KMP-INSTELLINGEN\.KMP-PINCODE_DIALOG .modal-dialog-body {
  padding: 0 !important;
}
div.osd-amount:not(:empty),
span.osd-amount:not(:empty),
th.osd-amount:not(:empty),
td.osd-amount:not(:empty) {
  text-align: right;
}
div.osd-amount:not(:empty):before,
span.osd-amount:not(:empty):before,
th.osd-amount:not(:empty):before,
td.osd-amount:not(:empty):before {
  content: "€\00a0";
}
tr.osd-total td {
  padding-top: 7px;
}
.kmp-taak osd-form-cell#BTN_TOELICHTING button i.fa-file-lines {
  display: none;
}
/* Not for KMP
body.tab-pressed {
  div.form-header button:focus {
    box-shadow: 0 0 0 1pt #5757ff !important;
  }

  .cdk-overlay-container {
    footer button {
      border: 1px solid #888 !important;

      &:focus {
        border: 1px solid #0000d6 !important;
      }
    }

    .menu-top-right {
      footer button:not(:last-of-type) {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #d9d9d9 !important;
      }

      footer button:last-of-type {
        border: none !important;
      }
    }

    .menu-top {
      footer button {
        border: none !important;
        padding: 0 !important;
        margin-top: 0px;

        &:first-of-type {
          margin-top: 10px;
        }

        &:focus {
          border: none !important;
        }
      }
    }
  }

  .menu-top-right footer button.modal-dialog-button {
    & > span {
      padding: 6px 20px;
      width: 100%;
      border-radius: 10px;
    }

    &:focus {
      & > span {
        outline: 1px solid #5757ff !important;
      }
    }
  }
}
*/
div.cdk-overlay-pane.KBP-PORTAAL a {
  text-decoration: none;
  color: unset;
  font-weight: 500;
}
.cdk-overlay-container .menu-top-left {
  min-width: auto !important;
  min-height: auto !important;
  margin-top: 62px !important;
  margin-left: 20px !important;
}
.cdk-overlay-container .menu-top-left .mat-dialog-container {
  border: none;
  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;
}
.cdk-overlay-container .menu-top-left footer {
  flex-direction: column;
  margin-top: 0px;
  border-top: none;
}
.cdk-overlay-container .menu-top-left footer button.modal-dialog-button {
  margin: 0 !important;
  display: flex;
  width: 100%;
  border-radius: 0;
  border: none !important;
  border-bottom: 1px solid #D9D9D9 !important;
  padding: 8px 14px 12px 14px !important;
  line-height: normal !important;
}
.cdk-overlay-container .menu-top-left footer button.modal-dialog-button:last-of-type {
  border: none !important;
}
.cdk-overlay-container .menu-top-left footer button .mat-button-wrapper i {
  margin-right: 14px;
  font-size: 20px !important;
  color: #999A99;
  width: 20px;
}
.cdk-overlay-container .menu-top-left footer button .modal-dialog-button-name {
  display: flex;
  align-items: center;
}
.cdk-overlay-container .menu-top-left footer .modal-dialog-button-name {
  color: #000;
}
.cdk-overlay-container .menu-top-left footer .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: none !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 .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;
}
div.cdk-overlay-pane.KMP-PORTAAL button span,
div.cdk-overlay-pane.KMP-PORTAAL button a {
  width: 100%;
  text-align: left;
}
div.cdk-overlay-pane.KMP-PORTAAL button a {
  padding: 8px 14px 12px 14px !important;
}
div.cdk-overlay-pane.KMP-PORTAAL button#BTN_EXPORT_GROUP,
div.cdk-overlay-pane.KMP-PORTAAL button#BTN_ALLE_ZAKEN_XLS {
  padding: 0 !important;
}
div.cdk-overlay-pane.KMP-ZAAK i.far.fa-envelope-open-text {
  color: gray;
}
div.cdk-overlay-pane.KMP-ZAAK\.QUESTION button {
  margin-top: 10px;
  line-height: 32px;
  padding: 0px 16px !important;
  border-radius: 10px;
}
h4 {
  margin: 10px 0;
}
.osd-translation {
  display: block;
  margin-top: 5px;
}
osd-form-cell.osd-table td.mat-cell.boolean mat-checkbox {
  padding-bottom: 1px;
}
.kbp-zaak-header {
  padding: 20px 35px 15px 35px;
  border-bottom: 2px solid var(--primary-accent-color);
  height: 75px;
  margin-bottom: 0px !important;
  background-color: #eeeeee;
}
.kbp-zaak-header osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
}
.kbp-zaak-header osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
.kbp-zaak-header osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
.kbp-zaak-header osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
  background-color: #eeeeee;
}
.kbp-zaak-header osd-form-cell#BTN_NIEUW button:focus {
  border: 1px solid #0000D6 !important;
  color: #0000D6 !important;
}
.kbp-zaak-body {
  padding: 20px 0 0 0;
  background-color: #eeeeee;
}
.kbp-zaak-body .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
.kbp-zaak-body osd-form-cell[id$="_TABEL"] {
  margin: 0 30px 20px 30px;
}
.kbp-zaak-body .form-table {
  max-height: calc(100vh - 177px);
  overflow-y: auto;
  flex: 0 0 auto;
  border: none;
  margin-bottom: 0px;
  scrollbar-width: thin;
}
.kbp-zaak-body .form-table tr.selected {
  background-color: transparent;
}
.kbp-zaak-body .mat-sort-header-container {
  padding-left: 0px;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: black !important;
}
.kbp-zaak-body tr.mat-row {
  height: 44px;
  cursor: pointer;
}
.kbp-zaak-body tr.selected:focus-within {
  background: #DDD !important;
}
.kbp-zaak-body th,
.kbp-zaak-body td {
  width: unset;
  font-family: Raleway;
}
.kbp-zaak-body th.mat-header-cell:first-of-type,
.kbp-zaak-body td.mat-cell:first-of-type {
  padding-left: 20px;
}
.kbp-zaak-body th.mat-header-cell:last-of-type,
.kbp-zaak-body td.mat-cell:last-of-type {
  padding-right: 10px;
}
.kbp-zaak-body td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
.kbp-zaak-body tr.inactive td.osd-col-id,
.kbp-zaak-body tr.inactive td.osd-col-naam {
  text-decoration: line-through;
}
.kbp-zaak-body td.osd-col-geldig_vanaf,
.kbp-zaak-body td.osd-col-geldig_tot {
  width: 120px;
}
.kbp-zaak-body td.osd-col-wijzigen {
  width: 50px;
}
.kbp-zaak-body td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
.kbp-zaak-body tr.kbp-zaaksoort-inactive td.osd-col-zaaksoort {
  text-decoration: line-through;
}
.kbp-detail osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
.kbp-detail osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
.kbp-detail .form-body {
  height: calc(100vh - 201px);
  overflow-y: auto;
  flex: 0 0 auto;
}
.kbp-detail osd-form-cell#_BODY {
  margin-top: 5px;
}
.kbp-detail osd-form-cell.osd-small-btn button {
  font-weight: 600;
  font-size: 18px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999A99;
  min-width: 44px;
  padding: 0;
}
.kbp-detail osd-form-cell.osd-small-btn button i {
  padding: 10px 0 10px 6px;
}
#KBP-PORTAAL > div#PG-P {
  padding-top: 2px;
  background: #eee;
}
#KBP-PORTAAL osd-form-cell#LBL_LOGO {
  color: var(--primary-accent-color);
  font-size: 22px;
  font-weight: 700;
}
#KBP-PORTAAL osd-form-cell#LBL_LOGO span {
  height: unset;
}
#KBP-PORTAAL #_MENU {
  width: 100px;
}
#KBP-PORTAAL #_MENU button {
  width: 100px;
  height: 80px;
  padding: 0px;
  box-shadow: none !important;
}
#KBP-PORTAAL #_MENU button div.selected {
  border: 2px solid var(--primary-accent-color);
  border-radius: 10px;
  margin: 5px;
  padding: 5px;
}
#KBP-PORTAAL #_MENU button i {
  font-size: 24px;
}
#KBP-PORTAAL #_MENU button .kmp-icon-label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: black;
}
#KBP-CLIENTEN .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-CLIENTEN .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-CLIENTEN .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-CLIENTEN osd-form-cell#CLIENTEN_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-CLIENTEN .form-table {
  border: none;
  margin-bottom: 0px;
}
#KBP-CLIENTEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-CLIENTEN tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-CLIENTEN th,
#KBP-CLIENTEN td {
  width: unset;
  font-family: Raleway;
}
#KBP-CLIENTEN th.mat-header-cell:first-of-type,
#KBP-CLIENTEN td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-CLIENTEN th.mat-header-cell:last-of-type,
#KBP-CLIENTEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-CLIENTEN td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
#KBP-CLIENTEN td.osd-col-niet_actief {
  width: 90px;
}
#KBP-CLIENTEN td.osd-col-niet_actief .mat-checkbox-background {
  background: white;
}
#KBP-CLIENTEN td.osd-col-niet_actief .mat-checkbox-checkmark-path {
  stroke: black !important;
}
#KBP-CLIENTEN td.osd-col-wijzigen {
  width: 50px;
}
#KBP-CLIENTEN td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-CLIENTEN tr.kbp-user-inactive td.osd-col-naam,
#KBP-CLIENTEN tr.kbp-user-inactive td.osd-col-emailadres {
  text-decoration: line-through;
}
#KBP-CLIENTEN osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
}
#KBP-CLIENTEN osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-CLIENTEN osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-CLIENTEN osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-ROL osd-form-cell#GEBRUIKERS {
  background: white;
  padding: 5px 0;
  width: 550px;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin-bottom: 0px !important;
}
#KBP-ROL osd-form-cell#GEBRUIKERS .form-table {
  margin-bottom: 0 !important;
}
#KBP-ROL osd-form-cell#GEBRUIKERS tr.mat-row {
  height: 32px;
}
#KBP-ROL osd-form-cell#GEBRUIKERS td.mat-cell:first-of-type {
  padding-left: 0px;
}
#KBP-ROL osd-form-cell#GEBRUIKERS td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-ROL osd-form-cell#GEBRUIKERS .osd-col-selected {
  width: 40px;
  text-align: center;
}
#KBP-ROL osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  background: unset;
  margin-left: 17px;
  width: 450px;
  border: none;
}
#KBP-GEBRUIKERS .kmp-zaak-header,
#KBP-EXTERNE_PROFESSIONALS .kmp-zaak-header,
#KBP-ROLLEN .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-GEBRUIKERS .form-body,
#KBP-EXTERNE_PROFESSIONALS .form-body,
#KBP-ROLLEN .form-body {
  height: calc(100vh - 137px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-GEBRUIKERS .kmp-zaak-body,
#KBP-EXTERNE_PROFESSIONALS .kmp-zaak-body,
#KBP-ROLLEN .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN {
  margin-left: 30px;
  margin-right: 30px;
  background: white;
  border: none;
  box-shadow: none;
  width: calc(100% - 60px);
  height: 45px;
  position: relative;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN > div,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN > div,
#KBP-ROLLEN osd-form-cell#_ZOEKEN > div {
  flex: 1 1 auto !important;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY {
  flex-grow: 1 !important;
  width: unset;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-flex,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-flex,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-flex {
  padding-top: 0px;
  background: white;
  border-radius: 0;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-infix,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-infix,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-infix {
  padding-top: 8px;
  padding-bottom: 0px;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-underline,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-underline,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-underline {
  top: 55px;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY input,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY input,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY input {
  padding-left: 35px;
  width: 600px;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  position: absolute;
  top: 1px;
  z-index: 9;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button {
  box-shadow: none !important;
  font-size: 16px;
  width: 50px;
  min-width: unset;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN {
  right: 60px;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  right: 10px;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN {
  position: absolute;
  top: 1px;
  left: 10px;
  z-index: 9;
}
#KBP-GEBRUIKERS osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search,
#KBP-ROLLEN osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 5px;
  margin-top: 10px;
  font-size: 20px;
}
#KBP-GEBRUIKERS osd-form-cell#GEBRUIKERS_TABEL,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#GEBRUIKERS_TABEL,
#KBP-ROLLEN osd-form-cell#GEBRUIKERS_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-GEBRUIKERS osd-form-cell#EXTERNE_PROFESSIONALS_TABEL,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#EXTERNE_PROFESSIONALS_TABEL,
#KBP-ROLLEN osd-form-cell#EXTERNE_PROFESSIONALS_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-GEBRUIKERS osd-form-cell#ROLLEN_TABEL,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#ROLLEN_TABEL,
#KBP-ROLLEN osd-form-cell#ROLLEN_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-GEBRUIKERS .form-table,
#KBP-EXTERNE_PROFESSIONALS .form-table,
#KBP-ROLLEN .form-table {
  border: none;
  margin-bottom: 0px;
  max-height: calc(100vh - 240px);
}
#KBP-GEBRUIKERS .mat-sort-header-container,
#KBP-EXTERNE_PROFESSIONALS .mat-sort-header-container,
#KBP-ROLLEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-GEBRUIKERS tr.mat-row,
#KBP-EXTERNE_PROFESSIONALS tr.mat-row,
#KBP-ROLLEN tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-GEBRUIKERS tr.selected:focus-within,
#KBP-EXTERNE_PROFESSIONALS tr.selected:focus-within,
#KBP-ROLLEN tr.selected:focus-within {
  background: #DDD !important;
}
#KBP-GEBRUIKERS th,
#KBP-EXTERNE_PROFESSIONALS th,
#KBP-ROLLEN th,
#KBP-GEBRUIKERS td,
#KBP-EXTERNE_PROFESSIONALS td,
#KBP-ROLLEN td {
  width: unset;
  font-family: Raleway;
}
#KBP-GEBRUIKERS th.mat-header-cell:first-of-type,
#KBP-EXTERNE_PROFESSIONALS th.mat-header-cell:first-of-type,
#KBP-ROLLEN th.mat-header-cell:first-of-type,
#KBP-GEBRUIKERS td.mat-cell:first-of-type,
#KBP-EXTERNE_PROFESSIONALS td.mat-cell:first-of-type,
#KBP-ROLLEN td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-GEBRUIKERS th.mat-header-cell:last-of-type,
#KBP-EXTERNE_PROFESSIONALS th.mat-header-cell:last-of-type,
#KBP-ROLLEN th.mat-header-cell:last-of-type,
#KBP-GEBRUIKERS td.mat-cell:last-of-type,
#KBP-EXTERNE_PROFESSIONALS td.mat-cell:last-of-type,
#KBP-ROLLEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-GEBRUIKERS td.osd-col-naam,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-naam,
#KBP-ROLLEN td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
#KBP-GEBRUIKERS td.osd-col-emailadres,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-emailadres,
#KBP-ROLLEN td.osd-col-emailadres {
  padding-right: 20px;
  min-width: 200px;
}
#KBP-GEBRUIKERS td.osd-col-telefoonnummer,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-telefoonnummer,
#KBP-ROLLEN td.osd-col-telefoonnummer {
  padding-right: 20px;
  min-width: 90px;
}
#KBP-GEBRUIKERS td.osd-col-groep_account,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-groep_account,
#KBP-ROLLEN td.osd-col-groep_account {
  width: 80px;
}
#KBP-GEBRUIKERS td.osd-col-rol_gebruikersbeheer,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-rol_gebruikersbeheer,
#KBP-ROLLEN td.osd-col-rol_gebruikersbeheer,
#KBP-GEBRUIKERS td.osd-col-rol_configuratiebeheer,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-rol_configuratiebeheer,
#KBP-ROLLEN td.osd-col-rol_configuratiebeheer {
  width: 60px;
}
#KBP-GEBRUIKERS td.osd-col-niet_actief,
#KBP-EXTERNE_PROFESSIONALS td.osd-col-niet_actief,
#KBP-ROLLEN td.osd-col-niet_actief {
  width: 90px;
}
#KBP-GEBRUIKERS tr.kbp-user-inactive td.osd-col-naam,
#KBP-EXTERNE_PROFESSIONALS tr.kbp-user-inactive td.osd-col-naam,
#KBP-ROLLEN tr.kbp-user-inactive td.osd-col-naam,
#KBP-GEBRUIKERS tr.kbp-user-inactive td.osd-col-emailadres,
#KBP-EXTERNE_PROFESSIONALS tr.kbp-user-inactive td.osd-col-emailadres,
#KBP-ROLLEN tr.kbp-user-inactive td.osd-col-emailadres,
#KBP-GEBRUIKERS tr.kbp-user-inactive td.osd-col-telefoonnummer,
#KBP-EXTERNE_PROFESSIONALS tr.kbp-user-inactive td.osd-col-telefoonnummer,
#KBP-ROLLEN tr.kbp-user-inactive td.osd-col-telefoonnummer,
#KBP-GEBRUIKERS tr.kbp-user-inactive td.osd-col-functie,
#KBP-EXTERNE_PROFESSIONALS tr.kbp-user-inactive td.osd-col-functie,
#KBP-ROLLEN tr.kbp-user-inactive td.osd-col-functie,
#KBP-GEBRUIKERS tr.kbp-user-inactive td.osd-col-organisatie,
#KBP-EXTERNE_PROFESSIONALS tr.kbp-user-inactive td.osd-col-organisatie,
#KBP-ROLLEN tr.kbp-user-inactive td.osd-col-organisatie {
  text-decoration: line-through;
}
#KBP-GEBRUIKERS osd-form-cell#LBL_TITEL,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#LBL_TITEL,
#KBP-ROLLEN osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
}
#KBP-GEBRUIKERS osd-form-cell#BTN_NIEUW,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#BTN_NIEUW,
#KBP-ROLLEN osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-GEBRUIKERS osd-form-cell#BTN_NIEUW i,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#BTN_NIEUW i,
#KBP-ROLLEN osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-GEBRUIKERS osd-form-cell#BTN_NIEUW button,
#KBP-EXTERNE_PROFESSIONALS osd-form-cell#BTN_NIEUW button,
#KBP-ROLLEN osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-GEBRUIKER osd-form-cell.osd-label {
  font-weight: 600;
}
#KBP-GEBRUIKER osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-GEBRUIKER osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-GEBRUIKER .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-GEBRUIKER osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-GEBRUIKER osd-form-cell#_KNOPPEN {
  margin-top: 50px !important;
  width: 500px;
}
#KBP-GEBRUIKER .osd-checkbox mat-label,
#KBP-GEBRUIKER .osd-radiogroup mat-label {
  display: block;
  font-size: 13px;
  color: #0009;
}
#KBP-GEBRUIKER mat-checkbox,
#KBP-GEBRUIKER mat-radio-button {
  display: inline-block;
  margin-right: 20px;
}
#KBP-GEBRUIKER osd-form-cell#GROEPEN {
  min-width: 450px;
  padding-left: 0;
  margin-bottom: 0 !important;
}
#KBP-GEBRUIKER osd-form-cell#GROEPEN mat-checkbox {
  display: block;
}
#KBP-GEBRUIKER osd-form-cell#GROEPEN mat-label {
  color: black;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
#KBP-GEBRUIKER osd-form-cell#GROEPEN label.mat-checkbox-layout {
  margin-left: 12px;
}
#KBP-GEBRUIKER osd-form-cell#OCP_LBL_TITEL {
  font-weight: 600;
}
#KBP-GEBRUIKER osd-form-cell#_CONTACTGEGEVENS_VOOR_CLIENT {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 10px 15px 15px 15px;
  margin: 10px 0 20px 0 !important;
}
#KBP-GEBRUIKER osd-form-cell#_CONTACTGEGEVENS_VOOR_CLIENT .osd-text,
#KBP-GEBRUIKER osd-form-cell#_CONTACTGEGEVENS_VOOR_CLIENT .osd-textarea {
  width: 415px;
}
#KBP-GEBRUIKER osd-form-cell#LBL_GROEPEN {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 5px !important;
}
#KBP-GEBRUIKER osd-form-cell#BEHEER_RECHTEN mat-checkbox {
  display: block;
  margin-left: 5px;
  margin-bottom: 5px !important;
}
#KBP-GEBRUIKER osd-form-cell#BEHEER_RECHTEN mat-checkbox:not(:last-of-type) {
  margin-bottom: 10px !important;
}
#KBP-GEBRUIKER osd-form-cell#LBL_GEBRUIKERS,
#KBP-GEBRUIKER osd-form-cell#LBL_BEHEER_ROLLEN,
#KBP-GEBRUIKER osd-form-cell#LBL_ROLLEN {
  margin-left: 5px;
  margin-bottom: 5px !important;
}
#KBP-GEBRUIKER osd-form-cell#LBL_GEBRUIKERS {
  padding: 0 0 10px 0 !important;
}
#KBP-GEBRUIKER .osd-table table.mat-table {
  padding: 5px 5px;
}
#KBP-GEBRUIKER osd-form-cell#_GEBRUIKER_RECHTEN,
#KBP-GEBRUIKER osd-form-cell#_GEBRUIKERS_TOEGANG {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 10px 15px 5px 15px;
  margin: 0px 0 20px 0 !important;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS,
#KBP-GEBRUIKER osd-form-cell#ROLLEN {
  background: white;
  padding: 5px 0;
  border: 1px solid #bbb;
  border-radius: 4px;
  min-width: 450px;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS .form-table,
#KBP-GEBRUIKER osd-form-cell#ROLLEN .form-table {
  margin-bottom: 0 !important;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS tr.mat-row,
#KBP-GEBRUIKER osd-form-cell#ROLLEN tr.mat-row {
  height: 32px;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS td.mat-cell:first-of-type,
#KBP-GEBRUIKER osd-form-cell#ROLLEN td.mat-cell:first-of-type {
  padding-left: 10px;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS td.mat-cell:last-of-type,
#KBP-GEBRUIKER osd-form-cell#ROLLEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS .osd-col-selected,
#KBP-GEBRUIKER osd-form-cell#ROLLEN .osd-col-selected {
  width: 40px;
  text-align: center;
}
#KBP-GEBRUIKER osd-form-cell#GEBRUIKERS {
  min-width: 550px;
  margin-bottom: 0px !important;
}
#KBP-GEBRUIKER osd-form-cell#CHK_OOK_GEBRUIKERS_TONEN {
  background: unset;
  margin-left: 7px;
  width: unset;
  border: none;
  margin-right: 0 !important;
}
#KBP-GEBRUIKER osd-form-cell#CHK_TOON_ALLE_GEBRUIKERS {
  background: unset;
  width: unset;
  border: none;
}
#KBP-GEBRUIKER osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  background: unset;
  margin-left: 7px;
  width: 450px;
  border: none;
}
#KBP-GEBRUIKER osd-form-cell#BTN_INSTELLINGEN {
  margin-left: 10px;
  margin-right: auto !important;
}
#KBP-LOCATIES .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-LOCATIES .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-LOCATIES .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-LOCATIES osd-form-cell#LOCATIES_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-LOCATIES .form-table {
  border: none;
  margin-bottom: 0px;
}
#KBP-LOCATIES .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-LOCATIES tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-LOCATIES th,
#KBP-LOCATIES td {
  width: unset;
  font-family: Raleway;
}
#KBP-LOCATIES th.mat-header-cell:first-of-type,
#KBP-LOCATIES td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-LOCATIES th.mat-header-cell:last-of-type,
#KBP-LOCATIES td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-LOCATIES td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
#KBP-LOCATIES td.osd-col-geldig_vanaf,
#KBP-LOCATIES td.osd-col-geldig_tot {
  width: 120px;
}
#KBP-LOCATIES td.osd-col-wijzigen {
  width: 50px;
}
#KBP-LOCATIES td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-LOCATIES tr.kbp-location-inactive td.osd-col-naam {
  text-decoration: line-through;
}
#KBP-LOCATIES osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
}
#KBP-LOCATIES osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-LOCATIES osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-LOCATIES osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-LOCATIE osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-LOCATIE osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-LOCATIE .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-LOCATIE osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-LOCATIE osd-form-cell#URL {
  width: calc( min( 100vw, var(--max-width) ) - 240px );
}
#KBP-LOCATIE osd-form-cell#BTN_TEST_URL {
  margin-top: 5px;
}
#KBP-LOCATIE osd-form-cell#BTN_TEST_URL button {
  height: 40px;
  min-width: unset;
}
#KBP-LOCATIE osd-form-cell#BTN_TEST_URL button a {
  text-decoration: none;
  border: none;
}
#KBP-LOCATIE osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  width: 500px;
}
#KBP-EXTERNE_PROFESSIONAL osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-EXTERNE_PROFESSIONAL osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-EXTERNE_PROFESSIONAL .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-EXTERNE_PROFESSIONAL osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-EXTERNE_PROFESSIONAL osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  width: 500px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#_HEADER {
  padding-top: 0;
}
#KBP-ZAAKSOORT_AUTORISATIE .form-body {
  height: auto !important;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#_KNOPPEN {
  max-width: calc(100% - 20px) !important;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN {
  background: white;
  padding: 5px 0;
  width: auto;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin-bottom: 0px !important;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN .form-table {
  margin-bottom: 0 !important;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN tr.mat-header-row {
  height: 30px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN th {
  padding-left: 0;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN tr.mat-row {
  height: 32px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td.mat-cell:first-of-type {
  padding-left: 0px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td.mat-cell:last-of-type {
  padding-right: 0px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td > span {
  margin-left: 5px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td .mat-form-field-infix {
  border-top: 5px;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td mat-select {
  margin-left: 5px;
  width: calc(100% - 10px);
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td .mat-form-field-wrapper {
  padding-bottom: 0;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN td .mat-form-field-underline {
  display: none;
}
#KBP-ZAAKSOORT_AUTORISATIE osd-form-cell#ZAAKSOORT_ACTIVITEIT_ROLLEN .osd-col-selected {
  width: 40px;
  text-align: center;
}
#KBP-ZAAKSOORTEN .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-ZAAKSOORTEN .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-ZAAKSOORTEN .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-ZAAKSOORTEN osd-form-cell#ZAAKSOORTEN_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-ZAAKSOORTEN .form-table {
  border: none;
  margin-bottom: 0px;
}
#KBP-ZAAKSOORTEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-ZAAKSOORTEN tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-ZAAKSOORTEN th,
#KBP-ZAAKSOORTEN td {
  width: unset;
  font-family: Raleway;
}
#KBP-ZAAKSOORTEN th.mat-header-cell:first-of-type,
#KBP-ZAAKSOORTEN td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-ZAAKSOORTEN th.mat-header-cell:last-of-type,
#KBP-ZAAKSOORTEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-ZAAKSOORTEN td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
#KBP-ZAAKSOORTEN td.osd-col-dagen_inactief,
#KBP-ZAAKSOORTEN td.osd-col-geldig_vanaf,
#KBP-ZAAKSOORTEN td.osd-col-geldig_tot {
  width: 120px;
}
#KBP-ZAAKSOORTEN td.osd-col-wijzigen {
  width: 50px;
}
#KBP-ZAAKSOORTEN td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-ZAAKSOORTEN tr.kbp-zaaksoort-inactive td.osd-col-zaaksoort {
  text-decoration: line-through;
}
#KBP-ZAAKSOORTEN osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
  width: unset;
}
#KBP-ZAAKSOORTEN osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-ZAAKSOORTEN osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-ZAAKSOORTEN osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-ZAAKSOORT osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-ZAAKSOORT osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-ZAAKSOORT .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-ZAAKSOORT osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-ZAAKSOORT osd-form-cell#LBL_ACTIVITEIT {
  margin-left: 5px;
}
#KBP-ZAAKSOORT osd-form-cell#LBL_ACTIVITEIT h3 {
  margin-bottom: 0 !important;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL {
  margin-left: 0px !important;
}
#KBP-ZAAKSOORT osd-form-cell#BTN_CATALOGUS_ID_REFRESH button,
#KBP-ZAAKSOORT osd-form-cell#BTN_ZAAKTYPE_ID_REFRESH button {
  min-width: 40px;
  height: 40px;
  padding-left: 16px;
  padding-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
}
#KBP-ZAAKSOORT osd-form-cell#BTN_CATALOGUS_ID_REFRESH button:focus,
#KBP-ZAAKSOORT osd-form-cell#BTN_ZAAKTYPE_ID_REFRESH button:focus {
  margin: 10px 0 0 10px !important;
  border: 1px solid #999A99 !important;
  outline: 1px solid #999A99 !important;
}
#KBP-ZAAKSOORT osd-form-cell#LBL_TAAKSOORTEN,
#KBP-ZAAKSOORT osd-form-cell#LBL_DOCUMENTSOORTEN {
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 10px !important;
}
#KBP-ZAAKSOORT osd-form-cell#LBL_TEMPLATES {
  margin-left: 5px;
  margin-bottom: 10px !important;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS {
  background: white;
  padding: 5px 0;
  width: 642px;
  border: 1px solid #bbb;
  border-radius: 4px;
  overflow-y: auto;
  min-height: 200px;
  max-height: calc(100vh - 700px);
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .form-table-no-rows,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .form-table-no-rows,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .form-table-no-rows,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .form-table-no-rows {
  display: unset;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .form-table,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .form-table,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .form-table,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .form-table {
  margin-bottom: 0 !important;
  max-height: unset;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL td input,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL td input,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL td input,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS td input {
  width: 100%;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL tr.mat-row,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL tr.mat-row,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL tr.mat-row,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr.mat-row {
  height: 32px;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL td.mat-cell:first-of-type,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL td.mat-cell:first-of-type,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL td.mat-cell:first-of-type,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS td.mat-cell:first-of-type {
  padding-left: 10px;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL td.mat-cell:last-of-type,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL td.mat-cell:last-of-type,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL td.mat-cell:last-of-type,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .osd-col-selected,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .osd-col-selected,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .osd-col-selected,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .osd-col-selected {
  width: 40px;
  text-align: left;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS.import-N th#IS_DEFAULT,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS.import-N th#SIGNAL_ON_ZS_IMPORT,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS.import-N td.osd-col-is_default,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS.import-N td.osd-col-signal_on_zs_import {
  display: none;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS.import-Y table.mat-table {
  padding: 5px 0px 5px 0px !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS {
  width: 100% !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS table {
  padding: 5px 0 !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr.mat-header-row {
  height: 26px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr.mat-header-row th {
  padding-left: 0px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS th#IS_DEFAULT,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS th#SIGNAL_ON_ZS_IMPORT {
  width: 110px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr th:first-of-type {
  padding-left: 10px !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr td:first-of-type {
  padding-left: 10px !important;
  padding-right: 20px;
  max-width: 235px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr td.osd-col-documentsoort_zs,
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tr td:last-of-type {
  padding-right: 10px !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS tbody tr {
  height: 42px !important;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .mat-form-field-wrapper {
  padding: 5px 0 5px 0px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .mat-select-value {
  padding: 0 5px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .mat-form-field-infix {
  border-top: 1px;
}
#KBP-ZAAKSOORT osd-form-cell#DOCUMENTSOORTEN_ZS .mat-form-field-underline {
  bottom: 5px;
}
#KBP-ZAAKSOORT osd-form-cell#LBL_ACTIVITEIT:not(:empty) ~ osd-form-cell#_ACTIVITEIT {
  border: 1px solid #bbb;
  padding: 20px 10px 10px 20px;
  width: 687px;
}
#KBP-ZAAKSOORT osd-form-cell#_ACTIVITEIT {
  margin-bottom: 25px !important;
}
#KBP-ZAAKSOORT osd-form-cell#_ACTIVITEIT > div {
  width: 100%;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL,
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL {
  margin-bottom: 0px !important;
}
#KBP-ZAAKSOORT osd-form-cell#ZS_MODE {
  width: 642px !important;
}
#KBP-ZAAKSOORT osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL {
  min-height: 100px;
  max-height: 200px;
  width: 642px !important;
}
#KBP-ZAAKSOORT osd-form-cell#CHK_TOON_ALLEEN_SELECTED_TEMPLATES,
#KBP-ZAAKSOORT osd-form-cell#CHK_TOON_ALLEEN_SELECTED,
#KBP-ZAAKSOORT osd-form-cell#CHK_TOON_ZS {
  background: unset;
  width: 450px;
  border: none;
}
#KBP-ZAAKSOORT osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  margin-bottom: 0px !important;
  padding-bottom: 5px;
}
#KBP-ZAAKSOORT osd-form-cell#CHK_TOON_ZS {
  padding-top: 5px;
}
#KBP-ZAAKSOORT osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  width: unset !important;
  max-width: unset !important;
  place-content: flex-start !important;
  margin-left: 10px;
}
#KBP-DOCUMENTSOORTEN .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-DOCUMENTSOORTEN .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-DOCUMENTSOORTEN .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#DOCUMENTSOORTEN_TABEL {
  margin: 0 30px 20px 30px;
}
#KBP-DOCUMENTSOORTEN .form-table {
  height: calc(100vh - 232px);
  border: none;
  margin-bottom: 0px;
}
#KBP-DOCUMENTSOORTEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-DOCUMENTSOORTEN tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-DOCUMENTSOORTEN th,
#KBP-DOCUMENTSOORTEN td {
  width: unset;
  font-family: Raleway;
}
#KBP-DOCUMENTSOORTEN th.mat-header-cell:first-of-type,
#KBP-DOCUMENTSOORTEN td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-DOCUMENTSOORTEN th.mat-header-cell:last-of-type,
#KBP-DOCUMENTSOORTEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-DOCUMENTSOORTEN td.osd-col-naam {
  padding-right: 20px;
  min-width: 150px;
}
#KBP-DOCUMENTSOORTEN td.osd-col-geldig_vanaf,
#KBP-DOCUMENTSOORTEN td.osd-col-geldig_tot {
  width: 120px;
}
#KBP-DOCUMENTSOORTEN td.osd-col-wijzigen {
  width: 50px;
}
#KBP-DOCUMENTSOORTEN td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-DOCUMENTSOORTEN tr.kbp-documentsoort-inactive td.osd-col-naam {
  text-decoration: line-through;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#MODE {
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 20px !important;
}
#KBP-DOCUMENTSOORTEN osd-form-cell#MODE mat-radio-button {
  margin-right: 30px;
}
#KBP-DOCUMENTSOORT osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-DOCUMENTSOORT osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-DOCUMENTSOORT .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-DOCUMENTSOORT osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-DOCUMENTSOORT osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  width: 500px;
}
#KBP-DOCUMENTSOORT osd-form-cell#TGL_SYNTAX {
  width: unset;
  background: transparent;
  border: none;
  font-weight: 600;
  margin-bottom: 0px !important;
}
#KBP-DOCUMENTSOORT osd-form-cell#TGL_SYNTAX button:focus {
  color: black;
}
#KBP-DOCUMENTSOORT osd-form-cell#TGL_SYNTAX i {
  font-size: 22px;
  margin-right: 5px;
  margin-left: 1px;
}
#KBP-DOCUMENTSOORT osd-form-cell#TGL_SYNTAX .osd-toggle-button-button.osd-toggle-button-button-selected .osd-toggle-button-selected {
  display: flex;
  align-items: center;
}
#KBP-DOCUMENTSOORT osd-form-cell#TGL_SYNTAX .osd-toggle-button-button.osd-toggle-button-button-not-selected .osd-toggle-button-not-selected {
  display: flex;
  align-items: center;
}
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_TAAK_TITEL {
  width: 95%;
  margin-top: 10px;
}
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_TAAK_OMSCHRIJVING,
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_TAAK_BIJZONDERHEDEN,
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_BERICHT_TEKST,
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_VRAGENLIJST_FORM_ID,
#KBP-DOCUMENTSOORT osd-form-cell#DOCUMENTSOORT_VRAGENLIJST_URL {
  width: 95%;
}
#KBP-DOCUMENTSOORT osd-form-cell#LBL_SYNTAX {
  margin: 0 20px 0 12px !important;
  font-weight: 500;
}
#KBP-DOCUMENTSOORT osd-form-cell#LBL_SYNTAX b {
  font-family: Roboto;
}
#KBP-DOCUMENTSOORT osd-form-cell#BTN_TEST {
  margin-bottom: 30px !important;
}
#KBP-TOEWIJZINGEN osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-TOEWIJZINGEN osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-TOEWIJZINGEN .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-TOEWIJZINGEN osd-form-cell#_BODY {
  margin: 0px 20px 20px 30px;
  margin-top: 5px;
}
#KBP-TOEWIJZINGEN osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-right: 15px !important;
  width: unset;
  max-width: unset !important;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN {
  background: white;
  padding: 5px 0;
  width: 400px;
  border: 1px solid #bbb;
  border-radius: 4px;
  min-height: 200px;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN .form-table-no-rows {
  display: unset;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN table {
  padding: 5px 5px;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN tr {
  height: 32px;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN tr th {
  padding-bottom: 7px;
  color: black;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN tr.selected {
  background: #eee;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN th:first-of-type,
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN td.mat-cell:first-of-type {
  padding-left: 10px;
  width: 265px;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-TOEWIJZINGEN osd-form-cell#ACTIVITEITEN td.osd-col-heeft_toewijzing_regel {
  width: 120px;
}
#KBP-TOEWIJZINGEN osd-form-cell#_TOEWIJZING {
  border: 1px solid #bbb;
  padding: 10px;
  width: 404px;
}
#KBP-TOEWIJZINGEN osd-form-cell#TOEWIJZING {
  margin-bottom: 30px !important;
}
#KBP-TOEWIJZINGEN osd-form-cell#NA_AFRONDING_ZET_DEFAULT_BEHANDELAAR {
  margin-top: 15px;
}
#KBP-TOEWIJZINGEN osd-form-cell.osd-checkbox,
#KBP-TOEWIJZINGEN osd-form-cell.osd-combobox,
#KBP-TOEWIJZINGEN osd-form-cell.osd-radiogroup {
  width: 380px;
}
#KBP-TOEWIJZINGEN osd-form-cell.osd-checkbox span.mat-checkbox-label,
#KBP-TOEWIJZINGEN osd-form-cell.osd-radiogroup span {
  white-space: normal;
  line-height: 20px;
  margin-left: 10px;
}
#KBP-TOEWIJZINGEN osd-form-cell#BTN_OPSLAAN {
  margin: 5px 5px 0px 0;
  align-self: end;
}
#KBP-TOEWIJZINGEN osd-form-cell#BTN_CANCEL button {
  width: 120px;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST {
  width: calc(min(100vw, var(--max-width)) * 0.9);
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST .mat-dialog-container {
  padding: 0;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST header {
  display: none;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST .form-body {
  margin: 0;
  overflow-y: auto;
  max-height: calc(85vh - 125px);
  scrollbar-width: thin;
  flex: 1 1 auto;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#_HEADER {
  padding-top: 15px;
  padding-bottom: 0;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#_BODY {
  margin: 5px 20px 20px 20px;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#BTN_REPLACE_VARS button {
  background: var(--primary-accent-color);
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#BTN_RESET button {
  background: var(--primary-accent-color);
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#TAAK_TITEL {
  width: 100%;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#TAAK_OMSCHRIJVING {
  width: 100%;
}
.cdk-overlay-pane.KBP-DOCUMENTSOORT\.KBP-DOCUMENTSOORT_TEST osd-form-cell#TAAK_BIJZONDERHEDEN {
  width: 100%;
}
#KBP-CONTROLELIJSTEN .kmp-zaak-header,
#KBP-CONTROLES .kmp-zaak-header {
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
}
#KBP-CONTROLELIJSTEN .form-body,
#KBP-CONTROLES .form-body {
  height: calc(100vh - 140px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-CONTROLELIJSTEN .kmp-zaak-body,
#KBP-CONTROLES .kmp-zaak-body {
  padding: 20px 0 0 0;
}
#KBP-CONTROLELIJSTEN osd-form-cell[id$="_TABEL"],
#KBP-CONTROLES osd-form-cell[id$="_TABEL"] {
  margin: 0 30px 20px 30px;
}
#KBP-CONTROLELIJSTEN .form-table,
#KBP-CONTROLES .form-table {
  border: none;
  margin-bottom: 0px;
  max-height: calc(100vh - 225px);
  overflow-x: hidden;
  overflow-y: auto;
}
#KBP-CONTROLELIJSTEN .mat-sort-header-container,
#KBP-CONTROLES .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-CONTROLELIJSTEN tr.mat-row,
#KBP-CONTROLES tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-CONTROLELIJSTEN th,
#KBP-CONTROLES th,
#KBP-CONTROLELIJSTEN td,
#KBP-CONTROLES td {
  width: unset;
  font-family: Raleway;
}
#KBP-CONTROLELIJSTEN th.osd-col-controle_id,
#KBP-CONTROLES th.osd-col-controle_id {
  width: 300px;
  padding-right: 20px;
}
#KBP-CONTROLELIJSTEN th.osd-col-geldig_vanaf,
#KBP-CONTROLES th.osd-col-geldig_vanaf,
#KBP-CONTROLELIJSTEN th.osd-col-geldig_tot,
#KBP-CONTROLES th.osd-col-geldig_tot {
  width: 120px;
}
#KBP-CONTROLELIJSTEN th.mat-header-cell:first-of-type,
#KBP-CONTROLES th.mat-header-cell:first-of-type,
#KBP-CONTROLELIJSTEN td.mat-cell:first-of-type,
#KBP-CONTROLES td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-CONTROLELIJSTEN th.mat-header-cell:last-of-type,
#KBP-CONTROLES th.mat-header-cell:last-of-type,
#KBP-CONTROLELIJSTEN td.mat-cell:last-of-type,
#KBP-CONTROLES td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-CONTROLELIJSTEN tr.inactive td.osd-col-controle_id,
#KBP-CONTROLES tr.inactive td.osd-col-controle_id,
#KBP-CONTROLELIJSTEN tr.inactive td.osd-col-controle_naam,
#KBP-CONTROLES tr.inactive td.osd-col-controle_naam {
  text-decoration: line-through;
}
#KBP-CONTROLELIJSTEN td.osd-col-wijzigen,
#KBP-CONTROLES td.osd-col-wijzigen {
  width: 50px;
}
#KBP-CONTROLELIJSTEN td.osd-col-wijzigen button,
#KBP-CONTROLES td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-CONTROLELIJSTEN osd-form-cell#LBL_TITEL,
#KBP-CONTROLES osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
  width: unset;
}
#KBP-CONTROLELIJSTEN osd-form-cell#BTN_NIEUW,
#KBP-CONTROLES osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-CONTROLELIJSTEN osd-form-cell#BTN_NIEUW i,
#KBP-CONTROLES osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-CONTROLELIJSTEN osd-form-cell#BTN_NIEUW button,
#KBP-CONTROLES osd-form-cell#BTN_NIEUW button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-CONTROLELIJSTEN osd-form-cell#_KNOPPEN,
#KBP-CONTROLES osd-form-cell#_KNOPPEN {
  margin-right: 45px;
}
#KBP-CONTROLELIJSTEN osd-form-cell#CHK_WIJZIG_VOLGORDE button,
#KBP-CONTROLES osd-form-cell#CHK_WIJZIG_VOLGORDE button {
  padding-left: 16px;
  margin: 0;
}
#KBP-CONTROLELIJSTEN osd-form-cell#CHK_WIJZIG_VOLGORDE button i,
#KBP-CONTROLES osd-form-cell#CHK_WIJZIG_VOLGORDE button i {
  margin-right: 5px;
}
#KBP-CONTROLELIJSTEN osd-form-cell#CONTROLES_COMBOBOX,
#KBP-CONTROLES osd-form-cell#CONTROLES_COMBOBOX {
  background: white;
  margin: 0 30px;
  padding: 3px 5px;
  max-height: calc(100vh - 225px);
  overflow-x: hidden;
  overflow-y: auto;
}
#KBP-CONTROLELIJSTEN osd-form-cell#CONTROLES_COMBOBOX div.cdk-drag > span,
#KBP-CONTROLES osd-form-cell#CONTROLES_COMBOBOX div.cdk-drag > span {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 2px 0;
  padding: 5px;
  cursor: grab;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 13px);
  display: inline-block;
  vertical-align: middle;
}
#KBP-CONTROLELIJSTEN osd-form-cell#CONTROLES_COMBOBOX div.cdk-drag > span span.controle_id,
#KBP-CONTROLES osd-form-cell#CONTROLES_COMBOBOX div.cdk-drag > span span.controle_id {
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.cdk-drag-preview {
  background: #eee;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 300px !important;
  opacity: 0.9;
  height: 25px !important;
}
.cdk-drag-preview span {
  vertical-align: middle;
}
.cdk-drag-preview span.controle-naam {
  display: none;
}
#KBP-CONTROLELIJST osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-CONTROLELIJST osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-CONTROLELIJST .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-CONTROLELIJST osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-CONTROLELIJST osd-form-cell#LBL_CONTROLES {
  margin-left: 5px;
  margin-bottom: 10px !important;
}
#KBP-CONTROLELIJST osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  background: unset;
  margin-left: 15px;
  width: 450px;
  border: none;
}
#KBP-CONTROLELIJST osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  width: 500px;
}
#KBP-CONTROLELIJST osd-form-cell#LBL_CONTROLES {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 10px !important;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL {
  margin-bottom: 0px !important;
  background: white;
  padding: 5px 0;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin: 0 !important;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL .form-table {
  overflow-y: auto;
  min-height: 100px;
  max-height: calc(100vh - 505px);
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL .form-table-no-rows {
  display: unset;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL .form-table {
  margin-bottom: 0 !important;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL tr.mat-header-row {
  height: 24px;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL tr.mat-row {
  height: 32px;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL td.mat-cell:first-of-type {
  padding-left: 10px;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL .osd-col-selected {
  width: 40px;
  text-align: left;
}
#KBP-CONTROLELIJST osd-form-cell#CONTROLELIJST_CONTROLES_TABEL .osd-col-controle_id {
  width: 300px;
}
#KBP-CONTROLE osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-CONTROLE osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-CONTROLE .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-CONTROLE osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-CONTROLE osd-form-cell#LBL_TEMPLATES {
  margin-left: 5px;
  margin-bottom: 10px !important;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL {
  background: white;
  padding: 5px 0;
  width: 600px;
  border: 1px solid #bbb;
  border-radius: 4px;
  overflow-y: auto;
  min-height: 200px;
  max-height: calc(100vh - 700px);
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .form-table-no-rows,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .form-table-no-rows,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .form-table-no-rows {
  display: unset;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .form-table,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .form-table,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .form-table {
  margin-bottom: 0 !important;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL tr.mat-row,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL tr.mat-row,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL tr.mat-row {
  height: 32px;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL td.mat-cell:first-of-type,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL td.mat-cell:first-of-type,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL td.mat-cell:first-of-type {
  padding-left: 10px;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL td.mat-cell:last-of-type,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL td.mat-cell:last-of-type,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL .osd-col-selected,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL .osd-col-selected,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL .osd-col-selected {
  width: 40px;
  text-align: left;
}
#KBP-CONTROLE osd-form-cell#LBL_ACTIVITEIT:not(:empty) ~ osd-form-cell#_ACTIVITEIT {
  border: 1px solid #bbb;
  padding: 20px 10px 10px 20px;
  width: 642px;
}
#KBP-CONTROLE osd-form-cell#_ACTIVITEIT {
  margin-bottom: 25px !important;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TEMPLATES_TABEL,
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_DOCUMENTSOORTEN_TABEL {
  margin-bottom: 0px !important;
}
#KBP-CONTROLE osd-form-cell#ZAAKSOORT_TAAKSOORTEN_TABEL {
  min-height: 100px;
  max-height: 200px;
  width: 642px !important;
}
#KBP-CONTROLE osd-form-cell#CHK_TOON_ALLEEN_SELECTED_TEMPLATES,
#KBP-CONTROLE osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  background: unset;
  margin-left: 15px;
  width: 450px;
  border: none;
}
#KBP-CONTROLE osd-form-cell#_DATUMS {
  width: 450px;
}
#KBP-CONTROLE osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  width: 500px;
}
.cdk-overlay-pane.KBP-CONTROLELIJST\.KBP-CONTROLE_DIALOG {
  width: 670px;
}
.cdk-overlay-pane.KBP-CONTROLELIJST\.KBP-CONTROLE_DIALOG .osd-checkbox {
  width: 615px;
  margin-bottom: 1px !important;
}
.cdk-overlay-pane.KBP-CONTROLELIJST\.KBP-CONTROLE_DIALOG .osd-checkbox .mat-checkbox-inner-container {
  margin-top: 4px;
}
.cdk-overlay-pane.KBP-CONTROLELIJST\.KBP-CONTROLE_DIALOG .osd-checkbox .mat-checkbox-label {
  white-space: normal;
}
.kmp-display-none {
  display: none !important;
}
#KMP-ZAAK_CONTROLE_PANEL #_BODY {
  padding: 1px;
  margin: 0 0 0 10px !important;
  box-shadow: none;
}
#KMP-ZAAK_CONTROLE_PANEL osd-form-cell {
  width: 100%;
  margin-bottom: 1px !important;
}
#KMP-ZAAK_CONTROLE_PANEL osd-form-cell .mat-checkbox-inner-container {
  margin-top: 4px;
}
#KMP-ZAAK_CONTROLE_PANEL osd-form-cell .mat-checkbox-label {
  white-space: normal;
}
#OSD_BAS_IKV-VERWERK_IKV .ikv-att-title,
#OSD_BAS_IKV-ZAAK .ikv-att-title {
  margin-top: 20px;
  font-weight: 600;
}
#OSD_BAS_IKV-VERWERK_IKV .ikv-att-title:first-of-type,
#OSD_BAS_IKV-ZAAK .ikv-att-title:first-of-type {
  margin-top: 0px;
}
#OSD_BAS_IKV-VERWERK_IKV .ikv-att-thumbnails:empty,
#OSD_BAS_IKV-ZAAK .ikv-att-thumbnails:empty {
  margin-top: 10px;
}
#OSD_BAS_IKV-VERWERK_IKV .ikv-att-thumbnails .ocp-document-thumbnail,
#OSD_BAS_IKV-ZAAK .ikv-att-thumbnails .ocp-document-thumbnail {
  display: inline-block;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#_ZAAK {
  padding-bottom: 10px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#_TITEL {
  flex: 0 0 auto !important;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-header-regel-2 {
  padding-left: 106px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 76px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-nieuwe-zaak-margin {
  padding-top: 100px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-clientnaam {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-zaaknaam {
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-behandelaar {
  font-size: 15px;
  font-weight: 600;
  opacity: 0.5;
  text-align: right;
  white-space: nowrap;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-behandelaar i {
  margin-right: 5px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .kmp-zaak-zaak-id {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#_ZAAK_ZOEKEN {
  background: #eeeeee;
  padding-left: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#BTN_CLOSE_FORM button {
  background: transparent;
  box-shadow: none;
  font-size: 20px;
  line-height: unset;
  min-width: unset;
  width: 30px;
  padding: 0;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT {
  flex: 0 0.1 auto !important;
  overflow-y: auto;
  scrollbar-width: thin;
  margin-bottom: 0px !important;
  max-height: calc(100vh - 395px);
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#LBL_LINE {
  margin-right: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN tr.mat-row:first-of-type {
  margin-top: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN tr.mat-row:last-of-type {
  margin-bottom: 10px !important;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING {
  font-size: 18px;
  font-weight: 500;
  max-width: calc(100% - 70px);
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING {
  font-weight: 600;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#BTN_NIEUWE_ZAAK {
  padding-top: 10px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#BTN_NIEUWE_ZAAK button {
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  background: unset;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#BTN_NIEUWE_ZAAK i {
  margin-right: 10px;
  font-size: 22px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr:focus {
  border: unset;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .form-table {
  border: none;
  margin-bottom: 0px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT osd-form-table {
  overflow: hidden;
  display: block;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: unset;
  margin-bottom: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr.mat-row tr:last-of-type {
  margin-bottom: 5px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT td:first-of-type {
  width: 100%;
  background: var(--primary-accent-color);
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak tr {
  display: table-row;
  height: unset;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td:first-of-type {
  width: unset;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-clientnaam {
  font-size: 15px;
  font-weight: 600;
  max-width: 0px;
  /* ??? why is this? */
  display: table-cell;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaaknaam {
  max-width: 0px;
  /* ??? why is this? */
  display: table-cell;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-behandelaar {
  color: #555;
  text-align: right;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaak-id {
  text-align: right;
  font-weight: 500;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN table.kmp-zaak {
  background-color: var(--primary-accent-color);
  padding: 5px 15px 2px 15px;
  border-radius: 10px 10px 0 0;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .mat-table {
  font-family: Raleway;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT button {
  border: none;
  padding-top: 6px;
  padding-bottom: 0px;
  position: relative;
  font-size: 18px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT button {
  margin-bottom: 10px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type {
  padding-left: 0px;
  background: var(--primary-accent-color);
  border-radius: 10px 15px 0 0;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type {
  border-radius: 10px 10px 0 0;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT td.mat-cell {
  border-bottom: none;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(2) {
  border-radius: 0 0 0 10px;
  border-left: 1px solid lightgray;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(5) {
  display: flex;
  flex: 1 1 auto;
  border-radius: 0 0 10px 0;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT table {
  background: transparent;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr.mat-row {
  background: white;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT tr.mat-row {
  border-radius: 10px 10px 10px 10px;
  margin-right: 15px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN .form-table-no-rows {
  display: none;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN div#KMP-ZOEKEN_OP_PERSOON > div#PG-P {
  padding-top: 2px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN tr:focus-visible {
  outline: none;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN ::-webkit-scrollbar {
  width: 9px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN ::-webkit-scrollbar-track {
  background: transparent;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type button {
  width: 100%;
  font-size: 15px;
  line-height: unset;
  text-align: left;
  padding: 0px;
  height: 52px;
  margin-bottom: 0px;
}
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#_ZAAKTITEL_R1,
#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN osd-form-cell#_ZAAKTITEL_R2 {
  flex: 0 0 auto !important;
}
div[class$="OSD_CRM-ZOEK_GERELATEERDE_ZAKEN"] osd-modal-dialog header {
  font-size: 18px;
}
#OSD_CRM-ZAAK osd-form-cell#_BODY {
  margin-top: 20px;
}
#OSD_CRM-ZAAK osd-form-cell#PERSOON_BTN_LINKEDIN button {
  font-size: 20px;
  background: transparent;
}
#OSD_CRM-ZAAK osd-form-cell#BTN_TOEVOEGEN_ROL button {
  font-size: 18px;
  background: transparent;
  line-height: unset;
}
#OSD_CRM-ZAAK osd-form-cell#_LBL_ROLLEN {
  margin-top: 20px;
  width: 460px;
}
#OSD_CRM-ZAAK osd-form-cell#LBL_ROLLEN {
  font-weight: 600;
  margin-left: 10px;
}
#OSD_CRM-ZAAK osd-form-cell#TBL_ROLLEN {
  width: 450px;
}
#OSD_CRM-ZAAK osd-form-table button {
  border: none;
}
#OSD_CRM-ZAAK .osd-col-btn_delete {
  width: 50px;
}
#OSD_CRM-ZAAK .osd-col-btn_delete button {
  min-width: unset;
  width: 42px;
  line-height: unset;
  height: unset;
  padding-bottom: 5px;
}
#OSD_CRM-ZAAK .mat-table {
  padding-left: 10px;
  padding-right: 0;
}
#OSD_CRM_ACTIE-START osd-form-cell#TAAK_TITEL,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#TAAK_TITEL,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#TAAK_TITEL,
#OSD_CRM_ACTIE-START osd-form-cell#TAAK_OMSCHRIJVING,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#TAAK_OMSCHRIJVING,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#TAAK_OMSCHRIJVING {
  width: 100%;
}
#OSD_CRM_ACTIE-START osd-form-cell#WORKER,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#WORKER,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#WORKER,
#OSD_CRM_ACTIE-START osd-form-cell#DEADLINE,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#DEADLINE,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#DEADLINE,
#OSD_CRM_ACTIE-START osd-form-cell#UITGEVOERD_TMP,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#UITGEVOERD_TMP,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#UITGEVOERD_TMP,
#OSD_CRM_ACTIE-START osd-form-cell#DATUM_UITGEVOERD,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#DATUM_UITGEVOERD,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#DATUM_UITGEVOERD,
#OSD_CRM_ACTIE-START osd-form-cell#ZAAK_AFBREKEN,
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#ZAAK_AFBREKEN,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#ZAAK_AFBREKEN {
  width: 48%;
}
#OSD_CRM_ACTIE-VASTLEGGEN osd-form-cell#_BODY,
#OSD_CRM_ACTIE-ZAAK osd-form-cell#_BODY {
  margin-top: 20px;
}
#OSD_DEMO-WORKFLOW .form-body {
  background: white;
}
#OSD_DEMO-WORKFLOW osd-form-cell#TITLE {
  margin-bottom: 0px !important;
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  margin-left: 10px;
  margin-top: 10px;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .form-table {
  border: none;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY table {
  border-collapse: collapse;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr:focus-visible {
  outline: none;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row {
  height: unset;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row.selected {
  background: unset;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY td.osd-col-name {
  text-align: left;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY td.mat-cell {
  border: none;
  padding: 0 !important;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY table,
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr,
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY td {
  border-collapse: collapse;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY button {
  border: none;
  height: unset;
  padding: 0;
  margin: 0 10px;
  line-height: unset;
  width: calc(100% - 20px);
  text-align: left;
  border-radius: 20px;
  position: relative;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY button span {
  height: 100%;
  display: inline-block;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .osd-activity-icon {
  height: 40px;
  width: 40px;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .osd-activity-icon.osd-activity-todo {
  background-image: url("./middle.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .osd-activity-icon.osd-activity-done {
  background-image: url("./middle_done.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row:first-of-type .osd-activity-icon.osd-activity-todo {
  background-image: url("./start.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row:first-of-type .osd-activity-icon.osd-activity-done {
  background-image: url("./start_done.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon.osd-activity-todo {
  background-image: url("./end.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon.osd-activity-done {
  background-image: url("./end_done.svg");
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .osd-activity-name {
  text-align: left;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 2px;
  font-weight: 600;
  font-size: 13px;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY .osd-activity-user-date-time {
  text-align: left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 8px;
  font-weight: 400;
  font-size: 12px;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY div.selected-marker {
  position: absolute;
  top: 3px;
  x: 0;
  height: calc(100% - 10px);
  width: 100%;
  border-radius: 10px;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY tr.mat-row:hover div.selected-marker {
  background-color: #f5f5f5;
}
#OSD_DEMO-WORKFLOW osd-form-cell#ACTIVITY.osd-show-selected tr.mat-row.selected div.selected-marker {
  background: var(--primary-accent-color);
}
#KMP-ZAAK #_ZAAK {
  display: flex !important;
}
#KMP-ZAAK #_HEADER_LOGO button {
  box-shadow: none !important;
}
#KMP-ZAAK #CELL_TAKEN > osd-form > form > div > div > div.form-body {
  border-right: 5px solid #eee;
}
#KMP-ZAAK #KMP-ZAAK_TAB > div > div.form-body {
  border-right: 5px solid #eee;
}
#KMP-ZAAK osd-form-cell#LBL_ACTIVITY {
  margin-bottom: 0px !important;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  margin-left: 20px;
  margin-top: 5px;
}
#KMP-ZAAK osd-form-cell#_PROCESS {
  background: white;
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#KMP-ZAAK osd-form-cell#_PROCESS osd-form-cell#ACTIVITY,
#KMP-ZAAK osd-form-cell#_PROCESS osd-form-cell#LBL_ACTIVITY {
  display: none !important;
}
#KMP-ZAAK osd-form-cell#_PROCESS:not(.osd-collapsed) {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
#KMP-ZAAK osd-form-cell#_PROCESS:not(.osd-collapsed) osd-form-cell#ACTIVITY,
#KMP-ZAAK osd-form-cell#_PROCESS:not(.osd-collapsed) osd-form-cell#LBL_ACTIVITY {
  display: flex !important;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .form-table {
  border: none;
}
#KMP-ZAAK osd-form-cell#ACTIVITY table {
  border-collapse: collapse;
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr:focus-visible {
  outline: none;
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row {
  height: unset;
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row.selected {
  background: unset;
}
#KMP-ZAAK osd-form-cell#ACTIVITY td.osd-col-name {
  text-align: left;
}
#KMP-ZAAK osd-form-cell#ACTIVITY td.mat-cell {
  border: none;
  padding: 0 !important;
}
#KMP-ZAAK osd-form-cell#ACTIVITY table,
#KMP-ZAAK osd-form-cell#ACTIVITY tr,
#KMP-ZAAK osd-form-cell#ACTIVITY td {
  border-collapse: collapse;
}
#KMP-ZAAK osd-form-cell#ACTIVITY button {
  border: none;
  height: unset;
  padding: 0;
  margin: 0 10px;
  line-height: unset;
  width: calc(100% - 20px);
  text-align: left;
  border-radius: 20px;
  position: relative;
}
#KMP-ZAAK osd-form-cell#ACTIVITY button span {
  height: 100%;
  display: inline-block;
}
#KMP-ZAAK osd-form-cell#ACTIVITY button td {
  white-space: normal;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon {
  background-image: url("./middle_white.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon.osd-skipped-activity {
  background-image: url("./middle_white_half.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon.osd-has-signals {
  background-image: url("./middle_white_red_border.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon.osd-current-activity {
  background-image: url("./middle_yellow.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-icon.osd-current-activity.osd-has-signals {
  background-image: url("./middle_yellow_red_border.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:first-of-type .osd-activity-icon {
  background-image: url("./start_white.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon {
  background-image: url("./end_white.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon.osd-has-signals {
  background-image: url("./end_white_red_border.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon.osd-current-activity {
  background-image: url("./end_yellow.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:last-of-type .osd-activity-icon.osd-current-activity.osd-has-signals {
  background-image: url("./end_yellow_red_border.svg");
}
#KMP-ZAAK osd-form-cell#ACTIVITY div.selected-marker {
  position: absolute;
  top: 3px;
  x: 0;
  height: calc(100% - 10px);
  width: 100%;
  border-radius: 10px;
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row:hover:not(.selected) div.selected-marker {
  border: 1px solid #cdcdcd;
}
#KMP-ZAAK osd-form-cell#ACTIVITY tr.mat-row.selected div.selected-marker {
  border: 1px solid var(--primary-accent-color);
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-name {
  text-align: left;
  padding-left: 0px;
  padding-top: 8px;
  padding-bottom: 2px;
  font-weight: 600;
  font-size: 12px;
  height: 21px;
  vertical-align: bottom;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-name i {
  font-size: 12px;
  color: green;
  position: absolute;
  top: 16px;
  left: 16px;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-name .osd-nr-task-signals {
  position: absolute;
  top: 14px;
  left: 11px;
  font-weight: 700;
  font-size: 11px;
  width: 20px;
  text-align: center;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .osd-activity-user-date-time {
  text-align: left;
  padding-left: 0px;
  padding-top: 2px;
  padding-bottom: 8px;
  font-weight: 400;
  font-size: 12px;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .kmp-zaak-activity-no-action {
  cursor: default;
  pointer-events: none;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .kmp-zaak-activity-no-action button {
  cursor: default;
  pointer-events: none;
}
#KMP-ZAAK osd-form-cell#ACTIVITY .kmp-zaak-activity-no-action button div.selected-marker {
  display: none;
}
#KMP-ZAAK osd-form-cell#BTN_COLLAPSE_ACTIVITY {
  font-size: 20px;
  align-self: end;
}
#KMP-ZAAK osd-form-cell#BTN_COLLAPSE_ACTIVITY button {
  padding: 5px 0 5px 5px;
  height: 30px;
  width: 30px;
}
#KMP-ZAAK osd-form-cell#BTN_COLLAPSE_ACTIVITY button span {
  margin-right: 0;
}
@media screen and (min-width: 1100px) {
  #KMP-ZAAK osd-form-cell#BTN_COLLAPSE_ACTIVITY {
    opacity: 0;
    pointer-events: none;
  }
}
#KMP-ZAAK_ACTIVITEIT > div > .form-body {
  max-height: calc(100vh - 197px);
}
#KMP-ZAAK_ACTIVITEIT > div > .form-body > osd-form-cell#_BODY {
  scrollbar-width: thin;
  overflow: auto;
  padding-right: 20px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_ACTIVITEIT {
  background: #fffdf2;
  border-radius: 7px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_ACTIVITEIT .kmp-zaak-taken #_BODY {
  background: unset;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#TOELICHTING {
  background: white;
  flex: 1 1 auto !important;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#TOELICHTING .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#TOELICHTING .mat-form-field-underline {
  bottom: 0;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#TOELICHTING .mat-form-field-flex {
  border: 1px solid #bbb !important;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TOELICHTING {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING button,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_TOELICHTING button,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_EDIT button,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_SET_CURRENT_ACTIVITY button {
  background: transparent !important;
  border: 1px solid #999a99;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING button i,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_TOELICHTING button i,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_EDIT button i,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_SET_CURRENT_ACTIVITY button i {
  font-size: 18px;
  margin-right: 10px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING button {
  padding: 0 15px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING .mat-button-toggle-label-content {
  margin-right: 0;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING mat-button-toggle-group {
  padding-right: 5px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING i.fa-floppy-disk,
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CHK_TOELICHTING i.fa-pencil-alt {
  margin-right: 0;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#BTN_TOELICHTING {
  margin-right: auto !important;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS osd-form-question > div {
  display: flex;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS osd-form-question > div > osd-form-button {
  display: flex;
  flex: 1 1 auto;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS osd-form-question > div > osd-form-button > button {
  flex: 1 1 auto;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS osd-form-question > div > osd-form-button > button .kmp-taak-icon {
  text-align: left;
  width: 25px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS .kmp-taak-btn {
  background: white;
  padding: 2px;
  border-radius: 7px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS button {
  border-radius: 0;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS table.kmp-taak {
  border-collapse: collapse;
  margin: 7px 0 5px 0;
  min-height: 24px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS table.kmp-related-taak {
  border-collapse: collapse;
  margin: 5px 0;
  min-height: 24px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS .kmp-taak-titel {
  line-height: 20px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS .kmp-related-taak-titel {
  font-weight: 400;
  font-size: 13px;
  white-space: normal;
  text-align: left;
  padding-left: 5px;
  line-height: 20px;
  padding-bottom: 4px;
  padding-top: 8px;
  padding-right: 10px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS tr.kmp-related-taak .kmp-taak-status-wait {
  padding-top: 3px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS tr.kmp-related-taak {
  border-top: 1px solid #cdcdcd;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS tr.kmp-related-taak td:nth-child(2) span {
  font-size: 12px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS tr.kmp-taak-user-date-time {
  height: 22px !important;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_TASKS td.kmp-taak-user-date-time {
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  line-height: 20px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_ACTIVITEIT_MET_KNOPPEN {
  background: #fffdf2;
  border-radius: 7px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#_ACTIVITEIT_MET_KNOPPEN osd-form-cell#_KNOPPEN {
  padding: 20px;
}
#KMP-ZAAK_ACTIVITEIT osd-form-cell#CELL_ACTIVITEIT osd-form-cell#_BODY {
  margin: 0;
  box-shadow: none;
  background: transparent;
}
#KMP-ZAAK_TAAK label {
  white-space: normal;
}
#KMP-ZAAK_TAAK > div > .form-body {
  max-height: calc(100vh - 212px);
}
#KMP-ZAAK_TAAK .form-body > osd-form-cell#_BODY {
  scrollbar-width: thin;
  overflow: auto;
  padding-right: 20px;
}
#KMP-ZAAK_TAAK osd-form-cell#_HEADER {
  max-height: 90px;
}
#KMP-ZAAK_TAAK osd-form-cell#_BODY {
  margin-left: 0px;
  margin-right: 0px;
}
#KMP-ZAAK_TAAK osd-form-cell#LBL_TITEL .single-task-activity {
  line-height: 21px;
}
#KMP-ZAAK_TAAK .kmp-zaak-tab-subtitel {
  margin-left: 10px;
  margin-top: 5px;
}
#KMP-ZAAK_TAAK osd-form-cell#BTN_EDIT button,
#KMP-ZAAK_TAAK osd-form-cell#BTN_SET_CURRENT_ACTIVITY button {
  background: transparent !important;
  border: 1px solid #999a99;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
}
#KMP-ZAAK_TAAK osd-form-cell#BTN_EDIT button i,
#KMP-ZAAK_TAAK osd-form-cell#BTN_SET_CURRENT_ACTIVITY button i {
  font-size: 18px;
  margin-right: 10px;
}
#KMP-ZAAK_TAAK osd-form-cell#BTN_TOELICHTING button,
#KMP-ZAAK_TAAK osd-form-cell#BTN_DOCUMENT_OPVRAGEN button {
  background: transparent !important;
  border: 1px solid #999a99;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
}
#KMP-ZAAK_TAAK osd-form-cell#BTN_TOELICHTING button i,
#KMP-ZAAK_TAAK osd-form-cell#BTN_DOCUMENT_OPVRAGEN button i {
  font-size: 18px;
  margin-right: 10px;
}
#KMP-ZAAK_TAAK osd-form-cell#CHK_TOELICHTING_TMP {
  background: transparent;
  width: 70px;
  border: none;
}
#KMP-ZAAK_TAAK osd-form-cell#CHK_TOELICHTING_TMP button {
  padding: 3px 13px 0 15px;
  border: 1px solid #999a99;
  border-radius: 10px;
  margin: 0px;
  font-weight: 600;
  line-height: 28px;
}
#KMP-ZAAK_TAAK osd-form-cell#CHK_TOELICHTING_TMP .mat-button-toggle-label-content {
  margin-right: 0;
}
#KMP-ZAAK_TAAK osd-form-cell#CHK_TOELICHTING_TMP i.fa-floppy-disk,
#KMP-ZAAK_TAAK osd-form-cell#CHK_TOELICHTING_TMP i.fa-pencil-alt {
  margin-right: 0;
  font-size: 18px;
}
#KMP-ZAAK_TAAK osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  max-width: unset !important;
}
#KMP-ZAAK_TAAK osd-form-cell#_KNOPPEN > div > osd-form-cell {
  margin-right: 20px !important;
}
#KMP-ZAAK_TAAK osd-form-cell#CELL_TAAK {
  flex: 1 1 auto !important;
}
#KMP-ZAAK osd-form-cell#CELL_TAKEN #KMP-ZAAK_TAB osd-form-cell#_HEADER {
  height: 90px;
}
#KMP-ZAAK osd-form-cell#CELL_TAKEN #KMP-ZAAK_TAB .form-body osd-form-cell#_HEADER {
  padding-top: 10px;
  height: 60px;
}
#KMP-ZAAK osd-form-cell#CELL_TAKEN #KMP-ZAAK_TAB .kmp-zaak-tab-subtitel {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
}
.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;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_NEW_MESSAGE_BUTTONS {
  place-content: flex-end !important;
  margin-bottom: 10px !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_HEADER_BUTTONS {
  flex: 1 1 auto !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_HEADER_BUTTONS osd-form-cell#CONVERSATIE {
  flex: 1 1 auto !important;
  width: unset !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_HEADER_BUTTONS osd-form-cell#CONVERSATIE.osd-hide-mat-select-arrow-wrapper {
  pointer-events: none;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_HEADER_BUTTONS osd-form-cell#CONVERSATIE.osd-hide-mat-select-arrow-wrapper div.mat-select-arrow-wrapper {
  opacity: 0;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_ADD_CONVERSATIE span.icon-merge {
  padding-right: 5px;
  position: relative;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_ADD_CONVERSATIE span.icon-merge i.fa-comments {
  font-size: 22px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_ADD_CONVERSATIE span.icon-merge i.fa-plus {
  position: absolute;
  top: 2px;
  left: 4px;
  font-size: 10px;
  border: none;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_VRAGENLIJST button:focus {
  border: none;
  margin: 0 !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_BODY {
  padding-right: 20px !important;
}
#KMP-ZAAK_BERICHTEN tr.osd-col-pin-selected .ocp-berichten-out,
#KMP-ZAAK_BERICHTEN tr.osd-col-pin-selected .ocp-berichten-in {
  background: var(--primary-accent-color);
}
#KMP-ZAAK_BERICHTEN osd-form-cell#CONVERSATIE {
  width: 300px;
  margin-right: 0px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#CONVERSATIE .mat-form-field-flex {
  border-radius: 4px 0 0 0;
  padding-right: 5px !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_EDIT_CONVERSATIE {
  margin-right: 20px !important;
  background: white;
  margin-left: 0;
  border-radius: 0 4px 0 0;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_EDIT_CONVERSATIE button {
  margin-left: 0;
  padding-right: 10px;
  line-height: 32px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_EDIT_CONVERSATIE button i {
  font-size: 16px;
  overflow: hidden;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_RECORD button {
  font-size: 18px;
  height: 32px;
  min-width: 50px !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT textarea {
  line-height: 20px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-copy {
  position: absolute;
  top: 39px;
  right: 43px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-pin {
  position: absolute;
  top: 42px;
  right: 7px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-delete {
  position: absolute;
  top: 41px;
  right: 7px;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn .ocp-berichten-in,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn .ocp-berichten-in,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn .ocp-berichten-out,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn .ocp-berichten-out {
  padding-bottom: 60px;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url {
  padding-left: 10px;
  max-height: 26px;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 90%;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button {
  min-width: 100px;
  font-weight: 600;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: space-around;
  border: #999A99 1px solid;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-audio_url button a:visited,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-audio_url button a:visited,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-web_form_id button a:visited,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-web_form_id button a:visited,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a:visited,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button a:visited {
  text-decoration: none;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button {
  padding: 0;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn td.osd-col-form_url button a,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn td.osd-col-form_url button a {
  display: block;
  min-width: 100px;
  min-height: 30px;
}
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn.kmp-bericht-out td.osd-col-web_form_id,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn.kmp-bericht-out td.osd-col-web_form_id,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-form-btn.kmp-bericht-out td.osd-col-form_url,
#KMP-ZAAK_BERICHTEN tr.ocp-berichten-audio-btn.kmp-bericht-out td.osd-col-form_url {
  right: 0;
  left: unset;
}
#KMP-ZAAK_BERICHTEN tr.osd-verwijderbaar td.osd-col-copy {
  right: 73px;
}
#KMP-ZAAK_BERICHTEN tr.osd-verwijderbaar td.osd-col-pin {
  right: 37px;
}
#KMP-ZAAK_BERICHTEN tr.osd-row-follows-family-row td.osd-col-copy {
  top: 12px;
}
#KMP-ZAAK_BERICHTEN tr.osd-row-follows-family-row td.osd-col-pin {
  top: 15px;
}
#KMP-ZAAK_BERICHTEN tr.osd-row-follows-family-row td.osd-col-delete {
  top: 14px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-bericht-in td.osd-col-copy {
  right: 104px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-bericht-in td.osd-col-pin {
  right: 68px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-bericht-in.osd-verwijderbaar td.osd-col-copy {
  right: 134px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-bericht-in.osd-verwijderbaar td.osd-col-pin {
  right: 98px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-bericht-in td.osd-col-delete {
  right: 68px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-copy button,
#KMP-ZAAK_BERICHTEN td.osd-col-pin button,
#KMP-ZAAK_BERICHTEN td.osd-col-delete button {
  min-width: unset;
  width: 32px;
  font-size: 16px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-copy button {
  border: none;
}
#KMP-ZAAK_BERICHTEN .osd-attachment-verwijderd {
  color: #555;
}
#KMP-ZAAK_BERICHTEN .osd-attachment-verwijderd .fa-file-times {
  font-size: 40px;
  padding: 10px;
  color: #999a99;
}
#KMP-ZAAK_BERICHTEN .ocp-bericht-tekst {
  padding-top: 4px;
}
#KMP-ZAAK_BERICHTEN .ocp-berichten-out > .ocp-bericht-tekst:first-child,
#KMP-ZAAK_BERICHTEN .ocp-berichten-out > .ocp-berichten-thumbnails:first-child {
  padding-top: 24px;
}
#KMP-ZAAK_BERICHTEN .ocp-document-thumbnail {
  display: inline-block;
  margin-right: 5px;
}
#KMP-ZAAK_BERICHTEN tr.mat-row div.select-format {
  cursor: pointer;
}
#KMP-ZAAK_BERICHTEN tr.mat-row div.select-format span {
  display: none;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_INVOER {
  padding-top: 5px;
  padding-bottom: 15px;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_INVOER mat-radio-group {
  display: flex;
  column-gap: 30px;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_POSTCODE {
  width: 150px;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_POSTCODE .mat-form-field-subscript-wrapper {
  overflow: visible;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_POSTCODE mat-error span {
  overflow: visible;
  white-space: nowrap;
}
#KMP-ZAAK_BERICHT_LOCATIE osd-form-cell#CUSTOM_HUISNUMMER {
  width: 100px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_DEADLINES,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#_DEADLINES {
  margin-bottom: 5px !important;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#LBL_TITEL,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#LBL_TITEL {
  flex: 1 1 auto !important;
  margin-right: 20px !important;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#LBL_TITEL osd-form-question > div > span,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#LBL_TITEL osd-form-question > div > span {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#LBL_TITEL osd-form-question > div > span span.kmp-zaak-tab-titel,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#LBL_TITEL osd-form-question > div > span span.kmp-zaak-tab-titel {
  flex: 0 0 auto;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#LBL_TITEL osd-form-question > div > span span.osd-conversatie-naam,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#LBL_TITEL osd-form-question > div > span span.osd-conversatie-naam {
  flex: 1 1 auto;
  background: white;
  border-radius: 4px 4px 0 0;
  padding: 8px 10px;
  margin-left: 20px;
  font-weight: 600;
  font-size: 15px;
}
#KMP-INSTELLINGEN osd-form-cell#_TITEL > div {
  flex: 1 1 auto !important;
}
#KMP-INSTELLINGEN .kmp-zaak-header osd-form-cell#BTN_CLOSE_FORM button {
  background: transparent;
  box-shadow: none;
  font-size: 22px;
  font-weight: 600;
  line-height: unset;
  min-width: unset;
}
#KMP-INSTELLINGEN .mat-form-field-underline::before {
  bottom: -2px;
}
#KMP-INSTELLINGEN .mat-form-field-ripple {
  bottom: -2px;
}
#KMP-INSTELLINGEN #_INSTELLING {
  outline: none;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING {
  height: calc(100vh - 135px);
  overflow-y: scroll;
  scrollbar-width: thin;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING button {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 7px;
  line-height: unset;
  box-shadow: none;
  line-height: 1.5;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING mat-button-toggle-group {
  justify-content: space-between;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-label {
  font-weight: 400;
  font-size: 14px;
  margin: 0 20px;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-combobox,
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-text {
  margin: 0 20px;
  align-self: end;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-radiogroup {
  margin: 0 20px 10px 20px;
  align-self: end;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-radiogroup.display-flex mat-radio-group {
  display: flex !important;
  justify-content: space-evenly;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING .osd-textarea {
  margin: 0 20px;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING osd-form-cell[id^="_INSTELLING_0"] {
  padding-bottom: 15px;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING osd-form-cell[id^="_INSTELLING_0"] .kmp-form-field .mat-form-field-underline {
  bottom: 2px !important;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING osd-form-cell[id$="AUTO_REPLY_TEKST"] {
  margin: 0 20px;
  width: 600px;
  align-self: end;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING osd-form-cell[id$="AUTO_REPLY_TOT_EN_MET"] {
  margin: 0 20px;
  align-self: end;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING label {
  color: black;
}
#KMP-INSTELLINGEN osd-form-cell[id$="_GROEP"] {
  margin-right: 0 !important;
  width: 230px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="_DATUM_TOT"] {
  width: 225px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="CHK_GEBRUIK_FOTO"] {
  border: none;
  font-weight: 500;
  width: 110px !important;
}
#KMP-INSTELLINGEN div.upload {
  max-width: 250px !important;
  width: unset !important;
}
#KMP-INSTELLINGEN div.files-list:not(:empty) + button {
  display: none;
}
#KMP-INSTELLINGEN .kmp-save-photo-btn button {
  width: unset !important;
  margin-left: 30px;
  font-weight: 600;
  font-size: 14px;
}
#KMP-INSTELLINGEN .kmp-save-photo-btn button i {
  margin-right: 10px;
  font-size: 20px;
}
#KMP-INSTELLINGEN .single-file > .osd-upload-info-document-name {
  width: calc(100% - 40px);
  text-align: right;
}
#KMP-INSTELLINGEN .osd-upload-file-thumbnail {
  width: unset !important;
}
#KMP-INSTELLINGEN .upload .files-list .single-file {
  justify-content: flex-end !important;
}
#KMP-INSTELLINGEN osd-form-cell#_INSTELLING_RECHTS {
  padding: 10px 30px 10px 0;
}
#KMP-INSTELLINGEN .osd-upload-add-btn {
  font-weight: 600;
}
#KMP-INSTELLINGEN .kmp-add-gemachtigde-btn button {
  width: unset !important;
  min-width: unset;
  margin-left: 0px;
  margin-top: 17px;
  padding-left: 0;
  font-weight: 600;
  font-size: 20px;
}
#KMP-INSTELLINGEN .form-table {
  border: none;
  margin: 0 20px 30px 20px;
}
#KMP-INSTELLINGEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KMP-INSTELLINGEN th,
#KMP-INSTELLINGEN td {
  font-family: Raleway;
}
#KMP-INSTELLINGEN th.mat-header-cell:first-of-type,
#KMP-INSTELLINGEN td.mat-cell:first-of-type {
  padding-left: 5px;
}
#KMP-INSTELLINGEN th.mat-header-cell:last-of-type,
#KMP-INSTELLINGEN td.mat-cell:last-of-type {
  padding-right: 0px;
  width: 70px;
}
#KMP-INSTELLINGEN td.osd-col-revoke button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
  margin-left: 10px;
}
#KMP-INSTELLINGEN td.osd-col-tot .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#KMP-INSTELLINGEN td.osd-col-tot .mat-form-field-subscript-wrapper {
  top: 52px;
}
#KMP-INSTELLINGEN td.osd-col-tot .mat-form-field-underline {
  bottom: 0;
}
#KMP-INSTELLINGEN td.osd-col-tot al .mat-form-field-infix {
  border-top-width: 0px;
}
#KMP-INSTELLINGEN td.osd-col-tot .mat-form-field {
  width: 190px !important;
}
#KMP-INSTELLINGEN tr.mat-row {
  height: 36px;
}
#KMP-INSTELLINGEN osd-form-cell#_NIEUWE_GEMACHTIGDE {
  margin-left: 0;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-extern-naam {
  font-weight: 600;
  height: 18px;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-extern {
  padding-top: 10px;
  font-weight: 600;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-extern-functie {
  font-weight: 600;
  padding-bottom: 10px;
  vertical-align: top;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-extra-info {
  font-weight: 400;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-photo {
  vertical-align: top;
  width: 1%;
  padding-left: 20px;
}
#KMP-INSTELLINGEN .kmp-contact-medewerker .kmp-contact-photo img {
  height: 100px;
}
#KMP-INSTELLINGEN .kmp-contact-client .kmp-contact-name {
  height: 18px;
}
#KMP-INSTELLINGEN table.kmp-contact-medewerker {
  margin: 10px 0px;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 7px;
  width: 500px;
}
#KMP-INSTELLINGEN .kmp-instelling-child {
  border-radius: 7px;
  background: white;
  font-size: 14px;
}
#KMP-INSTELLINGEN .kmp-instelling {
  font-weight: 600;
  margin: 10px;
  text-align: left;
  white-space: normal;
}
#KMP-INSTELLINGEN .kmp-instelling-value-and-icon {
  white-space: nowrap;
  margin: auto 0;
}
#KMP-INSTELLINGEN .kmp-instelling-value {
  font-weight: 700;
}
#KMP-INSTELLINGEN .kmp-instelling-open-icon {
  margin-left: 10px;
}
#KMP-INSTELLINGEN mat-button-toggle-group {
  margin: 5px 10px;
}
#KMP-INSTELLINGEN mat-button-toggle {
  margin: 6px 0px;
}
#KMP-INSTELLINGEN .kmp-form-field .mat-form-field {
  background: white;
}
#KMP-INSTELLINGEN .kmp-form-field .mat-form-field-subscript-wrapper {
  padding-left: 5px;
}
#KMP-INSTELLINGEN .kmp-form-field .mat-error {
  margin-top: 0;
}
#KMP-INSTELLINGEN osd-form-cell[id$="_TELNR"] mat-error,
#KMP-INSTELLINGEN osd-form-cell[id$="_EMAIL"] mat-error {
  margin-top: 10px !important;
}
#KMP-INSTELLINGEN .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  margin-right: 0px;
}
#KMP-INSTELLINGEN osd-form-cell[id$="TELNR"],
#KMP-INSTELLINGEN osd-form-cell[id$="CODE"] {
  width: 200px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="EMAIL"] {
  width: 300px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="WEBPUSH_SIGNALEN"].osd-radiogroup {
  width: 400px !important;
}
#KMP-INSTELLINGEN button[id$="BTN_WIJZIG_FOTO"] {
  border: 2px solid #bbb;
  padding: 2px 10px;
}
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_FOTO_AKKOORD"] button {
  border: 2px solid #bbb;
  padding: 2px 15px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_STUUR_CODE"],
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_CONTROLEER_CODE"] {
  align-self: end;
  margin-right: 20px;
  margin-bottom: 15px !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_STUUR_CODE"] button,
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_CONTROLEER_CODE"] button {
  width: unset !important;
  height: 30px !important;
  line-height: unset !important;
}
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_STUUR_CODE"] button:focus,
#KMP-INSTELLINGEN osd-form-cell[id$="BTN_CONTROLEER_CODE"] button:focus {
  height: 32px !important;
}
#OSD_BAS-START osd-form-cell#ONDERWERP,
#OSD_BAS-START osd-form-cell#BERICHT_TMP {
  max-width: calc(var(--max-width) - 200px) !important;
  width: unset !important;
}
#OSD_BAS-EIND osd-form-cell#_BODY {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK {
  margin-right: 20px !important;
  font-size: 16px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button {
  padding: 0 16px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999a99;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button:focus {
  border: 2px solid #999a99;
  margin: 0px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button i {
  font-size: 18px;
  margin-right: 5px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#_BODY {
  padding-top: 10px !important;
  padding-right: 20px !important;
}
#OSD_BAS-ZAAK_TAKEN > div > div.form-body > osd-form-cell#_BODY {
  max-height: calc(100vh - 202px);
  scrollbar-width: thin;
  overflow-y: scroll;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#_TAAK button tr {
  display: table-row;
  height: 40px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#_TAAK button tr td:nth-child(3) {
  text-align: right;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_AFRONDEN {
  margin-right: 20px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#BTN_AFRONDEN i {
  font-size: 18px;
  margin-right: 5px;
}
#OSD_BAS-ZAAK_TAKEN osd-form-cell#_KNOPPEN {
  margin-bottom: 15px !important;
}
#OSD_BAS-ZAAK_TAKEN ~ osd-form osd-form-cell#_HEADER {
  height: 75px !important;
}
#OSD_BAS-ZAAK_TAKEN ~ osd-form #KMP-ZAAK_NIEUWE_TAAK osd-form-cell#_HEADER {
  height: 143px !important;
}
#OSD_BAS-ZAAK osd-form-cell#_HEADER {
  height: 20px !important;
}
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_KEUZE_TMP button {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  border-radius: 10px;
  margin: 1px 1px 1px 0;
  border: 1px solid #999a99;
}
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button:focus,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button:focus,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button:focus,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button:focus,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_KEUZE_TMP button:focus {
  border: 2px solid #999a99;
  margin: 0px;
}
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button .mat-button-toggle-label-content,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button .mat-button-toggle-label-content,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button .mat-button-toggle-label-content,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button .mat-button-toggle-label-content,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_KEUZE_TMP button .mat-button-toggle-label-content {
  margin-right: 0;
}
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_GEBDATUM_TMP button i,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_NAAM_TMP button i,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_TELNR_TMP button i,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_EMAIL_TMP button i,
#OSD_BAS-ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_KEUZE_TMP button i {
  font-size: 16px;
  margin-left: 3px;
  margin-right: 3px;
}
#OSD_CRM-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK {
  margin-right: 20px !important;
  font-size: 16px;
}
#OSD_CRM-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button {
  padding: 0 16px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999a99;
}
#OSD_CRM-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button:focus {
  border: 2px solid #999a99;
  margin: 0px;
}
#OSD_CRM-ZAAK_TAKEN osd-form-cell#BTN_NIEUWE_TAAK button i {
  font-size: 18px;
  margin-right: 5px;
}
#OSD_CRM-ZAAK_TAKEN ~ osd-form osd-form-cell#_HEADER {
  height: 75px !important;
}
#OSD_CRM-ZAAK_TAKEN osd-form-cell#_BODY {
  padding-right: 20px !important;
}
#KMP-ZAAK_AFSPRAKEN ~ osd-form osd-form-cell#_HEADER {
  height: 75px !important;
}
#KMP-ZAAK_HISTORIE .kmp-history-no-action button {
  cursor: default;
  pointer-events: none;
}
#KMP-ZAAK_HISTORIE #_HEADER {
  height: 75px;
}
#KMP-ZAAK_HISTORIE_TAB > div > .form-body {
  max-height: calc(100vh - 212px);
}
#KMP-ZAAK_HISTORIE_TAB .form-body > osd-form-cell#_BODY {
  scrollbar-width: thin;
  overflow: auto;
  padding-right: 20px;
}
#KMP-ZAAK_HISTORIE_TAB form .form-body {
  max-height: unset;
}
#KMP-ZAAK_HISTORIE_TAB #KMP-ZAAK_ACTIVITEIT > div > .form-body > osd-form-cell#_BODY {
  padding-top: 0;
}
#KMP-ZAAK_HISTORIE_TAB #KMP-ZAAK_ACTIVITEIT > div > .form-body osd-form-cell#_TOELICHTING {
  padding-bottom: 20px;
}
#KMP-ZAAK_HISTORIE_TAB #KMP-ZAAK_TAB .form-container {
  min-height: unset !important;
  height: unset !important;
}
#KMP-ZAAK_HISTORIE_TAB osd-form-cell#_HEADER {
  height: 90px;
}
#KMP-ZAAK_HISTORIE_TAB > div > .form-body > osd-form-cell#_BODY {
  margin-top: 20px;
}
#KMP-ZAAK_HISTORIE_TAB .kmp-zaak-tab-subtitel {
  margin-left: 10px;
  margin-top: 5px;
}
#KMP-ZAAK_HISTORIE_TAB osd-form-cell#_KNOPPEN {
  display: none !important;
}
#KMP-ZAAK_HISTORIE_TAB form osd-form-cell#_HEADER {
  display: none !important;
}
#KMP-ZAAK_HISTORIE_TAB #OSD_AFS-VERSLAGLEGGING osd-form-cell#_INNER_BODY_KNOPPEN {
  display: none !important;
}
#KMP-ZAAK_HISTORIE_TAB #OSD_BAS-ZAAK_TAKEN osd-form-cell#_BODY {
  background: #eeeeee !important;
  padding: 0 !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-NIEUW_GESPREK {
  top: 100px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-NIEUW_GESPREK section.modal-dialog-body {
  padding: 10px 20px !important;
  max-height: calc(100vh - 200px) !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#_BODY {
  padding-right: 2px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#ONDERWERP {
  width: 100%;
}
#KMP-NIEUW_GESPREK osd-form-cell#LBL_GESPREKKEN {
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr.mat-row {
  min-height: 40px;
  height: unset !important;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN td.mat-cell {
  border: none !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN {
  margin-bottom: 0px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN .mat-table {
  background: transparent;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN .form-table {
  border: none;
  margin-bottom: 15px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row {
  height: unset !important;
  display: flex;
  margin: 0 3px 12px 3px;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row.selected {
  background: transparent;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_GESPREKKEN tr.mat-row:focus-within {
  outline: 2px solid blue;
  border-radius: 10px;
}
#KMP-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;
}
#KMP-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: 600;
  line-height: 20px;
  padding: 5px 15px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_KNOPPEN {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL {
  padding: 0;
  width: calc(var(--max-width) - 300px);
  background: transparent;
  border: none;
  padding-bottom: 5px;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL mat-label {
  display: none;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button {
  display: inline-block;
  margin-right: 50px;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button .mat-radio-container {
  display: none;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button .mat-radio-label-content {
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  padding: 5px;
  border-bottom: 2px solid transparent;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL mat-radio-button.mat-radio-checked .mat-radio-label-content {
  border-bottom: 2px solid black;
}
#KMP-NIEUW_GESPREK osd-form-cell#_BODY,
#KMP-NIEUW_CONTACT osd-form-cell#_BODY {
  padding-left: 5px;
  padding-right: 24px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_BODY_HEADER,
#KMP-NIEUW_CONTACT osd-form-cell#_BODY_HEADER {
  height: 75px;
  margin: 0 5px;
}
#KMP-NIEUW_GESPREK osd-form-cell#LBL_SUBTITEL,
#KMP-NIEUW_CONTACT osd-form-cell#LBL_SUBTITEL {
  font-weight: 600;
  font-size: 16px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_BODY_BODY,
#KMP-NIEUW_CONTACT osd-form-cell#_BODY_BODY {
  font-size: 14px;
  margin: 0px;
  flex: 0 0 auto !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#CHK_NEW_USER.osd-margin-bottom-100px,
#KMP-NIEUW_CONTACT osd-form-cell#CHK_NEW_USER.osd-margin-bottom-100px {
  margin-bottom: 65px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN {
  z-index: 9;
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN .form-table,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN .form-table {
  border-top: none;
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: thin;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN .form-table table,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN .form-table table {
  padding: 2px 0 0 0;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr {
  height: 30px;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr.selected:focus-within,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr.selected:focus-within {
  background: #EEE;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr td:first-child,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr td:first-child {
  padding-left: 15px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
  width: 250px;
}
#KMP-NIEUW_GESPREK osd-form-cell#TBL_PERSONEN tr td:last-child,
#KMP-NIEUW_CONTACT osd-form-cell#TBL_PERSONEN tr td:last-child {
  padding-left: 10px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
  max-width: 300px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN {
  width: 100%;
  position: relative;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN > div,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN > div {
  width: 100%;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#_ZOEKEN_TOP,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#_ZOEKEN_TOP {
  padding: 0px 2px 0px 0px;
  border-radius: 4px 4px 0 0;
  background: white;
  border: 1px solid #C1C1C1;
  width: calc(var(--max-width) - 300px);
  height: 50px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN {
  flex-grow: 1 !important;
  width: unset;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper {
  padding: 4px 0;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-flex,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-flex {
  padding-top: 0px;
  background: transparent;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-underline,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN .mat-form-field-underline {
  bottom: 0px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN input,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#TXT_ZOEKEN input {
  padding-left: 35px;
  width: 390px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  position: absolute;
  top: 6px;
  z-index: 9;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button {
  box-shadow: none !important;
  font-size: 16px;
  width: 50px;
  min-width: unset;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN {
  right: 60px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  right: 10px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN {
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 9;
}
#KMP-NIEUW_GESPREK osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search,
#KMP-NIEUW_CONTACT osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 5px;
  margin-top: 10px;
  font-size: 20px;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL_NAAM,
#KMP-NIEUW_CONTACT osd-form-cell#ROL_NAAM {
  margin-bottom: 25px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#ROL_NAAM mat-hint,
#KMP-NIEUW_CONTACT osd-form-cell#ROL_NAAM mat-hint {
  margin-top: 10px;
  color: black;
  height: 20px;
}
#KMP-NIEUW_GESPREK osd-form-cell#MACHTIGING_ENOF_CONTACT,
#KMP-NIEUW_CONTACT osd-form-cell#MACHTIGING_ENOF_CONTACT {
  width: unset !important;
  margin-bottom: 0px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#MACHTIGING_ENOF_CONTACT mat-radio-button,
#KMP-NIEUW_CONTACT osd-form-cell#MACHTIGING_ENOF_CONTACT mat-radio-button {
  display: inline-block;
  margin: 3px 20px 0 0 !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#READONLY,
#KMP-NIEUW_CONTACT osd-form-cell#READONLY {
  margin-bottom: 0px !important;
}
#KMP-NIEUW_GESPREK osd-form-cell#LBL_MACHTIGING,
#KMP-NIEUW_CONTACT osd-form-cell#LBL_MACHTIGING,
#KMP-NIEUW_GESPREK osd-form-cell#LBL_READONLY,
#KMP-NIEUW_CONTACT osd-form-cell#LBL_READONLY {
  width: unset !important;
  max-width: unset !important;
  margin-top: 5px !important;
  font-size: 13px;
  font-weight: 500;
  margin-left: 12px;
}
#KMP-NIEUW_GESPREK osd-form-cell#LBL_MACHTIGING i,
#KMP-NIEUW_CONTACT osd-form-cell#LBL_MACHTIGING i,
#KMP-NIEUW_GESPREK osd-form-cell#LBL_READONLY i,
#KMP-NIEUW_CONTACT osd-form-cell#LBL_READONLY i {
  margin-right: 5px;
  font-size: 16px;
}
#KMP-NIEUW_GESPREK osd-form-cell#_KNOPPEN,
#KMP-NIEUW_CONTACT osd-form-cell#_KNOPPEN {
  min-width: 510px;
  margin-top: 30px !important;
  margin-right: 20px;
}
#KMP-ZAAK_CONTACTEN .kmp-position-relative {
  position: relative;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-edit-btn {
  position: absolute;
  top: 10px;
  right: 45px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-edit-btn button {
  min-width: 40px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-edit-btn i {
  opacity: 0.7;
  font-size: 20px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-mute-btn {
  position: absolute;
  top: 10px;
  right: 5px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-mute-btn button {
  min-width: 40px;
  background: transparent;
  color: #000000de;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-mute-btn i {
  opacity: 0.7;
  font-size: 20px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-mute-btn i.fa-volume-xmark {
  opacity: 1;
  color: #ba0606;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-photo img {
  right: 100px;
  height: 50px;
  padding-top: 40px;
}
#KMP-ZAAK_CONTACTEN .kmp-uitnodig-datum {
  padding-top: 25px;
  padding-bottom: 5px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-intrekken-btn {
  position: absolute;
  bottom: 6px;
  left: 9px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-intrekken-btn button {
  min-width: 40px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-intrekken-btn i {
  opacity: 0.7;
  font-size: 16px;
}
#KMP-ZAAK_CONTACTEN td.ocp-contact-remark {
  font-size: 14px;
  font-weight: 600;
  color: #ba0606;
  padding-top: 4px;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #_HEADER,
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #BTN_STUUR_UITNODIGING,
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #GEBRUIKER_STATUS_ACTIEF,
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #BEHEER_RECHTEN,
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #EXTERN_USER_ID {
  display: none !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #USER_ID {
  background: unset !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #USER_ID .mat-form-field-flex {
  background: unset !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER .form-body {
  height: unset !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #_BODY {
  background: unset !important;
  padding: 0 40px 0 0 !important;
  box-shadow: none !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #_CONTACTGEGEVENS_VOOR_CLIENT {
  padding: 0 !important;
  border: none !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #_CONTACTGEGEVENS_VOOR_CLIENT osd-form-cell {
  width: 450px !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER #_CONTACTGEGEVENS_VOOR_CLIENT osd-form-cell#OCP_LBL_TITEL {
  margin-left: 5px;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  max-width: 480px !important;
}
.cdk-overlay-pane.KMP-ZAAK_CONTACTEN\.KBP-GEBRUIKER mat-dialog-container {
  padding-right: 0px !important;
}
#KMP-SIGNALEN osd-form-cell#BTN_SIGNALEN button,
#KMP-SIGNALEN osd-form-cell#BTN_ZAKEN button {
  background: transparent;
}
#KMP-SIGNALEN osd-form-cell#BTN_SIGNALEN .osd-tab-selected,
#KMP-SIGNALEN osd-form-cell#BTN_ZAKEN .osd-tab-selected,
#KMP-SIGNALEN osd-form-cell#BTN_SIGNALEN .osd-tab-not-selected,
#KMP-SIGNALEN osd-form-cell#BTN_ZAKEN .osd-tab-not-selected {
  font-weight: 600;
  font-size: 22px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 4px;
}
#KMP-SIGNALEN osd-form-cell#BTN_SIGNALEN .osd-tab-selected,
#KMP-SIGNALEN osd-form-cell#BTN_ZAKEN .osd-tab-selected {
  padding-bottom: 2px;
  border-bottom: 2px solid black !important;
}
#KMP-SIGNALEN osd-form-cell#LBL_GEEN_SIGNALEN {
  margin-top: 10px;
  margin-left: 20px;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER {
  margin: 0 10px !important;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER .mat-checkbox-inner-container {
  display: none;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER section.form-checkbox-group {
  display: flex;
  width: 0px;
  height: 0px;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  border-radius: 7px;
  padding: 0;
  transition: width 0.4s;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER:hover section.form-checkbox-group {
  padding: 6px 15px 3px 15px;
  width: 190px;
  height: 24px;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER:hover mat-label {
  display: none;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER mat-checkbox {
  color: black;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER mat-checkbox.mat-checkbox-checked {
  color: gray;
}
#KMP-SIGNALEN osd-form-cell#SIGNAAL_SOORT_FILTER i {
  font-size: 20px;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE td.osd-col-naam {
  cursor: pointer;
}
osd-modal-dialog header {
  padding-bottom: 10px;
}
.mat-dialog-container {
  background-color: #eee !important;
  border: 2px solid #aaa;
  padding-bottom: 15px !important;
}
#KMP-NIEUWE_ZAAK {
  /*
  .osd-text .mat-form-field-subscript-wrapper,
  .osd-date .mat-form-field-subscript-wrapper,
  .osd-combobox .mat-form-field-subscript-wrapper {
    top: 52px;
  }
  */
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL {
  height: 75px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL i {
  font-size: 20px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#PERSOONSGEBONDEN {
  width: 200px !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  margin-right: 0px !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#ZICHTBAAR_VOOR_INWONER {
  width: 250px !important;
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#ZICHTBAAR_VOOR_INWONER.disabled mat-checkbox {
  display: none;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_SMS_TEXT {
  width: calc(var(--max-width) - 200px) !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK {
  overflow: auto;
  height: calc(100vh - 137px);
  scrollbar-width: thin;
  padding: 20px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK > div {
  width: 100%;
}
#KMP-NIEUWE_ZAAK #_HEADER button {
  box-shadow: none !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_KNOPPEN {
  margin-top: 10px;
  width: 500px;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CELL_START_FORM {
  width: 100%;
}
#KMP-NIEUWE_ZAAK osd-form-cell#CELL_START_FORM .form-body {
  margin-left: 0px;
  overflow: visible;
}
#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-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,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_TEXT_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 #999a99;
  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,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_TEXT_TMP button:focus {
  border: 2px solid #999a99;
  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,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_TEXT_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,
#KMP-NIEUWE_ZAAK osd-form-cell#CLIENT_CHK_EDIT_SMS_TEXT_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;
}
table.kmp-taak .kmp-taak-icon {
  width: 40px;
}
#OSD_ALO-START osd-form-cell#HEEFT_PTR {
  margin-bottom: 0 !important;
}
#OSD_ALO-START osd-form-cell#LBL_NAW_GEGEVENS {
  margin-left: 10px;
}
#OSD_ALO-START osd-form-cell#LBL_NAW_GEGEVENS td {
  vertical-align: top;
}
#OSD_ALO-START osd-form-cell#LBL_NAW_GEGEVENS td:first-of-type {
  padding-right: 20px;
  max-width: 300px;
}
#OSD_ALO-START osd-form-cell#LBL_NAW_GEGEVENS td p {
  font-size: 15px;
  margin: 5px 0;
}
#OSD_ALO-START osd-form-cell#PTR_BSN {
  margin-top: 10px;
}
.ocp-aanvraagformulier .form-footer {
  background: var(--primary-header-color);
}
.ocp-aanvraagformulier .kmp-taak .form-body {
  background: #fffdf2 !important;
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.ocp-aanvraagformulier .kmp-taak .form-body osd-form-cell#_BODY {
  box-shadow: none;
  margin-bottom: 0;
}
/*
   osd-form-cell#_BODY {
      background: var(--primary-header-color) !important;
   }
   
   osd-form-cell#BTN_BACK button {
      color: #999A99 !important;
   }
   
   osd-form-cell#BTN_MENU button {
      color: var(--primary-accent-color) !important;
   }
}
*/
/*
#KMP-ZAAK_TAAK .ocp-aanvraagformulier {
   .header {
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-top: 0 !important;
   }

   .form-body {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
}

div.cdk-overlay-pane[class*="\.KMP-PORTAAL"] {
   &.menu-top {
      margin-top: 250px !important;
      margin-left: 120px !important;
      min-width: auto !important;
      min-height: auto !important;
   }
   
   &.menu-top-right {
      margin-top: 300px !important;
      margin-right: 120px !important;
   }   
}
*/
#OSD_ALO-BEOORDEEL_ZOEKPERIODE osd-form-cell#LBL_ZOEKPERIODE_DETAILS table tr td:first-of-type {
  width: 100px;
}
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L div.zaak-info {
  display: flex;
  align-items: center;
}
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L .kmp-zaak-clientnaam {
  padding-top: 3px;
}
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L .kmp-top-priority,
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L .kmp-alert_text,
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L .kmp-user-inactive {
  color: white;
  background: #ba0606;
  padding: 2px 15px 2px 15px;
  border-radius: 10px;
  margin-left: 15px;
  font-weight: 700;
  font-size: 15px;
}
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R1_L .kmp-alert_text {
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN td.zaak-info {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN .kmp-signalen-clientnaam {
  padding-top: 2px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN .kmp-top-priority {
  color: white;
  background: #ba0606;
  padding: 0 15px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING td.zaak-info {
  display: flex;
  align-items: center;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING .kmp-signalen-clientnaam {
  padding-top: 2px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING .kmp-top-priority {
  color: white;
  background: #ba0606;
  padding: 0 15px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
}
#KMP-ZAAK_GEGEVENS > div > .form-body {
  max-height: calc(100vh - 252px);
  padding: 20px;
}
#KMP-ZAAK_GEGEVENS > div > .form-body > osd-form-cell#_BODY {
  border-radius: 7px;
  background: #fffdf2;
  padding: 0px 20px;
  flex: 0 0 auto !important;
}
#KMP-ZAAK_GEGEVENS > div > .form-body > osd-form-cell#_BODY h4 {
  margin: 10px 0;
}
#KMP-ZAAK_GEGEVENS > div > .form-body > osd-form-cell#_BODY .kmp-taak .form-body osd-form-cell#_BODY {
  padding: 20px 0;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_TOELICHTING + osd-form-cell#CELL_ZAAK {
  margin-top: 10px;
  width: 100%;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_TOELICHTING + osd-form-cell#CELL_ZAAK osd-form-cell#_BODY {
  border-radius: 7px !important;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER {
  height: unset;
  padding: 0 !important;
  border-bottom: none !important;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER osd-form-cell#_HEADER_TOP {
  border-bottom: 2px solid var(--primary-accent-color);
  padding: 30px 15px 20px 15px;
  height: 75px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER osd-form-cell#_HEADER_BOTTOM {
  padding: 10px 15px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER osd-form-cell#_HEADER_BOTTOM i {
  font-size: 18px;
  margin-right: 5px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER osd-form-cell#_HEADER_BOTTOM i.fa-circle-exclamation {
  vertical-align: text-bottom;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_HEADER osd-form-cell#_HEADER_BOTTOM button {
  padding-left: 12px;
  padding-right: 12px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#BTN_SAMENVATTING button a {
  border: none;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#BTN_SAMENVATTING button a:link {
  color: black !important;
  text-decoration: none;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_TOELICHTING {
  width: 100%;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING {
  background: white;
  width: auto;
  flex: 1 1 auto !important;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING .mat-form-field-underline {
  bottom: 0;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING .mat-form-field-flex {
  border: 1px solid #bbb !important;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING .mat-form-field-infix {
  width: auto;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#TOELICHTING.important .mat-form-field-flex {
  border: 1px solid #ba0606 !important;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#_TOELICHTING {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0 !important;
  background: #fffdf2;
  border-radius: 7px 7px 0 0;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING button,
#KMP-ZAAK_GEGEVENS osd-form-cell#BTN_TOELICHTING button {
  background: transparent !important;
  border: 1px solid #999a99;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING button i,
#KMP-ZAAK_GEGEVENS osd-form-cell#BTN_TOELICHTING button i {
  font-size: 18px;
  margin-right: 10px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING button {
  padding: 3px 8px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING .mat-button-toggle-label-content {
  margin-right: 0;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING mat-button-toggle-group {
  padding-right: 5px;
}
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING i.fa-floppy-disk,
#KMP-ZAAK_GEGEVENS osd-form-cell#CHK_TOELICHTING i.fa-pencil-alt {
  margin-right: 0;
}
#KMP-ZAAK_GEGEVENS form osd-form-cell#_BODY {
  margin: 0 !important;
  border-radius: 0 0 7px 7px;
}
#KMP-ZAAK_WIJZIG_URGENTIE osd-form-cell#_BODY {
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
#KMP-ZAAK_WIJZIG_URGENTIE osd-form-cell#LBL_GEWIJZIGD_INFO {
  font-size: 14px;
  margin-left: 5px;
}
#KMP-ZAAK_WIJZIG_URGENTIE osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
#KMP-NIEUWE_GROEP osd-form-cell#_BODY {
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
#KMP-NIEUWE_GROEP .mat-form-field {
  background: #eee;
}
#KMP-NIEUWE_GROEP osd-form-radiogroup mat-error {
  margin-top: 7px;
}
#KMP-NIEUWE_GROEP osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-IMPORTEER_GROEP {
  height: 550px;
}
#KMP-IMPORTEER_GROEP osd-form-cell#_BODY {
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
#KMP-IMPORTEER_GROEP .mat-form-field {
  background: #eee;
}
#KMP-IMPORTEER_GROEP osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT.hidden button {
  display: none;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT .ocp-attachment-icon {
  margin-top: 8px;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT .files-list:not(:empty) {
  background: white;
  padding-top: 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT .upload {
  width: 450px !important;
  max-width: unset;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT .single-file {
  width: calc(100% - 20px);
  margin-left: 10px !important;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT .single-file .osd-upload-info-document-name {
  max-width: calc(100% - 40px) !important;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#KMP-IMPORTEER_GROEP osd-form-cell#SCRIPT button {
  border: 1px solid #bbb;
  padding: 10px;
  border-radius: 4px;
}
.kmp-taak .mat-error {
  font-size: 12px;
}
.kmp-taak .mat-form-field-label,
.kmp-taak .mat-hint {
  color: unset;
}
.kmp-taak .osd-radiogroup mat-label {
  font-size: 13px;
}
.kmp-taak osd-form-cell.osd-textarea {
  background: transparent;
}
#OSD_ALO-EIND osd-form-cell#_BODY {
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
#OSD_ALO-EIND osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
#OSD_ALO-AANVRAAG osd-form-cell#BTN_MAAK_CLIENT_TAAK button,
#OSD_ALO-AANVRAAG osd-form-cell#BTN_START_FORMULIER button,
#OSD_ALO-AANVRAAG osd-form-cell#BTN_AFRONDEN button {
  margin: 1px;
}
#KMP-SIGNALEN_SOORT_SELECTIE osd-form-cell#SIGNAAL_SOORT_FILTER {
  width: 370px !important;
}
#KMP-SIGNALEN_SOORT_SELECTIE osd-form-cell#SIGNAAL_SOORT_FILTER span.mat-checkbox-label > span:first-of-type {
  display: none;
}
#KMP-SIGNALEN_SOORT_SELECTIE osd-form-cell#SIGNAAL_SOORT_FILTER i {
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  width: 20px;
}
#KMP-SIGNALEN_SOORT_SELECTIE osd-form-cell#SIGNAAL_SOORT_FILTER span.kmp-signal-option {
  display: flex;
  justify-content: center;
  font-weight: 600;
}
.cdk-overlay-pane[class$="KMP-CLIENT_ADMIN"] {
  min-height: 300px;
  width: 600px;
  max-height: unset !important;
}
.cdk-overlay-pane[class$="KMP-CLIENT_ADMIN"] mat-dialog-container {
  padding-right: 0px !important;
}
.cdk-overlay-pane button {
  overflow: hidden !important;
}
.cdk-overlay-pane[class$="CLIENT_CUSTOM_PROPERTIES_FORM"] {
  min-height: 200px;
  width: 530px;
}
.cdk-overlay-pane[class$="CLIENT_CUSTOM_PROPERTIES_FORM"] mat-dialog-container {
  padding-right: 0px !important;
}
.cdk-overlay-pane[class$="CLIENT_CUSTOM_PROPERTIES_FORM"] #BANKREKENING_BTN_IBAN button,
.cdk-overlay-pane[class$="CLIENT_CUSTOM_PROPERTIES_FORM"] #BEWINDVOERDER_BTN_NAAM button,
.cdk-overlay-pane[class$="CLIENT_CUSTOM_PROPERTIES_FORM"] #BEWINDVOERDER_BTN_KVK_NUMMER button {
  min-width: 44px;
  padding: 5px 10px 5px 15px;
  font-size: 16px;
  height: 40px;
}
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] .form-body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 240px);
}
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY {
  padding: 0 24px 0 5px !important;
  background: unset !important;
  box-shadow: none !important;
}
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-score,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-text,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-date,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-textarea,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-combobox,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-checkbox,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-radiogroup,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-checkbox,
div[id$="CLIENT_CUSTOM_PROPERTIES_FORM"] osd-form-cell#_BODY osd-form-cell.osd-radiogroup {
  width: 400px;
}
#KMP-USER_ADMIN osd-form-cell#_BODY,
#KMP-CLIENT_ADMIN osd-form-cell#_BODY {
  padding-left: 5px;
  padding-right: 24px;
}
#KMP-USER_ADMIN osd-form-cell#MACHTIGING_ENOF_CONTACT,
#KMP-CLIENT_ADMIN osd-form-cell#MACHTIGING_ENOF_CONTACT {
  width: unset !important;
  margin-bottom: 0px !important;
}
#KMP-USER_ADMIN osd-form-cell#MACHTIGING_ENOF_CONTACT mat-radio-button,
#KMP-CLIENT_ADMIN osd-form-cell#MACHTIGING_ENOF_CONTACT mat-radio-button {
  display: inline-block;
  margin: 3px 20px 0 0 !important;
}
#KMP-USER_ADMIN osd-form-cell#READONLY,
#KMP-CLIENT_ADMIN osd-form-cell#READONLY {
  margin-bottom: 0px !important;
}
#KMP-USER_ADMIN osd-form-cell#LBL_MACHTIGING,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_MACHTIGING,
#KMP-USER_ADMIN osd-form-cell#LBL_READONLY,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_READONLY {
  width: unset !important;
  max-width: unset !important;
  margin-top: 5px !important;
  font-size: 13px;
  font-weight: 500;
  margin-left: 12px;
}
#KMP-USER_ADMIN osd-form-cell#LBL_MACHTIGING i,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_MACHTIGING i,
#KMP-USER_ADMIN osd-form-cell#LBL_READONLY i,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_READONLY i {
  margin-right: 5px;
  font-size: 16px;
}
#KMP-USER_ADMIN osd-form-cell#NAAM,
#KMP-CLIENT_ADMIN osd-form-cell#NAAM {
  margin-top: 15px !important;
}
#KMP-USER_ADMIN osd-form-cell#_SEARCH,
#KMP-CLIENT_ADMIN osd-form-cell#_SEARCH {
  padding: 0px 2px 0px 10px;
  border-radius: 5px;
  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);
}
#KMP-USER_ADMIN osd-form-cell#_SEARCH > div,
#KMP-CLIENT_ADMIN osd-form-cell#_SEARCH > div {
  flex: 1 1 auto !important;
}
#KMP-USER_ADMIN .kmp-form-field,
#KMP-CLIENT_ADMIN .kmp-form-field {
  width: 450px;
}
#KMP-USER_ADMIN .kmp-form-field .mat-form-field-wrapper,
#KMP-CLIENT_ADMIN .kmp-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
#KMP-USER_ADMIN .kmp-form-field .mat-form-field-underline,
#KMP-CLIENT_ADMIN .kmp-form-field .mat-form-field-underline {
  bottom: 0px !important;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY {
  width: unset;
  flex: 1 1 auto !important;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .kmp-form-field,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .kmp-form-field {
  width: unset;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-infix,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-infix {
  border-top-width: 0px;
  padding: 0px;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY input,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY input {
  margin-top: 0px !important;
  font-size: 16px;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-flex,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-flex {
  background-color: white !important;
  padding-top: 0px;
  border: none !important;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .mat-input-element,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .mat-input-element {
  background-color: white !important;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-underline,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-underline {
  display: none;
}
#KMP-USER_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-wrapper,
#KMP-CLIENT_ADMIN osd-form-cell#SEARCH_KEY .mat-form-field-wrapper {
  padding: 0px !important;
}
#KMP-USER_ADMIN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 16px;
  min-width: unset;
}
#KMP-USER_ADMIN osd-form-cell#ICON_ZOEKEN i.fa-search,
#KMP-CLIENT_ADMIN osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 5px;
  font-size: 18px;
}
#KMP-USER_ADMIN osd-form-cell#LBL_INFO,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_INFO {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px !important;
}
#KMP-USER_ADMIN osd-form-cell#LBL_CLIENT_INFO,
#KMP-CLIENT_ADMIN osd-form-cell#LBL_CLIENT_INFO {
  font-size: 15px;
  font-weight: 500;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #C1C1C1;
  flex: 1 1 auto !important;
}
#KMP-USER_ADMIN osd-form-cell#ACTIEF mat-radio-group,
#KMP-CLIENT_ADMIN osd-form-cell#ACTIEF mat-radio-group {
  display: inline-block !important;
  margin: 0 !important;
}
#KMP-USER_ADMIN osd-form-cell#ACTIEF mat-radio-button,
#KMP-CLIENT_ADMIN osd-form-cell#ACTIEF mat-radio-button {
  display: inline-block !important;
  margin: 3px 0 0 20px !important;
}
#KMP-USER_ADMIN osd-form-cell#_KNOPPEN,
#KMP-CLIENT_ADMIN osd-form-cell#_KNOPPEN {
  margin-top: 20px;
}
#KMP-USER_ADMIN osd-form-cell#BTN_STUUR_SMS_LINK button,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_STUUR_SMS_LINK button,
#KMP-USER_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button {
  width: 50px;
  padding: 5px 10px 5px 12px;
  font-size: 18px;
}
#KMP-USER_ADMIN osd-form-cell#BTN_STUUR_SMS_LINK button:focus,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_STUUR_SMS_LINK button:focus,
#KMP-USER_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button:focus,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button:focus {
  padding: 4px 9px 4px 11px;
  margin: 1px !important;
}
#KMP-USER_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button,
#KMP-CLIENT_ADMIN osd-form-cell#BTN_STUUR_EMAIL_LINK button {
  font-size: 20px !important;
}
#KMP-INLOGGEN_EMAIL {
  height: calc(((100vh - 700px) / 3) + 700px);
}
#KMP-INLOGGEN_EMAIL > div {
  background: #d3d3d3;
  width: 500px;
  margin: calc((100vh - 700px) / 3) auto 0 auto;
  max-height: 700px;
}
#KMP-INLOGGEN_EMAIL > div .form-header {
  padding: 0;
  background: black;
  border-radius: 7px 7px 0 0;
}
#KMP-INLOGGEN_EMAIL > div .form-body {
  padding: 20px 30px 20px 30px;
  background: black;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-INLOGGEN_EMAIL > div #_BODY {
  padding: 0 !important;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE {
  padding: 10px 5px 7px 5px;
  border-radius: 5px;
  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-top: 0px !important;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-infix,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-infix {
  border-top-width: 0px;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-flex,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-flex {
  background-color: white !important;
  padding-top: 0px;
  border: none;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-input-element,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-input-element {
  background-color: white !important;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-input-element::placeholder,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-input-element::placeholder {
  color: black;
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-infix,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-infix {
  padding: 0px;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-underline,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-underline {
  display: none;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-wrapper,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-wrapper {
  padding: 0px !important;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-form-field-subscript-wrapper,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-form-field-subscript-wrapper {
  top: 17px;
}
#KMP-INLOGGEN_EMAIL > div osd-form-cell#EMAIL .mat-error,
#KMP-INLOGGEN_EMAIL > div osd-form-cell#CODE .mat-error {
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL > div #BTN_STUUR_CODE button,
#KMP-INLOGGEN_EMAIL > div #BTN_CONTROLEER_CODE button {
  border-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#KMP-INLOGGEN_EMAIL > div .kmp-omgeving-logo {
  max-height: 120px;
  max-width: 250px;
  display: block;
  margin: 10px auto 40px auto;
}
#KMP-INLOGGEN_EMAIL_SMS {
  height: calc(((100vh - 700px) / 3) + 700px);
}
#KMP-INLOGGEN_EMAIL_SMS > div {
  background: #d3d3d3;
  width: 500px;
  margin: calc((100vh - 700px) / 3) auto 0 auto;
  max-height: 700px;
}
#KMP-INLOGGEN_EMAIL_SMS > div .form-header {
  padding: 0;
  background: black;
  border-radius: 7px 7px 0 0;
}
#KMP-INLOGGEN_EMAIL_SMS > div .form-body {
  padding: 20px 30px 20px 30px;
  background: black;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-INLOGGEN_EMAIL_SMS > div #_BODY {
  padding: 0 !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME {
  padding: 10px 5px 7px 5px;
  border-radius: 5px;
  background: #eee;
  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-top: 0px !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-infix {
  border-top-width: 0px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-flex {
  background-color: #eee !important;
  padding-top: 0px;
  border: none;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-input-element {
  background-color: #eee !important;
  color: black;
  font-weight: 600;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-input-element::placeholder {
  color: black;
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-infix {
  padding: 0px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-underline {
  display: none;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-wrapper {
  padding: 0px !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-form-field-subscript-wrapper {
  top: 17px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#USERNAME .mat-error {
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#LBL_TELNR {
  font-weight: 600;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE {
  padding: 10px 5px 7px 5px;
  border-radius: 5px;
  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-top: 0px !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-infix {
  border-top-width: 0px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-flex {
  background-color: white !important;
  padding-top: 0px;
  border: none;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-input-element {
  background-color: white !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-input-element::placeholder {
  color: black;
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-infix {
  padding: 0px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-underline {
  display: none;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-wrapper {
  padding: 0px !important;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-form-field-subscript-wrapper {
  top: 17px;
}
#KMP-INLOGGEN_EMAIL_SMS > div osd-form-cell#CODE .mat-error {
  font-size: 15px;
}
#KMP-INLOGGEN_EMAIL_SMS > div #BTN_STUUR_CODE button,
#KMP-INLOGGEN_EMAIL_SMS > div #BTN_CONTROLEER_CODE button {
  border-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#KMP-INLOGGEN_EMAIL_SMS > div .kmp-omgeving-logo {
  max-height: 120px;
  max-width: 250px;
  display: block;
  margin: 10px auto 40px auto;
}
#KMP-TOEGANGSCODE {
  height: calc(((100vh - 700px) / 3) + 700px);
}
#KMP-TOEGANGSCODE > div {
  background: #d3d3d3;
  width: 500px;
  margin: calc((100vh - 700px) / 3) auto 0 auto;
  max-height: 700px;
}
#KMP-TOEGANGSCODE > div .form-header {
  padding: 0;
  background: black;
  border-radius: 7px 7px 0 0;
}
#KMP-TOEGANGSCODE > div .form-body {
  padding: 20px 30px 10px 30px;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-TOEGANGSCODE > div #_BODY {
  padding: 0 !important;
  position: relative;
}
#KMP-TOEGANGSCODE > div osd-form-cell#LBL_KEESY_LOGO_WELKOM {
  flex: 1 1 auto !important;
}
#KMP-TOEGANGSCODE > div osd-form-cell#LBL_TOEGANGSCODE,
#KMP-TOEGANGSCODE > div osd-form-cell#LBL_TOEGANGSCODE_BEVESTIGING {
  margin-top: 30px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}
#KMP-TOEGANGSCODE > div osd-form-cell#LBL_TOEGANGSCODE_OPGESLAGEN {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
  padding: 25px;
}
#KMP-TOEGANGSCODE > div .kmp-omgeving-logo {
  max-height: 120px;
  max-width: 250px;
  display: block;
  margin: 10px auto 10px auto;
}
#KMP-TOEGANGSCODE > div osd-form-cell#BTN_TERUG button {
  width: 100px;
  height: 50px;
  background: transparent;
  color: #999A99;
  box-shadow: none!important;
  padding-left: 0px !important;
}
#KMP-TOEGANGSCODE > div osd-form-cell#BTN_TERUG button i {
  margin-right: 2px;
}
#KMP-TOEGANGSCODE > div osd-form-cell#LBL_DUMMY {
  width: 100px;
}
#KMP-TOEGANGSCODE > div .pincode-digit {
  color: #999999;
}
#KMP-TOEGANGSCODE > div osd-form-cell#BTN_CLOSE_FORM button {
  border-radius: 5px;
  width: 150px;
  border: 2px solid #999A99;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 16px;
}
#KMP-TOEGANGSCODE > div .numeric-keyboard .mat-raised-button {
  background: var(--primary-accent-color);
}
#KMP-INLOGGEN_PINCODE {
  height: calc(((100vh - 700px) / 3) + 700px);
}
#KMP-INLOGGEN_PINCODE > div {
  background: #d3d3d3;
  width: 500px;
  margin: calc((100vh - 700px) / 3) auto 0 auto;
  max-height: 700px;
}
#KMP-INLOGGEN_PINCODE > div .form-header {
  padding: 0;
  background: black;
  border-radius: 7px 7px 0 0;
}
#KMP-INLOGGEN_PINCODE > div .form-body {
  padding: 20px 30px 10px 30px;
  background: black;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-INLOGGEN_PINCODE > div #_BODY {
  padding: 0 !important;
  position: relative;
}
#KMP-INLOGGEN_PINCODE > div osd-form-cell#LBL_BODY_WELKOM {
  font-size: 18px;
  font-weight: 600;
}
#KMP-INLOGGEN_PINCODE > div .kmp-omgeving-logo {
  max-height: 120px;
  max-width: 250px;
  display: block;
  margin: 10px auto 10px auto;
}
#KMP-INLOGGEN_PINCODE > div .pincode-digit {
  color: #999999;
}
#KMP-INLOGGEN_PINCODE > div osd-form-cell#LBL_BODY_WELKOM {
  margin-top: 20px;
}
#KMP-INLOGGEN_PINCODE > div osd-form-cell#BTN_ANDERE_GEBRUIKER {
  margin-top: 20px;
}
#KMP-INLOGGEN_PINCODE > div .kmp-link-form-btn button {
  width: 190px;
  height: 26px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 7px;
  padding: 0 !important;
  border: none;
}
#KMP-INLOGGEN_PINCODE > div .numeric-keyboard .mat-raised-button {
  background: var(--primary-accent-color);
}
.cdk-overlay-pane.KMP-TOEGANGSCODE\.QUESTION {
  max-width: 450px !important;
  height: 240px;
}
#KMP-PINCODE_DIALOG > div {
  background: #d3d3d3;
  width: 435px;
  margin: 0 auto 0 auto;
  max-height: 478px;
}
#KMP-PINCODE_DIALOG > div .form-header {
  padding: 0;
  background: var(--primary-header-color);
  border-radius: 7px 7px 0 0;
}
#KMP-PINCODE_DIALOG > div .form-body {
  padding: 20px 30px 0px 30px;
  background: black;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-PINCODE_DIALOG > div #_BODY {
  padding: 0 !important;
  position: relative;
}
#KMP-PINCODE_DIALOG > div osd-form-cell#LBL_BODY_WELKOM {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
}
#KMP-PINCODE_DIALOG > div .pincode-digit {
  color: #999999;
}
#KMP-PINCODE_DIALOG > div .kmp-link-form-btn button {
  width: 190px;
  height: 26px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 7px;
  padding: 0 !important;
  border: none;
}
#KMP-PINCODE_DIALOG > div .numeric-keyboard .mat-raised-button {
  background: var(--primary-accent-color);
}
.cdk-overlay-pane.KMP-INSTELLINGEN\.KMP-PINCODE_DIALOG {
  max-width: 540px !important;
  height: 480px;
}
.cdk-overlay-pane.KMP-INSTELLINGEN\.KMP-PINCODE_DIALOG mat-dialog-container {
  padding: 0;
  border: 1px solid #ccc;
  padding-bottom: 0px !important;
}
.cdk-overlay-pane.KMP-INSTELLINGEN\.KMP-PINCODE_DIALOG mat-dialog-container header {
  display: none;
}
.cdk-overlay-pane.KMP-TOEGANGSCODE\.QUESTION {
  max-width: 450px !important;
  height: 240px;
}
.cdk-overlay-pane.KMP-TOEGANGSCODE\.QUESTION .modal-dialog-button {
  padding: 0 10px !important;
}
#KMP-SELECTEER_GEBRUIKER {
  height: calc(((100vh - 700px) / 3) + 700px);
}
#KMP-SELECTEER_GEBRUIKER > div {
  background: #d3d3d3;
  width: 500px;
  margin: calc((100vh - 700px) / 3) auto 0 auto;
  max-height: 700px;
}
#KMP-SELECTEER_GEBRUIKER > div .form-header {
  padding: 0;
  background: black;
  border-radius: 7px 7px 0 0;
}
#KMP-SELECTEER_GEBRUIKER > div .form-body {
  padding: 20px 30px 30px 30px;
  background: black;
  background: #eee;
  border-radius: 0 0 7px 7px;
}
#KMP-SELECTEER_GEBRUIKER > div #_BODY {
  padding: 0 !important;
  position: relative;
}
#KMP-SELECTEER_GEBRUIKER > div osd-form-cell#LBL_BODY_WELKOM {
  font-size: 18px;
  font-weight: 600;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-omgeving-logo {
  max-height: 120px;
  max-width: 250px;
  display: block;
  margin: 10px auto 10px auto;
}
#KMP-SELECTEER_GEBRUIKER > div osd-form-cell#LBL_BODY_WELKOM {
  margin-top: 20px;
}
#KMP-SELECTEER_GEBRUIKER > div osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER {
  border-radius: 7px !important;
}
#KMP-SELECTEER_GEBRUIKER > div osd-form-cell#BTN_NOG_ANDERE_GEBRUIKER button {
  text-align: center;
  width: 100%;
}
#KMP-SELECTEER_GEBRUIKER > div osd-form-cell#_GEBRUIKER {
  align-self: center;
  width: 100%;
  margin-top: 10px;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-selecteer-gebruiker-btn {
  background: var(--primary-accent-color);
  margin-bottom: 0 !important;
  border-radius: 7px 7px 0 0;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-selecteer-gebruiker-btn button {
  width: 100%;
  background: transparent;
  font-size: 17px;
  font-weight: 600;
  margin: 0 10px 0 10px;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-selecteer-gebruiker-btn button i {
  padding-right: 10px;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-verwijder-gebruiker-btn {
  background: white;
  border-radius: 0 0 7px 7px;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-verwijder-gebruiker-btn button {
  background: transparent;
  max-width: 340px;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 0 10px;
}
#KMP-SELECTEER_GEBRUIKER > div .kmp-verwijder-gebruiker-btn button i {
  padding-right: 10px;
}
#OSD_ALO-BEOORDEEL_VERBSTATUS_AVR osd-form-cell#AVR_VERBLIJFSSTATUS_LBL_VERBLIJFSSTATUS_BRP td:first-of-type {
  width: 150px;
}
#OSD_ALO-BEOORDEEL_VERBSTATUS_AVR osd-form-cell#AVR_VERBLIJFSSTATUS_LBL_VERBLIJFSSTATUS_BRP td:last-of-type {
  font-weight: 700;
}
#OSD_ALO-ACTIVITEIT_AANVRAAG osd-form-cell#LBL_DETAILS td:first-of-type {
  width: 150px;
}
#OSD_ALO-ACTIVITEIT_RECHTHEBBENDEN osd-form-cell#LBL_DETAILS tr:first-of-type td {
  font-weight: 700;
  padding-bottom: 5px;
}
#OSD_ALO-ACTIVITEIT_RECHTHEBBENDEN osd-form-cell#LBL_DETAILS_POSTADRES tr:first-of-type td {
  font-weight: 700;
  padding-bottom: 5px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR tr:first-of-type td,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR tr:first-of-type td,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR tr:first-of-type td,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR tr:first-of-type td {
  font-weight: 700;
  padding-bottom: 5px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_PTR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_PTR,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_PTR,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_PTR {
  margin-bottom: 5px !important;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR table td:first-of-type,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR table td:first-of-type,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_AVR table td:first-of-type,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_AVR table td:first-of-type,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES table td:first-of-type,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES table td:first-of-type,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES table td:first-of-type,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_ADRES table td:first-of-type,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_PTR table td:first-of-type,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_PTR table td:first-of-type,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_SAMENVATTING_PTR table td:first-of-type,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_SAMENVATTING_PTR table td:first-of-type {
  width: 50%;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_POSTCODE,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_POSTCODE,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_POSTCODE,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_POSTCODE,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_POSTCODE,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_POSTCODE,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_POSTCODE,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_POSTCODE,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_POSTCODE,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_POSTCODE,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_POSTCODE,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_POSTCODE {
  width: 115px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISNR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISNR,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISNR,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISNR,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISNR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISNR,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISNR,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISNR,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISNR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISNR,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISNR,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISNR {
  width: 85px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISLETTER,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISLETTER,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISLETTER,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISLETTER,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISLETTER,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISLETTER,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISLETTER {
  width: 85px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISNRTOEV,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_ADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_ADRES_HUISNRTOEV,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISNRTOEV,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_VERBLIJFADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_VERBLIJFADRES_HUISNRTOEV,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISNRTOEV,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_POSTADRES_HUISNRTOEV,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_POSTADRES_HUISNRTOEV {
  width: 120px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#PTR_BTN_VERVERS_BRP,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#PTR_BTN_VERVERS_BRP,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP {
  margin-top: 15px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP button,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP button,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP button,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP button,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#PTR_BTN_VERVERS_BRP button,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP button,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#PTR_BTN_VERVERS_BRP button,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP button,
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP_BEWONERS button,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP_BEWONERS button,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_BTN_VERVERS_BRP_BEWONERS button,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_BTN_VERVERS_BRP_BEWONERS button {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999A99;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_BEWONERS_TMP span.osd-alo-title-bewoners,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_BEWONERS_TMP span.osd-alo-title-bewoners,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_BEWONERS_TMP span.osd-alo-title-bewoners,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_BEWONERS_TMP span.osd-alo-title-bewoners {
  font-weight: 600;
  margin-left: 10px;
}
#OSD_ALO-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_BEWONERS_TMP ul,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_BEWONERS_TMP ul,
#OSD_BB-BEOORDEEL_AANVRAGER osd-form-cell#AVR_LBL_BEWONERS_TMP ul,
#OSD_BB-BEOORDEEL_PARTNER osd-form-cell#AVR_LBL_BEWONERS_TMP ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_PTR tr:first-of-type td {
  font-weight: 700;
  padding-bottom: 5px;
}
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_PTR,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_ADRES,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_AVR {
  margin-bottom: 5px !important;
}
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_PTR table td:first-of-type,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_ADRES table td:first-of-type,
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_LBL_SAMENVATTING_AVR table td:first-of-type {
  width: 50%;
}
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP {
  margin-top: 15px;
}
#OSD_ALO-BEOORDEEL_PARTNER osd-form-cell#PTR_BTN_VERVERS_BRP button {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999A99;
}
#OSD_DCS-START osd-form-cell#BIJLAGE button {
  border: 1px solid #bbb;
  padding: 10px;
  border-radius: 4px;
}
#OSD_DCS-START osd-form-cell#TAAK_TITEL {
  width: unset !important;
}
#OSD_DCS-START osd-form-cell#TAAK_OMSCHRIJVING {
  width: unset !important;
}
#OSD_OLM-START osd-form-cell#OMSCHRIJVING {
  width: 100%;
}
#OSD_DCO-TOEVOEGEN_DOCUMENTEN button#BIJLAGEN {
  border: 1px solid black !important;
  border-radius: 10px;
  padding: 5px 16px;
  margin-left: 10px;
}
#KMP-PORTAAL #_HEADER_LOGO button {
  box-shadow: none !important;
}
div.cdk-overlay-container div.KMP-ZAAK\.KMP-ZAAK_KENMERKEN .modal-dialog-title,
div.cdk-overlay-container div.KMP-ZAAK\.KMP-ZAAK_TRANSACTIES .modal-dialog-title {
  margin-bottom: 0 !important;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#_HEADER,
#KMP-ZAAK_TRANSACTIES osd-form-cell#_HEADER {
  margin-bottom: 10px !important;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#_HEADER_1,
#KMP-ZAAK_TRANSACTIES osd-form-cell#_HEADER_1,
#KMP-ZAAK_KENMERKEN osd-form-cell#_HEADER_2,
#KMP-ZAAK_TRANSACTIES osd-form-cell#_HEADER_2 {
  width: 50% !important;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#LBL_LATEST_PROPERTIES,
#KMP-ZAAK_TRANSACTIES osd-form-cell#LBL_LATEST_PROPERTIES {
  margin-left: 5px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#LBL_LATEST_PROPERTIES span,
#KMP-ZAAK_TRANSACTIES osd-form-cell#LBL_LATEST_PROPERTIES span {
  font-size: 14px;
  font-weight: 500;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#LBL_KEY_FILTER,
#KMP-ZAAK_TRANSACTIES osd-form-cell#LBL_KEY_FILTER {
  margin-left: 5px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#LBL_KEY_FILTER span,
#KMP-ZAAK_TRANSACTIES osd-form-cell#LBL_KEY_FILTER span,
#KMP-ZAAK_KENMERKEN osd-form-cell#LBL_VALUE_FILTER span,
#KMP-ZAAK_TRANSACTIES osd-form-cell#LBL_VALUE_FILTER span {
  font-size: 13px;
  font-weight: 500;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#KEY,
#KMP-ZAAK_TRANSACTIES osd-form-cell#KEY,
#KMP-ZAAK_KENMERKEN osd-form-cell#VALUE,
#KMP-ZAAK_TRANSACTIES osd-form-cell#VALUE {
  max-width: 200px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#KEY .mat-form-field-flex,
#KMP-ZAAK_TRANSACTIES osd-form-cell#KEY .mat-form-field-flex,
#KMP-ZAAK_KENMERKEN osd-form-cell#VALUE .mat-form-field-flex,
#KMP-ZAAK_TRANSACTIES osd-form-cell#VALUE .mat-form-field-flex {
  padding-left: 5px !important;
  padding-right: 5px !important;
  border: 1px solid lightgray;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#KEY .mat-form-field-infix,
#KMP-ZAAK_TRANSACTIES osd-form-cell#KEY .mat-form-field-infix,
#KMP-ZAAK_KENMERKEN osd-form-cell#VALUE .mat-form-field-infix,
#KMP-ZAAK_TRANSACTIES osd-form-cell#VALUE .mat-form-field-infix {
  padding-top: 3px !important;
  padding-bottom: 1px !important;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#KEY input,
#KMP-ZAAK_TRANSACTIES osd-form-cell#KEY input,
#KMP-ZAAK_KENMERKEN osd-form-cell#VALUE input,
#KMP-ZAAK_TRANSACTIES osd-form-cell#VALUE input {
  font-size: 14px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES .form-table,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES .form-table {
  height: 60vh;
  width: 90vw !important;
  overflow: auto;
  margin-bottom: 15px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES th,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES th,
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES td,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES td {
  padding-left: 10px !important;
  padding-right: 10px !important;
  vertical-align: top;
  padding-top: 5px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES th > div,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES th > div,
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES td > div,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES td > div {
  padding-left: 0;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES th span,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES th span,
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES td span,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES td span {
  font-size: 13px;
}
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES tr.mat-header-row,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES tr.mat-header-row,
#KMP-ZAAK_KENMERKEN osd-form-cell#TBL_PROPERTIES tr.mat-row,
#KMP-ZAAK_TRANSACTIES osd-form-cell#TBL_PROPERTIES tr.mat-row {
  height: 32px !important;
}
#KMP-ZAAK_KENMERKEN #TBL_PROPERTIES th,
#KMP-ZAAK_KENMERKEN #TBL_PROPERTIES td {
  width: 45%;
}
#KMP-ZAAK_KENMERKEN #TBL_PROPERTIES th input,
#KMP-ZAAK_KENMERKEN #TBL_PROPERTIES td input {
  width: 100%;
  font-size: 13px;
}
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES th#DATE_TIME,
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES td.osd-col-date_time {
  width: 120px !important;
}
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES th#WEB_FORM,
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES td.osd-col-web_form {
  width: 220px !important;
}
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES th#KEY,
#KMP-ZAAK_TRANSACTIES #TBL_PROPERTIES td.osd-col-key {
  width: calc((90vw - 400px) / 2) !important;
}
div.cdk-overlay-pane.KMP-ZAAK\.KMP-ZAAK_KENMERKEN,
div.cdk-overlay-pane.KMP-ZAAK\.KMP-ZAAK_TRANSACTIES {
  max-width: unset !important;
}
#KBP-PORTAAL div.form-header button:focus {
  box-shadow: none !important;
}
#KBP-IMPORT osd-form-cell#_BODY {
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
#KBP-IMPORT .mat-form-field {
  background: #eee;
}
#KBP-IMPORT osd-form-cell#_KNOPPEN {
  margin-top: 15px;
  align-self: end !important;
  margin-right: 5px;
}
#KBP-IMPORT osd-form-cell#ERROR_MESSAGE {
  width: 700px !important;
}
#KBP-IMPORT osd-form-cell#ERROR_MESSAGE .mat-form-field-flex {
  padding-top: 0 !important;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT.hidden button {
  display: none;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT .ocp-attachment-icon {
  margin-top: 8px;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT .files-list:not(:empty) {
  background: white;
  padding-top: 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT .upload {
  max-width: unset;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT .single-file {
  width: calc(100% - 20px);
  margin-left: 10px !important;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT .single-file .osd-upload-info-document-name {
  max-width: calc(100% - 40px) !important;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#KBP-IMPORT osd-form-cell#DO_IMPORT button {
  border: 1px solid #bbb;
  padding: 10px;
  border-radius: 4px;
  width: calc(100% - 1px);
}
#KBP-IMPORT osd-form-cell#BTN_UPLOAD button {
  padding: 2px 20px;
}
#OSD_BB-ACTIVITEIT_WOONSITUATIE osd-form-cell#LBL_OVERZICHT_PERSONEN table td {
  font-size: 13px;
  vertical-align: top;
}
#OSD_BB-ACTIVITEIT_WOONSITUATIE osd-form-cell#LBL_OVERZICHT_PERSONEN table td:nth-child(1) {
  width: 200px;
}
#OSD_BB-ACTIVITEIT_WOONSITUATIE osd-form-cell#LBL_OVERZICHT_PERSONEN table td:nth-child(2) {
  width: 140px;
}
#OSD_BB-ACTIVITEIT_WOONSITUATIE osd-form-cell#LBL_OVERZICHT_PERSONEN table td:nth-child(3) {
  width: 120px;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_HEAD"] {
  margin-left: 3px;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] {
  margin-left: 3px;
  margin-bottom: 15px !important;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table {
  width: unset;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:first-of-type {
  width: 200px;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:nth-child(2),
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:nth-child(3) {
  width: 115px;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] {
  margin-left: 3px;
  margin-bottom: 20px !important;
}
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(2),
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(3),
#OSD_BB-BEOORDEEL_INK_LOON osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(4) {
  width: 90px;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_HEAD"] {
  margin-left: 3px;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] {
  margin-left: 3px;
  margin-bottom: 15px !important;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table {
  width: unset;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:first-of-type {
  width: 200px;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:nth-child(2),
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_SAMENVATTING"] table td:nth-child(3) {
  width: 115px;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] {
  margin-left: 3px;
  margin-bottom: 20px !important;
}
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(2),
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(3),
#OSD_BB-BEOORDEEL_INK_UITK osd-form-cell[id$="LBL_SUWI_VOLLEDIG"] table td:nth-child(4) {
  width: 90px;
}
/* Need a transposed table:  Headings on left, data horizontally to the right.  However, if the table has a caption, we need it to remain above the entire table.  Do this by creating a grid for the caption, head, and body.  Then within the head and body, use flex-box to orientate the cells.
*/
/* IE-10/11 Grid */
.vertical {
  display: -ms-grid;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: auto auto;
}
.vertical thead {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.vertical tbody {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.vertical caption {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
/* Everyone Else's Grid */
@supports (display: grid) {
  .vertical {
    display: grid;
    grid-template-columns: min-content min-content;
    grid-template-rows: auto auto;
    grid-template-areas: "caption caption" "head body";
  }
  .vertical thead {
    grid-area: head;
  }
  .vertical tbody {
    grid-area: body;
  }
  .vertical caption {
    grid-area: caption;
  }
}
/* Flex - Cross Browser CSS */
.vertical thead {
  display: flex;
  flex-shrink: 0;
  min-width: min-content;
}
.vertical tbody {
  display: flex;
}
.vertical tr {
  display: flex;
  flex-direction: column;
  min-width: min-content;
  flex-shrink: 0;
}
.vertical td,
.vertical th {
  display: block;
}
.vertical caption {
  display: block;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN {
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc(100vh - 210px);
  margin-right: 0px !important;
  padding-right: 20px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row {
  position: relative;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-btn_edit {
  position: absolute;
  top: 40px;
  right: 5px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row td.osd-col-btn_edit button {
  border: none;
  font-size: 16px;
  margin-top: 2px;
  padding: 0;
  min-width: 40px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row span.ocp-document-intern-only {
  padding-left: 20px;
  font-weight: 500;
  color: #ba0606;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row.kmp-nieuw-document {
  outline: 2px solid #ba0606;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row .osd-document-native-thumbnail {
  max-width: 50px;
  position: absolute;
  bottom: 0px;
  right: 10px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row .osd-document-native-thumbnail img {
  background-image: url("../assets/thumbnail.png");
  background-size: contain;
  height: 50px;
  object-fit: fill;
  background-size: 30px auto;
  background-repeat: no-repeat;
  min-width: 30px;
  width: auto;
  max-width: 50px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#BTN_ADD {
  position: relative;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#BTN_ADD button {
  height: 36px;
  width: 36px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#BTN_ADD button i {
  position: absolute;
  top: 7px;
  right: 9px;
}
.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.KMP-ZAAK_DOCUMENTEN_TOEVOEGEN {
  width: 502px;
}
.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.KMP-ZAAK_DOCUMENTEN_TOEVOEGEN osd-form-cell#_KNOPPEN {
  margin-right: 10px;
}
.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.KMP-ZAAK_DOCUMENTEN_TOEVOEGEN osd-form-cell#BIJLAGEN {
  background: white;
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 5px 0;
  min-height: 300px;
  max-height: calc( min( 600px, ( 100vh - 300px ) ) );
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.KMP-ZAAK_DOCUMENTEN_TOEVOEGEN osd-form-cell#BIJLAGEN .osd-upload-add-btn {
  padding: 5px 10px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_BODY {
  position: relative;
  padding-right: 10px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_BODY .files-list .single-file {
  margin-right: 10px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_BODY .files-list .single-file:first-of-type {
  margin-top: 50px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_DOCUMENT_UIT_DOSSIER {
  position: absolute;
  right: 20px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BIJLAGEN {
  width: 100%;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BIJLAGEN span.osd-upload-add-btn {
  padding: 5px 0 0 0;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE {
  width: 700px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#_KNOPPEN {
  margin-right: 10px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#_DOCUMENT_SOORT {
  margin-bottom: 20px !important;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#LBL_DOCUMENT_SOORT {
  font-size: 14px;
  font-weight: 600;
  margin-left: 15px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENT_SOORT {
  width: 400px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN {
  margin-left: 10px;
  padding-right: 10px;
  max-height: calc(100vh - 450px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN .form-table {
  border: none;
  margin-bottom: 0px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row {
  display: flex;
  background: white;
  height: auto;
  border-radius: 7px;
  margin-bottom: 20px;
  font-family: Raleway;
  padding: 5px 0;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row:last-of-type {
  margin-bottom: 0 !important;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN tr.mat-row:focus {
  border: none;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN .mat-table {
  background: unset;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.mat-cell {
  border: none;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.kmp-image {
  width: 182px;
  vertical-align: top;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.kmp-image .ocp-document-thumbnail {
  box-shadow: none;
  border: 2px solid #ccc;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.kmp-image .ocp-document-thumbnail img {
  max-width: 180px !important;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.osd-col-selected {
  padding: 15px 12px 0 15px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.osd-col-omschrijving {
  flex: 1 1 auto;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.osd-col-omschrijving table td:nth-child(2) {
  vertical-align: top;
  padding-top: 10px;
  padding-left: 20px;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHT_MET_BIJLAGEN\.KMP-ZAAK_DOCUMENTEN_SELECTIE osd-form-cell#DOCUMENTEN td.osd-col-omschrijving span.ocp-document-intern-only {
  padding-left: 20px;
  font-weight: 500;
  color: #ba0606;
}
.cdk-overlay-pane.KMP-PORTAAL\.OSD_POSTSTUK-START {
  width: 700px;
}
.cdk-overlay-pane.KMP-PORTAAL\.OSD_POSTSTUK-START .mat-dialog-container {
  padding-right: 0px;
}
#OSD_POSTSTUK-START .form-body {
  max-height: calc(100vh - 300px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
#OSD_POSTSTUK-START .form-body osd-form-cell#_BODY {
  padding-right: 24px;
}
#OSD_POSTSTUK-START osd-form-cell#_ZOEKEN {
  padding: 0px 2px 0px 10px;
  border-radius: 5px;
  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);
  width: 450px;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP {
  flex-grow: 1 !important;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP input#TXT_ZOEKEN_TMP {
  margin-top: 0px !important;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-infix {
  border-top-width: 0px;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-flex {
  background-color: unset !important;
  padding-top: 0px;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-input-element {
  background-color: unset !important;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-infix {
  padding: 0px;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-underline {
  display: none;
}
#OSD_POSTSTUK-START osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-wrapper {
  padding: 0px !important;
}
#OSD_POSTSTUK-START osd-form-cell#BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 16px;
  min-width: unset;
}
#OSD_POSTSTUK-START osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 10px;
  font-size: 20px;
}
#OSD_POSTSTUK-START osd-form-cell#_KNOPPEN {
  margin-top: 20px;
  margin-right: 10px;
}
#OSD_POSTSTUK-START osd-form-cell#BIJLAGEN {
  width: 450px;
  background: white;
  border: 1px solid #bbb;
  border-radius: 4px;
}
#OSD_POSTSTUK-START osd-form-cell#BIJLAGEN button#BIJLAGEN {
  padding-top: 5px;
  padding-bottom: 5px;
}
#OSD_POSTSTUK-START osd-form-cell#ZAAK_ID {
  width: 640px !important;
}
#OSD_POSTSTUK-START osd-form-cell#ZAAK_ID mat-radio-group {
  padding-left: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: 400px;
  padding-right: 15px;
  display: inline-block;
  outline: none;
}
#OSD_POSTSTUK-START div.osd-zaak-option {
  border: 1px solid #ccc;
  width: 550px;
  border-radius: 10px;
  padding: 5px 10px;
  font-weight: 500;
  margin-left: 5px;
  position: relative;
}
#OSD_POSTSTUK-START div.osd-zaak-option > div {
  width: 100%;
}
#OSD_POSTSTUK-START div.osd-zaak-option span.osd-zaak-option-id {
  position: absolute;
  bottom: 5px;
  right: 10px;
}
#OSD_POSTSTUK-START div.osd-zaak-option span.osd-zaak-option-client-name {
  margin-left: 5px;
  line-height: 23px;
  max-width: calc(100% - 150px);
  display: inline-block;
  white-space: normal;
}
#OSD_POSTSTUK-START div.osd-zaak-option span.osd-zaak-option-owner-name {
  position: absolute;
  top: 8px;
  right: 10px;
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#OSD_POSTSTUK-START div.osd-zaak-option span.osd-zaak-option-name {
  margin-left: 5px;
  line-height: 21px;
  max-width: calc(100% - 100px);
  display: inline-block;
  white-space: normal;
}
#OSD_POSTSTUK-START div.osd-zaak-option span.osd-zaak-option-active {
  margin-left: 5px;
  line-height: 23px;
  color: #ba0606;
}
#OSD_POSTSTUK-ZAAK #_BODY {
  padding-left: 0px;
  padding-right: 0px;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#_ZOEKEN {
  padding: 0px 2px 0px 10px;
  border-radius: 5px;
  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);
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP {
  flex-grow: 1 !important;
  width: unset;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP input#TXT_ZOEKEN_TMP {
  margin-top: 0px !important;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-infix {
  border-top-width: 0px;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-flex {
  background-color: white !important;
  border: none;
  padding-top: 0px;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-input-element {
  background-color: unset !important;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-infix {
  padding: 0px;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-underline {
  display: none;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#TXT_ZOEKEN_TMP .mat-form-field-wrapper {
  padding: 0px !important;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 16px;
  min-width: unset;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 10px;
  font-size: 20px;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#_KNOPPEN {
  margin-top: 20px !important;
  margin-right: 10px !important;
  max-width: unset !important;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#_KNOPPEN osd-form-cell#NIEUWE_ZAAK {
  flex: 1 1 auto !important;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#ZAAK_ID {
  width: 100%;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#ZAAK_ID mat-label {
  display: block;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#ZAAK_ID .mat-radio-label-content {
  width: 100%;
}
#OSD_POSTSTUK-ZAAK osd-form-cell#ZAAK_ID mat-radio-group {
  width: calc(100% - 15px);
  padding-left: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: 400px;
  padding-right: 15px;
  display: inline-block;
  outline: none;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px 10px;
  font-weight: 500;
  margin-left: 5px;
  position: relative;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option > div {
  width: 100%;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option span.osd-zaak-option-id {
  position: absolute;
  bottom: 5px;
  right: 10px;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option span.osd-zaak-option-client-name {
  margin-left: 5px;
  line-height: 23px;
  max-width: calc(100% - 150px);
  display: inline-block;
  white-space: normal;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option span.osd-zaak-option-owner-name {
  position: absolute;
  top: 8px;
  right: 10px;
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option span.osd-zaak-option-name {
  margin-left: 5px;
  line-height: 21px;
  max-width: calc(100% - 100px);
  display: inline-block;
  white-space: normal;
}
#OSD_POSTSTUK-ZAAK div.osd-zaak-option span.osd-zaak-option-active {
  margin-left: 5px;
  line-height: 23px;
  color: #ba0606;
}
div.cdk-overlay-pane.KBP-PORTAAL button#BTN_CMT_GROUP,
div.cdk-overlay-pane.KMP-PORTAAL button#BTN_CMT_GROUP {
  position: relative;
}
div.cdk-overlay-pane.KBP-PORTAAL button#BTN_CMT_GROUP i.fa-cog,
div.cdk-overlay-pane.KMP-PORTAAL button#BTN_CMT_GROUP i.fa-cog {
  font-size: 14px !important;
  position: absolute;
  top: 4px;
  left: 26px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE button:first-of-type span {
  font-weight: 600 !important;
  margin-top: 5px;
  margin-bottom: 2px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE a {
  text-decoration: none;
  color: unset;
  font-weight: 500;
}
#KBP-CORRESPONDENTIE osd-form-cell#_HEADER {
  padding: 10px 20px 0px 20px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_HEADER button {
  padding: 0 10px;
}
#KBP-CORRESPONDENTIE osd-form-cell#LBL_TITEL {
  width: unset !important;
}
#KBP-CORRESPONDENTIE osd-form-cell#BTN_MENU_HOME {
  width: 130px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_TEMPLATE_KNOPPEN {
  margin-right: 10px;
}
#KBP-CORRESPONDENTIE osd-form-cell#BTN_IF button,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_FOR button {
  min-width: 50px;
  width: 50px;
  padding: 0 5px;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_BTN_SEARCH button,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_IF button,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_FOR button,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_PDF button {
  background: #76b828 !important;
  color: white;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_MENU button,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_MENU_HOME button {
  color: black;
  min-width: 50px;
  text-align: center;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_MENU button:focus,
#KBP-CORRESPONDENTIE osd-form-cell#BTN_MENU_HOME button:focus {
  box-shadow: none !important;
}
#KBP-CORRESPONDENTIE osd-form-cell#LBL_DUMMY_1,
#KBP-CORRESPONDENTIE osd-form-cell#LBL_DUMMY_2 {
  width: 50px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_BODY {
  margin: 5px 3px 0 3px;
  height: calc(100vh - 70px);
  background: #eee;
  padding: 0 10px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_BODY osd-form-cell#TEMPLATE .mat-form-field-flex {
  padding: 0 0 10px 10px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_BODY osd-form-cell#TEMPLATE .mat-form-field-underline {
  display: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#_BODY osd-form-cell#TEMPLATE .mat-form-field-infix {
  padding: 0 !important;
  margin: 0 !important;
}
#KBP-CORRESPONDENTIE osd-form-cell#_BODY osd-form-cell#TEMPLATE textarea {
  min-height: calc(100vh - 245px) !important;
  height: calc(100vh - 245px) !important;
  max-height: calc(100vh - 245px);
  font-family: Consolas;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
#KBP-CORRESPONDENTIE osd-form-cell#CHK_SHOW_DATASET {
  background: transparent !important;
  border: none;
  width: unset;
  margin-right: 10px;
  padding-top: 0;
}
#KBP-CORRESPONDENTIE osd-form-cell#CHK_SHOW_DATASET .mat-checkbox-background {
  background: transparent;
}
#KBP-CORRESPONDENTIE osd-form-cell#CHK_SHOW_DATASET .mat-checkbox-background svg path {
  stroke: black !important;
}
#KBP-CORRESPONDENTIE osd-form-cell#_DATASET {
  width: 500px;
  max-width: 500px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_DATASET osd-form-cell#DATASET_FILTER {
  width: unset;
  flex: 1 1 auto !important;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE {
  width: 100%;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE .mat-form-field-flex {
  padding: 0;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE .mat-form-field-underline {
  display: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE .mat-form-field-infix {
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE textarea {
  min-height: calc(100vh - 351px) !important;
  height: calc(100vh - 351px) !important;
  max-height: calc(100vh - 351px);
  font-family: Consolas;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0 10px 10px;
  margin: 1px;
  width: calc(100% - 12px);
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_VALUE textarea:read-only {
  background: #fffdf2;
}
#KBP-CORRESPONDENTIE osd-form-cell#LBL_TITEL,
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_LBL_TITEL {
  margin-left: 10px;
}
#KBP-CORRESPONDENTIE osd-form-cell#CMB_DOCUMENT_TYPE {
  width: 300px;
}
#KBP-CORRESPONDENTIE osd-form-cell#WEB_FORM {
  width: 300px;
}
#KBP-CORRESPONDENTIE osd-form-cell#_DATASET_FILTER {
  background: white;
  border: 1px solid #ccc;
  height: 30px;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_FILTER .mat-form-field-flex {
  border: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_FILTER .mat-form-field-infix {
  border: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_FILTER .mat-form-field-underline {
  display: none;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 16px;
  min-width: unset;
  background: white;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_ICON_ZOEKEN i.fa-filter {
  color: #999A99;
  margin-left: 5px;
  font-size: 20px;
  padding: 5px 10px 0 10px;
  background: white;
}
#KBP-CORRESPONDENTIE osd-form-cell#DATASET_CHK_ADD_ON_DOUBLECLICK {
  width: 100%;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#TEMPLATE_NAAM .mat-form-field-infix {
  border: none;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#_BODY {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL {
  border: 1px solid #bbb;
  overflow-y: auto;
  scrollbar-width: thin;
  min-height: calc(100vh - 430px);
  max-height: calc(100vh - 430px);
  background: white;
  outline: none;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL .form-table {
  border: none;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL table {
  padding: 5px 2px;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL tr {
  cursor: pointer;
  height: 26px !important;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL tr:first-of-type {
  height: 29px !important;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL tr:first-of-type td {
  padding-top: 3px;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CORRESPONDENTIE_TEMPLATE_TABEL tr.selected {
  background: #ddd;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#_BODY_TOP {
  margin-right: 10px !important;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-right: 10px !important;
  max-width: unset !important;
}
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CHK_SHOW_DELETED,
#KBP-CORRESPONDENTIE_TEMPLATES osd-form-cell#CHK_SHOW_HISTORY {
  background: transparent !important;
  border: none;
  width: unset;
  margin-right: 10px;
  padding-top: 0;
  margin-bottom: 5px !important;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#DATASET_NAAM .mat-form-field-infix {
  border: none;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#_BODY {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL {
  border: 1px solid #bbb;
  overflow-y: auto;
  scrollbar-width: thin;
  min-height: calc(100vh - 430px);
  max-height: calc(100vh - 430px);
  background: white;
  outline: none;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL .form-table {
  border: none;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL table {
  padding: 5px 2px;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL tr {
  cursor: pointer;
  height: 26px !important;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL tr:first-of-type {
  height: 29px !important;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL tr:first-of-type td {
  padding-top: 3px;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#CORRESPONDENTIE_DATASET_TABEL tr.selected {
  background: #ddd;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#_BODY_TOP {
  margin-right: 10px !important;
}
#KBP-CORRESPONDENTIE_DATASETS osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-right: 10px !important;
  max-width: unset !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER button#SCRIPT {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  padding: 5px 20px;
  border: 1px solid #999A99;
  background: white;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#SCRIPT .files-list span {
  font-size: 15px !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#SCRIPT .files-list .single-file > .osd-upload-info-document-name {
  margin-top: 0;
  max-width: 280px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#LBL_TEMPLATE span {
  font-size: 14px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE {
  overflow-y: auto;
  scrollbar-width: thin;
  min-height: calc(100vh - 400px);
  max-height: calc(100vh - 400px);
  min-width: 800px;
  background: white;
  outline: none;
  border: 1px solid #bbb;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE .form-table {
  border: none;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE table {
  padding: 5px 2px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr {
  cursor: pointer;
  height: 30px !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr:first-of-type {
  min-height: 33px !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr.selected {
  background: transparent;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr th,
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr td {
  padding: 5px 10px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr td {
  vertical-align: top;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr th#NAAM {
  min-width: 200px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr th#DOCUMENT_TYPE {
  min-width: 150px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr th:first-of-type {
  padding: 0;
  width: 40px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr td:first-of-type {
  vertical-align: center;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr th:last-of-type,
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_IMPORTEER osd-form-cell#TBL_TEMPLATE tr td:last-of-type {
  padding: 5px 0 5px 10px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#ZAAK_ID .mat-form-field-infix {
  border: none;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#_BODY {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#_BODY_TOP {
  margin-right: 10px !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-right: 10px !important;
  max-width: unset !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#LBL_PROPERTIES {
  margin-left: 10px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#PROPERTIES {
  overflow-y: auto;
  scrollbar-width: thin;
  min-height: calc(100vh - 450px);
  max-height: calc(100vh - 450px);
  min-width: 600px;
  outline: none;
  border: 1px solid #bbb;
  background: #fffdf2 !important;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#PROPERTIES textarea {
  min-height: calc(100vh - 462px) !important;
  height: calc(100vh - 462px) !important;
  max-height: calc(100vh - 462px);
  font-family: Consolas;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#PROPERTIES .mat-form-field-flex {
  border: none !important;
  padding: 5px 0 5px 10px;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP osd-form-cell#PROPERTIES .mat-form-field-infix {
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_ZAAK_PROP,
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_DATASETS,
div.cdk-overlay-pane.KBP-CORRESPONDENTIE\.KBP-CORRESPONDENTIE_TEMPLATES {
  height: calc(100vh - 150px);
  max-height: unset !important;
}
#KMP-CORRESPONDENTIE osd-form-cell.osd-textarea {
  width: 100%;
}
#KMP-CORRESPONDENTIE osd-form-cell#_KNOPPEN {
  width: 100%;
  max-width: unset !important;
}
#KMP-CORRESPONDENTIE osd-form-cell#BTN_SAVE_AND_PRINT button {
  background: #3490DC;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP {
  width: unset !important;
  height: unset !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell#GROEP {
  width: 300px !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-modal-dialog header {
  padding-bottom: 0 !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell#_GROEP_BUTTONS {
  margin-bottom: 5px !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell[id$="BTN_GROEP"] button {
  width: calc(100% - 1px);
  height: 36px;
  font-size: 17px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell[id$="BTN_GROEP"] button:focus {
  height: 38px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell#GROEP {
  width: 300px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-SELECTEER_GROEP osd-form-cell#_FOOTER {
  margin-top: 20px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP {
  width: unset !important;
  height: unset !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-modal-dialog header {
  padding-bottom: 0 !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell#_LINKS_CHILD {
  margin-bottom: 5px !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell#_LINKS_CHILD div {
  align-items: center !important;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell[id$="BTN_START"] button {
  height: 36px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell[id$="BTN_START"] button:focus {
  border: 2px solid #4797FF !important;
  height: 38px;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell[id$="BTN_START"] button .mat-button-wrapper {
  display: flex;
  align-items: center;
}
div.cdk-overlay-pane.KMP-PORTAAL\.KMP-HELP osd-form-cell#_FOOTER {
  margin-top: 20px;
}
#KBP-AI_ASSISTENTEN osd-form-cell#ASSISTENT_MODE {
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 20px !important;
}
#KBP-AI_ASSISTENTEN osd-form-cell#ASSISTENT_MODE mat-radio-button {
  margin-right: 30px;
}
#KBP-AI_ASSISTENTEN osd-form-cell#BTN_IMPORT {
  padding-bottom: 5px !important;
}
#KBP-AI_ASSISTENTEN osd-form-cell#BTN_IMPORT button {
  font-size: 16px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
  background-color: #eeeeee;
}
#KBP-AI_ASSISTENTEN osd-form-cell#BTN_IMPORT button:focus {
  border: 1px solid #0000D6 !important;
  color: #0000D6 !important;
}
#KBP-AI_ASSISTENT osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
#KBP-AI_ASSISTENT osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
}
#KBP-AI_ASSISTENT .form-body {
  height: calc(100vh - 200px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-AI_ASSISTENT osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-AI_ASSISTENT osd-form-cell#INSTRUCTIONS,
#KBP-AI_ASSISTENT osd-form-cell#TXT_TEST_ANTWOORD {
  width: 100% !important;
}
#KBP-AI_ASSISTENT osd-form-cell#_TEST {
  margin-top: 20px;
}
#KBP-AI_ASSISTENT osd-form-cell#TXT_TEST_VRAAG {
  flex: 1 1 auto !important;
}
#KBP-AI_ASSISTENT osd-form-cell#BTN_TEST_ASSISENT {
  margin-top: 10px;
}
#KBP-AI_ASSISTENT osd-form-cell#MODALITIES mat-checkbox {
  display: inline-block;
  margin-right: 20px;
}
#KBP-AI_ASSISTENT osd-form-cell#_KNOPPEN {
  max-width: unset !important;
}
#KBP-AI_ASSISTENT button#BIJLAGEN {
  padding: 5px 20px;
}
#KBP-AI_ASSISTENTEN_IMPORT osd-form-cell#BIJLAGE button#BIJLAGE {
  padding: 5px 20px;
}
#OCP-INLOGGEN_PINCODE .ocp-keesy-logo {
  display: none;
}
#KBP-CLIENTEN .form-table {
  max-height: calc(100vh - 240px);
}
#KBP-CLIENTEN osd-form-cell#CLIENTEN_TABEL tr.kbp-user-inactive td {
  text-decoration: line-through;
}
#KBP-CLIENTEN osd-form-cell#CLIENTEN_TABEL tr.selected:focus-within {
  background: #DDD !important;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN {
  margin-left: 30px;
  margin-right: 30px;
  background: white;
  border: none;
  box-shadow: none;
  width: calc(100% - 60px);
  height: 45px;
  position: relative;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN > div {
  flex: 1 1 auto !important;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY {
  flex-grow: 1 !important;
  width: unset;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-flex {
  padding-top: 0px;
  background: white;
  border-radius: 0;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-infix {
  padding-top: 8px;
  padding-bottom: 0px;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY .mat-form-field-underline {
  top: 55px;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#SEARCH_KEY input {
  padding-left: 35px;
  width: 600px;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN,
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  position: absolute;
  top: 1px;
  z-index: 9;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN button,
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN button {
  box-shadow: none !important;
  font-size: 16px;
  width: 50px;
  min-width: unset;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN_WISSEN {
  right: 60px;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#BTN_ZOEKEN {
  right: 10px;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN {
  position: absolute;
  top: 1px;
  left: 10px;
  z-index: 9;
}
#KBP-CLIENTEN osd-form-cell#_ZOEKEN osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 5px;
  margin-top: 10px;
  font-size: 20px;
}
div.cdk-overlay-container div.cdk-overlay-pane.menu-top-right mat-dialog-container.mat-dialog-container osd-modal-dialog {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 70px);
  scrollbar-width: thin;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) {
  max-height: unset !important;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) mat-dialog-container.mat-dialog-container {
  padding: 0 !important;
  max-width: unset;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) header#modal-header.modal-dialog-title {
  margin-bottom: 0px !important;
  padding: 10px 20px !important;
  background: var(--primary-header-color);
  border-radius: 8px 8px 0 0;
  color: var(--primary-accent-color);
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) header#modal-header.modal-dialog-title span {
  font-size: 18px;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) section.modal-dialog-body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 100px);
  scrollbar-width: thin;
  padding: 20px 20px 5px 20px;
  margin-bottom: 5px;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) section.modal-dialog-body .osd-label span {
  line-height: 24px;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) section.modal-dialog-body osd-form-cell#_BODY osd-form-cell#_KNOPPEN {
  margin-top: 15px;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) footer.modal-dialog-footer {
  margin-top: 5px;
  padding: 0px 20px 15px 20px;
  border-top: none;
}
div.cdk-overlay-container div.cdk-overlay-pane:not(.menu-top-right) footer.modal-dialog-footer > button#BACK {
  margin-top: 10px;
  padding: 5px 10px !important;
  border: 1px solid gray;
  border-radius: 10px;
  line-height: 30px;
}
#KMP-CONVERSATIE .form-table {
  margin-bottom: 0px;
  width: 600px;
}
#KMP-CONVERSATIE #TBL_CONTACTEN tr.selected {
  background: transparent !important;
}
#KMP-CONVERSATIE tr.osd-disabled {
  pointer-events: none;
}
#KMP-CONVERSATIE tr.osd-disabled .mat-checkbox-background {
  background-color: #ccc;
}
#KMP-CONVERSATIE #_KNOPPEN {
  margin-right: 10px;
}
div.cdk-overlay-pane.KMP-ZAAK a,
div.cdk-overlay-pane.KMP-PORTAAL a {
  text-decoration: none;
  color: unset;
  font-weight: 500;
}
.cdk-overlay-pane {
  max-width: min( 80vw, calc( 0.9 * var(--max-width) ) ) !important;
}
tr:focus {
  border: unset;
}
textarea.tinymce {
  display: none;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN .osd-upload-add-btn {
  font-weight: 600;
  margin-bottom: 10px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN .osd-upload-info-document-name {
  margin-bottom: 10px;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN .upload {
  max-width: unset;
}
#KMP-ZAAK_BERICHT_MET_BIJLAGEN .upload .files-list .single-file {
  background: white;
  padding: 5px 10px 5px 15px;
  border-radius: 7px;
  margin-left: 10px;
  margin-right: 30px;
}
#KMP-ZAAK_BERICHTEN .ocp-document-thumbnail {
  margin-top: 2px;
}
#KMP-ZAAK_BERICHTEN .ocp-berichten-sender {
  font-size: 14px;
}
#KMP-ZAAK_BERICHTEN .ocp-bericht-foto-tekst {
  margin-left: 3px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#LBL_STATUS_DEADLINE .kmp-taak-status-too-late {
  background: var(--signal-color);
  border-radius: 15px;
  padding: 6px 15px;
  font-weight: 600;
  color: white;
  font-size: 14px;
}
button {
  box-shadow: none !important;
}
#KMP-ZAAK_DOCUMENTEN .kmp-zaak-body {
  padding-top: 10px;
}
#KMP-ZAAK_DOCUMENTEN td.mat-cell:last-of-type {
  padding-right: 0px;
}
#KMP-ZAAK_AFSPRAKEN tr.mat-row {
  padding: 10px 10px 5px 10px;
}
#KMP-ZAAK #BTN_WIJZIG_ZAAK_BEHANDELAAR button,
#KMP-ZAAK #BTN_ALERT_TEXT button,
#KMP-ZOEKEN_OP_PERSOON #BTN_WIJZIG_ZAAK_BEHANDELAAR button {
  font-size: 16px;
  margin: 0px !important;
  box-shadow: none !important;
  background: transparent;
  padding: 0px !important;
  line-height: unset;
  min-width: unset;
}
#KMP-ZAAK #BTN_ALERT_TEXT button {
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#KMP-ZOEKEN_OP_PERSOON #BTN_WIJZIG_ZAAK_BEHANDELAAR {
  margin-top: 2px;
}
.cdk-overlay-container .mat-option-text span {
  /*font-size: 15px;*/
}
.mat-dialog-container {
  max-width: unset;
}
.kmp-form-field {
  font-size: 14px;
}
.kmp-form-field.osd-text .mat-form-field-wrapper,
.kmp-form-field.osd-date .mat-form-field-wrapper,
.kmp-form-field.osd-textarea .mat-form-field-wrapper,
.kmp-form-field.osd-combobox .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.kmp-form-field.osd-text .mat-form-field-underline,
.kmp-form-field.osd-date .mat-form-field-underline,
.kmp-form-field.osd-textarea .mat-form-field-underline,
.kmp-form-field.osd-combobox .mat-form-field-underline {
  bottom: 0;
}
.kmp-form-field.osd-radiogroup mat-radio-group label span,
.kmp-taak osd-form-cell.osd-radiogroup mat-radio-group label span {
  white-space: normal;
}
.kmp-taak osd-form-cell.osd-combobox,
.kmp-taak osd-form-cell.osd-text,
.kmp-taak osd-form-cell.osd-date,
.kmp-taak osd-form-cell.osd-textarea,
.kmp-form-field {
  width: 450px;
}
.kmp-taak osd-form-cell.osd-text input,
.kmp-taak osd-form-cell.osd-textarea textarea,
.kmp-taak osd-form-cell.osd-date input,
.kmp-taak osd-form-cell.osd-combobox input,
.kmp-form-field textarea,
.kmp-form-field input {
  background: white;
  font-size: 15px;
  font-weight: 600;
}
.kmp-taak osd-form-cell.osd-textarea textarea,
.kmp-form-field textarea {
  line-height: 22px;
}
osd-form-cell.osd-checkbox.kmp-form-field,
osd-form-cell.osd-radiogroup.kmp-form-field {
  font-size: 15px;
}
osd-form-cell.osd-checkbox.kmp-form-field mat-error,
osd-form-cell.osd-radiogroup.kmp-form-field mat-error {
  font-size: 13px;
}
osd-form-cell.kmp-form-field mat-error {
  font-size: 13px;
}
.kmp-taak osd-form-cell.osd-checkbox,
.kmp-form-field.osd-checkbox {
  background: unset;
  /* font-size: 12px; */
  font-weight: 400;
}
#OSD_BAS-START osd-form-cell#CHK_SKIP_SMS_VERIFICATIE_TMP {
  padding: 10px 15px;
  border-radius: 4px;
  font-weight: 500;
  background: white;
  margin-bottom: 20px !important;
}
.kmp-form-field.osd-radiogroup {
  background: unset;
}
.kmp-taak osd-form-cell.osd-score,
.kmp-taak osd-form-cell.osd-checkbox,
.kmp-taak osd-form-cell.osd-radiogroup,
.kmp-form-field.osd-checkbox,
.kmp-form-field.osd-radiogroup {
  background: white;
  padding: 10px;
  border: 1px solid #bbb;
  width: 450px;
  border-radius: 4px;
}
.kmp-taak osd-form-cell.osd-radiogroup mat-radio-button,
.kmp-form-field.osd-radiogroup mat-radio-button {
  display: block;
  margin: 10px 0 0 5px;
}
.kmp-taak osd-form-cell.osd-radiogroup.osd-radio-group-inline mat-radio-button,
.kmp-form-field.osd-radiogroup.osd-radio-group-inline mat-radio-button {
  display: inline-block;
  margin: 5px 0 5px 20px;
}
.kmp-taak osd-form-cell.osd-radiogroup mat-checkbox,
.kmp-form-field.osd-radiogroup mat-checkbox {
  display: block;
  margin: 5px 0 0 5px;
}
.kmp-taak .score-stars {
  margin-top: 6px;
}
.kmp-form-field mat-label {
  line-height: 14px;
}
.kmp-taak .osd-focus span,
.kmp-taak .osd-focus mat-label,
.kmp-taak mat-label.osd-focus,
.kmp-form-field .osd-focus mat-label {
  color: #3f51b5;
}
.kmp-taak .osd-error-status span,
.kmp-taak .osd-error-status mat-label,
.kmp-taak mat-label.osd-error-status,
.kmp-form-field .osd-error-status mat-label {
  color: #f44336;
}
.kmp-taak mat-error span {
  color: #f44336 !important;
}
.kmp-taak .mat-form-field.mat-focused:not(.mat-form-field-disabled) .mat-form-field-label,
.kmp-taak .mat-form-field.mat-focused:not(.mat-form-field-disabled) input,
.kmp-taak osd-form-radiogroup.osd-focus span.mat-radio-label-content {
  color: #3f51b5 !important;
}
.kmp-taak button:focus {
  /* font-weight: 700 !important; */
  color: #3f51b5;
}
.kmp-taak mat-datepicker-toggle button:focus {
  color: #3f51b5;
}
.kmp-taak osd-form-cell.osd-date label,
.kmp-taak osd-form-cell.osd-text label,
.kmp-taak osd-form-cell.osd-combobox label,
.kmp-taak osd-form-cell.osd-textarea label,
.kmp-form-field.osd-date label,
.kmp-form-field.osd-text label,
.kmp-form-field.osd-combobox label,
.kmp-form-field.osd-textarea label,
.kmp-form-field.osd-radiogroup mat-label {
  line-height: 15px;
  font-size: 13px;
}
.kmp-taak osd-form-cell.osd-textarea mat-label.tinymce,
.kmp-form-field.osd-textarea mat-label.tinymce {
  font-size: 14px;
  margin-left: 5px;
}
/*
.kmp-taak osd-form-textarea > div {
   background: #fffdf2;
}

.kmp-form-field.osd-textarea osd-form-textarea > div {
  background: #eeeeee;
}
*/
.kmp-form-field .disabled input {
  background: #eeeeee;
}
.kmp-taak .disabled input {
  background: #fffdf2 !important;
}
.kmp-taak osd-form-cell.disabled.osd-checkbox,
.kmp-taak osd-form-cell.disabled.osd-radiogroup {
  background: #fffdf2 !important;
}
.kmp-taak osd-form-cell.disabled.osd-checkbox .mat-checkbox-label {
  color: black;
}
.kmp-taak osd-form-cell.osd-checkbox .mat-checkbox-checked .mat-checkbox-label {
  font-weight: 600;
}
mat-checkbox-label .kmp-zaak-body .osd-label {
  line-height: 1.5;
}
.kmp-taak .osd-label {
  line-height: 1.5;
  font-weight: 500;
  font-size: 14px;
}
.kmp-taak osd-form-cell#_BODY button i,
.kmp-zaak-body .kmp-default-form-btn i,
.kmp-zaak-body .kmp-link-form-btn i {
  margin-right: 5px;
}
.kmp-zaak-body .kmp-link-form-button button {
  font-size: 18px;
  margin-right: 10px;
  padding: 0 10px;
}
.osd-width-unset {
  width: unset !important;
}
.osd-width-50 {
  width: 50px !important;
}
.osd-width-70 {
  width: 70px !important;
}
.osd-width-80 {
  width: 80px !important;
}
.osd-width-90 {
  width: 90px !important;
}
.osd-width-100 {
  width: 100px !important;
}
.osd-width-120 {
  width: 120px !important;
}
.osd-width-135 {
  width: 135px !important;
}
.osd-width-150 {
  width: 150px !important;
}
.osd-width-180 {
  width: 180px !important;
}
.osd-width-215 {
  width: 215px !important;
}
.osd-width-220 {
  width: 220px !important;
}
.osd-width-250 {
  width: 250px !important;
}
.osd-width-280 {
  width: 280px !important;
}
.osd-width-350 {
  width: 350px !important;
}
.osd-width-450 {
  width: 450px !important;
}
.kmp-form-field .mat-form-field {
  background: #eeeeee;
}
.kmp-zaak-taken .kmp-form-field .mat-form-field,
.kmp-taak .mat-form-field {
  background: transparent;
}
.kmp-taak .osd-textarea .mat-form-field {
  background: transparent;
}
.kmp-taak mat-select span,
.kmp-form-field mat-select span {
  font-size: 15px;
  font-weight: 600;
}
.kmp-taak .mat-form-field-flex,
.kmp-form-field .mat-form-field-flex {
  background: white !important;
}
.kmp-form-field .mat-form-field-flex {
  border: 1px solid #bbb !important;
}
.kmp-form-field .disabled .mat-form-field-flex {
  background: #eeeeee !important;
  color: black;
}
.kmp-taak .disabled .mat-form-field-flex {
  background: #fffdf2 !important;
  border: 1px solid #bbb !important;
  color: black;
}
.kmp-taak .disabled .mat-form-field-flex .mat-select-value-text {
  color: black;
}
.kmp-form-field .disabled textarea {
  background: #eeeeee !important;
  color: black;
}
.kmp-taak .disabled textarea {
  background: #fffdf2 !important;
  color: black;
}
.kmp-taak .disabled .mat-input-element:disabled,
.kmp-form-field .disabled .mat-input-element:disabled {
  color: black;
}
.kmp-taak .disabled .mat-form-field-label,
.kmp-form-field .disabled .mat-form-field-label {
  color: #0009 !important;
}
.kmp-taak .disabled .mat-form-field-underline,
.kmp-taak .disabled .mat-form-field-subscript-wrapper,
.kmp-form-field .disabled .mat-form-field-underline,
.kmp-form-field .disabled .mat-form-field-subscript-wrapper {
  display: none;
}
.kmp-taak .disabled mat-radio-group label span,
.kmp-form-field .disabled mat-radio-group label span {
  color: black;
}
.kmp-taak .disabled mat-radio-group .mat-radio-checked label span,
.kmp-form-field .disabled mat-radio-group .mat-radio-checked label span {
  font-weight: 600;
}
.kmp-taak .mat-form-field-infix,
.kmp-form-field .mat-form-field-infix {
  padding-bottom: 8px;
}
.kmp-taak .mat-form-field-subscript-wrapper,
.kmp-form-field .mat-form-field-subscript-wrapper {
  padding-top: 5px !important;
  margin-bottom: 5px;
  /* background: #eeeeee; */
}
.kmp-taak .mat-form-field-wrapper,
.kmp-form-field .mat-form-field-wrapper {
  padding-bottom: 10px;
}
.kmp-taak .mat-form-field-underline {
  bottom: 10px;
}
.kmp-taak .osd-text .mat-form-field-wrapper,
.kmp-taak .osd-textarea .mat-form-field-wrapper,
.kmp-taak .osd-date .mat-form-field-wrapper,
.kmp-taak .osd-combobox .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.kmp-taak .osd-text .mat-form-field-subscript-wrapper,
.kmp-taak .osd-date .mat-form-field-subscript-wrapper,
.kmp-taak .osd-combobox .mat-form-field-subscript-wrapper {
  top: 52px;
}
.kmp-taak .osd-text .mat-form-field-underline,
.kmp-taak .osd-date .mat-form-field-underline,
.kmp-taak .osd-textarea .mat-form-field-underline,
.kmp-taak .osd-combobox .mat-form-field-underline {
  bottom: 0;
}
.kmp-taak .osd-textarea .mat-error,
.kmp-form-field .mat-error {
  margin-top: 10px;
}
.kmp-form-field .mat-form-field-underline {
  bottom: 12px;
}
.form-table-no-rows {
  display: none;
}
.kmp-light-background {
  background: #eeeeee;
}
#OSD_DCO-START osd-form-cell#TAAK_BIJZONDERHEDEN {
  margin-top: 10px;
  width: unset;
}
#OSD_DCO-START osd-form-cell#TAAK_TITEL,
#OSD_DCO-START osd-form-cell#TAAK_OMSCHRIJVING {
  width: unset;
}
#OSD_DCO-START osd-form-cell#_KNOPPEN {
  max-width: unset !important;
}
#OSD_DCO-START osd-form-cell#BTN_REPLACE_VARS {
  margin-bottom: 30px !important;
}
#OSD_LGM-CONTROLEREN osd-form-cell#_KNOPPEN {
  margin-top: 0px;
}
#KMP-SIGNALEN osd-form-cell#LBL_SIGNALEN img {
  width: 45px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_ZAAK,
#KMP-NIEUWE_ZAAK osd-form-cell#_ZAAK {
  padding-bottom: 10px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_TITEL,
#KMP-NIEUWE_ZAAK osd-form-cell#_TITEL {
  flex: 0 0 auto !important;
}
#KMP-NIEUWE_ZAAK osd-form-cell#_START_FORM {
  overflow-y: scroll;
  scrollbar-width: thin;
  height: calc(100vh - 202px);
  padding: 20px 20px 0 20px;
}
.kmp-marge-icon {
  font-size: 36px;
  margin: auto;
}
tr:focus-visible {
  outline: none;
}
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
.KMP-PORTAAL\.KMP-SELECTEER_GROEP {
  width: 400px;
  height: 200px;
}
.KMP-PORTAAL\.KMP-CONTROLEER_GEBRUIKER_GEGEVENS {
  min-width: 500px;
  height: 600px;
}
.KMP-ZAAK\.KMP-ZOEKEN_OP_PERSOON {
  width: 80vw;
  max-width: var(--max-width) !important;
}
.KMP-ZAAK\.KMP-ZOEKEN_OP_PERSOON mat-dialog-container {
  max-width: unset;
}
table.kmp-gebruiker-gegevens td:nth-child(2) {
  font-weight: 600;
}
table.kmp-gebruiker-gegevens td {
  vertical-align: top;
}
.form-footer {
  background-color: unset;
}
.mat-dialog-container {
  /* display: block; */
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
}
osd-modal-dialog {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.modal-dialog-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
}
.modal-dialog-body osd-form {
  flex-grow: 1;
}
.cdk-drag-handle {
  cursor: move;
}
.form-header #_HEADER {
  flex-grow: 1;
}
#_LINKS osd-form-button {
  display: flex;
}
#_LINKS osd-form-button button {
  display: flex;
  flex-grow: 1;
}
#_LINKS {
  margin-right: 10px;
}
.kmp-top-menu-icon {
  width: 25px;
}
#KMP-PORTAAL > div > div > osd-form-cell#_BODY {
  background: white;
  display: flex !important;
}
#KMP-PORTAAL osd-form-cell#_BODY_DUMMY {
  display: flex !important;
  background: var(--primary-accent-color);
  margin-left: 91px;
}
#KMP-PORTAAL osd-form-cell#_ZOEKEN {
  padding: 0px 2px 0px 10px;
  border-radius: 5px;
  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);
  width: calc(100% - 270px);
}
#KMP-PORTAAL #TXT_ZOEKEN .mat-form-field-infix {
  border-top-width: 0px;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN {
  flex-grow: 1 !important;
}
#KMP-PORTAAL input#TXT_ZOEKEN {
  margin-top: 0px !important;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN .mat-form-field-flex {
  background-color: unset !important;
  padding-top: 0px;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN .mat-input-element {
  background-color: unset !important;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN .mat-form-field-infix {
  padding: 0px;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN .mat-form-field-underline {
  display: none;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN .mat-form-field-wrapper {
  padding: 0px !important;
}
#KMP-PORTAAL osd-form-cell#BTN_ZOEKEN_WISSEN button {
  box-shadow: none !important;
  font-size: 16px;
}
#KMP-PORTAAL osd-form-cell#ICON_ZOEKEN i.fa-search {
  color: #999A99;
  margin-left: 10px;
  font-size: 20px;
}
.logo-header {
  color: gray;
  background: var(--primary-header-color);
  padding-left: 28px;
  padding-right: 35px;
  height: 60px;
  border-radius: 10px 10px 0px 0px;
}
.kmp-burger-menu button {
  background: transparent;
  box-shadow: none;
  color: var(--primary-accent-color);
  min-width: 60px;
  text-align: right;
  padding: 0px;
  font-size: 18px;
}
.kmp-home-btn button {
  background: transparent;
  box-shadow: none;
  color: darkgray;
  padding: 0px;
  text-align: left;
  width: 60px;
  min-width: unset;
  font-size: 28px;
  display: flex;
  align-items: center;
}
.kmp-home-btn button img {
  width: 35px;
}
.kmp-home-btn button span {
  display: flex;
  align-items: center;
}
.kmp-home-btn button i.fa-house {
  --fa-primary-color: var(--primary-accent-color);
  --fa-primary-opacity: 1;
  --fa-secondary-color: var(--primary-accent-color);
  --fa-secondary-opacity: 0.9;
}
#KMP-PORTAAL osd-form-cell#LBL_DUMMY {
  width: 60px;
}
osd-form-cell#LBL_LOGO div {
  display: flex;
  align-items: center;
}
osd-form-cell#LBL_LOGO span {
  height: 50px;
}
.mat-button-ripple {
  display: none !important;
}
.mat-option .mat-option-ripple {
  display: none;
}
#KMP-PORTAAL osd-form-cell#_HEADER_REGEL2 {
  color: black;
  background: #eeeeee;
  border-bottom: solid 1px darkgray;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
}
#KMP-ZAAK osd-form-cell#LBL_ZAAKINFO_R2_L {
  width: 100%;
}
.kmp-zaak-header-regel-2 {
  color: black;
  background: var(--primary-accent-color);
  border-bottom: solid 1px var(--primary-accent-color);
  min-height: 60px;
  padding-left: 20px;
  padding-right: 50px;
}
#KMP-ZAAK osd-form-cell#_HEADER_REGEL2_R {
  margin-left: 22px;
  min-height: 43px;
}
#KMP-ZAAK osd-form-cell#_HEADER_REGEL2_R #_R1_L > div {
  row-gap: 5px;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-header-regel-2 {
  padding-left: 106px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 50px;
}
.kmp-keesy-logo {
  height: 50px;
}
.smaller-kmp-keesy-logo {
  height: 35px;
  margin-top: 6px;
}
.kmp-zaak-margin {
  padding-top: 80px;
  background: white;
  width: 91px;
}
.kmp-nieuwe-zaak-margin {
  padding-top: 160px;
  background: white;
  width: 91px;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-nieuwe-zaak-margin {
  padding-top: 100px;
}
body {
  background: white;
  position: unset;
  max-width: var(--max-width);
}
.cdk-overlay-container {
  position: fixed !important;
  max-width: var(--max-width);
  left: unset !important;
}
.cdk-overlay-pane {
  position: fixed !important;
}
.kmp-zaak-tab-btn .selected {
  border: 2px solid var(--primary-accent-color);
  border-radius: 10px;
  margin: 5px;
  padding: 5px;
  padding-top: 10px;
  margin-top: 0px;
}
.kmp-zaak-tab-btn .selected span.kmp-icon-badge {
  top: 5px;
}
#KMP-ZAAK osd-form-cell#LBL_NIEUWE_ZAAK {
  font-size: 36px;
  width: 91px;
  margin: auto;
}
.kmp-zaak-tab-btn button {
  width: 91px;
  height: 80px;
  padding: 0px;
  box-shadow: none !important;
}
.kmp-zaak-tab-btn i {
  font-size: 24px;
}
.kmp-zaak-tab-btn i.fa-user-friends {
  font-size: 20px;
}
.kmp-zaak-tab-btn .kmp-icon-label {
  font-size: 12px;
  line-height: 14px;
  color: black;
  font-weight: 400;
}
.kmp-zaak-tab-btn .kmp-icon-badge {
  color: white;
  background-color: #ba0606;
  left: 55px;
}
.kmp-zaak-tab-btn .kmp-icon-badge span {
  font-size: 11px;
  margin: auto;
}
.kmp-zaak-btn button {
  background: transparent;
  box-shadow: none !important;
  color: black;
}
.kmp-zaak-btn .fa-briefcase {
  font-size: 26px;
  margin-top: 7px;
}
#KMP-PORTAAL osd-form-cell#BTN_NIEUW_GESPREK {
  margin-right: 0 !important;
}
#KMP-PORTAAL osd-form-cell#BTN_NIEUW_GESPREK button {
  padding-left: 10px;
}
.kmp-zaak-btn .fa-people-arrows {
  font-size: 26px;
  margin-top: 5px;
}
.kmp-zaak-btn .fa-envelope {
  font-size: 26px;
  margin-top: 11px;
}
.kmp-zaak-btn .fa-envelope ~ .fa-plus {
  margin-top: 5px;
}
.kmp-zaak-btn button,
.kmp-zaak-btn button span {
  display: flex;
  align-items: start;
}
.kmp-zaak-btn .kmp-icon-badge {
  background: white;
  color: black;
  font-size: 11px;
  left: 34px;
  top: 0px;
}
.kmp-zaak-btn .kmp-icon-badge span {
  margin: auto;
}
#KMP-ZAAK osd-form-cell#_ZAAK {
  background-color: #eeeeee;
  padding: 0px;
}
#KMP-ZAAK osd-form-cell#LBL_INFO {
  flex: 1 1 auto !important;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-clientnaam,
#KMP-ZAAK .kmp-zaak-clientnaam {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  padding-left: 10px;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-zaaknaam,
#KMP-ZAAK .kmp-zaak-zaaknaam {
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-zaaknaam,
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-clientnaam {
  padding-right: 0px;
}
#KMP-ZOEKEN_OP_PERSOON #BTN_WIJZIG_ZAAK_BEHANDELAAR button,
#KMP-ZAAK #BTN_WIJZIG_ZAAK_BEHANDELAAR button {
  border: 1px solid gray;
  padding: 2px 15px !important;
  border-radius: 10px;
  margin-bottom: 0px !important;
}
#KMP-ZAAK #BTN_ALERT_TEXT button {
  background: #ba0606;
  color: white;
  font-weight: 700;
  padding: 1px 10px !important;
  border-radius: 10px;
  margin-bottom: 0px !important;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-behandelaar,
#KMP-ZAAK .kmp-zaak-behandelaar {
  font-size: 15px;
  font-weight: 600;
  opacity: 0.7;
  text-align: right;
  white-space: nowrap;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-behandelaar i,
#KMP-ZAAK .kmp-zaak-behandelaar i {
  margin-right: 5px;
}
#KMP-ZAAK .kmp-zaak-behandelaar i.fa-caret-right {
  margin-left: 5px;
}
#KMP-ZOEKEN_OP_PERSOON .kmp-zaak-zaak-id,
#KMP-ZAAK .kmp-zaak-zaak-id {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  margin-right: 17px;
  margin-top: 4px;
}
#KMP-HISTORIE osd-form-cell#_TITEL {
  border-bottom: 2px solid var(--primary-accent-color);
  padding-bottom: 10px;
}
osd-form-cell#_SEARCH_LABEL > div {
  flex: 1 1 auto !important;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_ZAAK_ZOEKEN {
  background: #eeeeee;
  padding-left: 20px;
}
#KMP-HISTORIE osd-form-cell#_TITEL {
  padding-right: 20px;
}
#KMP-HISTORIE osd-form-cell#BTN_CLOSE_FORM button,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#BTN_CLOSE_FORM button,
#KMP-ZOEKEN osd-form-cell#BTN_CLOSE_FORM button {
  background: transparent;
  box-shadow: none;
  font-size: 20px;
  line-height: unset;
  min-width: unset;
  width: 30px;
  padding: 0;
}
#KMP-NIEUWE_ZAAK .kmp-zaak-header osd-form-cell#BTN_CLOSE_FORM button,
#KMP-HISTORIE osd-form-cell#_BODY,
#KMP-HISTORIE osd-form-cell#_BODY > div,
#KMP-ZOEKEN osd-form-cell#_BODY,
#KMP-ZOEKEN osd-form-cell#_BODY > div {
  /* height: calc( 100vh - 160px ); DO WE NEED THIS MVE */
  flex: 1 1 auto !important;
}
#KMP-ZOEKEN osd-form-cell#_BODY_2,
#KMP-ZOEKEN osd-form-cell#_BODY_2 > div {
  height: calc(100vh - 152px);
}
#KMP-HISTORIE osd-form-cell#_BODY_2,
#KMP-HISTORIE osd-form-cell#_BODY_2 > div {
  height: calc(100vh - 162px);
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT {
  flex: 0 0.1 auto !important;
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc((100vh - 220px) * 0.7);
  margin-bottom: 0px !important;
  margin-left: 20px;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr td:first-of-type {
  border-radius: 10px 10px 0 0;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr td:first-of-type button {
  border-radius: 10px 10px 0 0;
}
#KMP-ZOEKEN osd-form-cell#_HISTORIE {
  flex: 0 1 auto !important;
  min-height: 100px;
  margin-top: 20px;
  margin-left: 20px;
}
#KMP-ZOEKEN osd-form-cell#_HISTORIE > div {
  flex: 0 1 auto !important;
  min-height: 80px;
}
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT {
  flex: 0 1 auto !important;
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc((100vh - 220px) * 0.7);
}
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT button div {
  max-width: 834px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT table.kmp-zaak {
  background: white;
}
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT button {
  font-weight: 600;
}
#KMP-ZOEKEN osd-form-cell#_HISTORIE div {
  flex-wrap: nowrap !important;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT {
  flex: 0 0.1 auto !important;
  overflow-y: auto;
  scrollbar-width: thin;
  margin-bottom: 0px !important;
  max-height: calc((100vh - 395px) * 0.7);
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE {
  flex: 0 1 auto !important;
  min-height: 100px;
  margin-top: 10px;
  margin-right: 20px;
}
#KMP-ZOEKEN osd-form-cell#LBL_LINE,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_LINE {
  margin-right: 20px;
}
#KMP-ZOEKEN osd-form-cell#LBL_LINE {
  margin-left: 20px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE > div {
  flex: 0 1 auto !important;
  min-height: 80px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT {
  flex: 0 1 auto !important;
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc((100vh - 395px) * 0.3);
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE div {
  flex-wrap: nowrap !important;
}
#KMP-ZAAK_DOCUMENTEN tr.mat-row:first-of-type,
#KMP-ZOEKEN tr.mat-row:first-of-type,
#KMP-ZOEKEN_OP_PERSOON tr.mat-row:first-of-type {
  margin-top: 20px;
}
#KMP-ZAAK_DOCUMENTEN tr.mat-row {
  margin-bottom: 20px;
  font-family: Raleway;
  padding: 5px 0;
}
#KMP-ZAAK_AFSPRAKEN tr.mat-row:last-of-type {
  margin-bottom: 0 !important;
}
#KMP-ZAAK_DOCUMENTEN tr.mat-row:last-of-type,
#KMP-ZOEKEN tr.mat-row:last-of-type,
#KMP-ZOEKEN_OP_PERSOON tr.mat-row:last-of-type {
  margin-bottom: 10px !important;
}
#KMP-ZAAK_DOCUMENTEN td.mat-cell {
  border: none;
}
#KMP-ZAAK_DOCUMENTEN .kmp-document-naam {
  font-weight: 600;
  margin-right: 10px;
}
#KMP-ZAAK_DOCUMENTEN .kmp-document-extra-info {
  line-height: 1.5;
  font-weight: 400;
}
#KMP-ZAAK_DOCUMENTEN .kmp-document-thumbnail {
  width: 1%;
  min-width: 133px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING,
#KMP-ZOEKEN osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING {
  font-size: 18px;
  font-weight: 500;
  max-width: calc(100% - 70px);
}
#KMP-ZOEKEN osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING,
#KMP-ZOEKEN osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_ZOEKTERM_TERUGKOPPELING,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING {
  font-weight: 600;
}
#KMP-ZOEKEN osd-form-cell#BTN_NIEUW_GESPREK,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK {
  margin-top: 15px;
  margin-bottom: 0px;
}
#KMP-ZOEKEN osd-form-cell#BTN_NIEUW_GESPREK,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK,
#KMP-ZOEKEN osd-form-cell#BTN_TOON_HISTORIE {
  margin-left: 20px;
}
.kmp-line {
  border-top: 1px solid #999A99;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#BTN_NIEUWE_ZAAK {
  padding-top: 10px;
}
#KMP-ZAAK osd-form-cell#BTN_ZAAK button,
#KMP-PORTAAL osd-form-cell#BTN_NIEUWE_ZAAK button {
  padding-left: 14px;
}
#KMP-ZOEKEN osd-form-cell#BTN_TOON_HISTORIE button,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUW_GESPREK button,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK button,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#BTN_NIEUWE_ZAAK button {
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  background: unset;
  border: 1px solid gray;
  border-radius: 10px;
  padding-top: 2px;
}
#KMP-ZOEKEN osd-form-cell#BTN_NIEUW_GESPREK i,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK i,
#KMP-ZOEKEN osd-form-cell#BTN_TOON_HISTORIE i,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#BTN_NIEUWE_ZAAK i {
  margin-right: 10px;
  font-size: 22px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT,
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT {
  border-top: 2px solid darkgray;
  margin-top: 10px;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr {
  margin-left: 2px;
  margin-bottom: 12px !important;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.kmp-persoon td button {
  min-height: 40px !important;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr:focus-within {
  outline: 2px solid blue;
}
#KMP-ZOEKEN osd-form-cell#BTN_CLOSE_FORM button:focus,
#KMP-ZOEKEN osd-form-cell#BTN_TOON_HISTORIE button:focus,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUW_GESPREK button:focus,
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK button:focus {
  outline: 1px solid blue;
}
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT tr {
  height: 36px;
  background-color: #eeeeee;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT tr {
  height: 36px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN tr.selected,
#KMP-ZAAK_HISTORIE osd-form-cell#TBL_HIST_RESULTAAT tr.selected,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT tr.selected,
#KMP-HISTORIE osd-form-cell#ACTIES tr.selected,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr.selected,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.selected {
  background-color: transparent;
}
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT tr.selected {
  background-color: #eeeeee;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN tr:focus,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr:focus,
#KMP-HISTORIE osd-form-cell#ACTIES tr:focus,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr:focus,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT tr:focus,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr:focus,
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT tr:focus {
  border: unset;
}
#KMP-ZAAK_AFSPRAKEN .form-table,
#KMP-ZAAK_DOCUMENTEN .form-table,
#KMP-ZAAK_HISTORIE .form-table,
#KMP-SIGNALEN .form-table,
#KMP-SIGNALEN_GEBRUIKER_SELECTIE .form-table,
#KMP-HISTORIE .form-table,
#KMP-ZOEKEN_OP_PERSOON .form-table,
#KMP-ZOEKEN .form-table {
  border: none;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE td.osd-col-selected {
  width: 50px;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES table.mat-table {
  padding-left: 20px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN table.mat-table,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES table.mat-table {
  background: #eeeeee;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT td,
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT td {
  text-align: left;
  border: none;
  padding-left: 0px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT button,
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT button {
  border: none;
  height: 24px;
  padding: 0px;
  text-align: left;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING i,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING i,
#KMP-ZOEKEN osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING i,
#KMP-ZOEKEN osd-form-cell#LBL_ZOEKTERM_HIST_TERUGKOPPELING i {
  margin-right: 5px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE,
#KMP-ZOEKEN osd-form-cell#_HISTORIE {
  background-color: #eeeeee;
  border-radius: 10px;
  padding: 20px;
  margin-right: 15px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE {
  background: white;
}
#KMP-ZAAK_AFSPRAKEN .form-table,
#KMP-ZAAK_DOCUMENTEN .form-table,
#KMP-ZAAK_HISTORIE .form-table,
#KMP-HISTORIE .form-table,
#KMP-ZOEKEN_OP_PERSOON .form-table,
#KMP-ZOEKEN .form-table {
  margin-bottom: 0px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN osd-form-table,
#KMP-HISTORIE osd-form-cell#ACTIES osd-form-table,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES osd-form-table,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT osd-form-table,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT osd-form-table,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT osd-form-table,
#KMP-ZOEKEN osd-form-cell#TBL_HIST_RESULTAAT osd-form-table {
  overflow: hidden;
  display: block;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_HISTORIE div {
  width: 100%;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT table {
  display: flex;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT tbody {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT td {
  display: flex;
  width: 100%;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_HIST_RESULTAAT td button div {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc( min( 100vw, var(--max-width) ) - 190px );
}
#KMP-HISTORIE osd-form-cell#_BODY_1,
#KMP-ZOEKEN osd-form-cell#_BODY_1 {
  background-color: #eeeeee;
  padding: 40px 25px 0px 30px;
  font-size: 36px;
}
#KMP-HISTORIE osd-form-cell#_BODY_2 {
  margin-top: 20px;
}
#KMP-ZOEKEN osd-form-cell#_BODY_2 {
  margin-bottom: 10px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN tr.mat-row,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr.mat-row,
#KMP-HISTORIE osd-form-cell#ACTIES tr.mat-row,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: unset;
  margin-bottom: 20px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN tr.mat-row {
  flex-wrap: nowrap;
  background: white;
  border-radius: 7px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr.mat-row tr:last-of-type,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.mat-row tr:last-of-type {
  margin-bottom: 5px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT td:first-of-type,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT td:first-of-type {
  width: 100%;
  background: var(--primary-accent-color);
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak tr,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak tr {
  display: table-row;
  height: unset;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak td:first-of-type,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td:first-of-type {
  width: unset;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-clientnaam,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-clientnaam {
  font-size: 15px;
  font-weight: 600;
  max-width: 0px;
  /* ??? why is this? */
  display: table-cell;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaaknaam,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaaknaam {
  max-width: 0px;
  /* ??? why is this? */
  display: table-cell;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-behandelaar,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-behandelaar {
  color: #555;
  text-align: right;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaak-id,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT table.kmp-zaak td.kmp-zaak-id {
  text-align: right;
  font-weight: 500;
}
#KMP-ZOEKEN_OP_PERSOON table.kmp-zaak,
#KMP-ZOEKEN table.kmp-zaak {
  background-color: var(--primary-accent-color);
  padding: 5px 15px 2px 15px;
  border-radius: 10px 10px 0 0;
}
#KMP-ZOEKEN_OP_PERSOON .mat-table,
#KMP-ZOEKEN .mat-table {
  font-family: Raleway;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES button,
#KMP-HISTORIE osd-form-cell#ACTIES button,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT button,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT button {
  border: none;
  padding-top: 6px;
  padding-bottom: 0px;
  position: relative;
  font-size: 18px;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT button,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT button {
  margin-bottom: 10px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN tr.mat-row:first-of-type,
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row:first-of-type {
  margin-top: 10px;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr.mat-row:first-of-type,
#KMP-HISTORIE osd-form-cell#ACTIES tr.mat-row:first-of-type {
  margin-top: 20px;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr.mat-row:last-of-type,
#KMP-HISTORIE osd-form-cell#ACTIES tr.mat-row:last-of-type {
  margin-bottom: 10px !important;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES td.mat-cell,
#KMP-HISTORIE osd-form-cell#ACTIES td.mat-cell {
  padding-left: 0px;
  border-radius: 7px;
  width: 100%;
  padding: 0px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN td.mat-cell,
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES td.mat-cell,
#KMP-HISTORIE osd-form-cell#ACTIES td.mat-cell {
  height: 100%;
  padding: 0px;
  margin: 0px;
  line-height: unset;
}
#KMP-HISTORIE osd-form-cell#ACTIES td.mat-cell button tr {
  display: flex;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#BTN_HOME {
  outline: none;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type {
  padding-left: 0px;
  background: var(--primary-accent-color);
  border-radius: 10px 15px 0 0;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type {
  border-radius: 10px 10px 0 0;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT td.mat-cell,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT td.mat-cell {
  border-bottom: none;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(2),
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(2) {
  border-radius: 0 0 0 10px;
  border-left: 1px solid lightgray;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(5),
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.mat-row > td:nth-child(5) {
  display: flex;
  flex: 1 1 auto;
  /*border-bottom: 1px solid #999A99;
   border-right: 1px solid #999A99;*/
  border-radius: 0 0 10px 0;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT table {
  background: transparent;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr.mat-row {
  background: white;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES button {
  width: 100%;
}
#KMP-HISTORIE osd-form-cell#ACTIES tr.mat-row,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT tr.mat-row,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.mat-row {
  border-radius: 10px 10px 10px 10px;
  margin-right: 15px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.kmp-icon-badge,
.kmp-toolbar-icon-badge {
  line-height: 1.7;
  position: absolute;
  padding: 0.5px;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 15px;
  font-size: 9px;
  text-align: center;
  background: var(--badge-bg-color);
  color: var(--badge-fg-color);
  z-index: 1;
  font-weight: 600;
  top: 5px;
  left: 40px;
  font-family: roboto;
}
.kmp-toolbar-btn .kmp-toolbar-icon-badge {
  background: #ba0606;
  color: white;
  top: 0px;
  left: 15px;
}
#KMP-ZAAK_HISTORIE .form-table-no-rows,
#KMP-HISTORIE .form-table-no-rows,
#KMP-ZOEKEN_OP_PERSOON .form-table-no-rows,
#KMP-ZOEKEN .form-table-no-rows {
  display: none;
}
body {
  background-color: lightgray;
  padding-left: 2px;
  padding-right: 2px;
}
div#OSD_CRM-ZOEK_GERELATEERDE_ZAKEN > div#PG-P,
div#KMP-ZOEKEN_OP_PERSOON > div#PG-P,
div#KMP-NIEUWE_ZAAK > div#PG-HOME,
div#KMP-ZAAK > div#PG-HOME,
div#KMP-PORTAAL > div#PG-HOME {
  padding-top: 2px;
}
div#KMP-ZOEKEN {
  background-color: white;
}
#KMP-ZOEKEN_OP_PERSOON tr:focus-visible,
#KMP-ZOEKEN tr:focus-visible {
  outline: none;
}
#KMP-ZOEKEN_OP_PERSOON ::-webkit-scrollbar,
#KMP-ZOEKEN ::-webkit-scrollbar {
  width: 9px;
}
#KMP-ZOEKEN_OP_PERSOON ::-webkit-scrollbar-track,
#KMP-ZOEKEN ::-webkit-scrollbar-track {
  background: transparent;
}
#KMP-ZOEKEN_OP_PERSOON ::-webkit-scrollbar-thumb,
#KMP-ZOEKEN ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type button,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT td.mat-cell:first-of-type button {
  width: 100%;
  font-size: 15px;
  line-height: unset;
  text-align: left;
  padding: 0px;
  margin-bottom: 0px;
  height: 52px;
}
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.kmp-persoon td.mat-cell:first-of-type,
#KMP-ZOEKEN osd-form-cell#TBL_RESULTAAT tr.kmp-persoon td.mat-cell:first-of-type button {
  height: unset;
  border-radius: 10px;
}
#KMP-SIGNALEN osd-form-cell#_BODY {
  background-color: var(--primary-accent-color);
}
#KMP-SIGNALEN osd-form-cell#_BODY_1 {
  background-color: white;
  padding: 40px 30px 0px 30px;
  font-size: 36px;
  width: 91px;
}
#KMP-SIGNALEN osd-form-cell#_BODY_2 {
  margin: 20px 0 0 20px;
  width: calc(100% - 120px);
}
#KMP-SIGNALEN i.fa-traffic-light {
  --fa-secondary-color: var(--primary-accent-color);
  --fa-secondary-opacity: 1;
  font-size: 44px;
}
#KMP-SIGNALEN .kmp-nr-signalen {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  line-height: 2.15;
  margin: 5px auto 0px auto;
  font-size: 13px;
  text-align: center;
  background: var(--primary-accent-color);
  font-weight: 500;
  font-family: roboto;
}
#KMP-SIGNALEN .kmp-nr-signalen span {
  margin-left: 1px;
}
#KMP-SIGNALEN osd-form-cell#LBL_TITEL {
  flex: 1 1 auto !important;
  font-weight: 600;
  font-size: 20px;
  margin-left: 10px;
}
#KMP-SIGNALEN osd-form-cell#_BODY_2 > div {
  flex: 0 0 auto !important;
}
#KMP-SIGNALEN osd-form-cell#_TITELBALK {
  margin-bottom: 10px !important;
  margin-right: 20px;
}
.kmp-zaak #_HEADER,
.kmp-zaak-taken #_HEADER,
.kmp-zaak-header {
  padding: 30px 20px 15px 20px;
  border-bottom: 2px solid var(--primary-accent-color);
  min-height: 75px;
  margin-bottom: 0px !important;
}
.kmp-zaak-taken #_BODY,
.kmp-zaak-body {
  padding: 20px 40px 20px 20px;
  background-color: #eeeeee;
}
.kmp-toolbar-btn {
  margin-left: 15px;
  margin-right: 10px !important;
}
.kmp-taak osd-form-cell#_HEADER osd-form-cell#BTN_CLOSE_FORM,
.kmp-taak-toolbar-btn,
.kmp-zaak-taken #_HEADER .osd-button,
.kmp-zaak-toolbar-btn {
  margin-left: 5px;
  margin-right: 0px !important;
}
.kmp-taak osd-form-cell#_HEADER osd-form-cell#BTN_CLOSE_FORM button {
  border: none;
}
.kmp-zaak-taken #_HEADER .osd-button i.fa-thumbtack,
.kmp-zaak-toolbar-btn i.fa-thumbtack {
  font-size: 17px;
}
.kmp-taak osd-form-cell#_HEADER osd-form-cell#BTN_CLOSE_FORM button,
.kmp-zaak-taken #_HEADER .osd-button button,
.kmp-zaak-taken #_HEADER .osd-button a,
.kmp-taak-toolbar-btn button,
.kmp-taak-toolbar-btn a,
.kmp-zaak-toolbar-btn button,
.kmp-zaak-toolbar-btn a {
  box-shadow: none !important;
  font-size: 20px;
  padding: 0 5px;
  background-color: transparent;
  min-width: unset;
  color: black;
}
.kmp-taak-toolbar-btn .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.kmp-zaak-taken #_HEADER .osd-button .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.kmp-zaak-toolbar-btn .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: normal !important;
  padding: 0!important;
  margin-right: 0px;
}
#KMP-SIGNALEN osd-form-cell#BTN_SIGNAAL_SOORTEN button,
#KMP-SIGNALEN osd-form-cell#BTN_VIEW_DATE button,
#KMP-SIGNALEN osd-form-cell#BTN_BEHANDELAREN button,
#KMP-SIGNALEN osd-form-cell#BTN_VERDELEN button,
#KMP-SIGNALEN osd-form-cell#BTN_BEOORDELEN button,
#KMP-SIGNALEN osd-form-cell#BTN_HISTORIE button,
#KMP-SIGNALEN osd-form-cell#BTN_REFRESH button {
  box-shadow: none !important;
  font-size: 22px;
  padding: 0px;
  background-color: transparent;
  min-width: unset;
}
#KMP-SIGNALEN osd-form-cell#BTN_REFRESH button {
  font-size: 20px;
}
#KMP-SIGNALEN osd-form-cell#BTN_BEHANDELAREN div.kmp-behandelaren {
  font-size: 20px;
  width: 40px;
}
#KMP-SIGNALEN osd-form-cell#BTN_SIGNAAL_SOORTEN i {
  font-size: 20px;
  padding: 0 5px 5px 7px;
}
#KMP-SIGNALEN osd-form-cell#BTN_BEHANDELAREN div.kmp-behandelaar {
  font-size: 20px;
  padding-bottom: 1px;
}
#KMP-SIGNALEN osd-form-cell#BTN_BEHANDELAREN i.kmp-sub-behandelaar {
  font-size: 18px;
  position: absolute;
  top: 2px;
  right: 2px;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE {
  background: white;
  border-radius: 7px;
  font-size: 14px;
  display: block;
  padding: 0px 10px!important;
  margin-bottom: 0px;
  margin-right: 10px !important;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-underline,
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-subscript-wrapper,
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-label-wrapper {
  display: none;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-appearance-fill .mat-form-field-flex {
  margin: 0;
  padding: 0;
  background: transparent;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE mat-form-field.mat-form-field {
  width: 120px !important;
  padding: 3px;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE mat-form-field.mat-form-field button {
  width: unset;
  height: unset;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE mat-form-field.mat-form-field input {
  padding: 7px 0 5px 0;
  font-weight: 500;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-wrapper,
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-form-field-infix {
  padding: 0!important;
  border: none;
}
#KMP-SIGNALEN osd-form-cell#VIEW_DATE .mat-datepicker-toggle {
  color: black;
}
#KMP-SIGNALEN osd-form-cell#BTN_VIEW_SAMENVATTING {
  font-size: 22px;
  padding: 0px;
  min-width: unset;
}
#KMP-SIGNALEN osd-form-cell#BTN_VIEW_SAMENVATTING mat-button-toggle {
  margin: auto;
}
#KMP-SIGNALEN osd-form-cell#BTN_VIEW_SAMENVATTING button span {
  margin: auto;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING,
#KMP-SIGNALEN osd-form-cell#SIGNALEN {
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc(100vh - 224px);
  margin-right: 0px;
  padding-right: 10px;
  flex: 1 1 100vh !important;
  outline: none;
}
#KMP-SIGNALEN .form-table {
  margin-bottom: 0px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING table.mat-table,
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.mat-table {
  background-color: var(--primary-accent-color);
  display: flex;
}
#KMP-SIGNALEN tbody {
  width: 100%;
}
#KMP-SIGNALEN table,
#KMP-SIGNALEN tr,
#KMP-SIGNALEN td {
  border: none;
}
#KMP-SIGNALEN tr.selected {
  background-color: unset;
}
#KMP-SIGNALEN tr.mat-row {
  height: unset;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-right: 5px;
}
#KMP-SIGNALEN tr.mat-row:last-of-type {
  margin-bottom: 10px;
}
#KMP-SIGNALEN td.mat-cell:first-of-type {
  flex: 1 1 100%;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN td.mat-cell:nth-child(3) {
  flex: 1 1 auto;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING td.mat-cell:nth-child(6) {
  flex: 1 1 auto;
  text-align: left;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING td.mat-cell:nth-child(6) button {
  max-width: 64px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.kmp-signalen tr {
  flex: 1 1 100%;
  display: flex;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES table.kmp-historie,
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING table.kmp-zaak,
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.kmp-signalen-top,
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.kmp-signalen-bottom {
  display: flex;
}
#KMP-ZAAK_HISTORIE td.mat-cell,
#KMP-SIGNALEN td.mat-cell {
  padding: 0px !important;
  border: none;
}
#KMP-SIGNALEN tr.mat-row > td:first-of-type {
  width: 100%;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN tr.mat-row > td:last-of-type {
  width: calc(100% - 80px);
}
#KMP-SIGNALEN tr.mat-row > td:first-of-type > button {
  border-radius: 10px 10px 0 0;
  padding: 10px 10px 5px 10px !important;
  background: white;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:first-of-type > button {
  padding: 3px 20px 2px 20px !important;
}
#KMP-SIGNALEN tr.mat-row > td:nth-child(2) {
  border-radius: 0 0 0 10px;
  background-color: #eeeeee;
}
#KMP-SIGNALEN tr.mat-row > td:nth-child(2) {
  width: 50px;
  padding-left: 10px !important;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN tr.mat-row > td:nth-child(2) button {
  width: 50px;
  min-width: unset;
  font-size: 18px;
  color: gray;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:first-of-type {
  line-height: 20px;
}
#KMP-SIGNALEN osd-form-cell#_TITELBALK {
  padding-right: 10px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN tr.mat-row > td:last-of-type {
  border-radius: 0 0 10px 0;
  padding: 5px 20px 2px 0px !important;
  background-color: #eeeeee;
  line-height: 20px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:last-of-type {
  border-radius: 0 0 10px 0;
  flex: 1 1 auto;
  text-align: left;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:last-of-type button {
  width: 64px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:not(:first-child) {
  line-height: 32px;
  min-width: 64px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:not(:first-child) i {
  font-size: 18px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING tr.mat-row > td:not(:first-child) button {
  height: 42px;
  padding-top: 5px;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING table.kmp-zaak td,
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.kmp-signalen-top td {
  background-color: white;
}
#KMP-SIGNALEN osd-form-cell#SIGNALEN_SAMENVATTING td.mat-cell:not(:first-child),
#KMP-SIGNALEN osd-form-cell#SIGNALEN table.kmp-signalen-bottom td {
  background-color: #eeeeee;
}
#KMP-SIGNALEN button {
  border: none;
  padding: 0px;
  line-height: unset;
  width: 100%;
  height: 100%;
}
#KMP-SIGNALEN table {
  border-collapse: collapse;
  background-color: white;
  /*var(--primary-accent-color); */
}
#KMP-SIGNALEN .kmp-signalen-icon {
  font-size: 18px;
  padding: 0px !important;
  width: 50px;
  flex: 0 0 auto;
}
#KMP-SIGNALEN .kmp-signalen-text {
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  margin-right: 20px;
  white-space: nowrap;
  max-width: min( calc( 100vw - 350px), 670px);
}
#KMP-SIGNALEN .kmp-signalen-trash-can {
  font-size: 18px;
  padding: 6px 0 0 0;
  color: gray;
  width: 50px;
}
#KMP-SIGNALEN .kmp-signalen-datum {
  text-align: right;
  margin: 0 0 0 auto;
  padding: 0 10px 0 0;
  flex: 0 0 auto;
}
#KMP-SIGNALEN .kmp-signalen-clientnaam {
  font-weight: 600;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
#KMP-SIGNALEN .kmp-signalen-behandelaar {
  font-weight: 300;
  text-align: right;
  flex: 0 0 auto;
  padding: 3px 0 1px 0;
}
#KMP-SIGNALEN .kmp-signalen-behandelaar i {
  color: gray;
  margin-right: 10px;
}
#KMP-SIGNALEN .kmp-zaaknaam {
  font-weight: 300;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  padding-right: 20px;
}
#KMP-SIGNALEN .kmp-zaak-id {
  font-weight: 600;
  text-align: right;
  flex: 0 0 auto;
}
#KMP-SIGNALEN tr {
  display: flex;
}
#KMP-SIGNALEN table.kmp-zaak tr {
  justify-content: space-between;
}
#KMP-SIGNALEN tr:focus-visible {
  outline: none;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE .form-table {
  margin-bottom: 0px;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#_BODY {
  /* height:400px; */
  margin-bottom: 15px;
  padding: 0px 0;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#GROEP {
  width: unset;
  margin-bottom: 15px !important;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#GEBRUIKERS {
  overflow-y: auto;
  max-height: 340px;
  scrollbar-width: thin;
  margin-left: 2px;
  margin-right: 2px;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#CHK_TOON_ALLEEN_SELECTED {
  font-size: 14px;
  margin-left: 16px;
  margin-bottom: 20px !important;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#CHK_TOON_ALLEEN_SELECTED .mat-checkbox {
  font-family: Raleway;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE osd-form-cell#_BODY_1 {
  margin: 5px;
}
#KMP-SELECTEER_GROEP .mat-select-value-text,
#KMP-SELECTEER_GROEP .mat-select-min-line {
  font-size: 16px;
  font-weight: 600;
}
.mat-option-text span {
  font-family: Raleway;
  font-size: 15px;
  font-weight: 600;
}
#KMP-SELECTEER_GROEP osd-form-cell#GROEP .mat-form-field-flex {
  background: white;
  padding-top: 0px;
}
div[class$="KMP-ZOEKEN_OP_PERSOON"] osd-modal-dialog header,
div[class$="KMP-CONTROLEER_GEBRUIKER_GEGEVENS"] osd-modal-dialog header,
div[class$="KMP-SELECTEER_GROEP"] osd-modal-dialog header {
  font-size: 18px;
}
#KMP-CONTROLEER_GEBRUIKER_GEGEVENS .form-body {
  overflow-y: auto;
  max-height: calc(85vh - 150px);
}
#KMP-CONTROLEER_GEBRUIKER_GEGEVENS osd-form-cell#_BODY {
  background: white;
  padding: 10px 10px 30px 10px;
}
a#KMP-CONTROLEER_GEBRUIKER_GEGEVENS osd-form-cell#BTN_INSTELLINGEN button {
  padding-left: 0px;
}
#KMP-CONTROLEER_GEBRUIKER_GEGEVENS .form-footer {
  padding-top: 20px;
}
#KMP-HISTORIE osd-form-cell#ACTIES {
  flex: 1 1 100vh !important;
  overflow-y: auto;
  scrollbar-width: thin;
  outline: none;
  margin-left: 20px;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES button tbody {
  width: 100%;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES button,
#KMP-HISTORIE osd-form-cell#ACTIES button {
  width: 100%;
  height: unset;
  min-width: unset;
  padding-left: 5px;
  padding-right: 5px;
  line-height: unset;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES tr.mat-row:last-of-type,
#KMP-HISTORIE osd-form-cell#ACTIES tr.mat-row:last-of-type {
  margin-bottom: 0px;
}
#KMP-HISTORIE osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
  margin-left: 30px;
}
#KMP-HISTORIE osd-form-cell#ACTIES td.mat-cell {
  border: none;
  background: var(--primary-accent-color);
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#AFSPRAKEN td.mat-cell {
  border: none;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES td.mat-cell {
  border: none;
  background: white;
  min-height: 52px;
}
#KMP-ZAAK_HISTORIE table.kmp-historie,
#KMP-HISTORIE table.kmp-historie {
  font-size: 14px;
  border-collapse: collapse;
}
#KMP-ZAAK_HISTORIE table.kmp-historie tr:first-of-type,
#KMP-HISTORIE table.kmp-historie tr:first-of-type {
  padding-top: 5px;
}
#KMP-ZAAK_HISTORIE table.kmp-historie tr:last-of-type {
  padding-bottom: 5px;
}
#KMP-ZAAK_HISTORIE table.kmp-historie tr {
  display: flex;
}
#KMP-HISTORIE .kmp-historie-icon {
  font-size: 18px;
  padding: 0px !important;
  width: 50px;
  flex: 0 0 auto;
}
#KMP-ZAAK_HISTORIE .kmp-historie {
  position: relative;
}
#KMP-ZAAK_HISTORIE .kmp-historie-icon {
  position: absolute;
  top: 10px;
  font-size: 22px;
  padding: 0 !important;
  width: 56px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-datum-tijd,
#KMP-HISTORIE .kmp-historie-datum-tijd {
  text-align: right;
  flex: 1 1 auto;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 500;
}
#KMP-HISTORIE .kmp-historie-datum {
  text-align: right;
  flex: 0 0 auto;
  padding-right: 15px;
  background: white;
  border-radius: 0 0 10px 10px;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  line-height: 22px;
  font-size: 13px;
}
#KMP-HISTORIE .kmp-historie-clientnaam {
  font-weight: 600;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  padding-right: 20px;
  padding-left: 15px;
  white-space: normal;
}
#KMP-HISTORIE .kmp-historie-behandelaar {
  font-weight: 400;
  text-align: right;
  flex: 0 0 auto;
  padding-right: 15px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-behandelaar i {
  color: gray;
  margin-right: 5px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel2,
#KMP-HISTORIE .kmp-historie-zaaknaam {
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  padding-right: 20px;
  padding-left: 15px;
  white-space: normal;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel2 {
  font-weight: 400;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-behandelaar,
#KMP-HISTORIE .kmp-historie-zaak-id {
  font-weight: 600;
  text-align: right;
  flex: 0 0 auto;
  padding-right: 15px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-behandelaar {
  padding-top: 5px;
  padding-bottom: 5px;
}
#KMP-HISTORIE .kmp-historie tr {
  line-height: 22px;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE tr.mat-row {
  height: 40px;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE td.mat-cell {
  border: none;
}
#KMP-SIGNALEN_GEBRUIKER_SELECTIE td.mat-cell:first-of-type {
  padding-left: 0px;
}
#KMP-WIJZIG_CLIENT_NAAM osd-form-cell#CHK_SKIP_SMS_VERIFICATIE {
  padding: 10px 15px;
  border-radius: 4px;
  font-weight: 500;
  background: white;
}
#OSD_BAS-ZAAK .osd-checkbox {
  background: transparent;
  border: none;
  width: unset;
}
#OSD_BAS-START osd-form-cell#_KNOPPEN {
  margin-top: 20px;
  max-width: 500px;
}
#KMP-WIJZIG_CLIENT_NAAM .kmp-toggle-icon span,
#OSD_BAS-ZAAK .kmp-toggle-icon span,
#OSD_BAS-START .kmp-toggle-icon span {
  font-size: 18px;
  margin-right: 0px !important;
}
#KMP-WIJZIG_CLIENT_NAAM osd-form-cell#CHK_EDIT_TELNR {
  margin-left: 10px;
}
#KMP-WIJZIG_CLIENT_NAAM .kmp-toggle-icon button,
#OSD_BAS-ZAAK .kmp-toggle-icon button,
#OSD_BAS-START .kmp-toggle-icon button {
  padding: 8px !important;
}
#KMP-WIJZIG_CLIENT_NAAM osd-form-cell#BTN_VERZEND_SMS {
  margin-bottom: 20px !important;
}
#OSD_BAS-ZAAK osd-form-cell#CLIENT_BTN_VERZEND_SMS i,
#OSD_BAS-START osd-form-cell#CLIENT_BTN_VERZEND_SMS i {
  margin: 0 10px;
  font-size: 18px;
}
#KMP-WIJZIG_CLIENT_NAAM .kmp-toggle-icon button {
  margin-left: 10px;
}
#KMP-WIJZIG_CLIENT_NAAM osd-form-cell#_KNOPPEN {
  margin-top: 30px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#BTN_NIEUWE_AFSPRAAK button,
#KMP-ZAAK_CONTACTEN osd-form-cell#BTN_NIEUW_CONTACT button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_CANCEL button,
.kmp-taak osd-form-cell#BTN_CLOSE_FORM button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_TERUG button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_ANNULEREN button,
.kmp-link-form-btn a,
.kmp-link-form-btn button {
  font-weight: 600;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  line-height: 28px;
  border-radius: 10px;
  margin: 1px;
  border: 1px solid #999A99;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#_BODY {
  padding-right: 20px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#BTN_NIEUWE_AFSPRAAK button:focus,
#KMP-ZAAK_CONTACTEN osd-form-cell#BTN_NIEUW_CONTACT button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_CANCEL button:focus,
.kmp-taak osd-form-cell#BTN_CLOSE_FORM button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_TERUG button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_ANNULEREN button:focus,
.kmp-link-form-btn a:focus,
.kmp-link-form-btn button:focus {
  border: 2px solid #999A99;
  margin: 0px !important;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#BTN_NIEUWE_AFSPRAAK,
#KMP-ZAAK_CONTACTEN osd-form-cell#BTN_NIEUW_CONTACT {
  margin-right: 20px !important;
  font-size: 16px;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#BTN_NIEUWE_AFSPRAAK button i {
  font-size: 18px;
  margin-right: 5px;
}
#KMP-ZAAK_CONTACTEN osd-form-cell#BTN_NIEUW_CONTACT i {
  margin-right: 5px;
}
#KMP-ZAAK_CONTACTEN .kmp-other-contact-info {
  padding-top: 10px;
}
#KMP-ZAAK_CONTACTEN .kmp-taal,
#KMP-ZAAK_CONTACTEN .kmp-contactpersoon {
  color: #ba0606;
  font-weight: 600;
  padding-top: 10px;
}
#KMP-ZAAK_CONTACTEN .kmp-alert_text {
  color: #ba0606;
  font-weight: 700;
  padding-top: 10px;
}
#KMP-ZAAK_CONTACTEN .kmp-contactpersoon-opmerking,
#KMP-ZAAK_CONTACTEN .kmp-contactpersoon-telefoonnr,
#KMP-ZAAK_CONTACTEN .kmp-contactpersoon-email {
  color: #ba0606;
}
.kmp-taak osd-form-cell#BTN_CLOSE_FORM button {
  padding: 0 9px 0 10px !important;
}
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_SAVE button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_OPSLAAN button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_VERZEND button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_VERZENDEN button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#SUBMIT button,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_SUBMIT button,
.kmp-default-form-btn a,
.kmp-default-form-btn button {
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  border-radius: 10px;
  background: var(--primary-accent-color);
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid #999A99;
  margin: 1px;
}
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_SAVE button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_OPSLAAN button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_VERZEND button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_VERZENDEN button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#SUBMIT button:focus,
.kmp-taak osd-form-cell#_BODY osd-form-cell#BTN_SUBMIT button:focus,
.kmp-default-form-btn a:focus,
.kmp-default-form-btn button:focus {
  margin: 0px !important;
  border: 2px solid #999A99;
}
#OSD_BAS-START .form-body {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .logo-header {
    margin-left: -2px;
    margin-right: -2px;
  }
}
#KMP-ZAAK_HISTORIE .kmp-historie-datum {
  text-align: right;
  padding: 0 10px 0 0;
  flex: 0 0 auto;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel1 {
  font-weight: 600;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  padding-right: 20px;
  padding-left: 0px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel1,
#KMP-ZAAK_HISTORIE .kmp-historie-regel2 {
  padding-left: 56px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel2 {
  line-height: 20px;
}
#KMP-ZAAK_HISTORIE .kmp-historie-behandelaar {
  font-weight: 300;
  text-align: right;
  flex: 0 0 auto;
  margin-top: auto;
}
#KMP-ZAAK_HISTORIE .kmp-historie-regel2 i {
  color: gray;
  margin-right: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  padding-right: 20px;
}
#KMP-ZAAK_HISTORIE tr:focus-visible {
  outline: none;
}
#KMP-ZAAK_HISTORIE osd-form-cell#_BODY {
  padding: 0px;
}
#KMP-ZAAK_HISTORIE osd-form-cell#_TITELBALK {
  margin-bottom: 10px !important;
  margin-right: 20px;
}
.kmp-zaak-tab-titel {
  font-size: 18px;
  font-weight: 600;
}
#KMP-ZAAK_HISTORIE osd-form-cell#ACTIES {
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: calc(100vh - 197px);
  margin-right: 0px;
  padding-right: 20px;
  flex: 1 1 100vh !important;
}
#OSD_BAS-START osd-form-cell#CLIENT_BTN_VERZEND_SMS,
#OSD_BAS-START osd-form-cell#CLIENT_BTN_CONTROLEER_CODE {
  margin-bottom: 20px !important;
}
#KMP-ZOEKEN osd-form-cell#BTN_NIEUWE_ZAAK i {
  margin-right: 10px;
}
.kmp-flex-1-1-auto {
  flex: 1 1 auto !important;
}
/*
.ocp-page-card-footer-textarea mat-form-field {
    width: 100%;
}
*/
#KMP-ZAAK_BERICHTEN osd-form-cell#PIN i {
  font-size: 17px;
  padding: 0 5px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_TOON_PDF_OVERZICHT i {
  font-size: 20px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-infix,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-infix,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-infix {
  width: auto;
  border-top: 0px!important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-wrapper,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-infix,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-infix,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-infix {
  padding: 0!important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#_NEW_MESSAGE button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_NEW_MESSAGE button,
#KMP-ZAAK_BERICHTEN osd-form-cell#_NEW_MESSAGE_BUTTONS button {
  min-width: 50px !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT textarea,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT textarea,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT textarea {
  line-height: 20px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT {
  flex: 1 1 auto !important;
  background: white;
  border-radius: 7px;
  font-size: 14px;
  display: block;
  position: relative;
  padding: 8px 10px!important;
  margin-left: 0px;
  margin-right: 10px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-underline,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-label-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-underline,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-label-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-underline,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-label-wrapper {
  display: none;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#NIEUW_BERICHT .mat-form-field-appearance-fill .mat-form-field-flex,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#NIEUW_BERICHT .mat-form-field-appearance-fill .mat-form-field-flex,
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT .mat-form-field-appearance-fill .mat-form-field-flex {
  margin: 0;
  padding: 0;
  background: transparent;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_FOOTER {
  padding: 0 10px 10px 0;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_FOOTER osd-form-cell#_FOOTER_LEFT > div {
  width: 100%;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_RECORDER {
  margin-bottom: 10px !important;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_RECORDER > div {
  border: 1px solid gray;
  border-radius: 10px;
  padding: 7px 20px 5px 20px;
  height: 50px;
  background: white;
  max-width: 360px;
  margin: 0 auto;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_RECORDER > div button {
  padding-left: 5px !important;
  padding-right: 5px !important;
  min-width: unset;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_RECORDER i {
  font-size: 20px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_RECORDER #RECORDER_COUNTER span {
  color: black;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#NIEUW_BERICHT {
  width: calc(100% - 40px);
  padding: 10px;
  margin-left: 30px;
  margin-bottom: 5px;
}
#KMP-ZAAK_BERICHTEN .osd-recorder-control {
  height: 100px;
  background-color: var(--primary-header-color);
}
#KMP-ZAAK_BERICHTEN td.osd-col-audio_url button {
  background: transparent !important;
  border: 1px solid var(--primary-header-color);
}
#KMP-ZAAK_BERICHTEN td.osd-col-audio_url button span {
  color: var(--primary-header-color) !important;
}
#KMP-ZAAK_BERICHTEN td.osd-col-audio_url button.osd-audio-clicked {
  border-color: blue;
  border-width: 2px;
  border-radius: 7px;
}
#KMP-ZAAK_BERICHTEN td.osd-col-audio_url button.osd-audio-clicked span {
  color: blue !important;
}
#KMP-ZAAK_BERICHTEN #_RECORDER {
  height: 40px;
}
#KMP-ZAAK_BERICHTEN #_RECORDER > div {
  width: 100%;
}
#KMP-ZAAK_BERICHTEN #_RECORDER #RECORDER_BTN_PLAYBACK button i.fa-circle-pause,
#KMP-ZAAK_BERICHTEN #_RECORDER #RECORDER_BTN_RECORD button i.fa-circle-pause {
  display: none;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-stopped #RECORDER_BTN_RECORD {
  width: 40px;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-stopped #RECORDER_BTN_RECORD osd-form-question {
  display: none !important;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_PLAYBACK {
  width: 40px;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_PLAYBACK osd-form-question {
  display: none !important;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_RECORD button i.fa-microphone-lines {
  display: none;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-recording #RECORDER_BTN_RECORD button i.fa-circle-pause {
  display: unset;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-playing #RECORDER_BTN_PLAYBACK button i.fa-circle-play {
  display: none;
}
#KMP-ZAAK_BERICHTEN #_RECORDER.osd-playing #RECORDER_BTN_PLAYBACK button i.fa-circle-pause {
  display: unset;
}
#KMP-ZAAK_BERICHTEN #_RECORDER #RECORDER_COUNTER {
  color: var(--primary-accent-color);
  margin-bottom: 5px !important;
  width: 130px;
  text-align: center;
}
#KMP-ZAAK_BERICHTEN #_RECORDER #RECORDER_COUNTER osd-form-question {
  align-content: center;
}
#KMP-ZAAK_BERICHTEN #_RECORDER #RECORDER_COUNTER osd-form-question span {
  font-family: monospace, monospace;
}
#KMP-ZAAK_BERICHTEN .audio-url {
  display: none;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#_NEW_MESSAGE,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_NEW_MESSAGE {
  padding: 10px;
  margin-left: 20px;
  margin-bottom: 5px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_SEND button,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_THUMBS_UP button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SEND button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_THUMBS_UP button,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_BIJLAGEN button,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_SEND button {
  min-width: unset;
  font-size: 18px;
  border-radius: 32px;
  height: 32px;
  width: 32px;
  padding: 0px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_STANDARD_MESSAGES {
  margin-bottom: 5px !important;
}
#KMP-ZAAK_BERICHTEN .mat-table {
  background: unset !important;
}
#KMP-ZAAK_BERICHTEN tr.mat-row {
  position: relative;
}
#KMP-ZAAK_BERICHTEN td.mat-cell {
  padding: 0;
}
#KMP-ZAAK_BERICHTEN div.ocp-berichten-in,
#KMP-ZAAK_BERICHTEN div.ocp-berichten-out {
  min-height: 46px;
}
#KMP-ZAAK_BERICHTEN .ocp-berichten-time {
  right: 10px;
}
#KMP-ZAAK_BERICHTEN tr.mat-row > td:first-of-type {
  padding-left: 10px;
}
#KMP-ZAAK_BERICHTEN tr.kmp-zaak-berichten-row-highlight > td:first-of-type,
#KMP-ZAAK_DOCUMENTEN tr.kmp-zaak-documenten-row-highlight.kmp-document-closed td.osd-col-omschrijving {
  border-left: solid 5px var(--primary-accent-color) !important;
  padding-left: 5px !important;
}
#KMP-ZAAK_DOCUMENTEN tr.kmp-zaak-documenten-row-highlight > td:first-of-type {
  border-left: solid 5px var(--primary-accent-color) !important;
  padding-left: 7px !important;
}
#KMP-ZAAK_HISTORIE tr.kmp-zaak-historie-row-highlight > td:first-of-type button {
  border-left: solid 5px var(--primary-accent-color) !important;
  padding-left: 0px !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST .form-footer,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN .form-footer,
#KMP-ZAAK_BERICHTEN .form-footer {
  border-top: 2px solid var(--primary-accent-color);
  background: #eeeeee;
  padding-top: 10px;
}
#KMP-ZAAK_BERICHTEN div.ocp-berichten-out {
  border-radius: 7px;
  border: none;
  background: white;
  font-size: 14px;
  padding-right: 40px;
  min-height: 56px;
}
#KMP-ZAAK_BERICHTEN div.ocp-berichten-in {
  border-radius: 7px;
  border: none;
  /*solid #999A9960 1px; */
  background: white;
  font-size: 14px;
  padding-right: 40px;
}
#KMP-ZAAK_BERICHTEN div.ocp-berichten-new div.ocp-berichten-in,
#KMP-ZAAK_BERICHTEN div.ocp-berichten-new div.ocp-berichten-out {
  background: var(--primary-accent-color);
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#_DEADLINES,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#_DEADLINES,
#KMP-ZAAK_BERICHTEN osd-form-cell#_DEADLINES {
  padding-bottom: 2px;
  height: 24px;
  margin: 5px 0;
  padding: 0 20px 0 30px;
  font-size: 14px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#LBL_STATUS_DEADLINE,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#LBL_STATUS_DEADLINE,
#KMP-ZAAK_BERICHTEN osd-form-cell#LBL_STATUS_DEADLINE {
  font-weight: 600;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#TGL_DEADLINE i.fa-chevron-left,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#TGL_DEADLINE i.fa-chevron-left,
#KMP-ZAAK_BERICHTEN osd-form-cell#TGL_DEADLINE i.fa-chevron-left {
  font-size: 14px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#TGL_DEADLINE .mat-button-toggle-label-content,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#TGL_DEADLINE .mat-button-toggle-label-content,
#KMP-ZAAK_BERICHTEN osd-form-cell#TGL_DEADLINE .mat-button-toggle-label-content {
  padding: 0;
  margin-right: 0px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#TGL_DEADLINE button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#TGL_DEADLINE button,
#KMP-ZAAK_BERICHTEN osd-form-cell#TGL_DEADLINE button {
  width: 32px;
  height: 32px;
  font-size: 16px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_SAVE_DEADLINE,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SAVE_DEADLINE,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_SAVE_DEADLINE {
  background: white;
  height: 33px;
  margin-bottom: 3px;
  border-radius: 0 4px 4px 0;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_DELETE_DEADLINE button,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_SAVE_DEADLINE button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_DELETE_DEADLINE button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SAVE_DEADLINE button,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_DELETE_DEADLINE button,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_SAVE_DEADLINE button {
  min-width: unset;
  vertical-align: unset;
  text-align: unset;
  line-height: unset;
  border-radius: unset;
  padding: 7px 10px 0 10px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_SAVE_DEADLINE i,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_SAVE_DEADLINE i,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_SAVE_DEADLINE i {
  font-size: 18px;
  padding-bottom: 4px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#BTN_DELETE_DEADLINE i,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#BTN_DELETE_DEADLINE i,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_DELETE_DEADLINE i,
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_PASTE i {
  font-size: 16px;
  padding-bottom: 8px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE button,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE button {
  color: black;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-wrapper,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-infix,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-infix,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-infix {
  padding: 0!important;
  border: none;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE input,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE input,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE input {
  font-weight: 500;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE {
  background: white;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
  display: block;
  padding: 0px 10px!important;
  margin-bottom: 3px;
  margin-right: 0px !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-underline,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-label-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-underline,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-label-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-underline,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-subscript-wrapper,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-label-wrapper {
  display: none;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE .mat-form-field-appearance-fill .mat-form-field-flex,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE .mat-form-field-appearance-fill .mat-form-field-flex,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE .mat-form-field-appearance-fill .mat-form-field-flex {
  margin: 0;
  padding: 0;
  background: transparent;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE mat-form-field.mat-form-field,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE mat-form-field.mat-form-field,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE mat-form-field.mat-form-field {
  width: 120px !important;
  padding: 3px;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE mat-form-field.mat-form-field button,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE mat-form-field.mat-form-field button,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE mat-form-field.mat-form-field button {
  width: unset;
  height: unset;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#DEADLINE mat-form-field.mat-form-field input,
#KMP-ZAAK_BERICHT_MET_BIJLAGEN osd-form-cell#DEADLINE mat-form-field.mat-form-field input,
#KMP-ZAAK_BERICHTEN osd-form-cell#DEADLINE mat-form-field.mat-form-field input {
  padding: 7px 0 5px 0;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#_MESSAGES i.fas.fa-thumbtack {
  color: #ba0606;
}
#KMP-ZAAK_BERICHTEN .ocp-berichten-date {
  font-weight: 500;
  font-size: 13px;
}
#KMP-ZAAK_BERICHTEN osd-form-cell#BTN_TOON_PDF_OVERZICHT {
  margin-left: 5px;
}
#KMP-ZAAK > div > div.form-body {
  background: #eee;
}
#KMP-ZAAK_AFSPRAKEN osd-form-cell#_BODY {
  padding-top: 20px;
}
.kmp-zaak-taken osd-form-cell#_TAAK button {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 7px;
  line-height: unset;
  box-shadow: none;
  /*rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
  line-height: 1.5;
}
.kmp-zaak-taken osd-form-cell#_TAAK button tr {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.kmp-zaak-taken .kmp-taak-icon {
  flex: 0 0 auto;
}
.kmp-zaak-taken .kmp-taak-icon i {
  font-size: 18px !important;
  vertical-align: middle;
  padding: 0 5px;
}
.kmp-zaak-taken .kmp-taak-icon i.fa-xmark {
  font-size: 22px !important;
}
.kmp-zaak-taken .kmp-taak-titel {
  flex: 1 1 auto;
  text-align: left;
  padding-left: 10px;
}
.kmp-zaak-taken .kmp-taak-titel span {
  white-space: normal;
  font-weight: 600;
}
.kmp-zaak-taken td.kmp-taak-status-too-late,
.kmp-zaak-taken td.kmp-taak-status-wait,
.kmp-zaak-taken td.kmp-taak-datum {
  flex: 0 0 235px;
  text-align: right;
}
.kmp-zaak-taken .kmp-taak-status-wait span {
  border: 2px solid var(--primary-accent-color);
  border-radius: 15px;
  padding: 7px 15px;
  font-weight: 600;
  font-size: 13px;
}
.kmp-zaak-taken .kmp-taak-status-wait span i {
  margin-right: 5px;
  font-size: 14px;
}
.kmp-zaak-taken .kmp-taak-status-too-late span {
  background-color: #ba0606;
  border-radius: 15px;
  padding: 6px 15px;
  font-weight: 600;
  color: white;
  font-size: 13px;
}
.kmp-zaak-taken .kmp-taak-status-too-late span i {
  margin-right: 5px;
}
.kmp-zaak-taken .kmp-taak-status-work span {
  border: 2px solid #ba0606;
  border-radius: 15px;
  padding: 6px 15px;
  font-weight: 600;
  font-size: 13px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#_HEADER_BUTTONS i {
  font-size: 20px;
  padding: 0 5px;
}
.kmp-zaak-toolbar-combobox .mat-form-field-flex {
  padding: 0 12px !important;
  background: white !important;
  line-height: 22px;
}
.kmp-zaak-toolbar-combobox .mat-form-field-wrapper {
  padding: 0;
}
.kmp-zaak-toolbar-combobox .mat-form-field-s§ubscript-wrapper {
  display: none;
}
.kmp-zaak-toolbar-combobox .mat-form-field-infix {
  border: none;
  padding: 7px 5px 5px 5px  !important;
}
.kmp-zaak-toolbar-combobox .mat-option-text,
.kmp-zaak-toolbar-combobox .mat-select-value-text,
.kmp-zaak-toolbar-combobox .mat-select-min-line {
  font-weight: 600;
  font-size: 15px;
}
.kmp-zaak-toolbar-combobox .mat-form-field-underline {
  display: none;
}
.kmp-zaak-toolbar-combobox {
  width: 52%;
}
.cdk-overlay-container div#DOCUMENT_SOORT-panel mat-option {
  background: white;
}
.kmp-zaak-toolbar-combobox .mat-select-arrow-wrapper {
  transform: translateY(-10%) !important;
}
.kmp-zaak-taken osd-form-cell#LBL_GEEN_TAKEN {
  font-weight: 500;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#LBL_GEEN_DOCUMENTEN {
  padding: 20px 0 0 20px;
  font-weight: 500;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#BTN_DOWNLOAD .disabled a {
  opacity: 0;
  cursor: default;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN {
  margin: 0 20px 0 15px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr {
  margin-left: 5px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row {
  display: flex;
  background: white;
  height: auto;
  border-radius: 7px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.mat-row:focus {
  border: none;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN .mat-table {
  background: unset;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-selected {
  padding: 15px 12px 0 12px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-omschrijving {
  flex: 1 1 auto;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-omschrijving table td:nth-child(2) {
  vertical-align: top;
  padding-top: 10px;
  padding-left: 20px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-chk_toon_gesloten_documenten {
  padding-top: 5px;
  font-size: 16px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-chk_toon_gesloten_documenten button {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  min-width: unset;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN td.osd-col-chk_toon_gesloten_documenten span.mat-ripple {
  display: none;
}
#KMP-PORTAAL osd-form-cell#TXT_ZOEKEN mat-form-field {
  max-width: calc( min( 100vw, var(--max-width) ) - 220px );
}
#KMP-PORTAAL osd-form-cell#BTN_ZOEKEN_WISSEN button {
  min-width: unset;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.kmp-document-closed {
  background: transparent;
  height: 35px;
  border: 1px solid darkgray !important;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.kmp-document-closed td.osd-col-selected {
  display: none;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.kmp-document-closed td.osd-col-omschrijving {
  color: #555;
  padding: 3px 10px 0 10px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.kmp-document-closed td.osd-col-omschrijving i {
  font-size: 22px;
  margin-right: 12px;
  margin-left: 2px;
}
#KMP-ZAAK_DOCUMENTEN osd-form-cell#DOCUMENTEN tr.kmp-document-closed td.osd-col-chk_toon_gesloten_documenten {
  padding-top: 2px;
}
#KMP-ZAAK_CONTACTEN osd-form-cell#_BODY {
  padding-top: 20px;
  padding-right: 20px;
}
#KMP-ZAAK_CONTACTEN osd-form-cell#LBL_NOG_GEEN_CONTACT {
  font-weight: 500;
}
#KMP-ZAAK_CONTACTEN .kmp-contact {
  border-radius: 7px;
  padding: 10px;
  background: white;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker {
  font-size: 14px;
  width: 100%;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client tbody,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker tbody {
  width: 100%;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client td.kmp-contact-icon,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker td.kmp-contact-icon {
  width: 40px;
  font-size: 22px;
  color: black;
  text-align: center;
  vertical-align: top;
  padding-top: 8px;
  padding-right: 6px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client .kmp-contact-name,
#KMP-ZAAK_CONTACTEN .kmp-contact-client .kmp-contact-functie,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-name,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-telnr,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-email,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern-naam,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern-functie,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern-functie,
#KMP-ZAAK_DOCUMENTEN .kmp-contact-extra-info {
  font-weight: 400;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client .kmp-contact-name,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern-naam {
  height: 18px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker td.kmp-contact-name {
  width: 50%;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern {
  padding-top: 10px;
  font-weight: 600;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client .client-user-id,
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .medewerker-user-id {
  display: none;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-client i.fa-check {
  font-size: 16px;
  vertical-align: bottom;
  color: green;
  padding-left: 5px;
}
#KMP-ZAAK_CONTACTEN i.fa-circle-exclamation {
  font-size: 18px;
  vertical-align: bottom;
  color: #ba0606;
  padding-left: 5px;
}
#KMP-ZAAK_CONTACTEN span.kmp-email-is-fout-toelichting {
  display: block;
  font-size: 14px;
  color: #ba0606;
  margin-top: 5px;
  font-weight: 500;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-photo {
  vertical-align: top;
  width: 1%;
  padding-left: 20px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-photo img {
  height: 100px;
}
#KMP-ZAAK_CONTACTEN .kmp-contact-medewerker .kmp-contact-extern-functie {
  vertical-align: top;
  height: 18px;
}
#OSD_AFS-START osd-form-cell#AFSPRAAK_DATUM {
  width: 190px;
}
#OSD_AFS-START osd-form-cell#AFSPRAAK_STARTTIJD,
#OSD_AFS-START osd-form-cell#AFSPRAAK_EINDTIJD {
  width: 100px;
}
#OSD_AFS-START osd-form-cell#HERINNERING {
  font-size: 14px;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-icon {
  font-size: 18px;
}
#KMP-ZAAK_AFSPRAKEN td.osd-col-btn_open {
  text-align: left;
  width: 100%;
}
#KMP-ZAAK_AFSPRAKEN td.osd-col-btn_open button {
  height: unset;
  line-height: unset;
  padding: 0 5px;
  width: 100%;
}
#KMP-ZAAK_AFSPRAKEN td.osd-col-btn_download {
  width: 30px;
  text-align: center;
  padding-top: 5px !important;
}
#KMP-ZAAK_AFSPRAKEN td.osd-col-btn_download a,
#KMP-ZAAK_AFSPRAKEN td.osd-col-btn_download a:visited {
  color: black;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-table td {
  text-align: left;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-table td.kmp-afspraak-icon {
  width: 50px;
  vertical-align: top;
  padding-top: 5px;
  text-align: center;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-table .kmp-afspraak-url {
  width: 30px;
  vertical-align: top;
  padding-top: 5px;
  text-align: right;
  padding-right: 3px;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-table {
  font-weight: 400;
  white-space: normal;
}
#KMP-ZAAK_AFSPRAKEN .kmp-afspraak-table .kmp-afspraak-datum-tijd {
  font-weight: 600;
}
#KMP-ZAAK_AFSPRAKEN tr.kmp-afspraak-verwijderd button {
  text-decoration: line-through;
  opacity: 0.6;
}
#KMP-ZAAK_AFSPRAKEN tr.kmp-afspraak-in-verleden button {
  opacity: 0.6;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#BTN_CLOSE_FORM button,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_INNER_BODY_KNOPPEN .kmp-link-form-btn a,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_INNER_BODY_KNOPPEN .kmp-link-form-btn button,
#OSD_AFS-ZAAK osd-form-cell#BTN_TOON_PDF_VERSLAG a {
  border: none !important;
}
#OSD_AFS-VERSLAGLEGGING tr.afs-afspraak-onderwerp,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#AFSPRAAK_VERSLAG,
#OSD_AFS-ZAAK tr.afs-afspraak-onderwerp,
#OSD_AFS-ZAAK osd-form-cell#AFSPRAAK_VERSLAG {
  font-weight: 600;
}
#OSD_AFS-VERSLAGLEGGING tr.afs-afspraak-datum td,
#OSD_AFS-ZAAK tr.afs-afspraak-datum td {
  padding-bottom: 10px;
}
#OSD_AFS-VERSLAGLEGGING tr.afs-afspraak-datum td {
  font-weight: 600;
  font-size: 16px;
}
#OSD_AFS-VERSLAGLEGGING table.afs-afspraak td:first-of-type,
#OSD_AFS-ZAAK table.afs-afspraak td:first-of-type {
  width: 90px;
}
#OSD_AFS-VERSLAGLEGGING .kmp-afspraak-icon,
#OSD_AFS-ZAAK .kmp-afspraak-icon {
  font-size: 22px;
}
#OSD_AFS-VERSLAGLEGGING .kmp-afspraak-icon.fa-pencil-alt {
  font-size: 18px;
}
#OSD_AFS-VERSLAGLEGGING #AFSPRAAK_LBL_AFSPRAAKDETAILS,
#OSD_AFS-ZAAK #AFSPRAAK_LBL_AFSPRAAKDETAILS {
  flex: 1 1 auto !important;
}
#OSD_AFS-VERSLAGLEGGING #_INNER_BODY_KNOPPEN {
  flex: 0 0 auto !important;
}
osd-form-cell#BTN_AFSPRAAK_WIJZIGEN button span {
  vertical-align: top;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#BTN_TOON_PDF_VERSLAG a,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#BTN_ANNULEREN button,
#OSD_AFS-ZAAK osd-form-cell#BTN_TOON_PDF_VERSLAG a,
#OSD_AFS-ZAAK osd-form-cell#BTN_ANNULEREN button {
  padding: 0 5px;
  min-width: unset;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#BTN_AFSPRAAK_WIJZIGEN button {
  min-width: unset;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#HERINNERING,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#AFSPRAAK_VERWIJDEREN_TMP {
  margin-bottom: 10px !important;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#BTN_AFSPRAAK_WIJZIGEN button {
  padding: 0 10px;
}
#OSD_AFS-ZAAK osd-form-cell#_KNOPPEN {
  margin-top: 0 !important;
  max-width: unset !important;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_KNOPPEN {
  max-width: unset !important;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_KNOPPEN button {
  padding: 0 10px !important;
}
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_KNOPPEN osd-form-cell#BTN_ANNULEREN button {
  padding: 0, 10px !important;
}
/*
#KMP-ZAAK_TAB form osd-form-cell#LBL_TITEL,
#KMP-ZAAK_NIEUWE_TAAK form osd-form-cell#LBL_TITEL {
   font-weight: 600;
   margin-bottom: 30px !important;
}

#KMP-ZAAK_NIEUWE_TAAK form .form-body,
#KMP-ZAAK_TAB form .form-body  {
   font-size: 14px;
}
*/
/*
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_KNOPPEN .kmp-link-form-btn button,
#OSD_AFS-VERSLAGLEGGING osd-form-cell#_KNOPPEN .kmp-default-form-btn button {
   padding: 0 16px;
   margin-bottom: 10px;
}
*/
/* TinyMCE */
osd-form-question.disabled .tox-editor-header,
osd-form-question.disabled .tox-statusbar {
  display: none;
}
.tox-editor-header {
  border-bottom: 1px solid #ddd !important;
}
osd-form-question.disabled iframe,
osd-form-question.disabled .tox-statusbar {
  background: unset !important;
}
.tox-statusbar .osd-text-status {
  font-family: Raleway;
  text-transform: lowercase;
}
.mce-content-body {
  font-family: Raleway;
}
div.tox-tinymce {
  margin-top: 5px;
}
.osd-margin-bottom-10 {
  margin-bottom: 10px !important;
}
.osd-margin-bottom-20 {
  margin-bottom: 20px !important;
}
.osd-margin-bottom-30 {
  margin-bottom: 30px !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST > div > div > osd-form-cell#_HEADER > div,
#KMP-ZAAK_NIEUWE_TAAK > div > div > osd-form-cell#_HEADER > div {
  flex: 1 1 auto !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST #LBL_VRAGENLIJST,
#KMP-ZAAK_NIEUWE_TAAK #LBL_NIEUWE_TAAK {
  padding-top: 4px;
}
.kmp-taak osd-form-cell#_HEADER {
  font-weight: 600;
  padding: 20px 35px 5px 35px;
}
.kmp-taak osd-form-cell#_HEADER > div {
  flex: 1 1 auto !important;
}
#KMP-ZAAK_BERICHT_VRAGENLIJST osd-form-cell#_HEADER_SUBHEADER,
#KMP-ZAAK_NIEUWE_TAAK osd-form-cell#_HEADER_SUBHEADER {
  font-weight: 600;
  padding: 20px 35px 10px 35px;
}
.kmp-taak osd-form-cell#_BODY {
  background: #fffdf2;
  font-size: 14px;
  margin: 0px 30px 20px 30px;
  padding: 20px;
  border-radius: 7px;
  flex: 0 0 auto !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.kmp-zaak.kmp-taak osd-form-cell#_BODY {
  margin-top: 20px;
}
/*
.kmp-taak osd-form-cell#_BODY .kmp-form-field .mat-form-field {
   background: #fffdf2;
}
*/
.kmp-taak osd-form-cell#_BODY .mat-form-field .mat-form-field-flex {
  border: 1px solid #bbb;
}
.kmp-taak osd-form-cell#_BODY osd-form-cell#_KNOPPEN {
  margin-top: 30px;
  max-width: 500px;
}
.osd-no-width {
  width: unset !important;
}
.kmp-taak .osd-table table.mat-table {
  padding: 5px 15px;
}
.kmp-taak .osd-table table.mat-table td:first-of-type {
  padding-left: 0px;
}
.kmp-taak .osd-table table.mat-table td:last-of-type {
  padding-right: 0px;
}
.kmp-taak .osd-table table.mat-table tr.selected {
  background: unset;
}
.kmp-taak .osd-table td.mat-cell {
  border: none;
}
.kmp-taak .osd-table .form-table {
  margin-bottom: 0px;
}
.kmp-taak a {
  outline: 0;
}
.kmp-taak .osd-table td.upload-datum-tijd {
  text-align: right;
  font-size: 13px;
}
.kmp-taak osd-form-cell#_HEADER osd-form-cell#LBL_TITEL {
  font-weight: 600;
  font-size: 16px;
  width: calc(100% - 50px);
}
.kmp-taak .kmp-toggle {
  background: #fffdf2 !important;
  border: none !important;
}
.kmp-taak .kmp-toggle button {
  font-weight: 600;
}
.kmp-taak .kmp-toggle button i {
  font-size: 18px;
}
.kmp-taak .kmp-toggle .mat-button-toggle-focus-overlay {
  display: none !important;
}
.kmp-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 #999A99;
  line-height: 25px;
  height: 100px;
  margin: 10px 5px 10px 0px;
  display: inline-block;
}
.kmp-document-thumbnail img {
  height: 100px;
  max-width: 250px;
  width: auto;
}
table.kmp-taak.status-DONE {
  color: #666;
}
table.kmp-taak.status-DONE i {
  color: green;
}
table.kmp-taak.status-WITHDRAWN {
  text-decoration-line: line-through;
  color: #666;
}
.mat-button-toggle-focus-overlay,
.mat-button-focus-overlay,
.mat-button-toggle-ripple {
  display: none !important;
}
.osd-align-self-start {
  align-self: start !important;
}
.osd-font-weight-600,
.osd-font-weight-600 span {
  font-weight: 600 !important;
}
#OSD_BAS-WIJZIG_EXTERN_ID osd-form-cell#_KNOPPEN,
#OSD_BAS-WIJZIG_SOORT_EN_ONDERWERP osd-form-cell#_KNOPPEN,
#KMP-ZAAK_WIJZIG_BEHANDELAAR osd-form-cell#_KNOPPEN,
#KMP-WIJZIG_CLIENT_NAAM osd-form-cell#_KNOPPEN {
  margin-bottom: 2px;
  margin-right: 2px;
}
#KMP-ZAAK_WIJZIG_BEHANDELAAR osd-form-cell#CHK_CASE_OWNER_IS_WORKER {
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 15px !important;
}
#KMP-ZAAK_WIJZIG_BEHANDELAAR osd-form-cell#_KNOPPEN {
  margin-top: 20px;
}
#KMP-ZAAK_DOCUMENTEN .kmp-gesloten-document {
  display: inline-block;
  white-space: nowrap;
  width: calc( min( 100vw, var(--max-width) ) - 468px );
  text-overflow: ellipsis;
  overflow: hidden;
}
#KMP-ZAAK osd-form-cell#BTN_ZAAK {
  margin-right: 0px !important;
}
#KMP-ZAAK_DOCUMENTEN td.kmp-image {
  width: 182px;
  vertical-align: top;
}
#KMP-ZAAK_DOCUMENTEN td.kmp-image .ocp-document-thumbnail img {
  max-width: 180px !important;
}
#KMP-ZAAK_DOCUMENTEN td.kmp-image .ocp-document-thumbnail {
  box-shadow: none;
  border: 2px solid #ccc;
}
#KMP-ZAAK .kmp-edit-icon {
  opacity: 0;
}
div.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.QUESTION footer button {
  margin: 10px 20px 0 0;
}
div.cdk-overlay-pane.KMP-ZAAK_DOCUMENTEN\.QUESTION footer button:last-of-type {
  margin: 10px 0 0 0;
}
/*
#KMP-ZAAK osd-form-cell#_HEADER_REGEL2_R:hover osd-form-cell:not(.disabled).kmp-edit-icon {
      opacity: 1;
      transition-delay: 0.5s;
}
*/
#KMP-ZOEKEN_OP_PERSOON osd-form-cell.osd-button.disabled {
  opacity: 0;
}
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_ZAAKTITEL_R1,
#KMP-ZOEKEN_OP_PERSOON osd-form-cell#_ZAAKTITEL_R2 {
  flex: 0 0 auto !important;
}
.osd-opacity-0 {
  opacity: 0;
}
#OSD_DCO-BEOORDELEN osd-form-cell#BTN_DOCUMENTEN_TOEVOEGEN,
#OSD_DCO-ZAAK osd-form-cell#BTN_DOCUMENTEN_TOEVOEGEN {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 20px !important;
}
#OSD_DCO-TOEVOEGEN_DOCUMENTEN osd-form-cell#TOELICHTING_TMP {
  width: 100%;
}
#OSD_DCO-TOEVOEGEN_DOCUMENTEN osd-form-cell#_KNOPPEN {
  margin-top: 0 !important;
}
#OSD_DCO-TOEVOEGEN_DOCUMENTEN osd-form-cell#BIJLAGEN {
  margin-top: 20px;
  margin-bottom: 60px !important;
}
button i.far.fa-plus {
  border: 1px solid black;
  padding: 2px 4px 3px 4px;
  border-radius: 4px;
}
#KMP-ZAAK_ACTIVITEIT .kmp-task-name {
  font-weight: 600;
}
#KMP-ZAAK_ACTIVITEIT .kmp-task-last-update-date-time {
  font-size: 13px;
  padding-bottom: 10px;
}
#KMP-ZAAK_ACTIVITEIT .kmp-task-status {
  width: 20px;
}
.display-flex {
  display: flex !important;
}
#OCP-INLOGGEN_PINCODE {
  align-self: center;
}
#OCP-INLOGGEN_PINCODE osd-form-cell#_HEADER {
  display: none !important;
}
#OCP-INLOGGEN_PINCODE .form-body {
  background: white;
  max-height: 600px;
  margin: auto;
  width: 450px;
  position: relative;
  border: 2px solid var(--primary-header-color);
  border-radius: 10px;
}
#OCP-INLOGGEN_PINCODE img.ocp-gemeente-logo {
  border: none !important;
  display: flex;
  margin-top: 40px;
  margin-bottom: 30px;
  max-height: 100px;
  max-width: 250px;
}
#OCP-INLOGGEN_PINCODE #_BODY {
  --primary-accent-color: black;
}
#OCP-INLOGGEN_PINCODE #_BODY button {
  border-radius: 4px !important;
}
#OCP-INLOGGEN_PINCODE .ocp-header {
  --primary-accent-color: white;
  color: white;
  background: var(--primary-header-color) !important;
}
#OCP-INLOGGEN_PINCODE .ocp-body {
  background: white;
}
#OCP-INLOGGEN_PINCODE .numeric-keyboard button {
  --primary-accent-color: #D2E5F7;
  background: var(--primary-accent-color);
  border: 1px solid gray;
}
#OCP-INLOGGEN_PINCODE .numeric-keyboard button span {
  color: black !important;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN {
  width: calc( min( var(--max-width), 100vw ) - 200px ) !important;
  max-width: calc( min( var(--max-width), 100vw ) - 200px ) !important;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN header,
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN #_HEADER,
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN #_MENU {
  display: none !important;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN section.modal-dialog-body {
  padding: 0 !important;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN .form-body {
  border-radius: 10px;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN #_TITEL {
  padding-top: 20px;
  min-height: unset !important;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN #LBL_TITEL {
  margin-left: 20px;
}
div.cdk-overlay-pane.KBP-GEBRUIKER\.KMP-INSTELLINGEN #KMP-INSTELLINGEN osd-form-cell#_INSTELLING {
  height: calc(100vh - 220px);
}
#KBP-STANDAARD_BERICHT osd-form-cell#_HEADER {
  padding-top: 0;
}
#KBP-STANDAARD_BERICHT .form-body {
  height: calc(100vh - 204px);
}
#KBP-STANDAARD_BERICHT osd-form-cell#MESSAGE {
  width: unset;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#_HEADER {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: none;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#_HEADER #LBL_TITEL {
  width: unset;
  font-size: 16px;
}
#KBP-STANDAARD_BERICHTEN .kmp-link-form-btn button {
  border: 1px solid #999A99;
  margin: 0px !important;
}
#KBP-STANDAARD_BERICHTEN .kmp-link-form-btn button:focus {
  border: 1px solid #5757FF;
  margin: 0px !important;
  outline: 1px solid #5757FF !important;
}
#KBP-STANDAARD_BERICHTEN .form-body {
  height: calc(100vh - 235px);
  overflow-y: auto;
  flex: 0 0 auto;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#_BODY {
  margin-top: 5px;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-right: 45px !important;
  width: unset;
  max-width: unset !important;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BTN_OPSLAAN {
  margin: 5px 5px 0px 0;
  align-self: end;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BTN_CANCEL button {
  width: 120px;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell[id$="_TABEL"] {
  margin: 0 30px 20px 30px;
}
#KBP-STANDAARD_BERICHTEN .form-table {
  border: none;
  margin-bottom: 0px;
  max-height: calc(100vh - 225px);
  overflow-x: hidden;
  overflow-y: auto;
}
#KBP-STANDAARD_BERICHTEN .form-table tr.inactive td.osd-col-bericht {
  text-decoration: line-through;
}
#KBP-STANDAARD_BERICHTEN .mat-sort-header-container {
  padding-left: 0px;
  font-size: 13px;
  font-weight: 400;
}
#KBP-STANDAARD_BERICHTEN tr.mat-row {
  height: 44px;
  cursor: pointer;
}
#KBP-STANDAARD_BERICHTEN th,
#KBP-STANDAARD_BERICHTEN td {
  width: unset;
  font-family: Raleway;
}
#KBP-STANDAARD_BERICHTEN th.osd-col-id {
  width: 150px;
  padding-right: 20px;
}
#KBP-STANDAARD_BERICHTEN th.osd-col-intern,
#KBP-STANDAARD_BERICHTEN th.osd-col-extern {
  width: 85px;
}
#KBP-STANDAARD_BERICHTEN th.osd-col-geldig_vanaf,
#KBP-STANDAARD_BERICHTEN th.osd-col-geldig_tot {
  width: 120px;
}
#KBP-STANDAARD_BERICHTEN th.mat-header-cell:first-of-type,
#KBP-STANDAARD_BERICHTEN td.mat-cell:first-of-type {
  padding-left: 20px;
}
#KBP-STANDAARD_BERICHTEN th.mat-header-cell:last-of-type,
#KBP-STANDAARD_BERICHTEN td.mat-cell:last-of-type {
  padding-right: 10px;
}
#KBP-STANDAARD_BERICHTEN tr.inactive td.osd-col-controle_id,
#KBP-STANDAARD_BERICHTEN tr.inactive td.osd-col-controle_naam {
  text-decoration: line-through;
}
#KBP-STANDAARD_BERICHTEN td.osd-col-wijzigen {
  width: 50px;
}
#KBP-STANDAARD_BERICHTEN td.osd-col-wijzigen button {
  font-size: 14px;
  border: none;
  min-width: unset !important;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#LBL_TITEL {
  font-size: 20px;
  font-weight: 600;
  width: unset;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BTN_NIEUW {
  padding-bottom: 5px !important;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BTN_NIEUW i {
  font-size: 18px;
  margin-right: 10px;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BTN_NIEUW button {
  font-size: 15px !important;
  border: 1px solid black;
  border-radius: 10px;
  margin: 1px;
  font-weight: 600;
  line-height: 28px;
  padding: 0 16px;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#CHK_WIJZIG_VOLGORDE button {
  padding-left: 16px;
  padding-right: 6px;
  margin: 0;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#CHK_WIJZIG_VOLGORDE button i {
  margin-right: 5px;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BERICHTEN_COMBOBOX {
  background: white;
  margin: 0 30px;
  padding: 3px 5px;
  max-height: calc(100vh - 225px);
  overflow-x: hidden;
  overflow-y: auto;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BERICHTEN_COMBOBOX div.cdk-drag > span {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 2px 0;
  padding: 5px;
  cursor: grab;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 13px);
  display: inline-block;
  vertical-align: middle;
}
#KBP-STANDAARD_BERICHTEN osd-form-cell#BERICHTEN_COMBOBOX div.cdk-drag > span span.csm_id {
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
/*
   header {
      display: none;
   }
   
   section.modal-dialog-body {
      padding: 0;
      margin-bottom: 0px;
      border-radius: 10px;
   }
*/
.cdk-overlay-pane.KMP-ZAAK_BERICHTEN\.KMP-STANDAARD_BERICHTEN {
  max-width: min(90vw, calc(0.8 * 1024px)) !important;
}
.cdk-overlay-pane.KMP-ZAAK_BERICHTEN\.KMP-STANDAARD_BERICHTEN .modal-dialog-body {
  padding: 10px 0 10px 10px !important;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT {
  max-height: 60vh;
  padding-bottom: 5px;
  overflow: auto;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button {
  display: block;
  font-size: 15px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 20px;
}
#KMP-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;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button span {
  line-height: 20px;
  white-space: normal;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#STANDAARD_BERICHT mat-radio-button .mat-radio-container {
  align-self: start;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN {
  margin-top: 10px !important;
  margin-bottom: 2px !important;
  margin-left: 20px;
  margin-right: 20px;
  col-gap: 15px;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button {
  background-color: transparent;
  padding: 0px;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button button {
  background-color: transparent !important;
}
#KMP-STANDAARD_BERICHTEN osd-form-cell#_KNOPPEN .osd-button.osd-default-btn button {
  background: var(--primary-accent-color) !important;
}
#KMP-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;
}
#KMP-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;
}
#KBP-NORM osd-form-cell#_HEADER {
  padding-top: 0px;
}