@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); :root {
--frm-color-primary: #4f46e5;
--frm-color-secondary: #4338ca;
} html.intake-form, html.intake-form body, html.intake-form .main-wrapper, html.intake-form .public-page-layout { background: transparent !important; } html.intake-form body::before, html.intake-form .main-wrapper::before, html.intake-form .public-page-layout::before { display:none !important; background:none !important; content:"" !important; } .app-form-embed#FormSetting-scope .card, .app-form-embed .card#forms-form-wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; max-width: 560px !important; margin: 0 auto !important; } .app-form-embed .card-block.forms-form-block { padding: 0 !important; background: transparent !important; } .app-form-embed .card-header.forms-form-header { display: none !important; } .app-form-embed#FormSetting-scope, .app-form-embed#FormSetting-scope label, .app-form-embed .form-control { font-family: "Inter", -apple-system, sans-serif !important; } .app-form-embed#FormSetting-scope { color: #10121a !important; } .app-form-embed#FormSetting-scope .div-block, .app-form-embed#FormSetting-scope .div-block > p { color: #10121a !important; font-size: 14px !important; background: rgba(255,255,255,0.55) !important; -webkit-backdrop-filter: blur(16px) saturate(1.25) !important; backdrop-filter: blur(16px) saturate(1.25) !important; border: 1px solid rgba(255,255,255,0.6) !important; border-radius: 16px !important; padding: 15px 18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 34px rgba(0,0,0,.14) !important; } .app-form-embed #formFields > div.form-group { margin-bottom: 18px !important; } .app-form-embed#FormSetting-scope label { font-size: 12.5px !important; font-weight: 600 !important; color: #252834 !important; margin-bottom: 8px !important; } .app-form-embed#FormSetting-scope span.required { color: #4f46e5 !important; } .app-form-embed .label-subtext { color: #5b606e !important; font-size: 12px !important; } .app-form-embed .form-control { background: rgba(255,255,255,0.55) !important; -webkit-backdrop-filter: blur(16px) saturate(1.25) !important; backdrop-filter: blur(16px) saturate(1.25) !important; border: 1px solid rgba(255,255,255,0.6) !important; border-radius: 16px !important; padding: 13px 16px !important; color: #10121a !important; font-size: 15px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 34px rgba(0,0,0,.14) !important; transition: border-color .16s, box-shadow .16s !important; } .app-form-embed .form-control:focus { border-color: rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 0 0 4px color-mix(in srgb, #4f46e5 22%, transparent), 0 12px 36px rgba(0,0,0,.16) !important; outline: none !important; } .app-form-embed .form-control::placeholder { color: #5b606e !important; opacity: .8 !important; } .app-form-embed textarea.form-control { min-height: 96px !important; } .app-form-embed .btn.btn-primary { background: #4f46e5 !important; color: #fff !important; border: 0 !important; border-radius: 14px !important; padding: 14px 32px !important; font-weight: 600 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 30px -10px color-mix(in srgb, #4f46e5 60%, transparent) !important; } .app-form-embed .btn.btn-primary:hover { background: #4338ca !important; } .app-form-embed#FormSetting-scope .form-group.ng-scope > input:not(.form-control), .app-form-embed#FormSetting-scope .form-group.ng-scope > textarea:not(.form-control) { background: rgba(255,255,255,0.55) !important; color: #10121a !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 16px !important; padding: 12px 14px !important; font-size: 15px !important; box-shadow: none !important; } .app-form-embed#FormSetting-scope .form-group.ng-scope > input:not(.form-control):focus, .app-form-embed#FormSetting-scope .form-group.ng-scope > textarea:not(.form-control):focus { border-color: var(--frm-color-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--frm-color-primary) 16%, transparent) !important; outline: none !important; } .app-form-embed#FormSetting-scope .form-group.ng-scope > input:not(.form-control)::placeholder, .app-form-embed#FormSetting-scope .form-group.ng-scope > textarea:not(.form-control)::placeholder { color: #5b606e !important; opacity: .75 !important; } .form-group.animated-form-label.active > label, .form-group.animated-form-label:focus > label, .form-group.animated-form-label:focus-within > label { background: rgba(255,255,255,.94) !important; color: var(--frm-color-primary) !important; padding: 0 6px !important; } .select2-container--default .select2-selection--single { height: auto !important; min-height: 46px !important; display: flex !important; align-items: center !important; background: rgba(255,255,255,0.55) !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 16px !important; padding: 4px 12px !important; } .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--frm-color-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--frm-color-primary) 16%, transparent) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #10121a !important; line-height: 1.4 !important; padding: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #5b606e !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px !important; height: 100% !important; } .select2-dropdown { background: rgba(255,255,255,.94) !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 14px !important; box-shadow: 0 12px 32px -14px rgba(15,20,30,.28) !important; } .select2-results__option { color: #10121a !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--frm-color-primary) !important; color: #ffffff !important; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: color-mix(in srgb, var(--frm-color-primary) 14%, transparent) !important; color: #10121a !important; } .select2-search__field { background: rgba(255,255,255,0.55) !important; color: #10121a !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 8px !important; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--frm-color-primary) !important; outline: none !important; } .select2-container--default .select2-selection--multiple { min-height: 46px !important; height: auto !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; background: rgba(255,255,255,0.55) !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 16px !important; padding: 4px 10px !important; } .select2-container--default.select2-container--open .select2-selection--multiple { border-color: var(--frm-color-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--frm-color-primary) 16%, transparent) !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex !important; flex-wrap: wrap !important; align-items: center !important; padding: 0 !important; margin: 0 !important; width: 100% !important; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { background: transparent !important; border: none !important; box-shadow: none !important; color: #5b606e !important; padding: 0 !important; margin: 0 !important; line-height: 1.4 !important; } .select2-container--default .select2-selection--multiple .select2-search--inline { margin: 0 !important; } .select2-container--default .select2-selection--multiple .select2-search__field { background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; margin: 0 !important; padding: 0 !important; color: #10121a !important; min-height: 34px !important; line-height: 34px !important; } .select2-container--default .select2-selection--multiple .select2-search__field::placeholder { color: #5b606e !important; opacity: 1 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: color-mix(in srgb, var(--frm-color-primary) 12%, rgba(255,255,255,0.55)) !important; border: 1px solid color-mix(in srgb, var(--frm-color-primary) 28%, transparent) !important; border-radius: 6px !important; color: #10121a !important; padding: 3px 9px !important; margin: 3px 6px 3px 0 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #5b606e !important; margin-right: 4px !important; } .checkbox span.label-text, .radiobox span.label-text, .checkbox > label > span.label-text, .radiobox > label > span.label-text { color: #10121a !important; } .checkbox span.label-text:after { border: 2px solid rgba(80,70,120,0.30) !important; border-radius: 5px !important; } .checkbox input[type=checkbox]:checked + span.label-text:after { border-color: var(--frm-color-primary) !important; background-color: var(--frm-color-primary) !important; color: #ffffff !important; } .radiobox span.label-text:before { border: 2px solid rgba(80,70,120,0.30) !important; } .radiobox input[type=radio]:checked + span.label-text:before { border-color: var(--frm-color-primary) !important; } .radiobox span.label-text:after { background-color: var(--frm-color-primary) !important; } .radiobox span.label-text:before, .radiobox span.label-text:after { top: 11px !important; } .sd-switchery-wrapper .switchery { position: relative !important; top: -4px !important; } .file-upload-field-input { padding: 0 !important; } .file-upload-field-input:not(.view-only) .file-drop { background: rgba(255,255,255,0.55) !important; border: 1.5px dashed rgba(80,70,120,0.30) !important; border-radius: 16px !important; color: #5b606e !important; padding: 22px !important; transition: border-color .14s, background .14s !important; } .file-upload-field-input:not(.view-only) .file-drop:hover { border-color: var(--frm-color-primary) !important; background: color-mix(in srgb, var(--frm-color-primary) 6%, rgba(255,255,255,0.55)) !important; } .file-upload-field-input:not(.view-only) .file-list li { background: rgba(255,255,255,0.55) !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 8px !important; color: #10121a !important; } [uib-datepicker-popup-wrap] .dropdown-menu, .ui-datepicker.ui-widget { background: rgba(255,255,255,.94) !important; border: 1px solid rgba(80,70,120,0.30) !important; border-radius: 14px !important; box-shadow: 0 12px 32px -14px rgba(15,20,30,.28) !important; } [uib-datepicker-popup-wrap] .uib-datepicker-popup table th, .ui-datepicker.ui-widget th { color: #5b606e !important; } [uib-datepicker-popup-wrap] .uib-datepicker-popup table td .btn { color: #10121a !important; } [uib-datepicker-popup-wrap] .uib-datepicker-popup table td .btn.active, [uib-datepicker-popup-wrap] .uib-datepicker-popup table td .btn-info { background: var(--frm-color-primary) !important; border-color: var(--frm-color-primary) !important; color: #ffffff !important; } .btn-list > .btn-secondary { background: transparent !important; color: var(--frm-color-primary) !important; border: 1.5px solid var(--frm-color-primary) !important; border-radius: 16px !important; font-weight: 600 !important; padding: 12px 26px !important; } .btn-list > .btn-secondary:hover { background: color-mix(in srgb, var(--frm-color-primary) 10%, transparent) !important; } .btn-info { background-color: var(--frm-color-primary) !important; border-color: var(--frm-color-primary) !important; color: #ffffff !important; } .app-form-embed .div-block { color: #10121a !important; } .app-form-embed .div-block > h1, .app-form-embed .div-block > h2, .app-form-embed .div-block > h3, .app-form-embed .div-block > h4, .app-form-embed .div-block > p { color: #10121a !important; } .app-form-embed#FormSetting-scope label { padding-left: 7px !important; } .app-form-embed#FormSetting-scope .label-subtext, .app-form-embed#FormSetting-scope .form-group .label-subtext { padding-left: 7px !important; } .app-form-embed#FormSetting-scope .radiobox, .app-form-embed#FormSetting-scope .checkbox { padding-left: 7px !important; } .app-form-embed#FormSetting-scope .radiobox label, .app-form-embed#FormSetting-scope .checkbox label { padding-left: 0 !important; } .app-form-embed#FormSetting-scope .radiobox span.label-text, .app-form-embed#FormSetting-scope .checkbox span.label-text { padding-left: 28px !important; } .app-form-embed#FormSetting-scope .radiobox span.label-text:before, .app-form-embed#FormSetting-scope .radiobox span.label-text:after, .app-form-embed#FormSetting-scope .checkbox span.label-text:after { left: 0 !important; }