.progress-bar__step.skipped .progress-bar__bullet::after {
  color: #fff !important;
}

.progress-bar .progress-bar__step.skipped .progress-bar__bullet,
.progress-bar .progress-bar__step.skipped::before {
  background-color: rgba(203,210,218,.5)
}

.iti-flag {
  background-image: url("/lib/intl-tel-input/build/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/lib/intl-tel-input/build/img/flags@2x.png");
  }
}

div.iti {
  width: 100%;
}

.checkbox__toggle ~ span {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  background: #fff;
  border: .1rem solid #ccc;
  outline: transparent solid 2px;
  top: .4rem;
  left: -2.8rem;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(1,.1,0,.9);
  transition: all .3s cubic-bezier(1,.1,0,.9);
  white-space: nowrap;
  margin: 0 .5rem 0 0;
}

.checkbox__toggle ~ span {
  border: .1rem solid #cbd2da;
}

  .checkbox__toggle ~ span::before {
    content: "\E00C";
    font-family: vlaanderen_iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
  }

  .checkbox__toggle ~ span::before {
    color: #fff;
    position: absolute;
    display: block;
    line-height: 1;
    font-size: 8px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transition: all .3s cubic-bezier(1,.1,0,.9) .1s;
    transition: all .3s cubic-bezier(1,.1,0,.9) .1s;
    -webkit-transform: translateZ(0) translate(-50%,-50%) scale(0);
    transform: translateZ(0) translate(-50%,-50%) scale(0);
  }

.checkbox__toggle:checked ~ span::before {
  -webkit-transform: translateZ(0) translate(-50%,-50%) scale(1);
  transform: translateZ(0) translate(-50%,-50%) scale(1);
}

.checkbox__toggle:checked ~ span {
  color: #06c;
  background: #06c;
  border: 1px solid #06c;
}

button .data-table__action__toggle.button {
  line-height: 1;
}

.button {
  overflow: unset;
}

.break-text-ellipsis td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#repeatableModalDialog {
  z-index: 998;
}

#repeatable-modal {
  z-index: 999;
}

.pika-single.is-bound {
  z-index: 1000;
}

/* Fix Lookup select with upload block*/
.select__wrapper {
  z-index: 5 !important;
}

.button--event-disabled {
  pointer-events: none;
}

.multilineinputexpandeddisplay-value {
  font-weight: 500;
  color: #333;
}

.multilineinputexpandeddisplay-label {
  font-size: 1.6rem;
  color: #666;
}

div[class="form__row"] > .multilineinputexpandeddisplay-value {
  display: block;
}

.form__row.form__row--inline > .multilineinputexpandeddisplay-label {
  float: left;
  width: 25%;
  min-width: 25%;
  max-width: 25%;
  flex-basis: 25%;
  padding-left: 3rem;
}

/*.form__row.form__row--inline > .description-data__label.multilineinputexpandeddisplay-value {
  margin-left: 3rem;
  float: right;
  width: 75%;
  min-width: 75%
}*/

.form__row.form__row--inline > .multilineinputexpandeddisplay-value {
  margin-left: 3rem;
  float: right;
  width: 75%;
  min-width: 75%
}

.form__label, .multilineinputexpandeddisplay-value {
  word-break: break-word;
  white-space: normal;
}