/**
 * Theming
 */
.fjs-container {
  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%);
  --color-grey-225-10-97: hsl(225, 10%, 97%);

  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-205-100-80: hsl(205, 100%, 80%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-green-150-86-44: hsl(150, 86%, 44%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);

  --color-white: hsl(0, 0%, 100%);
  --color-black: hsl(0, 0%, 0%);

  --color-background: var(--color-white);
  --color-background-disabled: var(--color-grey-225-10-95);
  --color-text: var(--color-grey-225-10-15);
  --color-text-light: var(--color-grey-225-10-35);
  --color-text-lighter: var(--color-grey-225-10-55);
  --color-text-inverted: var(--color-white);
  --color-borders: var(--color-grey-225-10-55);
  --color-borders-disabled: var(--color-grey-225-10-75);
  --color-warning: var(--color-red-360-100-45);
  --color-accent: var(--color-blue-205-100-45);
  --color-accent-dark: var(--color-blue-205-100-45);

  --font-family: 'IBM Plex Sans', sans-serif;

  height: 100%;
}

/**
 * Layout styles
 */
.fjs-container .fjs-vertical-layout {
  display: flex;
  flex-direction: column;
}

.fjs-container .fjs-columns {
  display: flex;
  flex-direction: row;
}

.fjs-container .fjs-column {
  flex-grow: 1;
}

.fjs-container img {
  max-width: 100%;
}

/**
 * Visual styles
 */
.fjs-container .fjs-form {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;

  color: var(--color-text);
  background-color: var(--color-background);

  position: relative;
}

.fjs-container .fjs-form * {
  box-sizing: border-box;
}

.fjs-container .fjs-form-field {
  margin: 16px;
}

.fjs-container .fjs-form-field-placeholder {
  color: var(--color-text-light);
}

.fjs-container .fjs-input,
.fjs-container .fjs-textarea,
.fjs-container .fjs-select {
  border-color: var(--color-borders);
  background-color: var(--color-background);
}
.fjs-container .fjs-input::placeholder,
.fjs-container .fjs-textarea::placeholder,
.fjs-container .fjs-select > option:disabled,
.fjs-container .fjs-select [disabled] {
  font-style: italic;
  letter-spacing: 0.25px;
  color: var(--color-text-lighter);
}

.fjs-container .fjs-form-field-label {
  display: flex;
  align-items: center;
}

.fjs-container .fjs-form-field-description {
  display: block;
  color: var(--color-text-lighter);
}

.fjs-container .fjs-form-field-label,
.fjs-container .fjs-form-field-description {
  margin: 4px 0;
}

.fjs-container .fjs-form-field.required label::after,
.fjs-container .fjs-form-field.required .group-title::after {
  content: '*';
}

.fjs-container .fjs-checkbox.group.required label::after,
.fjs-container .fjs-radio.required label::after {
  display: none;
}

.fjs-container .fjs-input[type='text'],
.fjs-container .fjs-input[type='number'],
.fjs-container .fjs-input[type='date'],
.fjs-container .fjs-button[type='submit'],
.fjs-container .fjs-button[type='reset'],
.fjs-container .fjs-textarea,
.fjs-container .fjs-select {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}

.fjs-container .fjs-textarea {
  height: 90px;
}

.fjs-container .fjs-radio {
  display: flex;
  flex-direction: column;
}

.fjs-container .fjs-input[type='checkbox'],
.fjs-container .fjs-input[type='radio'] {
  margin: 6px 10px 6px 4px;
}

.fjs-container .fjs-button[type='submit'] {
  color: var(--color-text-inverted);
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}

.fjs-container .fjs-button[type='reset'] {
  color: var(--color-text);
  background-color: transparent;
  border-color: var(--color-borders);
}

.fjs-container .fjs-button[type='submit'],
.fjs-container .fjs-button[type='reset'] {
  min-width: 100px;
  width: auto;
}

.fjs-container .fjs-button[type='submit'] {
  font-weight: 600;
}

.fjs-container .fjs-input[type='text']:focus,
.fjs-container .fjs-input[type='number']:focus,
.fjs-container .fjs-button[type='submit']:focus,
.fjs-container .fjs-button[type='reset']:focus,
.fjs-container .fjs-textarea:focus,
.fjs-container .fjs-select:focus {
  outline: none;
  padding: 7px;
  border-width: 2px;
}

.fjs-container .fjs-button[type='submit']:focus {
  border-color: var(--color-accent-dark);
}

.fjs-container .fjs-input:disabled,
.fjs-container .fjs-textarea:disabled,
.fjs-container .fjs-select:disabled {
  background-color: var(--color-background-disabled);
  border-color: var(--color-borders-disabled);
}

.fjs-container .fjs-button[type='submit']:disabled,
.fjs-container .fjs-button[type='reset']:disabled {
  color: var(--text-light);
  background-color: var(--color-background-disabled);
  border-color: var(--color-borders-disabled);
}

.fjs-container .fjs-form-field.fjs-has-errors .fjs-input,
.fjs-container .fjs-form-field.fjs-has-errors .fjs-select,
.fjs-container .fjs-form-field.fjs-has-errors .fjs-textarea {
  border-color: var(--color-warning);
}

.fjs-container .fjs-form-field-error {
  color: var(--color-warning);
}

.fjs-container .fjs-form-field-error > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fjs-container .fjs-form-field-error > ul > li {
  list-style-type: none;
}

.fjs-container .fjs-form-field-text a {
  color: var(--color-blue-205-100-45);
}

.fjs-container .fjs-taglist {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border: var(--color-borders) solid 1px;
  border-radius: 3px;
  padding: 5px;
  background-color: var(--color-background);
}

.fjs-container .fjs-taglist:focus-within {
  outline: var(--color-borders) solid 1px;
}

.fjs-container .fjs-taglist.disabled {
  border: var(--color-borders-disabled) solid 1px;
  background-color: var(--color-background-disabled);
}

.fjs-container .fjs-taglist .fjs-taglist-tag {
  display: flex;
  overflow: hidden;
  user-select: none;
  border-radius: 2px;
  background-color: var(--color-grey-225-10-90);
}

.fjs-container .fjs-taglist .fjs-taglist-tag .fjs-taglist-tag-label {
  padding: 2px 6px 2px 8px;
}

.fjs-container .fjs-taglist .fjs-taglist-tag .fjs-taglist-tag-remove {
  overflow: clip;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 28px;
  background-color: var(--color-grey-225-10-80);
}

.fjs-container .fjs-taglist .fjs-taglist-tag .fjs-taglist-tag-remove svg {
  opacity: 0.6;
}

.fjs-container .fjs-taglist .fjs-taglist-tag .fjs-taglist-tag-remove:hover {
  background-color: var(--color-grey-225-10-75);
}

.fjs-container .fjs-taglist .fjs-taglist-tag .fjs-taglist-tag-remove:hover > svg {
  opacity: 1;
}

.fjs-container .fjs-taglist .fjs-taglist-input {
  border: none;
  background-color: transparent;
  min-width: 100px;
  height: 22px;
  flex-grow: 1;
}

.fjs-container .fjs-taglist .fjs-taglist-input:focus-visible {
  outline: none;
}

.fjs-container .fjs-taglist .fjs-taglist-dropdown-anchor {
  position: relative;
}

.fjs-container .fjs-dropdownlist {
  position: absolute;
  user-select: none;
  overflow-y: auto;
  scroll-behavior: smooth;
  width: 100%;
  border-radius: 3px;
  margin-top: 3px;
  box-shadow: 0px 0px 5px var(--color-grey-225-10-85);
  background-color: var(--color-white);
}

.fjs-container .fjs-dropdownlist .fjs-dropdownlist-item {
  padding: 6px 8px;
  border-bottom: 1px solid var(--color-grey-225-10-90);
  color: var(--color-grey-225-10-35);
}

.fjs-container .fjs-dropdownlist .fjs-dropdownlist-item:last-child {
  border-bottom: none;
}

.fjs-container .fjs-dropdownlist .fjs-dropdownlist-item.focused {
  background-color: var(--color-grey-225-10-90);
  color: var(--color-black);
}

.fjs-container .fjs-dropdownlist .fjs-dropdownlist-empty {
  padding: 6px 8px;
  color: var(--color-text-lighter);
}


.hidden {
	display: none;
}
.fjs-form-editor .hidden {
	display: inline;
}

.fjs-form-field-table table {
	width: 100%;
	box-shadow: 0 0 1px gray;
	border-radius: 3px;
	border-collapse: collapse;
	border-spacing: 0;
}

.fjs-form-field-table table thead {
	background: lightblue;
}
.fjs-form-field-table table th,
.fjs-form-field-table table td {
	padding: 8px;
}
.fjs-form-field-table table tbody tr:nth-child(even) {background: #eee}

.fjs-table-input {
  border: none;
  background: transparent;
  width: 100%;
}
.fjs-table-input:focus {
  border: 1px;
  background: white;
}
.fjs-form-field-table.table1 table th,
.fjs-form-field-table.table1 table td {
	width:100%;
}
.fjs-form-field-table.table2 table th,
.fjs-form-field-table.table2 table td {
	width:50%;
}
.fjs-form-field-table.table3 table th,
.fjs-form-field-table.table3 table td {
	width:33.3%;
}
.fjs-form-field-table.table4 table th,
.fjs-form-field-table.table4 table td {
	width:25%;
}
.fjs-form-field-table.table5 table th,
.fjs-form-field-table.table5 table td {
	width:20%;
}
.fjs-form-field-table.table6 table th,
.fjs-form-field-table.table6 table td {
	width:16.6%;
}
.fjs-form-field-table.table7 table th,
.fjs-form-field-table.table7 table td {
	width:14.28%;
}
.fjs-form-field-table.table8 table th,
.fjs-form-field-table.table8 table td {
	width:12.5%;
}
.fjs-form-field-table.table9 table th,
.fjs-form-field-table.table9 table td {
	width:11.1%;
}
.fjs-form-field-table.table10 table th,
.fjs-form-field-table.table10 table td {
	width:10%;
}
.fjs-form-field-table table td.actions button {
	min-width: 22px;
}
.fjs-form-field-table table tfoot {
	background: lightgray;
}

.fjs-file-input {
  border-style: solid;
  border-width: 1px;
  padding: 8px;
  border-radius: 3px;
  background: lightgrey;
  position: relative;
  border-color: var(--color-borders);
}
.fjs-file-input img.fjs-upload-icon {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 7px;
}
.fjs-file-input div.fjs-file-input-info {
	text-align: right;
	width: calc(100% - 130px);
	position: absolute;
	right: 40px;
	padding: 8px;
	display: block;
	background: white;
	min-height: 100%
}
.fjs-input-file-hidden {
	display: none;
}

.fjs-fileviewer-icon {
	height: 25px;
	width: 25px;
	position: absolute;
	right:20px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAEEUlEQVRoge3Zy48VRRTH8Y8z8kqM8QEmAiNsjPKIQEx0ICER9y4EogKJOwbER0TAR2KMf4CyMGEnGzdKcNy404US3UhcQIKRlzxUIIIyCAlDYJxxUd1a3XTd7rn3Gk2836QyN9O/PnW66tSpU9306NGjR48OuKXL9vrxAB7ETNyZ/X8Ev+Jw1sa73G9H3IPN+BxXMFHTrmTazdm9/xoP4QPcUO90qv2BT/FIu060E0Lz8Q7WJK7/jIM4I4QOIZTmYGn2t4phbMepNnxqRD/ewKibR/JLbMHsBnbm4Hnsq7BzFa9nfXWVgYoOx/GhMKrtsjSzMV6yvQ9zO7BbYDnOlTr4Ruu4XYwNeCVrG7Cohf5R7C/1cS7ruyPW4Fpk9DreVD3FM7ADx6UX7XFsw/SK+/vxlmJSuIbV7Tr/LMYiYyN4LKFdgR9bOF5upzCYsLUq6yvXjmW+TIonFEfiDJYktE8pztIELmIv3sXO7PdISTOKtQmbC4WHjB8ilfVuYqVipjkonV1WlJz/BRsxpUI7BZtwvvQQqZmYjQMl7co65xcrjtQRzEpoZyiGzSHcV9cB5mXa/L6TmJbQzsx8iGc2mQxuw/eR+KywaaXYoTjyTZzPmac4E9taaAfwU6Q9hturhHsi0e/q8/sPkX5jc9//YnPJqVYsxeVIv6csGIouTuCZGoOLFae1KubrmIpLkZ2FNfp1JR+H8gv3Ksb97gadr4/0eyfpeMxwZGddA/1uxSiZ24dduCMTHMPLDQzFWelUQ2erOJmwmeIlYZ0S1sF7fSXBmGaHjYnodyeHorj/iaTqb8aEErxAOYTeb2AoDqGPG+hTfGJyIbRLKYTyC+VFXGdsUaQd0Z1FvKBG/7TEIs6J0+hl9Wn0aKTfNAnHc7ZE99el0SWKafSjKlF5IzuP+1sY3V7Szmvuu/m4EN2/tYV2QHHHT25khNC4GImPCNt5FdMVC65Dmj3EfHwX3XdC61LicKRtWUrklIu5A9IpbnlJe0HYYadWaKfiOcWRH5U+GM1RLOaualDM5VSV06k1sdbN5+RLwia1M2vDigs2dz5VIi/C6Ug7qXI6p+pAsyqhHRQ2pYmG7YT0yD+umNZvaONAk7NacXRvCMe+qiPlNOH8e6yF40eFBVsV87fibcWZH8WT7TqfU3Wo3y8cxFMsEDa7rVlbr3WeH8S3pT7OSR92Js1c4d1P3MG4kI+XdWD3YWH/Kb9W+UIXX6vk9OE1IRuUQ+MrvCDk7DoG8CK+rrBzFa8q1kgt+SdeLZ4V0t9ZIW/DXUIqXibUXlUMCyez02341Bb5y93rmmefcuv45W43mCXUQp8p1iupdjnTDknv8o3p9geOPuEDxwLcLYQOIZR+E2qtI/5jHzh69OjR43/MnxNI1S38PZTBAAAAAElFTkSuQmCC');
	background-size:cover;
}


/* modals */

.fileViewer {
	display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1060;
	transition: opacity .15s linear;
}
.modal-backdrop {
    opacity: .5;
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040;
	transition: opacity .15s linear;
}
.fileViewer:not(.show),
.modal-backdrop:not(.show) {
    opacity: 0;
	z-index: -1;
}

.modal-dialog {
    margin: 1.75rem auto;
    width: calc(100vw - 150px);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
}
.modal-header {
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 1rem;
}
.modal-header h4 {
	font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 0rem;
    margin-top: 0;
}

.modal-header .btn-close {
    cursor: pointer;
    background: transparent url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E) 50%/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    box-sizing: initial;
    color: #000;
    height: 1em;
    opacity: .5;
    margin: -0.5rem -0.5rem -0.5rem auto;
    padding: 0.5rem;
    width: 1em;
}
.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative;
    height: calc(100vh - 150px);
	border:0px;
}