@font-face {
    font-family: "formbuilder-icons";
    src: url("data:application/octet-stream;base64,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") format("woff")
}

[class^=formbuilder-icon-]:before,
[class*=" formbuilder-icon-"]:before {
    font-family: "formbuilder-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.formbuilder-icon-autocomplete:before {
    content: ""
}

.formbuilder-icon-date:before {
    content: ""
}

.formbuilder-icon-checkbox:before {
    content: ""
}

.formbuilder-icon-checkbox-group:before {
    content: ""
}

.formbuilder-icon-radio-group:before {
    content: ""
}

.formbuilder-icon-rich-text:before {
    content: ""
}

.formbuilder-icon-select:before {
    content: ""
}

.formbuilder-icon-textarea:before {
    content: ""
}

.formbuilder-icon-text:before {
    content: ""
}

.formbuilder-icon-pencil:before {
    content: ""
}

.formbuilder-icon-file:before {
    content: ""
}

.formbuilder-icon-hidden:before {
    content: ""
}

.formbuilder-icon-cancel:before {
    content: ""
}

.formbuilder-icon-button:before {
    content: ""
}

.formbuilder-icon-header:before {
    content: ""
}

.formbuilder-icon-paragraph:before {
    content: ""
}

.formbuilder-icon-number:before {
    content: ""
}

.formbuilder-icon-copy:before {
    content: ""
}

.formbuilder-icon-grid:before {
    content: url("data:image/svg+xml; utf8, <svg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' class=\'bi bi-list-nested\' viewBox=\'0 0 16 16\'><path fill-rule=\'evenodd\' d=\'M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z\'/></svg>")
}

.formbuilder-icon-plus:before {
    content: url("data:image/svg+xml; utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' class=\'bi bi-plus-circle\' viewBox=\'0 0 16 16\'><path d=\'M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\'/><path d=\'M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z\'/></svg>")
}

.form-wrap.form-builder {
    position: relative;
    display: flex;
}

.form-wrap.form-builder * {
    box-sizing: border-box
}

.form-wrap.form-builder .iris-picker, 
.form-wrap.form-builder .iris-picker * {
    box-sizing: content-box
}


.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.form-wrap.form-builder input {
    line-height: normal
}

.form-wrap.form-builder textarea {
    overflow: auto
}

.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.form-wrap.form-builder .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.form-wrap.form-builder .btn-group>.btn {
    position: relative;
    float: left
}

.form-wrap.form-builder .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form-wrap.form-builder .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.form-wrap.form-builder .btn-group .btn+.btn,
.form-wrap.form-builder .btn-group .btn+.btn-group,
.form-wrap.form-builder .btn-group .btn-group+.btn,
.form-wrap.form-builder .btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.form-wrap.form-builder .btn-group>.btn:last-child:not(:first-child),
.form-wrap.form-builder .btn-group>.dropdown-toggle:not(:first-child),
.form-wrap.form-builder .btn-group .input-group .form-control:last-child,
.form-wrap.form-builder .btn-group .input-group-addon:last-child,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-wrap.form-builder .btn-group>.btn.active,
.form-wrap.form-builder .btn-group>.btn:active,
.form-wrap.form-builder .btn-group>.btn:focus,
.form-wrap.form-builder .btn-group>.btn:hover {
    z-index: 2
}

.form-wrap.form-builder .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px
}

.form-wrap.form-builder .btn.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-wrap.form-builder .btn.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-wrap.form-builder .btn.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-wrap.form-builder .btn.active,
.form-wrap.form-builder .btn.btn-active,
.form-wrap.form-builder .btn:active {
    background-image: none
}

.form-wrap.form-builder .input-group .form-control:last-child,
.form-wrap.form-builder .input-group-addon:last-child,
.form-wrap.form-builder .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .input-group-btn:last-child>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-wrap.form-builder .input-group .form-control,
.form-wrap.form-builder .input-group-addon,
.form-wrap.form-builder .input-group-btn {
    display: table-cell
}

.form-wrap.form-builder .input-group-lg>.form-control,
.form-wrap.form-builder .input-group-lg>.input-group-addon,
.form-wrap.form-builder .input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-wrap.form-builder .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.form-wrap.form-builder .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.form-wrap.form-builder .form-control,
.form-wrap.form-builder output {
    font-size: 14px;
    line-height: 1.42857143;
    display: block
}

.form-wrap.form-builder textarea.form-control {
    height: auto
}

.form-wrap.form-builder .form-control {
    /* height: 34px; */
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px
}

.form-wrap.form-builder select.form-control {
    font-size: 13px;
}

.form-wrap.form-builder .form-control:focus {
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .form-group {
    margin-left: 0px;
    margin-bottom: 15px
}

.form-wrap.form-builder .btn,
.form-wrap.form-builder .form-control {
    background-image: none
}

.form-wrap.form-builder .pull-right {
    float: right
}

.form-wrap.form-builder .pull-left {
    float: left
}

.form-wrap.form-builder .formbuilder-required,
.form-wrap.form-builder .required-asterisk {
    color: #c10000
}

.form-wrap.form-builder .formbuilder-checkbox-group input[type=checkbox],
.form-wrap.form-builder .formbuilder-checkbox-group input[type=radio],
.form-wrap.form-builder .formbuilder-radio-group input[type=checkbox],
.form-wrap.form-builder .formbuilder-radio-group input[type=radio] {
    margin: 0 4px 0 0
}

.form-wrap.form-builder .formbuilder-checkbox-inline,
.form-wrap.form-builder .formbuilder-radio-inline {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0
}

.form-wrap.form-builder .formbuilder-checkbox-inline label input[type=text],
.form-wrap.form-builder .formbuilder-radio-inline label input[type=text] {
    margin-top: 0
}

.form-wrap.form-builder .formbuilder-checkbox-inline:first-child,
.form-wrap.form-builder .formbuilder-radio-inline:first-child {
    padding-left: 0
}

.form-wrap.form-builder .formbuilder-autocomplete-list {
    background-color: #fff;
    display: none;
    list-style: none;
    padding: 0;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    position: absolute;
    z-index: 20;
    max-height: 200px;
    overflow-y: auto
}

.form-wrap.form-builder .formbuilder-autocomplete-list li {
    display: none;
    cursor: default;
    padding: 5px;
    margin: 0;
    transition: background-color 200ms ease-in-out
}

.form-wrap.form-builder .formbuilder-autocomplete-list li:hover,
.form-wrap.form-builder .formbuilder-autocomplete-list li.active-option {
    background-color: rgba(0, 0, 0, .075)
}

@keyframes PLACEHOLDER {
    0% {
        height: 1px
    }
    100% {
        height: 15px
    }
}

.form-wrap.form-builder .cb-wrap {
    width: 30%;
    transition: transform 250ms;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    padding: 15px;
    border-radius: 5px;
}

.form-wrap.form-builder .cb-wrap.pull-left .form-actions {
    float: left
}

.form-wrap.form-builder .cb-wrap h4 {
    margin-top: 0;
    color: #666
}

@media(max-width: 481px) {
    .form-wrap.form-builder .cb-wrap {
        width: 100%
    }
    .form-wrap.form-builder .cb-wrap h4 {
        display: none
    }
}

.form-wrap.form-builder .frmb-control {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    max-height: 800px;
    width: 100%;
    overflow-y: auto;
}

.form-wrap.form-builder .frmb-control ul.ui-sortable {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}
.form-wrap.form-builder .frmb-control ul.ui-sortable li.input-control {
    margin-right: 15px;
}
.form-wrap.form-builder .frmb-control ul.ui-sortable li.input-control:nth-child(3n) {
    margin-right: 0;
}
.form-wrap.form-builder .frmb-control ul.ui-sortable:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.form-wrap.form-builder .frmb-control li {
    cursor: move;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #c5c5c5;
    padding: 15px;
    margin: 0 0 15px 0;
    flex: 0 0 calc(33.3333% - 10px);
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.form-wrap.form-builder .frmb-control li .control-icon {
    width: 16px;
    height: auto;
    margin-right: 10px;
    margin-left: .2em;
    display: inline-block
}

.form-wrap.form-builder .frmb-control li .control-icon img,
.form-wrap.form-builder .frmb-control li .control-icon svg {
    max-width: 100%;
    height: auto
}

.form-wrap.form-builder .frmb-control li::before,
.form-wrap.form-builder .frmb-control li .control-icon {
    margin-right: 10px;
    font-size: 16px;
    color: var(--owcpv-primary-color);
}

.form-wrap.form-builder .frmb-control li:hover {
    background-color: #f2f2f2
}

.form-wrap.form-builder .frmb-control li.ui-sortable-helper {
    border-radius: 5px;
    transition: box-shadow 250ms;
    box-shadow: 2px 2px 6px 0 #666;
    border: 1px solid #fff
}

.form-wrap.form-builder .frmb-control li.ui-state-highlight {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0 none
}

.form-wrap.form-builder .frmb-control li.moving {
    opacity: .6
}

.form-wrap.form-builder .frmb-control li.formbuilder-separator {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    cursor: default
}

.form-wrap.form-builder .frmb-control li.formbuilder-separator hr {
    margin: 10px 0
}

.form-wrap.form-builder .frmb-control.sort-enabled li.ui-state-highlight {
    box-shadow: none;
    height: 0;
    width: 100%;
    background: radial-gradient(ellipse at center, #545454 0%, rgba(0, 0, 0, 0) 75%);
    border: 0 none;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    visibility: visible;
    overflow: hidden;
    margin: 1px 0 3px;
    animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .formbuilder-mobile .form-actions {
    width: 100%
}

.form-wrap.form-builder .formbuilder-mobile .form-actions button {
    width: 100%;
    font-size: .85em !important;
    display: block !important;
    border-radius: 0 !important;
    margin-top: -1px;
    margin-left: 0 !important
}

.form-wrap.form-builder .formbuilder-mobile .form-actions button:first-child {
    border-radius: 5px 5px 0 0 !important;
    margin-top: 0 !important;
    border-bottom: 0 none
}

.form-wrap.form-builder .formbuilder-mobile .form-actions button:last-child {
    border-radius: 0 0 5px 5px !important
}

.form-wrap.form-builder .form-actions {
    float: right;
    margin-top: 5px
}

.form-wrap.form-builder .form-actions button {
    border: 0 none
}

.form-wrap.form-builder .stage-wrap {
    position: relative;
    margin: 0;
    padding: 15px;
    width: calc(70% - 20px);
    margin-right: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 5px;
}

@media(max-width: 481px) {
    .form-wrap.form-builder .stage-wrap {
        width: calc(100%)
    }
}

.form-wrap.form-builder .stage-wrap.empty {
    background-color: rgba(255, 255, 255, .25)
}

.form-wrap.form-builder .stage-wrap.empty::after {
    content: attr(data-content);
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -1em
}

.form-wrap.form-builder .frmb {
    list-style-type: none;
    min-height: 200px;
    transition: background-color 500ms ease-in-out
}

.form-wrap.form-builder .frmb .formbuilder-required {
    color: #c10000
}

.form-wrap.form-builder .frmb.removing {
    overflow: hidden
}

.form-wrap.form-builder .frmb li.form-field:hover {
    border-color: var(--owcpv-secondary-color);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .frmb li.form-field:hover .field-actions {
    opacity: 1
}

.form-wrap.form-builder .frmb li.form-field {
    position: relative;
    padding: 15px;
    clear: both;
    margin-left: 0;
    margin-bottom: 3px;
    background-color: #fff;
    transition: background-color 250ms ease-in-out, margin-top 400ms
}

.form-wrap.form-builder .frmb li.form-field.hidden-field {
    background-color: rgba(255, 255, 255, .6)
}

.form-wrap.form-builder .frmb li.form-field:first-child {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 0;
}

.form-wrap.form-builder .frmb li.form-field:first-child .field-actions .btn:last-child {
    border-radius: 0 5px 0 0
}

.form-wrap.form-builder .frmb li.form-field:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb li.form-field.no-fields label {
    font-weight: 400
}

@keyframes PLACEHOLDER {
    0% {
        height: 0
    }
    100% {
        height: 15px
    }
}

.form-wrap.form-builder .frmb li.form-field.frmb-placeholder,
.form-wrap.form-builder .frmb li.form-field.ui-state-highlight {
    height: 0;
    padding: 0;
    background: radial-gradient(ellipse at center, #545454 0%, rgba(0, 0, 0, 0) 75%);
    border: 0 none;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    visibility: visible;
    overflow: hidden;
    margin-bottom: 3px;
    animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .frmb li.form-field.moving,
.form-wrap.form-builder .frmb li.form-field.ui-sortable-helper {
    transition: box-shadow 500ms ease-in-out;
    box-shadow: 2px 2px 6px 0 #666;
    border: 1px solid #fff;
    border-radius: 5px
}

.form-wrap.form-builder .frmb li.form-field.disabled-field {
    z-index: 1;
    position: relative;
    overflow: visible
}

.form-wrap.form-builder .frmb li.form-field.disabled-field:hover .frmb-tt {
    display: inline-block
}

.form-wrap.form-builder .frmb li.form-field.disabled-field [type=checkbox] {
    float: left;
    margin-right: 10px
}

.form-wrap.form-builder .frmb li.form-field.disabled-field h2 {
    border-bottom: 0 none
}

.form-wrap.form-builder .frmb li.form-field.disabled-field label {
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.form-wrap.form-builder .frmb li.form-field.disabled-field .prev-holder {
    cursor: default;
    line-height: 28px;
    padding-left: 5px
}

.form-wrap.form-builder .frmb li.form-field .close-field {
    position: absolute;
    color: #666;
    left: 50%;
    bottom: 15px;
    background: #fff;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    transform: translateX(-50%);
    padding: 0 5px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    cursor: pointer;
    transition: background-color 250ms ease-in-out
}

.form-wrap.form-builder .frmb li.form-field .close-field:hover {
    text-decoration: none
}

.form-wrap.form-builder .frmb li.form-field.button-field h1,
.form-wrap.form-builder .frmb li.form-field.button-field h2,
.form-wrap.form-builder .frmb li.form-field.button-field h3,
.form-wrap.form-builder .frmb li.form-field.button-field p,
.form-wrap.form-builder .frmb li.form-field.button-field canvas,
.form-wrap.form-builder .frmb li.form-field.button-field output,
.form-wrap.form-builder .frmb li.form-field.button-field address,
.form-wrap.form-builder .frmb li.form-field.button-field blockquote,
.form-wrap.form-builder .frmb li.form-field.button-field .prev-holder,
.form-wrap.form-builder .frmb li.form-field.header-field h1,
.form-wrap.form-builder .frmb li.form-field.header-field h2,
.form-wrap.form-builder .frmb li.form-field.header-field h3,
.form-wrap.form-builder .frmb li.form-field.header-field p,
.form-wrap.form-builder .frmb li.form-field.header-field canvas,
.form-wrap.form-builder .frmb li.form-field.header-field output,
.form-wrap.form-builder .frmb li.form-field.header-field address,
.form-wrap.form-builder .frmb li.form-field.header-field blockquote,
.form-wrap.form-builder .frmb li.form-field.header-field .prev-holder,
.form-wrap.form-builder .frmb li.form-field.paragraph-field p,
.form-wrap.form-builder .frmb li.form-field.paragraph-field canvas,
.form-wrap.form-builder .frmb li.form-field.paragraph-field output,
.form-wrap.form-builder .frmb li.form-field.paragraph-field address,
.form-wrap.form-builder .frmb li.form-field.paragraph-field blockquote,
.form-wrap.form-builder .frmb li.form-field.paragraph-field .prev-holder {
    margin-bottom: 0;
}

.form-wrap.form-builder .frmb li.form-field.paragraph-field h1,
.form-wrap.form-builder .frmb li.form-field.paragraph-field h2,
.form-wrap.form-builder .frmb li.form-field.paragraph-field h3 {
    padding: 0 !important;
    margin-bottom: 1em !important;
}

.form-wrap.form-builder .frmb li.form-field.paragraph-field h4,
.form-wrap.form-builder .frmb li.form-field.paragraph-field h5,
.form-wrap.form-builder .frmb li.form-field.paragraph-field h6 {
    padding: 0 !important;
}

.form-wrap.form-builder .frmb li.form-field.button-field .field-label,
.form-wrap.form-builder .frmb li.form-field.header-field .field-label,
.form-wrap.form-builder .frmb li.form-field.paragraph-field .field-label {
    display: none
}

.form-wrap.form-builder .frmb li.form-field.button-field.editing .field-label,
.form-wrap.form-builder .frmb li.form-field.header-field.editing .field-label {
    display: block
}

.form-wrap.form-builder .frmb li.form-field.paragraph-field .fld-label {
    min-height: 300px;
    overflow-y: auto
}

.form-wrap.form-builder .frmb li.form-field.checkbox-field .field-label {
    display: none
}

.form-wrap.form-builder .frmb li.deleting,
.form-wrap.form-builder .frmb li.delete:hover,
.form-wrap.form-builder .frmb li:hover li.delete:hover {
    background-color: #fdd
}

.form-wrap.form-builder .frmb li.deleting .close-field,
.form-wrap.form-builder .frmb li.delete:hover .close-field,
.form-wrap.form-builder .frmb li:hover li.delete:hover .close-field {
    background-color: #fdd
}

.form-wrap.form-builder .frmb li.deleting {
    z-index: 20;
    pointer-events: none
}

.form-wrap.form-builder .frmb.disabled-field {
    padding: 0 5px
}

.form-wrap.form-builder .frmb.disabled-field :hover {
    border-color: transparent
}

.form-wrap.form-builder .frmb.disabled-field .form-element {
    float: none;
    margin-bottom: 10px;
    overflow: visible;
    padding: 5px 0;
    position: relative
}

.form-wrap.form-builder .frmb .frm-holder {
    display: none
}

.form-wrap.form-builder .frmb .tooltip {
    left: 20px
}

.form-wrap.form-builder .frmb .prev-holder {
    display: block
}

.form-wrap.form-builder .frmb .prev-holder .form-group {
    margin: 0
}

.form-wrap.form-builder .frmb .prev-holder input[type="radio"] {
    height: auto;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.form-wrap.form-builder .frmb .prev-holder input[type="checkbox"] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
}

.form-wrap.form-builder .frmb .prev-holder .ql-editor {
    min-height: 125px
}

.form-wrap.form-builder .frmb .prev-holder .form-group>label:not([class=formbuilder-checkbox-label]) {
    display: none
}

.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder input[type=text],
.form-wrap.form-builder .frmb .prev-holder textarea,
.form-wrap.form-builder .frmb .prev-holder input[type=number] {
    background-color: #fff;
    border: 1px solid #e8e5e5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03)
}

.form-wrap.form-builder .frmb .prev-holder input[type=color] {
    width: 60px;
    padding: 2px;
    display: inline-block
}

.form-wrap.form-builder .frmb .prev-holder input[type=date] {
    width: auto
}

.form-wrap.form-builder .frmb .prev-holder select[multiple] {
    height: auto
}

.form-wrap.form-builder .frmb .prev-holder label {
    font-weight: normal
}

.form-wrap.form-builder .frmb .prev-holder input[type=number] {
    width: auto
}

.form-wrap.form-builder .frmb .prev-holder input[type=color] {
    width: 60px;
    padding: 2px;
    display: inline-block
}

.form-wrap.form-builder .frmb .required-asterisk {
    display: none
}

.form-wrap.form-builder .frmb .field-label,
.form-wrap.form-builder .frmb .legend {
    color: var(--owcpv-primary-color);
    margin-bottom: 5px;
    line-height: 27px;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.form-wrap.form-builder .frmb .disabled-field .field-label {
    display: block
}

.form-wrap.form-builder .frmb .other-option:checked+label input {
    display: inline-block
}

.form-wrap.form-builder .frmb .other-val {
    margin-left: 5px;
    display: none
}

.form-wrap.form-builder .frmb .field-actions {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.form-wrap.form-builder .frmb .field-actions a::before {
    margin: 0
}

.form-wrap.form-builder .frmb .field-actions a:hover {
    text-decoration: none;
    color: #000
}

.form-wrap.form-builder .frmb .field-actions .btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0 6px;
    border-radius: 0;
    border-color: #c5c5c5;
    background-color: #fff;
    color: #c5c5c5;
    line-height: 32px;
    font-size: 16px;
    border-width: 0 0 1px 1px
}

.form-wrap.form-builder .frmb .field-actions .btn:first-child {
    border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
    background-color: #65aac6;
    color: #fff
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
    background-color: #6fc665;
    color: #fff
}

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
    background-color: #c66865;
    color: #fff
}

.form-wrap.form-builder .frmb .option-actions {
    text-align: right;
    margin-top: 10px;
    width: 100%;
}

.form-wrap.form-builder .frmb .option-actions button,
.form-wrap.form-builder .frmb .option-actions a {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    border-radius: 5px;
    cursor: default
}

.form-wrap.form-builder .frmb .sortable-options-wrap {
    width: 81.33333333%;
    margin-left: 2%;
    float: left;
}

.form-wrap.form-builder .frmb .sortable-options-wrap label {
    font-weight: normal
}

@media(max-width: 481px) {
    .form-wrap.form-builder .frmb .sortable-options-wrap {
        display: block;
        width: 100%
    }
}

/* .form-wrap.form-builder .frmb .radio-group-field .sortable-options li:nth-child(2) .remove {
    visibility: hidden;
    opacity: 0;
} */

.form-wrap.form-builder .frmb .sortable-options {
    display: inline-block;
    width: 100%;
    background: #c5c5c5;
    margin-bottom: 0;
    border-radius: 2px;
    list-style: none;
    margin-left: 0;
    padding: 0
}

.form-wrap.form-builder .frmb .sortable-options>li {
    cursor: move;
    margin: 1px;
    padding: 6px 30px 6px 6px;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.form-wrap.form-builder .frmb .sortable-options>li:nth-child(1) .remove {
    visibility: hidden;
    pointer-events: none;
}

.form-wrap.form-builder .frmb .sortable-options>li .remove {
    position: relative;
    opacity: 1;
    float: right;
    height: 20px;
    width: 18px;
    font-size: 12px;
    padding: 0;
    color: #c10000;
    position: absolute;
    right: 10px;
    border: 1px solid #c10000;
}

.form-wrap.form-builder .frmb .sortable-options>li .remove::before {
    margin: 0
}

.form-wrap.form-builder .frmb .sortable-options>li .remove:hover {
    background-color: #c10000 !important;
    text-decoration: none;
    color: #fff
}

.form-wrap.form-builder .frmb .sortable-options .option-selected {
    margin: 0 5px 0 0;
}

.form-wrap.form-builder .frmb .sortable-options input[type=text] {
    width: calc(44.5% - 17px);
    margin: 0 3px;
    float: none
}

.form-wrap.form-builder .frmb .form-field .form-group {
    width: 100%;
    clear: left;
    float: none
}

.form-wrap.form-builder .frmb .prev-holder .form-group .radio-group .formbuilder-radio {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.form-wrap.form-builder .frmb .col-md-6 .form-elements,
.form-wrap.form-builder .frmb .col-md-8 .form-elements {
    width: 100%
}

.form-wrap.form-builder .frmb .field-options .add-area .add {
    clear: both
}

.form-wrap.form-builder .frmb .style-wrap button.selected {
    border: 1px solid #000;
    margin-top: 0;
    margin-right: 1px;
    box-shadow: 0 0 0 1px #fff inset;
    padding: 1px 5px
}

.form-wrap.form-builder .frmb .form-elements {
    background: #fff;
    border-radius: 3px;
    margin: 0;
    border: 1px solid #e8e5e5
}

.form-wrap.form-builder .frmb .form-elements .input-wrap {
    width: 81.33333333%;
    margin-left: 2%;
    float: left
}

.form-wrap.form-builder .frmb .form-elements .form-group .input-wrap.kc-toggle span {
    float: unset;
}
.form-wrap.form-builder .frmb .form-elements .form-group .input-wrap.kc-toggle input {
    display: none;
}

.form-wrap.form-builder .frmb .form-elements .input-wrap>input[type=checkbox] {
    margin-top: 8px
}

.form-wrap.form-builder .frmb .form-elements .btn-group {
    margin-left: 2%
}

.form-wrap.form-builder .frmb .form-elements .add {
    clear: both
}

.form-wrap.form-builder .frmb .form-elements [contenteditable],
.form-wrap.form-builder .frmb .form-elements select[multiple] {
    height: auto
}

.form-wrap.form-builder .frmb .form-elements [contenteditable].form-control,
.form-wrap.form-builder .frmb .form-elements input[type=text],
.form-wrap.form-builder .frmb .form-elements input[type=number],
.form-wrap.form-builder .frmb .form-elements input[type=date],
.form-wrap.form-builder .frmb .form-elements input[type=color],
.form-wrap.form-builder .frmb .form-elements textarea,
.form-wrap.form-builder .frmb .form-elements select {
    transition: background 250ms ease-in-out;
    padding: 6px 12px;
    border: 1px solid #e8e5e5;
    background-color: #fff
}

@media(max-width: 481px) {
    .form-wrap.form-builder .frmb .form-elements .input-wrap {
        width: 100%;
        margin-left: 0;
        float: none
    }
}

.form-wrap.form-builder .frmb .form-elements input[type=number] {
    width: auto
}

.form-wrap.form-builder .frmb .form-elements .btn-group {
    margin-left: 2%
}

.col-md-6 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-6 .form-wrap.form-builder .frmb .form-elements label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements label {
    display: block
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
.form-wrap.form-builder .frmb .form-elements label:first-child {
    width: 16.66666667%;
    padding-top: 7px;
    margin-bottom: 0;
    font-weight: 700;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 481px) {
    .form-wrap.form-builder .frmb .form-elements .false-label:first-child,
    .form-wrap.form-builder .frmb .form-elements label:first-child {
        display: block;
        width: auto;
        float: none;
        text-align: left
    }
    .form-wrap.form-builder .frmb .form-elements .false-label:first-child.empty-label,
    .form-wrap.form-builder .frmb .form-elements label:first-child.empty-label {
        display: none
    }
}

.form-wrap.form-builder .frmb .form-elements .false-label.multiple,
.form-wrap.form-builder .frmb .form-elements .false-label.required-label,
.form-wrap.form-builder .frmb .form-elements .false-label.toggle-label,
.form-wrap.form-builder .frmb .form-elements .false-label.roles-label,
.form-wrap.form-builder .frmb .form-elements .false-label.other-label,
.form-wrap.form-builder .frmb .form-elements label.multiple,
.form-wrap.form-builder .frmb .form-elements label.required-label,
.form-wrap.form-builder .frmb .form-elements label.toggle-label,
.form-wrap.form-builder .frmb .form-elements label.roles-label,
.form-wrap.form-builder .frmb .form-elements label.other-label {
    text-align: left;
    float: none;
    margin-bottom: -3px;
    font-weight: 400;
    width: calc(81.3333% - 23px)
}

.form-wrap.form-builder .frmb .form-elements input.error {
    border: 1px solid #c10000
}

.form-wrap.form-builder .frmb .form-elements input.fld-maxlength {
    width: 75px
}

.form-wrap.form-builder .frmb .form-elements input.field-error {
    background: #fefefe;
    border: 1px solid #c5c5c5
}

.form-wrap.form-builder .frmb .form-elements label em {
    display: block;
    font-weight: 400;
    font-size: .75em
}

.form-wrap.form-builder .frmb .form-elements label.maxlength-label {
    line-height: 1em
}

.form-wrap.form-builder .frmb .form-elements .available-roles {
    display: none;
    padding: 10px;
    margin: 10px 0;
    background: #e6e6e6;
    box-shadow: inset 0 0 2px 0 #b3b3b3
}

@media(max-width: 481px) {
    .form-wrap.form-builder .frmb .form-elements .available-roles {
        margin-left: 0
    }

    .form-wrap.form-builder {
        flex-wrap: wrap;
    }
    .form-wrap.form-builder .cb-wrap {
        position: relative !important;
        inset: unset !important;
        order: -1;
    }
    .form-wrap.form-builder .stage-wrap {
        margin-right: 0;
        margin-top: 30px;
    }

    .form-wrap.form-builder .frmb-control li {
        flex: 0 0 calc(100%);
    }
    .form-wrap.form-builder .frmb-control ul.ui-sortable {
        margin: 0 0 25px 0;
        padding-bottom: 10px;
    }
    .form-wrap.form-builder .frmb-control ul.ui-sortable li.input-control {
        margin-right: 0;
    }
}

.form-wrap.form-builder .frmb .form-elements .available-roles label {
    font-weight: 400;
    width: auto;
    float: none;
    display: inline
}

.form-wrap.form-builder .frmb .form-elements .available-roles input {
    display: inline;
    top: auto
}

.form-wrap.form-builder .autocomplete-field .sortable-options .option-selected {
    display: none
}

.form-wrap.form-builder .formbuilder-mobile .field-actions {
    opacity: 1
}

.form-wrap.form-builder *[tooltip] {
    position: relative
}

.form-wrap.form-builder *[tooltip]:hover:after {
    background: rgba(0, 0, 0, .9);
    border-radius: 5px 5px 5px 0;
    bottom: 23px;
    color: #fff;
    content: attr(tooltip);
    padding: 10px 5px;
    position: absolute;
    z-index: 98;
    left: 2px;
    width: 230px;
    text-shadow: none;
    font-size: 12px;
    line-height: 1.5em;
    cursor: default
}

.form-wrap.form-builder *[tooltip]:hover:before {
    border: solid;
    border-color: #222 transparent;
    border-width: 6px 6px 0;
    bottom: 17px;
    content: "";
    left: 2px;
    position: absolute;
    z-index: 99;
    cursor: default
}

.form-wrap.form-builder .tooltip-element {
    visibility: visible;
    color: #fff;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin: 0 5px;
    font-size: 12px;
    cursor: default
}

.form-wrap.form-builder .snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px
}

.form-wrap.form-builder .snackbar.show {
    visibility: visible;
    animation: fadein .5s, fadeout .5s 2.5s
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

.form-wrap.form-builder .ui-state-highlight {
    border-radius: 3px;
    border: 1px dashed #0d99f2;
    border-radius: 3px;
    background-color: #e5f5f8;
    width: 12px
}

.form-wrap.form-builder .moveHighlight {
    border: 1px dashed #0d99f2 !important;
    background-color: #e5f5f8 !important
}

.form-wrap.form-builder .currentGridModeFieldHighlight {
    background-color: #e5f5f8 !important
}

.form-wrap.form-builder .grid-mode-help {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.form-wrap.form-builder .grid-mode-help-row1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px
}

.form-wrap.form-builder .grid-mode-help-row2 {
    white-space: nowrap
}

.form-wrap.form-builder .colHoverTempStyle {
    padding-left: 7px !important;
    padding-right: 7px !important;
    flex: 95 1 0% !important
}

.form-wrap.form-builder .rowWrapper {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.form-wrap.form-builder .btnAddControl {
    border: 0;
    background-color: unset
}

.form-wrap.form-builder .hoverColumnDropStyle {
    border: 1px dashed #0d99f2;
    border-radius: 3px;
    background-color: #e5f5f8;
    width: 20px;
    position: fixed;
    margin-left: 40px
}

.form-wrap.form-builder .hoverDropStyleInverse {
    background-color: #0d99f2;
    border: 1px dashed #e5f5f8
}

.form-wrap.form-builder .invisibleRowPlaceholder {
    width: 0px !important;
    position: fixed !important;
    left: -100px !important
}

.form-wrap.form-builder .kc-toggle {
    padding-left: 0 !important
}

.form-wrap.form-builder .kc-toggle span {
    position: relative;
    width: 50px;
    height: 25px;
    background: #e6e6e6;
    display: inline-block;
    border-radius: 30px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    will-change: transform
}

.form-wrap.form-builder .kc-toggle span::after,
.form-wrap.form-builder .kc-toggle span::before {
    position: absolute;
    display: inline-block;
    top: 0
}

.form-wrap.form-builder .kc-toggle span::after {
    position: relative;
    content: "";
    width: calc(50% - 2px);
    height: calc(100% - 2px);
    border-radius: 3px;
    background: linear-gradient(to bottom, white 0%, #ccc 100%);
    transition: transform 100ms;
    transform: translateX(0);

    left: 1px;
    border-radius: 50%;
    top: 1px;
}

.form-wrap.form-builder .kc-toggle span::before {
    border-radius: 30px;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent
}

.form-wrap.form-builder .kc-toggle input {
    height: 0;
    overflow: hidden;
    width: 0;
    opacity: 0;
    pointer-events: none;
    margin: 0
}

.form-wrap.form-builder .kc-toggle input:checked+span::after {
    transform: translateX(calc(100% + 2px));
}

.form-wrap.form-builder .kc-toggle input:checked+span::before {
    background-color: var(--owcpv-primary-color, #6fc665);
}

.form-wrap.form-builder::after {
    content: "";
    display: table;
    clear: both
}

.cb-wrap,
.stage-wrap {
    vertical-align: top
}

.cb-wrap.pull-right,
.stage-wrap.pull-right {
    float: right
}

.cb-wrap.pull-left,
.stage-wrap.pull-left {
    float: left
}

.form-elements,
.form-group,
.multi-row span,
textarea {
    display: block
}

.form-elements::after,
.form-group::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.form-elements .field-options div:hover,
.frmb .legend,
.frmb .prev-holder {
    cursor: move
}

.frmb-tt {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #262626;
    background-color: #666;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    z-index: 20;
    text-align: left;
    font-size: 12px;
    pointer-events: none
}

.frmb-tt::before {
    border-color: #262626 transparent;
    bottom: -11px
}

.frmb-tt::before,
.frmb-tt::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #666 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -10px;
    bottom: -10px;
    left: 20px
}

.frmb-tt a {
    text-decoration: underline;
    color: #fff
}

.frmb li:hover .del-button,
.frmb li:hover .toggle-form,
.formbuilder-mobile .frmb li .del-button,
.formbuilder-mobile .frmb li .toggle-form {
    opacity: 1
}

.frmb-xml .ui-dialog-content {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    padding: 0 30px;
    margin-top: 0
}

.toggle-form {
    opacity: 0
}

.toggle-form:hover {
    border-color: #ccc
}

.toggle-form::before {
    margin: 0
}

.formb-field-vars .copy-var {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #b3b3b3;
    text-indent: -9999px
}

.ui-button .ui-button-text {
    line-height: 0
}

.form-builder-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 10
}

.form-builder-overlay.visible {
    display: block
}

.form-builder-dialog {
    position: absolute;
    border-radius: 5px;
    background: #fff;
    z-index: 20;
    transform: translate(-50%, -50%);
    top: 0;
    left: 0;
    padding: 10px;
    box-shadow: 0 3px 10px #000;
    min-width: 166px;
    max-height: 80%;
    overflow-y: scroll
}

.form-builder-dialog h3 {
    margin-top: 0
}

.form-builder-dialog.data-dialog {
    width: 65%;
    background-color: #23241f
}

.form-builder-dialog.data-dialog pre {
    background: none;
    border: 0 none;
    box-shadow: none;
    margin: 0;
    color: #f2f2f2
}

.form-builder-dialog.positioned {
    transform: translate(-50%, -100%)
}

.form-builder-dialog.positioned .button-wrap::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 10px)
}

.form-builder-dialog .button-wrap {
    position: relative;
    margin-top: 10px;
    text-align: right;
    clear: both
}

.form-builder-dialog .button-wrap .btn {
    margin-left: 10px
}