@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); :root {
--frm-color-primary: #16181d;
--frm-color-secondary: #16181d;
} 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: #16181d !important; } .app-form-embed#FormSetting-scope .div-block, .app-form-embed#FormSetting-scope .div-block > p { color: #6b7078 !important; font-size: 14px !important; } .app-form-embed #formFields > div.form-group { margin-bottom: 26px !important; } .app-form-embed#FormSetting-scope label { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #33363d !important; margin-bottom: 8px !important; } .app-form-embed#FormSetting-scope span.required { color: #16181d !important; } .app-form-embed .label-subtext { color: #6b7078 !important; font-size: 12px !important; } .app-form-embed .form-control { background: transparent !important; border: 0 !important; border-bottom: 1.5px solid #c9cdd4 !important; border-radius: 0 !important; padding: 8px 2px !important; color: #16181d !important; font-size: 16px !important; box-shadow: none !important; transition: border-color .16s ease !important; } .app-form-embed .form-control:focus { border-bottom: 2px solid #16181d !important; outline: none !important; box-shadow: none !important; } .app-form-embed .form-control::placeholder { color: #6b7078 !important; opacity: .6 !important; } .app-form-embed textarea.form-control { min-height: 92px !important; } .app-form-embed .btn.btn-primary { background: #16181d !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 14px 34px !important; font-weight: 600 !important; letter-spacing: .02em !important; box-shadow: 0 10px 26px -12px rgba(0,0,0,.5) !important; } .app-form-embed .btn.btn-primary:hover { filter: brightness(1.12) !important; } .select2-container--default .select2-selection--single { background: transparent !important; border: 0 !important; border-bottom: 1.5px solid #c9cdd4 !important; border-radius: 0 !important; min-height: 40px !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: transparent !important; color: #16181d !important; border: none !important; border-bottom: 1.5px solid #c9cdd4 !important; border-radius: 0 !important; padding: 10px 2px !important; font-size: 16px !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-bottom: 2px solid var(--frm-color-primary) !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: #6b7078 !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: #ffffff !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: transparent !important; border: 1px solid #c9cdd4 !important; border-radius: 0px !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: #16181d !important; line-height: 1.4 !important; padding: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #6b7078 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px !important; height: 100% !important; } .select2-dropdown { background: #ffffff !important; border: 1px solid #c9cdd4 !important; border-radius: 0px !important; box-shadow: 0 12px 32px -14px rgba(15,20,30,.28) !important; } .select2-results__option { color: #16181d !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: #16181d !important; } .select2-search__field { background: transparent !important; color: #16181d !important; border: 1px solid #c9cdd4 !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: transparent !important; border: 1px solid #c9cdd4 !important; border-radius: 0px !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: #6b7078 !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: #16181d !important; min-height: 34px !important; line-height: 34px !important; } .select2-container--default .select2-selection--multiple .select2-search__field::placeholder { color: #6b7078 !important; opacity: 1 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: color-mix(in srgb, var(--frm-color-primary) 12%, transparent) !important; border: 1px solid color-mix(in srgb, var(--frm-color-primary) 28%, transparent) !important; border-radius: 6px !important; color: #16181d !important; padding: 3px 9px !important; margin: 3px 6px 3px 0 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #6b7078 !important; margin-right: 4px !important; } .checkbox span.label-text, .radiobox span.label-text, .checkbox > label > span.label-text, .radiobox > label > span.label-text { color: #16181d !important; } .checkbox span.label-text:after { border: 2px solid #c9cdd4 !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 #c9cdd4 !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: transparent !important; border: 1.5px dashed #c9cdd4 !important; border-radius: 0px !important; color: #6b7078 !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%, transparent) !important; } .file-upload-field-input:not(.view-only) .file-list li { background: transparent !important; border: 1px solid #c9cdd4 !important; border-radius: 8px !important; color: #16181d !important; } [uib-datepicker-popup-wrap] .dropdown-menu, .ui-datepicker.ui-widget { background: #ffffff !important; border: 1px solid #c9cdd4 !important; border-radius: 0px !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: #6b7078 !important; } [uib-datepicker-popup-wrap] .uib-datepicker-popup table td .btn { color: #16181d !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: 0px !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: #16181d !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: #16181d !important; } .app-form-embed#FormSetting-scope label { padding-left: 3px !important; } .app-form-embed#FormSetting-scope .label-subtext, .app-form-embed#FormSetting-scope .form-group .label-subtext { padding-left: 3px !important; } .app-form-embed#FormSetting-scope .radiobox, .app-form-embed#FormSetting-scope .checkbox { padding-left: 3px !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; }