/home/edulekha/crm.edulekha.com/resources/css/formbuilder.css
.form-wrap.form-builder .frmb-control {
@apply tw-shadow-sm;
}
.form-wrap.form-builder .frmb-control li {
@apply !tw-shadow-none tw-border tw-border-solid tw-border-neutral-200;
}
.form-wrap.form-builder .frmb-control li:hover {
@apply !tw-bg-neutral-50;
}
.frmb .field-actions .del-button {
@apply tw-float-right;
}
.web-to-lead-form .frmb .prev-holder .checkbox label::before,
.web-to-lead-form .frmb .prev-holder .radio label::before {
@apply !tw-hidden;
}
.web-to-lead-form .frmb .checkbox input[type="checkbox"],
.web-to-lead-form .frmb .checkbox input[type="radio"] {
@apply !tw-opacity-100;
}
.frm-holder .access-wrap,
.frm-holder .toggle-wrap,
.web-to-lead-form .other-wrap,
.web-to-lead-form .maxlength-wrap,
.web-to-lead-form .copy-button,
.web-to-lead-form .frmb-control .fb-separator,
.subtype-wrap,
.web-to-lead-form .option-actions,
.web-to-lead-form .field-options a.remove,
.web-to-lead-form li[type="datetime-local"] .value-wrap,
.web-to-lead-form li[type="datetime"] .value-wrap {
@apply !tw-hidden;
}
.paragraph-field.form-field {
@apply tw-text-neutral-600 tw-text-[14px] tw-leading-[25px];
}
.form-wrap.form-builder .frmb .prev-holder input[type="number"] {
@apply !tw-w-full;
}
.frmb-control li.input-set-control:first-child {
@apply !tw-rounded-t-[4px];
}
.form-wrap.form-builder .frmb .field-actions .btn {
@apply tw-font-normal;
}
.form-wrap.form-builder .frmb .field-actions .btn:first-child {
@apply !tw-rounded-none;
}
.form-wrap.form-builder .frmb .field-label,
.form-wrap.form-builder .frmb .legend {
@apply !tw-font-medium !tw-text-neutral-600 tw-mb-1 !tw-text-sm;
}
.name-wrap input,
.stage-wrap .form-field input[type="color"],
.stage-wrap .form-field input[type="date"],
.stage-wrap .form-field input[type="file"],
.stage-wrap .form-field input[type="datetime-local"],
.stage-wrap .form-field select[multiple="true"],
.web-to-lead-form
[id^="frmb-"][id$="-form-wrap"]
.frmb
.form-field
.form-group.field-options
input[type="text"] {
@apply tw-cursor-not-allowed tw-pointer-events-none !tw-bg-neutral-100 tw-text-neutral-400;
}
.cb-wrap li.disabled {
@apply tw-pointer-events-none tw-opacity-60 tw-bg-neutral-100;
}
.web-to-lead-form
.stage-wrap
.checkbox
input[type="checkbox"]:checked
+ label::after,
.web-to-lead-form
.stage-wrap
.checkbox
input[type="radio"]:checked
+ label::after {
content: " ";
}
.stage-wrap .form-field input[type="color"],
.stage-wrap .form-field input[type="date"] {
width: 100% !important;
appearance: textfield;
}
.stage-wrap .form-field input[type="color"]::-webkit-color-swatch-wrapper,
.stage-wrap .form-field input[type="color"]::-moz-color-swatch-wrapper,
.stage-wrap .form-field input[type="color"]::-webkit-color-swatch,
.stage-wrap .form-field input[type="color"]::-moz-color-swatch {
@apply !tw-hidden;
}
.stage-wrap .form-field input[type="date"] {
@apply tw-text-neutral-100;
}
[dir="rtl"] [id^="frmb-"][id$="-form-wrap"] .frmb .field-actions {
left: 0 !important;
right: inherit;
}
[id^="frmb-"][id$="-form-wrap"] .frmb li.form-field {
@apply !tw-border !tw-border-dashed !tw-border-transparent tw-p-4;
}
[id^="frmb-"][id$="-form-wrap"] .frmb li.form-field:hover {
@apply tw-shadow-none tw-outline-none !tw-border-neutral-300 tw-rounded;
}
[id^="frmb-"][id$="-form-wrap"] .frmb li.form-field.delete {
@apply !tw-bg-danger-50;
}
.form-wrap.form-builder .frmb .field-actions {
@apply -tw-mt-px -tw-mr-px;
}
.form-wrap.form-builder .frmb .field-actions .btn {
@apply !tw-border-x-0 !tw-border-neutral-300 !tw-border-t !tw-border-r !tw-rounded-none !tw-text-neutral-600 hover:!tw-bg-neutral-50 hover:!tw-text-neutral-800 active:!tw-z-20 active:!tw-relative;
}
.form-wrap.form-builder .frmb .field-actions .btn:nth-child(2) {
@apply !tw-border-l;
}
.form-wrap.form-builder .frmb .form-elements {
@apply !tw-bg-neutral-100/60 !tw-border-neutral-200 !tw-py-6 !tw-pr-6;
}
.form-wrap.form-builder .frmb li .close-field {
@apply !tw-bottom-[16px] !tw-text-sm !tw-text-neutral-600 !tw-border-neutral-200;
}
.form-wrap.form-builder .empty .frmb {
@apply !tw-border-[1.5px] !tw-border-neutral-300;
}
.form-wrap.form-builder .frmb .sortable-options {
@apply !tw-bg-neutral-200;
}
.form-wrap.form-builder .frmb .sortable-options > li .remove {
@apply !tw-bg-danger-500 !tw-text-white !tw-px-2 !tw-py-1 !tw-rounded-md !tw-inline-flex tw-items-center tw-justify-center !tw-border-danger-500 !tw-h-auto !tw-w-auto tw-mt-0.5 !tw-leading-4 !tw-top-auto;
}
.form-wrap.form-builder .frmb .option-actions a,
.form-wrap.form-builder .frmb .option-actions button {
@apply tw-text-neutral-700 tw-bg-white tw-border-neutral-300 tw-inline-flex tw-items-center tw-cursor-pointer;
}
.form-wrap.form-builder .frmb li.moving,
.form-wrap.form-builder .frmb li.ui-sortable-helper {
@apply !tw-shadow-lg !tw-shadow-neutral-400/20;
}
[id^="frmb-"][id$="-form-wrap"] .btn-primary {
@apply tw-text-white;
}
[id^="frmb-"][id$="-form-wrap"] .frmb {
margin: 0 0 0 20px !important;
}
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements input[type="text"],
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements input[type="color"],
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements input[type="date"],
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements input[type="number"],
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements .fld-label,
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements select,
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements textarea,
.form-wrap.form-builder .frmb .prev-holder input[type="number"],
.form-wrap.form-builder .frmb .prev-holder input[type="text"],
.form-wrap.form-builder .frmb .prev-holder input[type="email"],
.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder textarea {
@apply !tw-rounded-md !tw-border !tw-border-neutral-300 !tw-placeholder-neutral-400 !tw-shadow-sm focus:!tw-border-primary-500 focus:!tw-outline-none focus:!tw-ring-1 focus:!tw-ring-primary-500 focus:!tw-shadow-none;
}
.form-wrap.form-builder .frmb .required-asterisk {
@apply tw-text-danger-500 tw-float-left tw-mt-1.5 tw-mr-1;
}
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements .false-label:first-child,
[id^="frmb-"][id$="-form-wrap"] .frmb .form-elements label:first-child {
@apply !tw-font-medium;
}