/* folgend testweise Aenderungen Jonna Schmidt 19.03.2021 */
main {
  background-color: #ebebeb;
}

body {
  font-family: arial, helvetica-neue, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
  color: #000;
}

h4,
.h4 {
  font-size: 22px;
  color: #00648c;
  font-family: inherit;
  font-weight: 400;
}

.page-link {
  position: relative;
  display: block;
  /*padding: 0.5rem 0.75rem;*/
  margin: 0 1em -1.5px;
  line-height: 1.25;
  color: #0076a7;
  background-color: #fff;
  border: 0.1em solid #dee2e6;
}

page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.page-item:last-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.page-item .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.page-link:hover {
  z-index: 2;
  color: #be2c13;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0076a6;
  border-color: #0076a6;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  /*padding: 0 6px;*/
  list-style: none;
  border-bottom: 0.1em solid #d7d7d7;
  border-radius: 0px;
}

.formio-form {
  padding: 30px;
}

/* overrides of formio-defaults */

/* nicht valide Felder */
.was-validated .form-control:invalid,
.form-control.is-invalid {
  color: #000 !important;
  background-color: #fff7c1 !important;
  border-color: #000 !important;
  padding-right: calc(1.5em + 0.75rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  color: #000 !important;
  background-color: #fff7c1 !important;
  border-color: #000 !important;
  box-shadow: unset !important;
}

/* in der Formulardarstellung currency + digit and unit rechtsbündig */
#builder .formio-component-digitandunit input,
#builder .formio-component-currency input,
#builder .formio-component-number input {
  text-align: right;
}

/* in der Formularvorschau currency + digit and unit rechtsbündig */
#preview-content .formio-component-digitandunit input,
#preview-content .formio-component-currency input,
#preview-content .formio-component-number input {
  text-align: right;
}

/* in der Formularvorschau in Dialogen currency + digit and unit rechtsbündig (Viewer + Designer) */
.formio-dialog .formio-component-digitandunit input,
.formio-dialog .formio-component-currency input,
.formio-dialog .formio-component-number input {
  text-align: right;
}

/* in der Formularvorschau (Viewer) currency + digit and unit rechtsbündig */
#preview .formio-component-digitandunit input,
#preview .formio-component-currency input,
#preview .formio-component-number input {
  text-align: right;
}

/* in der editForm die Vorschau currency + digit and unit rechtsbündig  */
.preview-panel .formio-component-digitandunit input,
.preview-panel .formio-component-currency input,
.preview-panel .formio-component-number input {
  text-align: right;
}

/* in der Formularvorschau currency + digit and unit rechtsbündig (PORTIA) */
#formio .formio-component-digitandunit input,
#formio .formio-component-currency input,
#formio .formio-component-number input {
  text-align: right;
}

.formio-component-digitandunit input,
.formio-component-currency input,
.formio-component-number input {
  text-align: right;
}

.form-control[disabled="disabled"] {
  background-color: #e9ecef;
  opacity: 1;
}

/* Höhe eines Elements beträgt 42px 
  5 Elemente anzeigen = max-height: 210px;
*/
/*.choices__list--dropdown {
  overflow-y: auto !important;
  max-height: 210px !important;
}*/

#formio .list-group-item .row {
  width: 100%;
}

.formio-dialog [class*="-offset-"],
.formio-form [class*="-offset-"] {
  margin-left: unset !important;
  margin-right: unset !important;
}

.formio-form .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

ul.editgrid-listgroup.list-group .row > div {
  overflow-wrap: break-word;
}

/* Einrückung von Checkboxen */
.formio-component .form-radio .form-check-input[type="radio"],
.formio-component.formio-component-checkbox .form-check-input[type="radio"] {
  margin-top: 0.2rem !important;
}

.formio-component .form-radio .form-check,
.formio-component.formio-component-checkbox .form-check {
  padding-left: 20px !important;
}

.formio-component .form-radio .form-check label,
.formio-component.formio-component-checkbox .form-check label {
  padding-left: 0 !important;
}

.choices__list.choices__list--dropdown .choices__item.choices__item--selectable,
.choices__list.choices__list--multiple
  .choices__item.choices__item--selectable {
  /* white-space: normal !important; */
}

.choices__list.choices__list--multiple
  .choices__item.choices__item--selectable {
  background-color: #c8e0ef;
  border: transparent;
  color: #00648c;
}

.choices[data-type*="select-multiple"] .choices__button {
  border-left: 1px solid #00648c !important;
}

.formio-wizard-nav-container .btn-wizard-nav-next,
.formio-wizard-nav-container .btn-wizard-nav-previous {
  padding: 0.5rem 1rem;
  line-height: 1.375;
  background-color: #c8e0ef;
  color: #00648c;
  border: none;
  max-height: 50px;
  min-height: 40px;
  border-radius: 0;
}

.pagination {
  border-radius: 0 !important;
}

.pagination .page-link {
  padding: 0.5rem 1rem;
  line-height: 1.375;
  background-color: #0076a6;
  color: white;
  border: none;
  max-height: 50px;
  min-height: 40px;
  border-radius: 0 !important;
}

.page-link {
  margin: 0 0.5rem 0.5rem;
}

.pagination .page-link {
  padding: 8px 16px !important;
  padding: 0.5rem 1rem !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}

.pagination {
  border-bottom: 0.15 rem solid #d9d9d9 !important;
}

.page-item.active .page-link {
  background-color: #0076a6 !important;
  border: 1px solid #0076a6 !important;
  color: #fff !important;
}

.pagination .page-link {
  background-color: #d9d9d9 !important;
  color: #000 !important;
  border: 1px solid #d9d9d9 !important;
}

.page-link:focus,
.page-link:hover,
.page-link:active,
.pagination-items-per-page.show > a {
  background-color: #98230f !important;
  border-color: #98230f !important;
  color: #fff !important;
}

.formio-wizard-nav-container li:not(:last-child) {
  margin-right: 0.5rem;
}

.formio-wizard-nav-container {
  display: flex;
  border-top: 1px solid lightgrey;
  padding-top: 10px;
}

/*.formio-wizard-nav-container button {
  background-color: #D9D9D9 !important;
  color: #000 !important;
  border: 1px solid #D9D9D9 !important;
}*/

.formio-wizard-nav-container button:hover {
  color: #000;
  background-color: rgba(200, 224, 239, 0.65);
  border-color: rgba(200, 224, 239, 0.65);
  border: 0;
}

.formio-component,
.formio-component * {
  border-radius: 0 !important;
}

.tippy-box {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.01rem;
  background-color: #fff !important;
  color: black !important;
  border: 2px solid #b1b1b1;
  box-shadow: 12px 12px 8px -6px rgb(120 120 120 / 0.25);
  padding: 1rem;
  transition-duration: 1000ms !important;
  text-align: left;
  direction: ltr;
}

.formio-component .btn.btn-primary {
  direction: rtl;
}

.formio-component .btn.btn-primary i {
  padding: 0;
}

.formio-component .editgrid-actions {
  gap: 0.5rem;
  display: flex;
}

.formio-component .list-group-item .btn-group .btn {
  color: #000;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.formio-component .list-group-item .btn-group .btn:hover {
  color: #fff;
  background-color: #0076a6;
  border-color: #0076a6;
}

.formio-component .list-group-item .btn-group {
  border-bottom: 0 !important;
  flex-flow: initial !important;
}

.field-required:after,
.tab-error:after {
  color: var(--ibkportal-required, #e53517) !important;
}

.formio-component-currency .field-required:after,
.formio-component-currency .tab-error:after {
  top: -12px;
  left: 4px;
}

.formio-component .text-muted:before {
  color: #0076a6;
}

.alert-danger[id^="error-list-"] {
  margin: 1rem 1.875rem;
  padding: 1.25rem;
}

.alert-danger[id^="error-list-"] > ul > li {
  cursor: pointer;
}

.form-control.is-invalid {
  border-color: #e53517 !important;
  background-color: #fff !important;
  border-bottom: 3px solid #e53517 !important;
}

.formio-errors .error {
  color: #fff !important;
  background-color: #be2c13;
  padding: 1rem;
  margin-top: 0.5rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: none !important;
}

.form-text {
  color: inherit;
}

.formio-component.has-message .invalid-feedback {
  display: block;
  color: #fff;
  padding: 0rem;
  margin-top: 0.5rem;
}

.formio-component.has-message.has-error {
  color: #e53517;
}

.text-small {
  font-size: 0.9rem;
  line-height: inherit;
}

.text-tiny {
  font-size: 0.9rem;
  line-height: inherit;
}

.formio-component .form-radio .form-check,
.formio-component.formio-component-checkbox .form-check {
  padding-left: 1.5rem !important;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -1.5rem;
}

.formio-component div.form-check-inline input[type="radio"] {
  margin-left: 0 !important;
  position: relative;
}

.formio-choices[data-type="select-multiple"] .form-control {
  height: auto !important;
}

.ibk-align-input-right input {
  text-align: right;
}

.form-check-input[disabled],
.form-check-input:disabled {
  background-color: #e9ecef;
}

.formio-choices.form-group {
  min-width: 75px !important;
}

.formio-component .form-check-inline {
  display: inline-flex !important;
  margin-top: 0;
  gap: 5px;
  align-items: inherit;
}

.formio-component div.form-check-inline > label {
  padding-left: 0;
}

.formio-component .form-check.checkbox .form-check-label {
  display: inline-block;
}

.formio-form li.list-group-item {
  color: initial;
}

.formio-component-printpagebreak {
  page-break-after: always;
  margin: 0;
  padding: 0;
}

.formbuilder .formio-component-printpagebreak {
  height: 3em;
  text-align: center;
  color: #aaa;
  padding-top: 0.5em;
  border: 1px dotted #aaa;
}

.formbuilder .formio-component-printpagebreak:before {
  content: "page-break";
}

.formio-component.ibk-tall-input input,
.formio-component.ibk-tall-input div[ref="suffix"] > span {
  height: 60px;
  font-size: 24px;
}

.formio-component.penAfter div[ref="element"] {
  display: flex;
}

.formio-component.penAfter div[ref="element"]:after {
  content: "\f304";
  font-family: "Font Awesome 6 free";
  font-weight: 900;
  align-content: center;
  margin-left: 8px;
}

.formio-component .field-label {
  font-weight: inherit;
}

.formio-form .hasChangedSinceLast,
.formio-dialog .hasChangedSinceLast {
  /* box-shadow: 0px 0px 0px 1px rgba(50, 100, 0); */
  background: rgba(106 179 35 / 20%);
}

.formio-component-selectboxes.formio-component-label-hidden.required
  .form-check
  .label-position-right.form-check-label:before {
  left: 100%;
}

.formio-component-selectboxes .form-check-label {
  display: inline-flex !important;
}

.visually-hidden {
  display: none !important;
}

.formio-dialog [class*="-offset-"],
.formio-form [class*="-offset-"] {
  margin-left: unset !important;
  margin-right: unset !important;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: inherit !important;
  }
}

.formio-component.justForValidate div[ref="element"] {
  display: none;
}

/* comes from clay.css */
.formio-component div.form-control {
  height: 2.375rem;
}

.formio-component-label-hidden .control-label--hidden {
  right: -10px;
}

/* linebreak inside error texts with \n */
.formio-errors .error {
  color: #fff !important;
  background-color: #be2c13;
  padding: 1rem;
  margin-top: 0.5rem;
  white-space: break-spaces;
}

.formio-component.formio-hidden {
  margin: 0 !important;
}

.formio-component button i::before {
  color: white !important;
}