:root {
    --oc-primary-bg: var(--bs-body-bg);
    --oc-primary-border: var(--bs-border-color);
    --oc-dropdown-trigger-border: var(--bs-border-color);
    --oc-dropdown-hover-bg: var(--bs-primary);
    --oc-dropdown-trigger-color: var(--bs-body-color);
    --oc-dropdown-hover-color: var(--bs-white);
    --oc-selection: var(--bs-success);
    --oc-toolbar-border: var(--bs-border-color);
}

.form-group {
    margin-bottom: 1rem;
}

.tab-close {
    display: none !important;
}

.form-group.is-required>label:not(.custom-switch):after,
.form-group.is-required>.field-switch>label:after {
    background-color: #c20a0a;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    vertical-align: super;
    font-size: 60%;
    content: "";
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.oc-hide {
    display: none;
}

.field-fileupload.is-image .upload-object.upload-object-image.is-error .icon-container:after {
    font-family: 'bootstrap-icons' !important;
    content: '\F33B' !important;
}

.bi-common-file-upload:before {
    content: '\f296';
}

.field-fileupload:not(.is-populated) .uploader-control-container .uploader-control-toolbar .btn.populated-only {
    display: none;
}

.attributize-fields-container .row.w-100 {
    width: auto !important;
    min-width: 100% !important;
}

.input-group .icon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.field-fileupload .uploader-control-toolbar .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.field-colorpicker>ul.picker-options>li.custom-color:before,
.field-colorpicker>ul li.custom-color:before {
    font-family: 'bootstrap-icons' !important;
    content: '\F5E3' !important;
    font-size: 6px !important;
}

.bi-cog::before {
    content: '\F3E5' !important;
}

.bi-list-reorder::before {
    content: '\F3FE' !important;
}

.bi-collapse::before {
    content: '\F149' !important;
}

.bi-expand::before {
    content: '\F14A' !important;
}

.bi-copy::before {
    content: '\F3C2' !important;
}

.bi-delete::before {
    content: '\F5DE' !important;
}