/* Icon des Logos anpassen */
.fastyle-header-logo::before {
  margin-right:8px;
}
.fastyle-header-logo {
  vertical-align:baseline;
}



/***** Pulse *****/
.pulse {
  animation: pulse 0.3s normal;
  animation-timing-function: ease;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}


/* Kein Umbruch der Button im Region-Header */
.t-Region-headerItems--buttons, .u-RTL .t-Region-headerItems--title {
  white-space: nowrap;
}

.oc-not-clickable a[href^="javascript:void("]:not([onclick]) {
  pointer-events: none;
}


/* Highlight-Color für Switch */
.apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  background-color: #6e8598;
  color: rgb(249, 249, 249);
  box-shadow: none;
  border-color: rgb(5, 114, 206);
}

.apex-button-group input:not(checked) + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:not(checked) + label {
color: rgb(160, 160, 160);
}

/* Confirm Content ist seit 20.2 an den Rand geklatscht, das hier ist der FIX */
.ui-dialog.ui-dialog--notification.ui-widget.ui-widget-content .ui-dialog-content.ui-widget-content {
  padding: 1.5rem;
}

#info-panel .t-AVPList-label {
  font-weight: bold;
}

#info-panel .t-AVPList-label, #info-panel .t-AVPList-value {
  font-size: 0.8rem;
  min-height: unset;
  line-height: 0.8rem
}


/* Bug in Chrome 94 */
.apex-item-select,
.apex-item-text,
.apex-item-textarea,
.apex-item-multi {
  backface-visibility: hidden;
}

/* Custom Mini-Version eines Alerts */
.t-Alert.oc-Alert--mini.t-Alert--horizontal {
  font-size: smaller;
}

.t-Alert.oc-Alert--mini.t-Alert--wizard .t-Alert-body {
  font-size: smaller;
  line-height: var(--ut-base-line-height);
  text-align: center;
}

.t-Alert.oc-Alert--gray {
  background-color: #ededed;
}

.t-Alert.oc-Alert--gray .t-Alert-icon {
  color: var(--ut-alert-type-text-color, var(--ut-alert-text-color, var(--ut-component-text-default-color)));
}

.t-Alert.oc-Alert--mini.t-Alert--horizontal .t-Alert-icon {
  padding: 8px 0px 8px 4px;
}

.t-Alert.oc-Alert--mini.t-Alert--horizontal .t-Alert-icon .t-Icon {
  font-size: 1rem;
}

.t-Alert.oc-Alert--mini.t-Alert--horizontal .t-Alert-content {
  background-color: var(--ut-alert-icon-background-color);
  padding: 8px 8px 8px 4px;
}

.t-Alert.oc-Alert--mini.t-Alert--wizard .t-Alert-wrap {
  margin: 4px;
}

.t-Alert.oc-Alert--mini.t-Alert--wizard .t-Alert-content {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}

.t-Alert.oc-Alert--mini.t-Alert--wizard .t-Alert-icon .t-Icon {
  font-size: 1.8rem;
}

.t-Alert.oc-Alert--mini.oc-Alert--gray .t-Alert-content {
  background-color: #ededed;
}

.t-Alert.oc-Alert--gray .t-Alert-icon {
  background-color: #ededed !important;
}

.t-Alert.oc-Alert--gray .t-Alert-icon .t-Icon {
  background-color: #ededed !important;
}

.oc-Form-zusatz {
  font-weight: bold;
}

.apex-item-display-only {
  --a-base-font-weight-bold:400;
  --a-field-input-line-height: 1.2rem;
}

/*** dlg fixed to top ***/
.ui-dialog.modal-dialog--sticktotop{
  top: 40px !important;
}



/* Die JN Felder als Checkbox darstellen */
.custom-check-J:before,.custom-check-YES:before, .custom-check-Y:before{
  content: "\f14a";
  color: var(--u-color-5);
}

.custom-check-N:before, .custom-check-o-N:before, .custom-check-NO:before, .custom-check-o-NO:before{
  content: "\f096";
}

.custom-check-o-J:before, .custom-check-o-YES:before, .custom-check-o-Y:before {
  content: "\f046";
}


#P0_SEARCH_CONTAINER .t-Form-inputContainer {
  padding: 0;
}

#P0_SEARCH {
  background-color: #0058a5;
  color: white;
  border-color: #007fee;
}

#P0_SEARCH_CONTAINER .t-Form-inputContainer .apex-item-icon{
  color: white;
}