html {
    /* overflow: hidden; */
}

body {
    margin: 0;
    padding: 0;
}

td {
    vertical-align: top;
}

.editable-cell {
    position: relative;
}

.editable-cell-value-wrap {
    cursor: pointer;
    padding: 5px 12px;
}

.editable-row:hover .editable-cell-value-wrap {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 4px 11px;
}

[data-theme="dark"] .editable-row:hover .editable-cell-value-wrap {
    border: 1px solid #434343;
}


.form-data-container {
    display: inline;
    width: calc(100vw - 699px);
}

.form-data-builder {
    width: 700px;
}

/* .component-selected {
    border:1px solid #000;
    box-shadow: inset 0 0 0 2px #000;
} */

.component-selected {
    border: 2px solid #333;
}

/* .hide-component-selection {
    border: 0;
}

.apps-container .component-selected{
    border: 0;
} */

.component-selected>div>.component-element,
.component-selected>.component-element {
    height: 100%;
}

.element-overlay {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.element-overlay:hover {
    border: 1px dashed #171a20;
}

.component-selected>.element-selected>div> .element-overlay,
.component-selected>.element-selected>div> .element-overlay:hover {
    outline: 2px solid #0080ff !important;
    outline-offset: -2px !important;
}

.edit-mode-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.drag-over-item.element-overlay {
    background-color: #0080ff;
    opacity: 0.15;
}

a {
    color: #171a20 !important;
}

a:hover {
    text-decoration: underline;
}

.spin-fadein {
    animation: fadein 0.2s ease-in 0s forwards;
    opacity: 0;
    overflow-y: hidden;
}

.component-fadein {
    animation: fadein 0.2s ease-in 0.08s forwards;
    opacity: 0;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.type-text,
.type-divider,
.type-button {
    margin: 0 !important;
}

.dynamic-table-on-row-click * {
    cursor: pointer !important;
}

/* tile uploaded pictures */
.upload-list-inline .ant-upload-list-item {
    float: left;
    margin-inline-end: 8px;
    width: 200px;
}

.upload-justify-end .ant-upload-wrapper .ant-upload-select {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.upload-justify-end .ant-upload-wrapper .ant-upload {
    float: right;
}

.upload-title {
    font-size: 14px;
    margin-bottom: -25px;
}

.upload-title-with-subtitle {
    font-size: 14px;
    margin-bottom: 4px;
}

.upload-subtitle {
    color: #393c41;
    font-family: "Inter Book";
    font-size: 12px;

    opacity: 0.7;
}

@media only screen and (max-width: 1000px) {
    .ant-drawer-content-wrapper {
        width: 100% !important;
    }
}




.collapse-content,
.collapse-content-edit {
    height: 0;
    overflow: hidden;
}

.open {
    height: max-content !important;
    overflow: visible;
}




.arrow {
    margin-left: 10px;
    transition: transform 0.1s ease-in-out;
    float: right;
}

.arrow.open {
    transform: rotate(180deg);
}

.width-border-editable {
    position: relative;
    background-color: transparent;
}

.width-border-editable::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 2px dotted rgba(5, 141, 238, 0.2);
    box-sizing: border-box;
}

.component-element-field .width-border-editable::before {
    left: -2px;
    right: -2px;
}

.component-element-hidden {
    display: none !important;
}

.dynamic-list-item {
    cursor: pointer;
    background-color: #f9f9f9;
}

.dynamic-list-item:hover {
    background-color: #f4f4f4;
}

.dynamic-list-show-less {
    font-size: 12px !important;
}

.group-header {
    cursor: pointer;
    border-top: 1px solid #ddd;
    padding: 15px 0;
    color: #333;
    font-size: 12px;
    /* font-family: "Inter Book"; */
}

.group-header-large {
    cursor: pointer;
    border-top: 1px solid #ddd;
    padding: 0 0 20px;
    color: #333;
    font-size: 20px;
    font-family: "Inter Medium";
}

.group-header-not-active {
    cursor: default;
}

.group-header-no-divider {
    border-top: 0;
}

.group-item:hover .group-header {
    color: #000;
    text-decoration: underline;

}

.bottom-row-button {
    height: 20px;
}

td.viewonly-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.fixed-cell {
    background-color: #fafafa !important;

}

.prefix-row-view,
.prefix-row-edit {
    opacity: 0.3;
}

.ant-table-cell-row-hover .prefix-row-view,
.ant-table-cell-row-hover .prefix-row-edit {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
}


.not-editable-row {
    height: 43px;
    padding: 0 10px;
}

/* .not-editable-row th, .not-editable-row td {
    padding: 0 5px 0 17px !important;
} */