.ps-dialog-content {
  display: block;
  width: 400px;
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 45%;
  background-color: #fff;
  padding: 12px;
  text-align: left;
  /* HKE April 2020: Trick to make it less blurry*/
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)); }

.ps-dialog, .ps-dialog-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: 0; }

.ps-dialog {
  z-index: 1000; }

.ps-dialog-overlay {
  background-color: #ccc;
  opacity: 0.8; }

.starrating {
  border: none;
  float: left; }

.starrating > input {
  display: none; }

.starrating.readonly > label:before {
  padding: 2px;
  font-size: 1.5rem;
  /* bugfix #10919 - rem = Relative to font-size of the root element 
                          This is needed in stead of the usual em, so IE won't blow up the size of the stars */
  font-family: FontAwesome;
  display: inline-block; }

.starrating:not(.readonly) > label:before {
  padding: 2px;
  font-size: 1.5rem;
  /* bugfix #10919 */
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; }

.starrating:not(.readonly) > .half:before {
  font-size: 1.5rem;
  /* bugfix #10919 */
  content: "\f089";
  position: absolute; }

.starrating.readonly > .half:before {
  font-size: 1.5rem;
  /* bugfix #10919 */
  content: "\f089";
  position: absolute;
  color: #c21b1b; }

.starrating > label {
  color: #ddd;
  float: right; }

.starrating > input:checked ~ label {
  content: "\f005";
  color: #c21b1b; }

.starrating > .fullStar:before {
  padding: 2px;
  font-size: 1.5rem;
  /* bugfix #10919 */
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  color: #c21b1b; }

.starrating > .emptyStar:before {
  padding: 2px;
  font-size: 1.5rem;
  /* bugfix #10919 */
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; }

.starrating:not(.readonly):hover > input:checked ~ label {
  content: "\f005";
  color: #ddd; }

.starrating:not(.readonly):not(:checked) > label:hover, .starrating:not(.readonly):not(:checked) > label:hover ~ label {
  content: "\f005";
  color: #AF0D21; }

.starrating:not(.readonly):checked > label:hover, .starrating:not(.readonly):checked > label:hover ~ label {
  content: "\f005";
  color: #AF0D21; }

.starrating > input:not(.readonly):checked + label:hover, .starrating > input:not(.readonly):checked ~ label:hover, .starrating > input:not(.readonly):checked ~ label:hover ~ label {
  content: "\f005";
  color: #AF0D21; }

.ps-image-picker {
  position: absolute;
  z-index: 999;
  display: block;
  min-width: 30vw;
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  text-align: left;
  padding: 3px;
  margin: 1px; }

.ps-image-picker .tab-align-left {
  width: 49%;
  float: left; }

.ps-image-picker .tab-align-right {
  width: 49%;
  float: right; }

.ps-load-bar {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 9999; }

.ps-load-bar div {
  width: 3px;
  height: 3px;
  position: absolute;
  left: -20px;
  top: 2px;
  background-color: #555;
  border-radius: 50%;
  animation: move 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23); }

.ps-load-bar div:nth-child(2) {
  animation-delay: 150ms; }

.ps-load-bar div:nth-child(3) {
  animation-delay: 300ms; }

.ps-load-bar div:nth-child(4) {
  animation-delay: 450ms; }

@keyframes move {
  0% {
    left: 0%; }
  75% {
    left: 100%; }
  100% {
    left: 100%; } }

.ps-loading {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  min-width: 100vw;
  /* HKE tijdelijk aangepast om scherm wisselingen rustiger te maken.
        Was:
        background-color: grey;
        opacity: 0.5;
    */
  background-color: transparent;
  z-index: 99999; }

.ps-loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.non-range-score-control {
  height: 40px; }
  .non-range-score-control.no-value {
    height: 40px; }
  .non-range-score-control .non-range-score-control-container {
    width: calc(100% - 30px);
    position: absolute; }
    .non-range-score-control .non-range-score-control-container .score {
      display: inline-block; }
      .non-range-score-control .non-range-score-control-container .score label {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 80%;
        text-align: center;
        color: #545454;
        white-space: nowrap;
        padding-top: 5px;
        margin-bottom: 0; }
      .non-range-score-control .non-range-score-control-container .score .option {
        width: 100%;
        height: 15px;
        padding: 0;
        border: 0 solid transparent;
        color: transparent;
        cursor: initial;
        border-radius: 0; }
  .non-range-score-control .non-range-score-control-warning {
    color: #dc3545;
    font-size: 80%; }

.optionmatrix-directive {
  padding: 0 15px;
  text-align: left; }
  .optionmatrix-directive.container {
    width: 100%; }
    .optionmatrix-directive.container .row.outer {
      margin-bottom: 3px;
      padding-bottom: 3px;
      border-bottom: solid 1px #D0D0D0; }
      .optionmatrix-directive.container .row.outer span.linetext {
        color: var(--primary-color); }
        .optionmatrix-directive.container .row.outer span.linetext.valid {
          color: inherit; }
      .optionmatrix-directive.container .row.outer .clickable, .optionmatrix-directive.container .row.outer .clickable input {
        cursor: pointer; }
        .optionmatrix-directive.container .row.outer .clickable.disabled, .optionmatrix-directive.container .row.outer .clickable input.disabled {
          cursor: default; }
      .optionmatrix-directive.container .row.outer .inner div[class*="col-"], .optionmatrix-directive.container .row.outer .one-fifth, .optionmatrix-directive.container .row.outer .one-seventh {
        text-align: center;
        position: relative; }
      .optionmatrix-directive.container .row.outer .one-fifth {
        flex: 0 0 19%;
        max-width: 23% !important;
        width: 100%; }
      .optionmatrix-directive.container .row.outer .one-seventh {
        flex: 0 0 14.3%;
        max-width: 14.2% !important;
        width: 100%;
        padding: 0;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto; }

.ps-popup {
  position: absolute;
  z-index: 999;
  display: block;
  min-width: 30vw;
  max-width: 80vw;
  max-height: 40vh;
  overflow-y: auto;
  text-align: left;
  padding: 3px;
  margin: 1px; }

.ps-rotate-image-container {
  overflow: hidden; }

.ps-rotate-0 {
  transform: rotate(0deg); }

.ps-rotate-90 {
  transform: rotate(90deg); }

.ps-rotate-180 {
  transform: rotate(180deg); }

.ps-rotate-270 {
  transform: rotate(270deg); }

.ps-save-status {
  display: inline-block;
  margin: 0 15px; }
  .ps-save-status > span {
    padding-left: 1.5em;
    position: relative; }
    .ps-save-status > span::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 1em;
      height: 1em;
      content: ' ';
      background-repeat: no-repeat;
      background-size: 100%; }
    .ps-save-status > span.saving::after {
      background-image: url(/images/dnnanim.gif); }
    .ps-save-status > span.saved::after {
      background-image: url(/Portals/_default/Skins/RedesignCamas/images/icons/approve.png); }
    .ps-save-status > span.error::after {
      background-image: url(/Portals/_default/Skins/RedesignCamas/images/icons/clear.png); }

.ps-score-control {
  height: 80px; }
  .ps-score-control .score-control-container {
    width: calc(100% - 30px);
    position: absolute; }
    .ps-score-control .score-control-container .range {
      display: inline-block;
      /* Om te zorgen dat hoogte in tact blijft als er geen geldige score is.*/ }
      .ps-score-control .score-control-container .range label {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 80%;
        text-align: center;
        color: #545454;
        white-space: nowrap; }
      .ps-score-control .score-control-container .range .labels {
        position: absolute;
        height: 25px;
        top: 0; }
        .ps-score-control .score-control-container .range .labels .label {
          font-size: 80%;
          color: #B3B3B3;
          position: absolute;
          top: 4px; }
          .ps-score-control .score-control-container .range .labels .label span {
            display: block;
            width: 100%; }
          .ps-score-control .score-control-container .range .labels .label.min-label {
            transform: translateX(-50%); }
          .ps-score-control .score-control-container .range .labels .label.max-label {
            right: 0;
            transform: translateX(50%); }
          .ps-score-control .score-control-container .range .labels .label .vertical-line {
            height: 5px;
            width: 1px;
            background-color: #B3B3B3;
            margin: 0 auto; }
      .ps-score-control .score-control-container .range .score-value-container {
        transform: translateX(-50%);
        margin-bottom: 2px;
        display: inline-block; }
        .ps-score-control .score-control-container .range .score-value-container .score-value {
          color: white;
          background-color: #545454;
          border-radius: 5px;
          display: inline-block;
          padding: 0 5px;
          margin: 0 auto; }
          .ps-score-control .score-control-container .range .score-value-container .score-value.no-value-label {
            border-radius: 0px;
            min-width: 10px;
            margin-bottom: -5px;
            height: 10px; }
        .ps-score-control .score-control-container .range .score-value-container .arrow-down {
          width: 0;
          height: 0;
          margin: -1px auto 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #545454; }
      .ps-score-control .score-control-container .range .dummy-container {
        height: 26px; }
      .ps-score-control .score-control-container .range input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 15px;
        padding: 0;
        border: 0 solid transparent;
        color: transparent;
        cursor: initial;
        border-radius: 0; }
        .ps-score-control .score-control-container .range input[type="range"]::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 1px;
          height: 15px;
          background: #545454;
          outline: none;
          cursor: initial;
          border: 0 solid transparent; }
        .ps-score-control .score-control-container .range input[type="range"]::-moz-range-thumb {
          appearance: none;
          width: 1px;
          height: 15px;
          background: #545454;
          outline: none;
          cursor: initial;
          border: 0 solid transparent; }
        .ps-score-control .score-control-container .range input[type="range"]::-ms-thumb {
          width: 1px;
          height: 15px;
          background: #545454;
          outline: none;
          cursor: initial;
          border: 0 solid transparent; }
        .ps-score-control .score-control-container .range input[type="range"].no-value::-webkit-slider-thumb, .ps-score-control .score-control-container .range input[type="range"].no-value::-moz-range-thumb, .ps-score-control .score-control-container .range input[type="range"].no-value::-ms-thumb {
          width: 0;
          height: 0;
          background: transparent;
          color: transparent;
          display: none;
          visibility: hidden;
          opacity: 1;
          border: none; }
        .ps-score-control .score-control-container .range input[type="range"].value {
          border-left: 1px solid #545454; }
  .ps-score-control .ps-score-control-warning {
    font-size: 80%; }
    .ps-score-control .ps-score-control-warning.red {
      color: #dc3545; }

.ps-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.ps-user-messages {
  margin: 30px 0 0 30px; }

.ps-user-messages > div {
  padding: 5px 0;
  color: #c21b1b; }

.psWebDropDown .dropdown-button-full {
  background-position: 97% center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  position: absolute;
  height: 30px;
  min-width: 100%;
  top: 0px;
  right: 1px;
  z-index: 10; }

div[disabled="disabled"] > .psWebDropDown > .DropDownContainer > .DropDownButton {
  background-color: #f2f2f2;
  cursor: default; }

.ps-message-box .redesign-bold-header {
  margin-bottom: 1rem; }

.ps-message-box .textarea {
  background-color: #F0F0F0;
  margin-bottom: 1rem; }

.ps-message-box .Button {
  margin-right: 10px;
  display: inline-block; }
  .ps-message-box .Button:last-of-type {
    margin-right: 0; }

.tabs-list {
  padding-left: 34px;
  height: 26px;
  display: block; }
  .tabs-list li {
    height: 26px;
    text-align: center;
    font-size: 18px;
    width: auto;
    display: inline-block; }
    .tabs-list li a {
      cursor: pointer;
      text-align: center;
      width: auto;
      display: inline-block;
      text-decoration: none;
      font-size: 16px;
      padding: 5px 5px 5px 5px; }
    .tabs-list li .disabled, .tabs-list li .active {
      cursor: default; }
    .tabs-list li .hidden {
      display: none; }
  .tabs-list li:not(:last-child):after {
    content: '';
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    border-left: 1px solid #d0d0d0; }
  .tabs-list li:first-of-type a {
    padding-left: 0; }

ps-activity-duration .inputcontrol {
  width: 200px; }

ps-activity-duration span {
  display: inline-flex; }
  ps-activity-duration span .astrix {
    padding: 4px 5px; }

ps-date-component .inputcontrol {
  width: 200px; }

ps-date-component span {
  display: inline-flex; }
  ps-date-component span .astrix {
    padding: 4px 5px; }

ps-date-component .inputcontrol{width:200px;}ps-date-component span{display:inline-flex;}ps-date-component span .astrix{padding:4px 5px;}
ps-employer-drop-down-list {
  display: flex; }
  ps-employer-drop-down-list .dropdown {
    width: 200px; }
  ps-employer-drop-down-list span.validation-span {
    display: inline-flex;
    padding-left: 3px; }
  ps-employer-drop-down-list span.error {
    display: inline-block; }

ps-location-drop-down-list {
  display: flex; }
  ps-location-drop-down-list .location-dd {
    width: 200px; }
  ps-location-drop-down-list span.validation-span {
    display: inline-flex;
    padding-left: 3px; }
  ps-location-drop-down-list span.error {
    display: inline-block; }

ps-location-room span.validation-span {
  display: inline-flex; }

ps-location-room .inputcontrol {
  width: 200px; }

ps-location-room input[type='checkbox'] {
  position: relative;
  top: 5px; }

ps-room-drop-down-list {
  display: flex; }
  ps-room-drop-down-list .room-dd {
    width: 200px; }
  ps-room-drop-down-list span.validation-span {
    display: inline-flex;
    padding-left: 3px; }
  ps-room-drop-down-list span.error {
    display: inline-block; }

ps-time-component .inputcontrol {
  width: 200px; }

ps-time-component span {
  display: inline-flex; }
  ps-time-component span .astrix {
    padding: 4px 5px; }

ps-time-component .inputcontrol{width:200px;}ps-time-component span{display:inline-flex;}ps-time-component span .astrix{padding:4px 5px;}