.inphinity-forms {
    --max-lines: 1;
    --star-color: #595959;
}

.inphinity-forms span.lui-icon {
    font-family: LUI icons;
}

.inphinity-forms * {
    box-sizing: border-box;
}

.inphinity-forms .color-green {
    color: #009845;
}

.inphinity-forms .color-gray {
    color: #595959;
}

.inphinity-forms .color-orangered {
    color: orangered;
}

.inphinity-forms-tooltip {
    position: fixed;
    max-width: 250px;
    font-size: 14px;
    text-align: left;
    color: #f8f8f2;
    padding: 3px 8px;
    background: #282a36;
    border-radius: 4px;
    z-index: 1050;
    overflow-wrap: break-word;
}

.inphinity-forms-tooltip.no-wrap {
    max-width: unset;
}


.inphinity-forms-tooltip:after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.inphinity-forms-tooltip.caret-left:after {
    left: 10px;
}

.inphinity-forms-tooltip.caret-right:after {
    left: unset;
    right: 10px;
}

.inphinity-forms-tooltip.error {
    border: 1px solid red;
    background: #ffc8c8;
    color: black;
}

.inphinity-forms-tooltip.error:after {
    border-color: red transparent transparent transparent;
}


.inphinity-forms.extension-root {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.inphinity-forms .scroll.scroll {
    overflow-y: scroll;
    overflow-x: scroll;
}

.inphinity-forms .scroll-auto.scroll-auto {
    overflow-y: auto;
    overflow-x: auto;
}

.inphinity-forms .flex-container {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.inphinity-forms .flex-fill {
    flex: 1;
    overflow: hidden;
}

.inphinity-forms .disabled-cell .inphinity-forms-field--stars i {
    color: #969696;
}

.inphinity-forms .inphinity-forms-field--stars .inactive, .inphinity-forms .icons .inactive {
    color: #969696;
}

.inphinity-forms-field--stars button.star {
    border: none;
    background: none;
    font-size: inherit;
    height: 1.25em;
    min-height: 16px;
    margin: 1px;
}

.inphinity-forms-field--stars .star .empty {
    fill: white;
}

.inphinity-forms-field--stars .star:focus {
    stroke: black;
    stroke-width: 3px;
}

.inphinity-forms-field--stars .star, .inphinity-forms-field--stars .inactive:focus {
    fill: var(--star-color);
    stroke: #595959;
    stroke-width: 2px;
}


.inphinity-forms .circle {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid gray;
}

.inphinity-forms .disabled-cell .circle {
    opacity: 0.6;
}

.inphinity-forms .circle.red {
    background-color: red;
}

.inphinity-forms .circle.green {
    background-color: green;
}

.inphinity-forms .circle.orange {
    background-color: orange;
}

.inphinity-forms .circle.white {
    background-color: white;
}

.inphinity-forms .icons i {
    padding-left: 2px;
    padding-right: 2px;
}

.inphinity-forms button {
    cursor: pointer;
}


.inphinity-forms .locked-cell inphinity-form-control *,
.inphinity-forms .locked-cell .convert-button-box {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB3aWR0aD0iMTYiCiAgIGhlaWdodD0iMTYiCiAgIHZpZXdCb3g9IjAgMCA0LjIzMzMzMzIgNC4yMzMzMzM1IgogICB2ZXJzaW9uPSIxLjEiPgogIDxnPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiM1OTU5NTk7IgogICAgICAgZD0iTSAwLjc1MjA2NDcxLDQuMTgzNDY2IEMgMC42NjE2NTg5NSw0LjE1OTExOCAwLjU5MTAyNDA3LDQuMDg4NjE4NyAwLjU2NzEzMjIyLDMuOTk4ODg3NyAwLjU1MzQ4Nzk0LDMuMzA5ODA0NiAwLjU1NTA3MDEsMi45MDgyNDY5IDAuNTY0NDUzMjIsMi4wNzA2NDA2IDAuNTg1ODkyNzIsMS45NTc1OTE0IDAuNjYyMjQxMDIsMS44ODIxMjg3IDAuNzc0MjYzOTksMS44NjMyNjM2IGwgMC4wNDI5OTksLTAuMDA3MjUgMC4wMDM1NjMsLTAuMzQxOTc5NSBjIDAuMDAxOTYsLTAuMTg4MDg4OSAwLjAwNTExMywtMC4zNDg1MDc3IDAuMDA3MDIsLTAuMzU2NDg2NiAwLjAwMTg5NCwtMC4wMDc5NyAwLjAwNzczNSwtMC4wMzkzMTQgMC4wMTI5NTQxLC0wLjA2OTYzMyBDIDAuODYxMTE1NjcsMC45Njk5NTk4MSAwLjkxMTgwMSwwLjgyNzM1NzI3IDAuOTczOTM0OTgsMC43MTMzNDU1OSAxLjE2Nzg0NzUsMC4zNTc1MjczOCAxLjUyMDc2OTQsMC4xMTEzNzg1OSAxLjkyMjcwMDUsMC4wNTE2MjAzMyBjIDAuMDkzNDkxLC0wLjAxMzg5OTk5IDAuMjkxMzIxMywtMC4wMTM4MjQyMiAwLjM4NTg4NDksMS41MTI2ZS00IDAuMzIwNzY0MywwLjA0NzM5MzgzIDAuNjIwMTMxLDAuMjE4NzAwMzUgMC44MjIwMTk3LDAuNDcwMzgyNzIgMC4xMTMzMzE0LDAuMTQxMjgzMDYgMC4yMDc2NDc4LDAuMzMzNzc3IDAuMjQ3OTE4LDAuNTA1OTgxNzkgMC4wMjkzODMsMC4xMjU2NDk4IDAuMDMxMjU3LDAuMTUzNDA5NiAwLjAzMzkwNywwLjUwMjI1MTkgbCAwLjAwMjUsMC4zMjkzMDc5IGggMC4wMTg2MzIgYyAwLjAyNjYxMywwIDAuMDgwNDcyLDAuMDE0OTY5IDAuMTEyNzk1LDAuMDMxMzQ4IDAuMDUwNTE2LDAuMDI1NTk4IDAuMDkxODI2LDAuMDgyOTY1IDAuMTE1ODY2NiwwLjE2MDkwNCAwLjAwODc0LDAuMDI4MzI2IDAuMDA5NzksMC4xMTQ0NDkzIDAuMDExNTM3LDAuOTQ3OTk1IDAuMDAxMjksMC42MTI2NTUxIC03Ljk2ZS01LDAuOTMyMjQxNCAtMC4wMDQxMiwwLjk2MzI2MjEgLTAuMDE0MTE4LDAuMTA4NTIzMiAtMC4wODcxNTgsMC4xOTM3NzE0IC0wLjE4ODY2NjYsMC4yMjAyMDM5IC0wLjAzMDc5MiwwLjAwODAxIC0wLjE4MDY1NzcsMC4wMDg5NyAtMS4zNjY1NTU4LDAuMDA4NjIgLTEuMTI3MDY5MzEsLTMuMjYzZS00IC0xLjMzNjY0MzM1LC0wLjAwMTY0IC0xLjM2MjM1MDE0LC0wLjAwODU3IHogTSAzLjAzMTAyMywxLjU2OTc4MTMgYyAwLC0wLjMxNDY1MTIgLTAuMDAzNTQsLTAuMzcyMzYyNyAtMC4wMjkwNzgsLTAuNDc0MDIxNiBDIDIuOTQ3MjQ3OCwwLjg3ODAyMTk0IDIuODA0Njc0OCwwLjY4NDUwMzg2IDIuNjA1MDE4NCwwLjU1NzAwMDUxIDIuNDQ1MjUwOCwwLjQ1NDk3MDQ4IDIuMjQzMDgxMywwLjQwODQ4ODIyIDIuMDM0Mzk1MiwwLjQyNTgwMzk2IDEuODAzNzI4NSwwLjQ0NDk0Mzc1IDEuNjI0NjA3OSwwLjUyNzY5MiAxLjQ2MjEyMzcsMC42OTAxNzYyNSAxLjMyMjUyODYsMC44Mjk3NzExMyAxLjIzOTMzMTUsMC45OTQ3MDc0OSAxLjIwODgwNTYsMS4xOTIzNzI5IGMgLTAuMDA3MDcsMC4wNDU4IC0wLjAxNTYxMSwwLjY0MjMzMyAtMC4wMDk0MywwLjY1ODQ1NTMgMC42NDQwNDE0LDAuMDE2NzI3IDAuOTgwNTIxNCwwLjAwODg2IDEuODMxNjQyNCwwLjAwODg2IHoiCiAgICAvPgogIDwvZz4KPC9zdmc+Cg=='), not-allowed;
}


.inphinity-forms .disabled-cell .inphinity-forms-field--bordered {
    background-image: linear-gradient(rgba(239, 239, 239, 0.6), rgba(239, 239, 239, 0.6));
    background-color: transparent;
}

.inphinity-forms :not(.locked-cell).disabled-cell .inphinity-forms-field:not(.inphinity-forms-field--value) * {
    cursor: not-allowed;
}

.inphinity-forms .virtual-table-header .disabled-cell .inphinity-forms-field * {
    cursor: unset;
}

.disabled-bg {
    background-image: linear-gradient(45deg, #ffffff 25%, #f8f8f8 25%, #f8f8f8 50%, #ffffff 50%, #ffffff 75%, #f8f8f8 75%, #f8f8f8 100%);
    background-size: 56.57px 56.57px;
}

.inphinity-forms .virtual-table {
    position: relative;
}

.inphinity-forms .virtual-table .virtual-table-header {
    position: sticky;
    top: 0;
    height: 30px;
    width: 100%;
    z-index: 4;
    background: white;
}

.inphinity-forms .virtual-table .virtual-table-cell {
    position: absolute;
    z-index: 1;
    border-right: 1px solid #e6e6e4;
    border-bottom: 1px solid #e6e6e4;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-overflow: ellipsis;
}

.inphinity-forms .virtual-table .virtual-table-cell inphinity-form-control,
.inphinity-forms .forms-single-record inphinity-form-control {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
}

.inphinity-forms.inphinity-rtl .virtual-table .virtual-table-cell {
    border-right: none;
    border-left: 1px solid #e6e6e4;
}

.inphinity-forms .virtual-table .virtual-table-cell.clickable-cell {
    cursor: pointer;
}

.inphinity-forms .virtual-table .virtual-table-cell.bl-cell {
    border-left: 1px solid #e6e6e4;
}


.inphinity-forms .virtual-table .virtual-table-cell.invalid-value-cell,
.inphinity-forms .flex-cell.invalid-value-cell {
    background-image: linear-gradient(45deg, #ffabab 11.54%, #e6e6e4 11.54%, #e6e6e4 50%, #ffabab 50%, #ffabab 61.54%, #e6e6e4 61.54%, #e6e6e4 100%);
    background-size: 10px 10px;
}

.inphinity-forms .virtual-table .virtual-table-cell.invalid-value-cell inphinity-form-control,
.inphinity-forms .flex-cell.invalid-value-cell inphinity-form-control {
    display: none;
}

.inphinity-forms .invalid-value-cell .invalid-cell-content {
    display: flex;
    overflow: hidden;
}

.inphinity-forms .invalid-value-cell .invalid-cell-content > span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.inphinity-forms .invalid-value-cell .invalid-cell-content > button {
    background: white;
    flex-shrink: 0;
}

.inphinity-forms .invalid-cell .inphinity-forms-field--bordered,
.inphinity-forms .inphinity-forms-field--invalid {
    background-color: rgb(255, 200, 200);
}

.inphinity-forms-field {
    width: 100%;
    display: flex;
    overflow: hidden;
    border: 1px solid transparent;
    background: none;
    color: inherit;
}

.forms-single-record .inphinity-forms-field--textarea textarea {
    line-height: 1.25;
}

.inphinity-forms-field input,
.inphinity-forms-field select,
.inphinity-forms-field textarea,
.inphinity-forms-field--checkbox > div,
.inphinity-forms-field--radio > div,
.inphinity-forms-field--signature > button {
    min-width: 0;
    flex-grow: 1;
    padding: 1px 2px;
    margin: 0;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    background: transparent;
    text-align: inherit;
    height: calc(1.25em + 2px);
    min-height: 18px;
}

.inphinity-forms-field--radio > div,
.inphinity-forms-field--checkbox > div {
    display: flex;
    align-items: center;
    flex-grow: 0;
    padding: 0;
}

.inphinity-forms-field--checkbox input,
.inphinity-forms-field--radio input {
    width: 14px;
    height: 14px;
    min-height: 0;
}

.inphinity-forms-field--range input {
    padding: 0;
}

.inphinity-forms-field--color,
.inphinity-forms-field--semaphore {
    height: calc(max(1.25em, 16px) + 2px + 2 * 1px);
}

@media (min-resolution: 1.5x) {
    .inphinity-forms-field--color,
    .inphinity-forms-field--semaphore {
        height: calc(max(1.25em, 16px) + 2px + 2 * 0.667px);
    }
}

@media (min-resolution: 2x) {
    .inphinity-forms-field--color,
    .inphinity-forms-field--semaphore {
        height: calc(max(1.25em, 16px) + 2px + 2 * 0.8px);
    }
}

.inphinity-forms-field--semaphore button {
    align-self: center;
}

.inphinity-forms-field--color input,
.inphinity-forms-field--color button {
    border: none;
    background: none;
    color: inherit;
}

.inphinity-forms-field--bordered,
.inphinity-forms-field--color input,
.inphinity-forms-field--color button {
    border: 1px solid #a9a9a9;
    background: white;
}


.inphinity-forms-field ::placeholder,
.inphinity-forms-field__placeholder {
    font-style: italic;
    color: inherit;
    font-weight: normal;
    opacity: 0.5;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inphinity-forms-field textarea::placeholder,
.multiline-row .inphinity-forms-field input::placeholder,
.multiline-row .inphinity-forms-field__placeholder {
    white-space: normal;
}

.inphinity-forms-field--align-left {
    text-align: left;
    justify-content: start;
}

.inphinity-forms-field--align-right {
    text-align: right;
    justify-content: end;
}

.inphinity-forms-field--align-center {
    text-align: center;
    justify-content: center;
}

.inphinity-forms-field--upload.inphinity-forms-field--align-left .upload-file-list a,
.inphinity-forms-field--upload.inphinity-forms-field--align-left .upload-file-list span,
.inphinity-forms-field--upload.inphinity-forms-field--align-center .upload-file-list a,
.inphinity-forms-field--upload.inphinity-forms-field--align-center .upload-file-list span,
.inphinity-forms-field--upload.inphinity-forms-field--align-right .upload-file-list a,
.inphinity-forms-field--upload.inphinity-forms-field--align-right .upload-file-list span {
    justify-content: start;
}

.inphinity-forms-field--upload.inphinity-forms-field--align-right .upload-file-list a,
.inphinity-forms-field--upload.inphinity-forms-field--align-right .upload-file-list span {
    direction: rtl;
}

/* Fields that overflow into cell padding for historical reasons */
.inphinity-forms-field--range, /* shadow overflows the inner box */
.inphinity-forms-field--single-record,
.inphinity-forms-field--color, /* focus shadow effect overflows */
.inphinity-forms-field--upload {
    overflow: visible;
}

.inphinity-forms-field--upload:focus-within a[tabindex="-1"],
.upload-file-list a:focus {
    font-weight: bold;
}

.inphinity-forms-field--upload .upload-file-list,
.inphinity-forms-upload-dialog .upload-file-list {
    overflow: hidden;
    line-height: 1em;
    display: flex;
    align-items: center;
    flex-grow: 0;
    width: 100%;
}

.inphinity-forms-field--upload-multi .upload-file-list,
.inphinity-forms-upload-dialog .upload-file-list {
    flex-grow: 1;
}

.forms-single-record .inphinity-forms-field--upload > label {
    margin-right: 2px;
}

.forms-single-record .inphinity-forms-field--upload-multi .upload-file-list,
.inphinity-forms-upload-dialog .upload-file-list {
    flex-direction: column;
    align-items: inherit;
}

.forms-single-record .inphinity-forms-field--upload-multi .upload-file-list > div,
.inphinity-forms-upload-dialog .upload-file-list > div {
    margin-bottom: 2px;
}

.inphinity-forms-field--upload .upload-file-list a,
.inphinity-forms-field--upload .upload-file-list span:not(.lui-icon),
.inphinity-forms-upload-dialog .upload-file-list a,
.inphinity-forms-upload-dialog .upload-file-list span:not(.lui-icon) {
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.forms-single-record .inphinity-forms-field--upload .upload-file-list a,
.forms-single-record .inphinity-forms-field--upload .upload-file-list span:not(.lui-icon),
.inphinity-forms-upload-dialog .upload-file-list a,
.inphinity-forms-upload-dialog .upload-file-list span:not(.lui-icon) {
    margin-left: 2px;
}

.upload-file-list > span,
.inphinity-forms-upload-dialog .upload-file-list > span {
    margin-left: 2px;
    vertical-align: middle;
}

.upload-file-list > div,
.inphinity-forms-upload-dialog .upload-file-list > div {
    width: 100%;
    display: flex;
    align-items: center;
}

.inphinity-forms-upload-dialog .upload-file-list .lui-button--small {
    min-width: 26px;
}

.inphinity-forms-field--upload > button.lui-button {
    margin: 0 2px;
}

.inphinity-forms-field--upload > button.forms-btn-file {
    margin: 0;
}

.inphinity-forms-field--upload .lui-icon--folder {
    color: orange;
}


.inphinity-forms-field--upload a {
    cursor: pointer;
}

.inphinity-forms-upload-dialog {
    width: 100%;
}


.inphinity-forms .flex-cell inphinity-form-control .text-value {
    white-space: pre-wrap;
}

.inphinity-forms .forms-single-record--text-no-wrap .flex-cell inphinity-form-control .text-value {
    white-space: nowrap;
}

.inphinity-forms-field--bordered:focus-within,
.inphinity-forms-field--switch:focus-within .switch > .slider,
.inphinity-forms-field--semaphore button.circle:focus,
.inphinity-forms-field .lui-button:focus,
.inphinity-forms-field--upload:not(:has(a)):focus label.lui-button,
.convert-button-box .lui-button.convert-button:focus,
.inphinity-forms-field--color input:focus {
    border-color: black;
    box-shadow: none;
}

.inphinity-forms-field .lui-button:focus {
    box-shadow: none;
}


.inphinity-forms-field--checkbox:has(input:focus-visible),
.inphinity-forms-field--radio:has(input:focus-visible) {
    overflow: visible;
}

.inphinity-forms-field--checkbox input:focus-visible,
.inphinity-forms-field--radio input:focus-visible,
.inphinity-forms .forms-single-record fieldset.toggleAble > legend:focus-visible span:before {
    outline: 1px auto black;
    outline-offset: -1px;
}

@-moz-document url-prefix() {
    .inphinity-forms-field--checkbox input:focus-visible,
    .inphinity-forms-field--radio input:focus-visible {
        accent-color: black;
    }
}

.inphinity-forms-field--range input:focus-visible {
    outline: 1px solid black;
}

.inphinity-forms-field--stars .star:focus {
    stroke: black;
}


.inphinity-forms .virtual-table .virtual-table-cell.status-cell {
    text-align: left;
    padding-left: 10px;
}

/* double-selector precedence over Qlik-themed .input-cell */
.inphinity-forms .virtual-table .virtual-table-cell.frozen-cell.frozen-cell {
    background: white;
    z-index: 2;
}

.inphinity-forms .virtual-table .virtual-table-cell.deleted-cell {
    color: #969696;
}

.inphinity-forms .virtual-table .virtual-table-cell.deleted-cell:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}

.inphinity-forms .virtual-table .virtual-table-body {
    position: relative;
}

.inphinity-forms .virtual-table .multiline-row inphinity-form-control .text-value,
.inphinity-forms .virtual-table .multiline-row inphinity-form-control .total-value {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
    -webkit-line-clamp: var(--max-lines);
}

.inphinity-forms .virtual-table .multiline-row .inphinity-forms-field--multiline {
    height: calc(1.25em * var(--max-lines) + 3.334px);
}

.inphinity-forms .virtual-table .virtual-table-footer {
    position: sticky;
    height: 30px;
    bottom: -1px;
    width: 100%;
    z-index: 3;
    background: white;
}

.inphinity-forms .virtual-table .virtual-table-header {
    border-bottom: 2px solid #cdcdcd;
}

.inphinity-forms .virtual-table .virtual-table-header .value-cell .lui-icon.lui-icon--search {
    font-size: 12px;
    padding: 2px;
}

.inphinity-forms .virtual-table .virtual-table-header .value-cell .lui-icon.lui-icon--triangle-top {
    padding-top: 2px;
}

.inphinity-forms .virtual-table .virtual-table-footer {
    border-top: 2px solid #cdcdcd;
    border-bottom: 1px solid #e6e6e4;
}

.inphinity-forms .virtual-table .virtual-table-cell .black-dot,
.inphinity-forms .forms-single-record .black-dot {
    position: absolute;
    height: 2px;
    width: 2px;
    border: 2px solid #000000;
    border-radius: 50%;
    margin-left: -5px;
    margin-top: -2px;
    align-self: start;
}

.inphinity-forms .forms-single-record .forms-single-record--standard .black-dot {
    position: relative;
}

.inphinity-forms .virtual-table .virtual-table-cell .convert-button-box,
.inphinity-forms .forms-single-record .convert-button-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1px;
    margin-right: 0px;
    height: 100%;
}

.inphinity-forms .virtual-table .virtual-table-cell.selected-row {
    border-top: 1px solid grey;
    border-bottom: none;
    box-shadow: 0px 1px 0px gray;
    margin-top: -1px;
}

@media (min-resolution: 1.5x) {
    .inphinity-forms .virtual-table .virtual-table-cell.selected-row {
        margin-top: -0.667px;
        box-shadow: 0px 0.667px 0px gray;
    }
}

@media (min-resolution: 2x) {
    .inphinity-forms .virtual-table .virtual-table-cell.selected-row {
        margin-top: -0.8px;
        box-shadow: 0px 0.8px 0px gray;
    }
}


.inphinity-forms .virtual-table .virtual-table-cell.selected-dimension {
    background: #009845 !important;
    color: white !important;
}

.inphinity-forms-field--color {
    align-items: center;
    gap: 1px;
}

.inphinity-forms-field--color input {
    box-sizing: content-box;
    min-height: 16px;
    height: 1.25em;
    flex-grow: 0;
}

.inphinity-forms-field--color .colorpicker-button {
    height: 20px;
}

.inphinity-forms-field--color .colorpicker-button.lui-button .qv-color-picker-preview {
    height: 10px;
    cursor: inherit;
}

.inphinity-forms-field--color .colorpicker-button.lui-button .lui-caret {
    margin-top: -3px;
}

.inphinity-forms-field--color .colorpicker-button.lui-button[disabled] .qv-color-picker-preview:after {
    height: 11px;
}

.inphinity-forms-field--upload button.multiselect-button {
    background: #f8f8f8;
    border: 1px solid #b3b3b3;
    height: 19.35px;
    flex: 0 0 22px;
    text-overflow: clip;
}

.inphinity-forms-field--upload button.multiselect-button:focus {
    outline: 1px solid black;
}

.inphinity-forms-field--switch > label {
    position: relative;
    display: inline-block;
    width: 3em;
    height: calc(1.25em + 2px);
    font-size: max(1em, 12px);
}

.inphinity-forms-field--switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.inphinity-forms-field--switch .switch .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 22px;
}

.inphinity-forms-field--switch .switch .slider:before {
    position: absolute;
    content: "";
    height: 1em;
    width: 1em;
    left: 0.2em;
    top: 50%;
    margin-top: -0.5em;
    background-color: white;
    border-radius: 50%;
}

.inphinity-forms-field--switch input:checked + .slider {
    background-color: #2196F3;
}

.inphinity-forms-field--switch input:checked + .slider:before {
    left: unset;
    right: 0.2em;
}

.inphinity-forms .disabled-cell .switch .slider {
    opacity: 0.4;
}


.inphinity-forms-single-record-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.inphinity-forms-single-record-row > div {
    padding: 0px;
}

.forms-single-record--field-frame-full .inphinity-forms-single-record-row > div {
    padding: 4px;
}

.inphinity-forms-single-record-row > div.forms-single-record__empty-space {
    padding: 0;
}

.forms-single-record {
    --field-frame-color: #f1f1f1;
}

.inphinity-forms .forms-single-record--field-frame-line .flex-cell {
    border-bottom: 1px solid var(--field-frame-color);
}

.inphinity-forms .forms-single-record--field-frame-full .flex-cell {
    border-radius: 4px;
    border: 1px solid var(--field-frame-color);
}

.inphinity-forms .forms-single-record .flex-cell {
    overflow: hidden;
}

.inphinity-forms .forms-single-record .flex-cell > label {
    padding: 6px 4px;
    border: 1px solid transparent;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-bottom > label {
    padding: 1px 4px 6px;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-top > label {
    padding: 6px 4px 1px;
}


.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-left {
    flex-direction: row;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-top {
    flex-direction: column;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-right {
    flex-direction: row-reverse;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-bottom {
    flex-direction: column-reverse;
}

.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-left .lui-label,
.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-right .form-cell-wrapper {
    padding-left: 12px;
}

.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-right .lui-label,
.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-left .form-cell-wrapper {
    padding-right: 12px;
}

.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-top .lui-label,
.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-bottom .lui-label,
.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-top .form-cell-wrapper,
.inphinity-forms .forms-single-record.forms-single-record--field-frame-full .flex-cell.flex-cell--label-bottom .form-cell-wrapper {
    padding-left: 12px;
    padding-right: 12px;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-right .lui-label {
    text-align: right;
}

.inphinity-forms .forms-single-record .flex-cell.flex-cell--label-hidden .lui-label {
    display: none;
}

.inphinity-forms .forms-single-record .hidden-cell {
    display: none;
}

.inphinity-forms .toolbar-container:not(tr) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inphinity-forms xml-editor-toolbar {
    margin-bottom: 10px;
    width: 100%;
}

.inphinity-forms xml-editor-toolbar button img {
    width: 16px;
    vertical-align: middle;
}

.inphinity-forms xml-editor-toolbar .lui-icon {
    font-size: inherit;
}

.lui-button--small {
    min-width: 0;
    padding: 0 5px;
    height: 20px;
    line-height: 18px;
}

.lui-button--small .lui-icon--small {
    font-size: 14px;
}

.inphinity-forms .virtual-table .virtual-table-cell .lui-button--small,
.inphinity-forms .forms-single-record .flex-cell .lui-button--small {
    cursor: pointer;
    height: 1.25em;
    font-size: inherit;
    line-height: 16px;
    padding: 1px 5px;
    min-height: 16px;
    box-sizing: content-box;
}

.inphinity-forms .hide {
    visibility: hidden;
}

.inphinity-forms .inphinity-alert {
    border-radius: 10px;
    border: red;
    padding: 20px;
    margin-bottom: 10px;
}

.inphinity-forms-instance-edit-dialog .inphinity-alert {
    margin-top: 10px;
}

.inphinity-dialog-data-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.inphinity-dialog-data-wrapper button {
    display: flex;
    width: fit-content;
    gap: 10px;
    align-items: center;
    margin: 0;
    min-width: 88px;
    justify-content: center;
}

.inphinity-dialog-data-wrapper__flex-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.inphinity-dialog-data-wrapper__flex-row button:has(.lui-icon--file) {
    min-width: 0;
}

.inphinity-dialog-data-wrapper__flex-row input.lui-text__input {
    width: 600px;
    height: 28px;
    padding: 0 5px;
}

.inphinity-dialog-data-wrapper__flex-column {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
}

.inphinity-dialog-data-wrapper__cleanup {
    border-top: 1px solid #b3b3b3;
    padding-top: 10px;
    margin-top: 10px;
}

.inphinity-dialog-data-wrapper__cleanup > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
}

.inphinity-dialog-data-wrapper__cleanup > p {
    font-size: 12px;
    color: gray;
}

.inphinity-dialog-data-wrapper__cleanup .lui-number__input {
    width: 50px;
    margin: 0 5px;
    padding-left: 5px;
}

.inphinity-forms-instance-edit-dialog__test_button_wrapper {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}

.inphinity-forms-instance-edit-dialog__test_button_wrapper > div {
    margin-top: 10px;
}

.inphinity-forms-instance-edit-dialog__test_button_wrapper > div .lui-icon {
    padding-right: 5px;
}

.inphinity-forms .inphinity-alert a {
    color: white;
}

.inphinity-forms.multi-select-dialog.lui-dialog {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1), -5px 5px 10px rgba(0, 0, 0, .1);
    min-width: 200px;
    max-height: 300px;
    z-index: 1015;
    width: inherit;
    top: inherit;
    left: inherit;
    margin: 0;
}

.inphinity-forms.multi-select-dialog.lui-dialog.inphinity-forms-upload-dialog {
    padding: 10px;
}

.inphinity-forms.multi-select-dialog.lui-dialog .lui-list__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

dialog.inphinity-forms.multi-select-dialog.lui-dialog::backdrop {
    background-color: transparent;
}

.multi-select-dialog__options {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
    padding: 10px 10px 0;
}

.multi-select-dialog__search {
    border: 1px solid #0000001a;
}

.multi-select-dialog__search:has(.lui-search__input:focus) {
    box-shadow: rgb(63, 138, 179) 0 0 0 2px inset;
}

.inphinity-forms.multi-select-dialog .lui-list .lui-list__item {
    min-height: 28px;
    height: 28px;
    background-clip: unset;
}

.inphinity-forms.multi-select-dialog.lui-dialog .lui-list .lui-list__item.lui-active {
    box-shadow: rgb(63, 138, 179) 0 0 0 2px inset;
    background-color: inherit;
}

.inphinity-forms.multi-select-dialog.lui-dialog .lui-list .lui-list__item.lui-selected {
    background-color: #009845;
    color: white;
}

.inphinity-forms.multi-select-dialog.lui-dialog .lui-list .lui-list__item:not(.lui-selected) .lui-list__aside {
    visibility: hidden;
}

.inphinity-forms.multi-select-dialog.lui-dialog .lui-button.close-button {
    color: white;
    background-color: #009845;
    margin-left: 5px;
}

.inphinity-forms .items-separator {
    width: 1px;
    border-left: 1px solid #d9d9d9 !important;
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    vertical-align: middle;
}

.inphinity-forms .angular-medium-editor ol, .inphinity-forms .angular-medium-editor ul {
    padding-left: 15px;
}

.inphinity-forms .comment ol, .inphinity-forms .comment ul {
    padding-left: 15px;
}

.bootstrap-wrapper.inphinity-forms .lui-button-override.lui-button--danger {
    color: #ffffff !important;
}

.inphinity-forms forms-error-message {
    overflow: auto;
    flex-shrink: 0;
}

.inphinity-forms.comment-object-dialog > .lui-modal-background {
    z-index: 1005;
}

.inphinity-forms.comment-object-dialog > .lui-dialog {
    width: 50%;
    height: calc(100vh - 20px);
    max-width: 100%;
    z-index: 1010;
    margin-top: 10px;
}

.inphinity-forms.comment-object-wrapper .inphinity-forms.comment-object-dialog > .lui-dialog {
    z-index: unset;
}

@media only screen and (max-width: 768px) {
    .inphinity-forms.comment-object-dialog > .lui-dialog {
        width: 95%;
    }
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .post-list {
    overflow-y: auto;
    padding: 10px;
    flex: 1;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .post-list .lui-icon {
    color: #0a6c8e;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .post-list__pinned {
    flex: 0 1 auto;
    padding-bottom: 0;
    overflow-y: auto;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .post-list__other {
    padding-top: 0;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .divider {
    background: rgba(0, 0, 0, 0.13);
    height: 1px;
    width: 95%;
    cursor: n-resize;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 12px;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .divider .dividerText {
    background: #F9F9F9;
    padding: 0 10px;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .root-reply {
    padding: 10px;
    padding-left: 60px;
    width: 100%;
    min-height: 141px;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .root-reply .root-reply-scope {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 120px;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body forms-comment-post .tag-list {
    color: #0a6c8e;
    padding-left: 15px;
    font-style: italic;
    padding-bottom: 5px;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .root-reply .root-reply-scope forms-comment-edit {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .textarea {
    cursor: text;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .root-reply forms-markdown-editor {
    flex-grow: 1;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .root-reply .textarea {
    resize: none;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body .thread-reply {
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 50px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 0px 0px 4px 4px;
    padding: 5px 5px 0;
    margin-top: -6px;
    position: relative;
}

.forms-comment-reply-button {
    padding: 5px 15px 8px;
    color: #0a6c8e;
    border-radius: 0 0 4px 4px;
}

forms-comment-edit forms-markdown-editor div[contenteditable] {
    min-height: 50px;
    resize: vertical;
    border-radius: 4px;
}

forms-comment-edit .lui-icon {
    color: #0a6c8e;
}

forms-markdown-editor {
    display: flex;
    flex-direction: column;
}

forms-markdown-editor div[contenteditable], forms-markdown-editor div[contenteditable] * {
    user-select: unset;
}

forms-markdown-editor div[contenteditable] {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    border: 1px solid rgba(0, 0, 0, 0.13);
    width: 100%;
    overflow: auto;
    padding: 5px;
    background: white;
}

forms-comment-post ul,
forms-comment-post ol,
forms-markdown-editor div[contenteditable] ul,
forms-markdown-editor div[contenteditable] ol {
    margin-left: 15px;
}

forms-markdown-editor div[contenteditable].links-clickable a {
    cursor: pointer;
}

forms-markdown-editor .lui-buttongroup {
    margin-bottom: 5px;
}

forms-comment-edit .lui-button {
    background-color: white;
}

forms-comment-edit .lui-button:active, forms-comment-edit .lui-button.lui-active {
    background-color: #e2e2e2;
    border-color: #b3b3b3;
}

.inphinity-forms.comment-object-dialog > .lui-dialog .lui-dialog__body forms-comment-post:hover .forms-comment-hover-tools {
    display: flex;
}

.forms-comment-hover-tools {
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding: 4px 8px;
    border-radius: 4px;
    transition: 0.3s;
    display: flex;
    width: fit-content;
    margin-top: -7px;
    display: none;
    margin-bottom: -8px;
    height: 29px;
}

.forms-comment-hover-tools:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: 0.3s;
}

.forms-comment-reply {
    flex: 1;
    min-width: 0;
}

.forms-comment-reply .tag-list {
    padding-left: 10px !important;
}

.forms-comment-selections {
    padding: 5px 15px;
    display: flex;
    overflow: hidden;
}

.forms-comment-reply .forms-comment-selections {
    margin-top: 0px !important;
    margin: 0 10px !important;
    padding: 5px 0 !important;
}

.forms-comment-selections .forms-comment-selections-items {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forms-comment-selections .forms-comment-selections-item {
    padding-left: 5px;
    padding-right: 2px;
}

.forms-comment-reply .forms-comment-hover-tools {
    padding: 2px 6px;
    height: 24px;
    margin-top: -3px;
}

.forms-comment-avatar, .forms-reply-avatar {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    background-color: #0a6c8e;
    border-radius: 50%;
    margin: 15px 0;
}

.forms-reply-avatar {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    margin-left: 15px;
}

.forms-comment-avatar .avatar-image-wrapper, .forms-reply-avatar .avatar-image-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    position: relative;
}

.forms-reply-avatar .avatar-image-wrapper {
    font-size: 13px;
}

.forms-comment-avatar .avatar-img, .forms-reply-avatar .avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
}

.forms-comment-avatar .avatar-initials, .forms-reply-avatar .avatar-initials {
    position: absolute;
    z-index: 1;
    padding-top: 1px;
}

.forms-comment-thread {
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    margin-bottom: 5px;
    flex: 1;
    min-width: 0;
}

forms-comment-post .forms-comment-base {
    background: white;
    border-radius: 4px 4px 0 0;
}

.forms-comment-replies {
    padding-left: 20px;
}

.forms-comment-replies forms-comment-post .forms-comment-base {
    background: inherit;
    border-radius: 0;
}

.forms-comment-authorDate {
    padding: 15px 10px 10px 15px;
    display: flex;
    justify-content: space-between;
}

.forms-comment-reply .forms-comment-authorDate {
    padding: 10px 10px 5px;
    background: transparent;
}

.forms-comment-content {
    padding: 0 15px 10px;
}

.forms-comment-reply .forms-comment-content {
    padding: 0 10px 10px;
    background: transparent;
}

.forms-comment-edit-wrapper {
    padding: 5px 15px 5px;
}

.forms-comment-reply .forms-comment-edit-wrapper {
    padding: 5px 10px 5px;
}

.inphinity-forms table.configTable {
    height: 100%;
    display: block;
    overflow: auto;
}

.inphinity-forms table.configTable td {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.inphinity-forms .forms-single-record.lui-popover {
    background-color: unset;
    color: unset;
}

.inphinity-forms .collaboration-status,
.inphinity-forms .forms-autosave-indicator {
    line-height: 32px;
}

.inphinity-forms .collaboration-status .lui-icon,
.inphinity-forms .forms-autosave-indicator .lui-icon {
    font-size: 22px;
}

.inphinity-forms .collaboration-status .badge {
    position: relative;
    background: red;
    color: white;
    border-radius: 30px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 17px;
    top: -10px;
    left: -5px;
    font-size: 12px;
}

.inphinity-forms .forms-autosave-indicator.forms-autosave-indicator__inactive .lui-icon {
    color: lightgray;
}

.inphinity-forms .forms-autosave-indicator.forms-autosave-indicator__interrupted .lui-icon {
    color: #f99d1c;
}

.inphinity-forms-field.inphinity-forms-field--button > button.lui-button.lui-button--small {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.inphinity-forms .virtual-table-cell .lui-button,
.inphinity-forms .flex-cell .lui-button {
    background-color: white;
}

.inphinity-forms .virtual-table-cell .lui-button:disabled,
.inphinity-forms .flex-cell .lui-button:disabled,
.inphinity-forms .virtual-table-cell .lui-button.lui-disabled,
.inphinity-forms .flex-cell .lui-button.lui-disabled {
    background: rgba(239, 239, 239, 0.3);
    cursor: inherit;
    pointer-events: unset;
}

.inphinity-forms.inphinity-rtl {
    direction: rtl;
}

.inphinity-forms.inphinity-rtl button.lui-button {
    /* leonardo buttons with icons do not support rtl */
    direction: ltr;
}

.inphinity-forms .comma-list {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}

.inphinity-forms .comma-list li {
    display: inline;
}

.inphinity-forms .comma-list li::after {
    content: ", ";
}

.inphinity-forms .comma-list li:last-child::after {
    content: "";
}

.webpageTop {
    padding-bottom: 30px;
}

.webpageTitle {
    color: #890353;
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 80px;
}

.webpageDoc {
    font-size: 24px;
}

.webpageDoc:hover {
    color: #586b8f;
}

.webpageBottom p {
    font-size: 20px;
}


.group-access-wrapper {
    overflow: hidden;
}

.group-access-table {
    margin-bottom: 20px;
    text-align: left;
}

.group-access-body {
    overflow: hidden;
}

.group-access-table thead tr th {
    padding: 8px;
    border-bottom: 2px solid #ddd;
}

.group-access-table tbody tr td {
    padding: 8px;
    border-top: 1px solid #ddd;
}

.group-access-table__group-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.inphinity-forms .forms-single-record fieldset.toggleAble {
    overflow: hidden;
    border: none;
    padding-bottom: 3px;
    min-width: 0;
}

.inphinity-forms .forms-single-record fieldset.labelRight {
    direction: rtl;
    text-align: right;
}

.inphinity-forms .forms-single-record fieldset > * {
    direction: initial;
}

.inphinity-forms .forms-single-record fieldset.toggleAble.border {
    border: 1px solid #f1f1f1;
    margin-top: 5px;
}

.inphinity-forms .forms-single-record fieldset.toggleAble > legend {
    display: none;
    font-weight: bold;
    float: left;
    padding-top: 4px;
    padding-bottom: 4px;
}

.inphinity-forms .forms-single-record fieldset.toggleAble.border > legend {
    display: block;
}


.inphinity-forms .forms-single-record fieldset.toggleAble.expanded {
    height: auto;
    padding-bottom: 5px;
}


.inphinity-forms .forms-single-record fieldset.toggleAble > legend span:before {
    padding: 5px;
    margin: 5px;
}

.inphinity-forms .forms-single-record fieldset.toggleAble > legend > .lui-icon {
    font-size: inherit;
}

.inphinity-forms .forms-single-record fieldset.toggleAble.expanded > legend span:before {
    padding: 5px;
    margin: 5px;
}

.inphinity-forms .forms-single-record fieldset.toggleAble > legend {
    cursor: pointer;
    background: inherit;
    padding-right: 10px;
    width: 100%;
}

.inphinity-forms .forms-single-record fieldset.toggleAble.expanded > legend {
    cursor: pointer;
}

.inphinity-forms:not(#fake-id-increase-specificity) .forms-single-record fieldset.coloredBackground .flex-cell {
    background-color: unset;
}

.inphinity-forms .forms-single-record .divider {
    width: 100%;
    margin: 5px auto;
    overflow: hidden;
    line-height: 1.2em;
    font-weight: bold;
}

.inphinity-forms .forms-single-record .divider span {
    padding-left: 5px;
    padding-right: 5px;
}

forms-comment-snapshot {
    display: block;
    width: 60%;
    height: 200px;
    margin: 0 15px;
    padding-bottom: 5px;
}

forms-comment-snapshot .lui-dialog {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    padding: 0 10px;
    width: 100%;
}

forms-comment-snapshot .lui-dialog .lui-dialog__header {
    background-color: white;
    padding-right: 0px;
}

forms-comment-snapshot .snapshot-button {
    float: right;
    background: #0a6c8e;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    min-width: 0px;
    padding: 0px;
}

forms-comment-snapshot .snapshot-button .lui-icon {
    color: white !important;
}

.forms-comment-reply forms-comment-snapshot {
    margin: 0 10px 5px;
}

forms-comment-edit forms-comment-snapshot, .forms-comment-reply forms-comment-edit forms-comment-snapshot {
    margin: 5px 0;
}

forms-comment-post .upload-field {
    margin-top: 5px;
    padding-bottom: 10px;
    margin-left: 15px;
}

.forms-comment-reply .upload-field {
    margin-left: 10px;
}

forms-comment-post .upload-field div {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 7px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    width: fit-content;
    border-radius: 4px;
    margin-top: 2px;
}

forms-comment-post .upload-field div a {
    cursor: pointer;
    color: #0a6c8e;
    text-decoration: none;
}


.upload-field-edit .upload-field-edit-file {
    margin-left: 0px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 7px;
    border: 1px solid #D9D9D9;
    width: fit-content;
    border-radius: 4px;
    margin-top: 5px;
}

.upload-field-edit .upload-field-edit-file a {
    cursor: pointer;
    color: #0a6c8e;
    text-decoration: none;
    vertical-align: middle;
}

.upload-field-edit .lui-button {
    background: #0a6c8e;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    min-width: 0px;
    padding: 0px;
    margin: 0 0 0 8px;
}

.upload-field-edit .lui-button .lui-icon {
    font-size: x-small;
    line-height: 17px;
    color: white !important;
}


.forms-tag-list {
    display: inline-block;
    margin-right: 5px;
    font-style: italic;
    border: 1px solid #D9D9D9;
    padding: 2px 6px;
    background: white;
    border-radius: 4px;
}

.forms-tag-list .lui-button {
    background: #0a6c8e;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    min-width: 0px;
    padding: 0px;
    margin: 0 0 0 8px;
}

.forms-tag-list .lui-button .lui-icon {
    font-size: x-small;
    line-height: 17px;
    color: white !important;
}

forms-markdown-editor .lui-buttongroup .lui-button:not(:last-child), .lui-buttongroup__button:not(:last-child) {
    margin-right: -2px;
}

.new-comment-button {
    background-color: #0a6c8e;
    color: white;
    margin: 10px 20px 10px 60px;
    width: 120px;
    border-radius: 4px;
    height: 25px;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.replies-header {
    border-top: 1px solid rgba(0, 0, 0, 0.13);
    padding: 10px 15px 5px;
    color: #0a6c8e;
    background-color: #F9F9F9;
}

.comment-deleted {
    display: flex;
    margin-top: 23px;
}

.forms-comment-reply .comment-deleted {
    width: 95%;
    padding: 0 10px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.forms-comment-tag-icon {
    font-weight: bold;
    width: 16px;
}

.forms-comment-paperclip-icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGZpbGw9IiMwYTZjOGUiIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDMzMC41OTEgMzMwLjU5MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTUyLjU3NSwzMjAuMzk1Yy0wLjY5MywwLTEuMzkxLTAuMDE1LTIuMDktMC4wNDNjLTEyLjk3OS0wLjU0LTI1LjM2MS02LjA3MS0zNC44NjUtMTUuNTc2DQoJCQljLTkuNTA0LTkuNTA0LTE1LjAzNS0yMS44ODYtMTUuNTc2LTM0Ljg2NGMtMC41NDktMTMuMjEzLDQuMTE1LTI1LjQ1NiwxMy4xMzMtMzQuNDc1TDIyMS41ODEsMjcuMDMzDQoJCQljMTEuNTIzLTExLjUyMywyNy4xOTctMTcuNDgzLDQ0LjA5Ni0xNi43OGMxNi42NzYsMC42OTMsMzIuNTk0LDcuODEsNDQuODIyLDIwLjAzN2MxMi4yMjgsMTIuMjI5LDE5LjM0NiwyOC4xNDcsMjAuMDM3LDQ0LjgyMw0KCQkJYzAuNzAzLDE2LjkxMS01LjI1NiwzMi41NzEtMTYuNzgxLDQ0LjA5NkwxNTYuNzExLDI3Ni4yNTVjLTIuOTI4LDIuOTI3LTcuNjc2LDIuOTI4LTEwLjYwNywwYy0yLjkyOC0yLjkzLTIuOTI4LTcuNjc4LDAtMTAuNjA4DQoJCQlsMTU3LjA0NS0xNTcuMDQ3YzguNTIzLTguNTIyLDEyLjkyOC0yMC4xOTQsMTIuNC0zMi44NjVjLTAuNTM3LTEyLjkwNi02LjA5OC0yNS4yNzktMTUuNjU4LTM0Ljg0DQoJCQljLTkuNTU5LTkuNTYtMjEuOTMyLTE1LjExOS0zNC44MzgtMTUuNjU2Yy0xMi42Ny0wLjUzMy0yNC4zNDQsMy44NzYtMzIuODY1LDEyLjM5OUwyMy43ODQsMjQ2LjA0NA0KCQkJYy0xMi41OTYsMTIuNTk0LTExLjQ5OCwzNC4xODQsMi40NDMsNDguMTI1YzYuODM2LDYuODM3LDE1LjY3MiwxMC44MTMsMjQuODgxLDExLjE5NWM4Ljk3NSwwLjM0OSwxNy4yMjktMi43MzQsMjMuMjQ0LTguNzUyDQoJCQlsMTY5LjQ0MS0xNjkuNDM5YzcuNDIyLTcuNDIyLDYuNjkxLTIwLjIyOS0xLjYyOS0yOC41NDljLTQuMTEzLTQuMTE0LTkuNDE0LTYuNTA1LTE0LjkyNC02LjczMw0KCQkJYy01LjI4OS0wLjIxMi0xMC4xMTUsMS41OTUtMTMuNjI1LDUuMTA2TDk1LjUzNiwyMTUuMDhjLTIuOTMsMi45MjctNy42NzgsMi45MjgtMTAuNjA3LDBjLTIuOTMtMi45My0yLjkzLTcuNjc4LDAtMTAuNjA3DQoJCQlMMjAzLjAwOCw4Ni4zOWM2LjUxMi02LjUxMiwxNS4zMjItOS45LDI0Ljg1NS05LjQ4NmM5LjI4MSwwLjM4NSwxOC4xMjcsNC4zMzIsMjQuOTA2LDExLjExNA0KCQkJYzE0LjE3LDE0LjE2NywxNC45LDM2LjQ5LDEuNjMxLDQ5Ljc2Mkw4NC45NTksMzA3LjIyQzc2LjQxOCwzMTUuNzYsNjQuOTg1LDMyMC4zOTUsNTIuNTc1LDMyMC4zOTV6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    vertical-align: sub;
}

.forms-comment-pin-icon, .forms-comment-unpin-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPgoJPHRpdGxlPnBpbi1zdmc8L3RpdGxlPgoJPHN0eWxlPgoJCS5zMCB7IGZpbGw6IG5vbmU7c3Ryb2tlOiAjMGE2YzhlO3N0cm9rZS1saW5lY2FwOiByb3VuZDtzdHJva2UtbGluZWpvaW46IHJvdW5kIH0gCgk8L3N0eWxlPgoJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0ibTkuNiA5LjZsLTMgMi45LTAuOC0wLjhjLTAuNC0wLjQtMC42LTEtMC42LTEuNXYtMi4xbC0zLTIuOS0yLjItMC44IDQuNC00LjQgMC44IDIuMiAyLjkgM2gyLjFjMC41IDAgMS4xIDAuMiAxLjUgMC42bDAuOCAwLjh6bTAgMGw0LjQgNC41Ii8+Cjwvc3ZnPg==');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 17px;
    transform: scaleX(-1);
}

.forms-comment-unpin-icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIxNjIuNzA0IDIwNC44NDUgMTQgMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0iTSAxNjkuMjA0IDIxNy4zNDUgTCAxNzIuMjA0IDIxNC40NDUgTSAxNzIuMjA0IDIxNC40NDUgTCAxNzUuMTA0IDIxMS40NDUgTCAxNzIuMjA0IDIxNC40NDUgWiBNIDE3MS41MDQgMjA5Ljk0NSBMIDE3MC44MDQgMjA5Ljk0NSBMIDE2Ny44MDQgMjA3LjA0NSBMIDE2Ny4xMDQgMjA0Ljg0NSBMIDE2Mi43MDQgMjA5LjI0NSBMIDE2NC45MDQgMjA5Ljk0NSBMIDE2Ny44MDQgMjEyLjk0NSBMIDE2Ny44MDQgMjEzLjY0NSBMIDE3MS41MDQgMjA5Ljk0NSBaIE0gMTcyLjMwNCAyMTQuMzQ1IEwgMTc2LjcwNCAyMTguODQ1IE0gMTYyLjcwNCAyMTguODQ1IEwgMTY3LjgwNCAyMTMuNjQ1IE0gMTc2LjcwNCAyMDQuODQ1IEwgMTcxLjUwNCAyMDkuOTQ1IE0gMTcxLjUwNCAyMDkuOTQ1IEwgMTY3LjgwNCAyMTMuNjQ1IiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiByZ2IoMTAsIDEwOCwgMTQyKTsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyIvPgo8L3N2Zz4=');
}

.inphinity-forms button.unseen-messages {
    color: #60bb46;
}

.inphinity-forms button.unseen-mentions {
    color: #ee9b1f;
}

forms-comment-post .forms-comment-base.forms-comment-post--unseen {
    background: #e4f3e0;
}

.forms-comment-reply .forms-comment-post--unseen {
    margin-left: 5px;
}

forms-comment-post .tag-list .tag-mark {
    background-color: #ffff00;
}

.inphinity-forms inphinity-form-control input[type=radio],
.inphinity-forms inphinity-form-control input[type=checkbox],
.inphinity-forms inphinity-form-control label.switch {
    cursor: pointer;
    flex-grow: 0;
}

.inphinity-forms .disabled-cell inphinity-form-control input[type=radio],
.inphinity-forms .disabled-cell inphinity-form-control input[type=checkbox],
.inphinity-forms .disabled-cell inphinity-form-control label.switch {
    cursor: inherit;
}

.inphinity-forms .flex-cell inphinity-form-control {
    flex-grow: 1;
}

.expiration-asterisk {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjQ1NSIgaGVpZ2h0PSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KIDxnIGNsYXNzPSJsYXllciI+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwb2x5Z29uIGZpbGw9IiNmYmJjNjMiIGlkPSJzdmdfMSIgcG9pbnRzPSIzNDcuNDksMjI3IDQ1NC41LDE2NS4yMTIgMzk0LjUwOCw2MS4yODggMjg3LjUsMTIzLjA3NyAyODcuNSwwIDE2Ny41LDAgMTY3LjUsMTIzLjA3NyA2MC40OTIsNjEuMjg4ICAgMC40OTksMTY1LjIxMiAxMDcuNTEsMjI3IDAuNSwyODguNzg4IDYwLjQ5MiwzOTIuNzEyIDE2Ny41LDMzMC45MjMgMTY3LjUsNDU1IDI4Ny41LDQ1NSAyODcuNSwzMzAuOTIzIDM5NC41MDgsMzkyLjcxMiAgIDQ1NC41MDEsMjg4Ljc4OCAiLz4KIDwvZz4KPC9zdmc+');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;
    color: #fbbc63;
}

.comments-lui-dialog {
    background-color: #F9F9F9;
}

.comment-object-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.sheet-comments-wrapper {
    background: none;
    height: 100%;
}

.comment-object-wrapper.with-frame {
    border: 1px solid gray;
    border-radius: 3px;
    box-sizing: border-box;
}

.inphinity-forms.comment-object-dialog.sheet-comments-wrapper > .lui-dialog .lui-dialog-body .post-list__other {
    display: flex;
    flex-direction: column;
}

.inphinity-forms.comment-object-dialog.sheet-comments-wrapper > .lui-dialog {
    width: 100%;
    margin-top: 0;
    height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.disable-comment-objects {
    pointer-events: none;
    opacity: 0.5;
}

/* Single Record View */

.inphinity-forms-srw {
    background: none;
}

.inphinity-forms-srw .lui-modal-background {
    z-index: 1005;
}

.inphinity-forms-srw .lui-dialog.forms-single-record {
    max-width: 100%;
    margin-top: 80px;
    max-height: calc(100vh - 160px);
    z-index: 1010;
}

.inphinity-forms-srw .lui-dialog__header {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #EDEDED;
}

.inphinity-forms-srw-header-buttons {
    flex-shrink: 0;
}

.inphinity-forms-srw-header-buttons > button {
    background: white;
    padding: 0;
    min-width: auto;
    width: 30px;
}

.inphinity-forms-srw-header-buttons > select {
    width: 130px;
}

.inphinity-forms--popup .lui-dialog__header .lui-dialog__title {
    margin-right: 0;
}

.inphinity-forms-srw .lui-dialog__header .lui-dialog__title {
    float: left;
}

.inphinity-forms-srw-subtitle {
    margin-bottom: 20px;
    width: 100%;

}

.inphinity-forms-srw-subtitle > span {
    color: #949494;
}

.inphinity-forms-srw .lui-dialog__footer {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #EDEDED;
}

.inphinity-forms-srw-footer-buttons {
    flex-shrink: 0;
}

.inphinity-forms-srw-footer-buttons button {
    background-color: #FFFFFF;
}

.inphinity-forms-srw-footnote {
    margin-top: 5px;
    margin-left: 12px;
    font-weight: bold;
    color: #949494;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

forms-react-single-record .inphinity-forms-toolbar--without-frame {
    margin: 0 5px;
}

.inphinity-forms-toolbar {
    line-height: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
}

.inphinity-forms-toolbar__status {
    min-width: 6em;
    min-height: 30px;
    flex-grow: 1;
}

.inphinity-forms-toolbar__btn--add-row .lui-icon.lui-icon--plus {
    color: #4cbc29;
}

.inphinity-forms-toolbar .inphinity-forms-toolbar__btn.lui-button.lui-button-override,
.inphinity-forms inphinity-form-control .lui-button.lui-button--small,
.inphinity-forms .inphinity-create-new-instance {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.inphinity-forms .inphinity-create-new-instance .lui-icon {
    font-size: inherit;
}

.inphinity-forms .virtual-table-cell:has(.inphinity-forms-field--batch-global),
.inphinity-forms .virtual-table-cell:has(.inphinity-forms-field--batch-single) {
    padding: 0;
}

.inphinity-forms-field--batch-single {
    text-align: center;
}

.inphinity-forms-field--value .lui-icon--key {
    display: none;
}

.qv-mode-edit .inphinity-forms-field--value .lui-icon--key {
    display: block;
    margin-right: 2px;
}

.inphinity-forms-field--number-format input {
    border: none;
}

.inphinity-forms-field--number-format.arrows-visible input {
    padding-right: 0;
}

.inphinity-forms-field--select input {
    cursor: pointer;
}

.inphinity-forms-field--select button {
    border: none;
    border-left: inherit;
    background: #f8f8f8;
    padding: 0 5px;
}

.inphinity-forms-field--select button .lui-icon {
    display: block;
}

.inphinity-forms-field--number-format__buttons {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.inphinity-forms-field--number-format__buttons button {
    overflow: hidden;
    width: 12px;
    height: 50%;
    border: none;
    background: white;
    font-size: 10px;
}

.inphinity-forms .disabled-cell .inphinity-forms-field--number-format__buttons button {
    background: rgba(246, 246, 246, 0.5);
}


.inphinity-forms-field--number-format__buttons button:hover {
    color: black;
}

.inphinity-forms-field--number-format__buttons button.disabled {
    pointer-events: none;
    color: #B9B9B9;
}

.inphinity-forms-field--number-format__buttons button i {
    display: block;
    font-size: inherit;
}

.inphinity-forms-field--number-format__buttons button:last-child i {
    margin-top: -2px;
}

.inphinity-forms-field--number-format__addon {
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
    align-self: center;
}

.inphinity-forms-field--number-format__buttons button .lui-icon {
    height: 9px;
}

.inphinity-forms-interactive-authentication-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(252, 252, 252, 0.75);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.inphinity-forms-interactive-authentication-overlay button {
    background: white;
}

.inphinity-forms.comment-object-wrapper .inphinity-forms-interactive-authentication-overlay {
    position: absolute;
    inset: 0;
}

.inphinity-forms-field--value {
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.flex-cell .inphinity-forms-field--value {
    align-items: start;
}

.inphinity-forms-field--value .text-value {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1px 0px;
    line-height: max(16px, 1.25em);
}

.inphinity-forms-field--value .image-size--fill img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.inphinity-forms-field--value .image-size--fitWidth img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.inphinity-forms-field--value .image-size--fitHeight img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.inphinity-forms-field--value .image-size--alwaysFit img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.inphinity-forms-field--value .inphinity-forms-field__image-container {
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 100%;
}


.inphinity-forms-field--value .image-position--centerLeft {
    justify-content: center;
}

.inphinity-forms-field--value .image-position--centerCenter {
    justify-content: center;
}

.inphinity-forms-field--value .image-position--centerRight {
    justify-content: center;
}

.inphinity-forms-field--value .image-position--topCenter {
    justify-content: left;
}

.inphinity-forms-field--value .image-position--bottomCenter {
    justify-content: right;
}

.inphinity-forms-field--value .image-position--centerLeft img {
    object-position: center top;
}

.inphinity-forms-field--value .image-position--centerCenter img {
    object-position: center center;
}

.inphinity-forms-field--value .image-position--centerRight img {
    object-position: center bottom;
}

.inphinity-forms-field--value .image-position--topCenter img {
    object-position: left center;
}

.inphinity-forms-field--value .image-position--bottomCenter img {
    object-position: right center;
}

.forms-single-record--minimalistic {
    padding: 10px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 100px;
    overflow: auto;
    align-items: flex-start;
}

.forms-single-record--minimalistic .flex-cell {
    height: 100%;
    display: flex;
}

.forms-single-record--minimalistic .flex-cell > label {
    text-align: left;
    margin: 0;
    flex-shrink: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.forms-single-record--minimalistic .flex-cell > label:empty::before {
    content: "\200B";
}

.forms-single-record--minimalistic .flex-cell .form-cell-wrapper {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    flex-grow: 1;
    align-items: start;
    padding: 6px 5px;
}

.forms-single-record--minimalistic .flex-cell.flex-cell--label-bottom .form-cell-wrapper {
    padding: 6px 5px 1px;
    flex-grow: 0;
}

.forms-single-record--minimalistic .flex-cell.flex-cell--label-top .form-cell-wrapper {
    padding: 1px 5px 6px;
    flex-grow: 0;
}

.inphinity-forms-vbox {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.inphinity-forms-vbox > .inphinity-forms-vbox__grow {
    flex-grow: 1;
}

.inphinity-forms-user-stats {
    display: flex;
}

.inphinity-forms-user-stats > div {
    padding-right: 16px;
    padding-bottom: 8px;
}
.inphinity-forms-sortable-table {
    position: relative;
}

.inphinity-forms-sortable-table table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.inphinity-forms-sortable-table th,
.inphinity-forms-sortable-table td {
    border-right: 1px solid rgba(0,0,0,0.15);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inphinity-forms-sortable-table .col-resize-indicator {
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    transform: translateX(-0.5px);
    border: none;
    border-right: rgba(0,0,0,0.35) solid 1px;
    pointer-events: none;
    background: #FFFFFF;
    opacity: 0;
    z-index: 2;
    visibility: hidden;
    transition: opacity 300ms ease, visibility 300ms linear 300ms;
}
.inphinity-forms-sortable-table.col-resize .col-resize-indicator {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms ease, visibility 0s linear 0s;
}

.inphinity-forms .inphinity-forms-sortable-table.col-resize button,
.inphinity-forms-sortable-table.col-resize .col-resize-indicator,
.inphinity-forms-sortable-table.col-resize .inphinity-forms-sortable-table__header--sortable,
.inphinity-forms-sortable-table.col-resize {
    cursor: col-resize;
}

.inphinity-forms-sortable-table .col-resize-indicator.dragging {
    border-right-color: rgba(0,0,0,0.55);
}


.inphinity-forms-sortable-table table {
    position: relative;
    border-collapse: collapse;
}

.inphinity-forms-sortable-table table thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}

.inphinity-forms-sortable-table__search-btn {
    float: right;
    background: none;
    border: none;
}

.inphinity-forms-sortable-table table tbody {
    position: relative;
}

.inphinity-forms-sortable-table table thead th {
    position: relative;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background: white;
    flex-shrink: 0;
}

.inphinity-forms-sortable-table tr > *:nth-child(1) {
    border-left: 1px solid #f0f0f0;
}

.inphinity-forms-sortable-table thead th .lui-icon.lui-icon--search.lui-active {
    color: orange;
}

.inphinity-forms-sortable-table thead,
.inphinity-forms-sortable-table tbody {
    display: block;
    width: 100%;
}

.inphinity-forms-sortable-table thead tr,
.inphinity-forms-sortable-table tbody tr {
    display: flex;
    width: 100%;
}

.inphinity-forms-sortable-table tbody td {
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.inphinity-forms-sortable-table thead th > div,
.inphinity-forms-sortable-table tbody td > div {
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 5px;
    white-space: nowrap;
}

.inphinity-forms-sortable-table__header--sortable {
    cursor: pointer;
}

.inphinity-forms-sortable-table thead th > .inphinity-forms-sortable-table__sort-indicator {
    position: absolute;
    top: 29px;
    padding: 0;
    text-align: center;
    height: auto;
}

.inphinity-forms-sortable-table thead th > .inphinity-forms-sortable-table__sort-indicator .lui-icon {
    font-size: 12px;
}

.inphinity-forms-sortable-table thead th > .inphinity-forms-sortable-table__sort-indicator .lui-icon.lui-icon--triangle-bottom {
    margin-top: 7px;
    position: relative;
    z-index: 1;
}

.inphinity-forms-sortable-table__total {
    font-weight: bold;
}


.inphinity-forms-instance-list tr > td:nth-child(4) {
    text-align: center;
}

.inphinity-forms-instance-list tr > td:nth-child(5) {
    text-align: center;
}

.inphinity-forms-instance-list tr > td:nth-child(6) {
    text-align: center;
}

.inphinity-forms-instance-list tr > td:nth-child(12) > div {
    padding: 6px;
}

.inphinity-forms-instance-list tr .lui-icon--tick,
.inphinity-forms-user-list tr .lui-icon--tick,
.inphinity-forms-user-config tr .lui-icon--tick,
.inphinity-dialog-data-wrapper__flex-row .lui-icon--tick {
    color: green;
}

.inphinity-forms-instance-list tr .lui-icon--close,
.inphinity-forms-user-list tr .lui-icon--close,
.inphinity-forms-user-config tr .lui-icon--close {
    color: #595959;
}

.inphinity-forms-user-list tr .lui-icon--group,
.inphinity-forms-user-config tr .lui-icon--group {
    float: right;
    padding-right: 4px;
    color: gray;
}

.inphinity-forms-user-list tr .lui-icon--clock {
    color: lightblue;
}

.inphinity-forms-user-list tr .lui-icon--minus {
    color: grey;
}

.inphinity-forms-user-list tr > td:nth-child(1) > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.inphinity-forms-user-list tr > td:nth-child(1) > div span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.inphinity-forms-user-list tr > *:nth-child(4),
.inphinity-forms-user-list tr > *:nth-child(5),
.inphinity-forms-user-list tr > *:nth-child(6),
.inphinity-forms-user-list tr > *:nth-child(7) {
    text-align: center;
}

.inphinity-forms-user-list tbody tr > *:nth-child(4) button,
.inphinity-forms-user-list tbody tr > *:nth-child(5) button,
.inphinity-forms-user-list tbody tr > *:nth-child(6) button,
.inphinity-forms-user-list tbody tr > *:nth-child(7) button {
    width: 75px;
    padding: 0;
    text-align: center;
    margin-left: 8px;
    margin-top: -4px;
}

.inphinity-forms-user-config tr > *:nth-child(2),
.inphinity-forms-user-config tr > *:nth-child(4) {
    text-align: center;
}

tr.inphinity-forms-sortable-table--locked td {
    background: #ececec;
}

.inphinity-forms-instance-list .collaboration-status {
    float: right;
    margin-top: -7px;
}

.inphinity-forms-instance-edit-dialog {
    position: absolute;
    left: calc(50% - 310px);
    top: 100px;
    width: 820px;
    max-height: calc(100vh - 200px);
}

.inphinity-forms-instance-edit-dialog .lui-radiobutton {
    margin-top: 10px;
    margin-bottom: 10px;
}

.inphinity-forms-datasource-list tr > * {
    position: relative;
    overflow: visible;
}

.inphinity-forms-datasource-edit-dialog {
    position: absolute;
    left: calc(50% - 310px);
    top: 100px;
    width: 620px;
    max-height: calc(100vh - 200px);
}

.inphinity-forms-datasource-edit-dialog__test-result {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.inphinity-forms-datasource-edit-dialog .lui-dialog__body button:not(.lui-button--danger):not(.lui-button--success) {
    background: white;
}

.inphinity-datasource-credentials-item {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
}

.inphinity-datasource-credentials-item--active {
    background: #c0dca9;
}

.inphinity-datasource-credentials-item button {
    float: right;
}

.inphinity-datasource-credentials-item dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.inphinity-datasource-credentials-item dl > dt {
    display: block;
    flex-grow: 0;
    overflow: hidden;
    width: 100px;
}

.inphinity-datasource-credentials-item dl > dd {
    display: block;
    width: 400px;
    overflow: hidden;
    flex-shrink: 0;
}

.inphinity-datasource-credentials-item dl > dd > span {
    word-wrap: break-word;
    user-select: text;
}

.inphinity-add-credentials-form button {
    margin-top: 5px;
    margin-right: 5px;
}

.inphinity-forms--popup.react-draggable .lui-dialog__header {
    cursor: grab;
}

.inphinity-forms--popup.react-draggable.react-draggable-dragging .lui-dialog__header {
    cursor: grabbing;
}

.inphinity-forms--popup .lui-checkbox {
    margin-top: 1em;
}

/* fix qlik style for disabled checkboxes */
.inphinity-forms--popup .lui-checkbox .lui-checkbox__input:disabled + .lui-checkbox__check-wrap .lui-checkbox__check {
    background: #0000001a;
}

.inphinity-dialog-data-wrapper__cleanup .lui-checkbox {
    margin-top: 0;
}


.inphinity-forms-permission-batch-dialog {
    position: absolute;
    left: calc(50% - 200px);
    top: 200px;
    width: 400px;
    max-height: calc(100vh - 200px);
}

.inphinity-forms-permission-batch-dialog .lui-radiobutton {
    padding: 4px;
}

.inphinity-forms-permission-batch-dialog ul {
    margin-left: 25px;
}

inphinity-add-instance {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: end;
    align-items: end;
}

.inphinity-forms-group-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.inphinity-forms-group-list__table-wrapper {
    flex-grow: 1;
    overflow: auto;
}

.inphinity-forms-group-list__table input {
    width: 100%;
}

.inphinity-property-panel--condensed .pp-component {
    padding-bottom: 4px;
    padding-top: 4px;
}


.inphinity-forms-toolbar__btn--recalculate img {
    display: inline-block;
}

.inphinity-forms-toolbar__btn--recalculate span.lui-icon {
    display: none;
}

.inphinity-forms-toolbar__btn--clear img {
    display: inline-block;
}

.inphinity-forms-toolbar__btn--clear span.lui-icon {
    display: none;
}

.inphinity-forms-toolbar__btn--export img {
    display: inline-block;
}

.inphinity-forms-toolbar__btn--export span.lui-icon {
    display: none;
}

.inphinity-forms-toolbar__btn--add-row span.lui-icon.lui-icon--plus {
    display: inline-block;
}

.inphinity-forms-toolbar__btn--add-row span.lui-icon.lui-icon--add {
    display: none;
}

.forms-theme--modern {
    visibility: hidden;
}

.forms-theme--modern::before {
    content: "Loading ...";
    display: flex;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    visibility: visible;
    font-size: 20px;
}

.signature-dialog-wrapper__metadata {
    display: flex;
    justify-content: space-between;
    margin: 0 10px;
}

.signature-dialog-wrapper__metadata div:last-child {
    min-width: 180px;
}

.signature-dialog {
    position: absolute;
    width: 600px;
    top: 50px;
    left: max(0px, calc(50vw - 300px));
    height: max-content;
    max-width: 100vw;
    max-height: 80vh;
}

@media (max-height: 480px) {
    .signature-dialog {
        top: 5px;
        max-height: calc(100dvh - 10px);
    }
}

.signature-dialog .lui-dialog__header,
.signature-dialog .lui-dialog__footer {
    background-color: #EDEDED;
}

.signature-dialog-wrapper__signature {
    overflow: hidden;
    height: 200px;
    margin: 5px 0;
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signature-dialog__consent {
    margin: 20px 0;
    font-weight: bold;
}

.signature-dialog__data-item {
    display: flex;
}

.signature-dialog__data-item span {
    min-width: 120px;
    padding-right: 5px;
}

.multiline-row .inphinity-forms-field--signature {
    height: 100%;
    padding: 1px 0;
}

.multiline-row .inphinity-forms-field--signature > button {
    height: 100%;
}

.forms-single-record.lui-dialog .forms-single-record--field-frame-line .inphinity-forms-field--signature > button:has(img) {
    height: 7.5em;
}

.inphinity-forms .disabled-cell .inphinity-forms-field--signature > button {
    cursor: pointer;
}

.inphinity-forms-field--signature__image {
    max-height: 100%;
    max-width: 100%;
}

.inphinity-forms-toolbar__btn--refresh .lui-icon.lui-icon--reload {
    color: gray;
}

/** fields with internal border **/
.inphinity-forms-field--button,
.inphinity-forms-field--color,
.inphinity-forms-field--upload,
.inphinity-forms-field--delete,
.inphinity-forms-field--semaphore {
    border: none;
}

.inphinity-forms .lui-dialog__footer {
    display: flex;
    justify-content: end;
}

.inphinity-forms .virtual-table .virtual-table-body .inphinity-forms-field--single-record .lui-button span {
    cursor: inherit;
}

[form-comments-general] forms-markdown-editor {
    width: 100%;
    padding: 6px 0 4px;
    min-height: 0;
    overflow: hidden;
    flex-grow: 1;
}

[form-comments-general] forms-markdown-editor .lui-buttongroup {
    display: flex;
    gap: 0;
}

.inphinity-forms .lui-dialog__body .lui-radiobutton__radio {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inphinity-forms .lui-dialog__body .lui-radiobutton__radio::after {
    position: unset;
}

.inphinity-forms .lui-dialog__body .lui-radiobutton__radio-wrap:has(.lui-radiobutton__radio-text) {
    display: flex;
    align-items: center;
}

.inphinity-new-license {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.inphinity-new-license .lui-textarea:focus {
    border: 1px solid #b3b3b3;
    box-shadow: none;
}

.inphinity-new-license button {
    align-self: flex-start;
}

/* Custom icon for data erase button to avoid img requires */
.inphinity-forms .lui-icon.lui-icon--erase {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("../img/erase.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    font-size: 0; /* hide potential font glyph */
}

.inphinity-forms.inphinity-qlik-toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background: white;
    color: black;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #00873d;
}

.inphinity-forms.inphinity-qlik-toast span {
    padding: 4px;
}

.inphinity-forms.inphinity-qlik-toast span.lui-icon {
    cursor: pointer;
    border-radius: 4px;
}

.inphinity-forms.inphinity-qlik-toast span.lui-icon:hover {
    background: rgb(0% 0% 0% / .03);
}

.qv-property-panel .lui-checkbox__check-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.qv-property-panel .pp-checkbox-component .label {
    max-width: none;
    flex: 1;
}

.pp-nm-di__header-title:has(.field-type-icon) {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pp-nm-di__header-title .field-type-icon,
.qv-property-sub-panel .pp-button-component .lui-button .field-type-icon {
    width: 16px;
    height: 16px;
    fill: #595959;
    min-width: 16px;
}

.qv-property-sub-panel .pp-button-component .lui-button {
    display: flex;
    gap: 10px;
    align-items: center;
}

.inphinity-lui-dialog {
    margin: 0;
}