{ "formSetting": { "error": "no FormSetting" }, "checkoutTokens": {}, "styleBlocks": [ { "i": 15, "len": 61791, "text": "\n body::-webkit-scrollbar {\n \n }\n html.intake-form body,\n html.intake-form body:not(.sd-dark-mode).glass-background-effect .main-wrapper {\n background-color: rgb(244, 246, 248) !important;\n }\n html.intake-form {\n \n }\n\n \n .app-form-embed#FormSetting-scope {\n \n }\n .app-form-embed#FormSetting-scope:not(.book-me-form) {\n width: 1200px;\n max-width: 100%;\n }\n .app-form-embed#FormSetting-scope {\n width: 640px !important;\n height: 600px !important;\n overflow: auto;\n }\n\n .app-form-embed#FormSetting-scope.app-form-type-update {\n height: auto;\n }\n .app-form-embed#FormSetting-scope .card {\n box-shadow: !important;\n border: !important;\n background-color: transparent!important;\n }\n .app-form-embed#FormSetting-scope .card .card-block {\n padding: 0!important;\n }\n .app-form-embed#FormSetting-scope .card-header {\n display: none;\n padding-left: 0!important;\n padding-right: 0!important;\n background-color: transparent!important;\n }\n .app-form-embed#FormSetting-scope .card-header h6 {\n color: #0F1E2E;\n }\n .app-form-embed#FormSetting-scope .success-message,\n .app-form-embed#FormSetting-scope .success-message > *,\n .app-form-embed#FormSetting-scope label {\n color: #33475A;\n }\n body.sd-dark-mode .app-form-embed#FormSetting-scope .success-message,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .success-message > *,\n body.sd-dark-mode .app-form-embed#FormSetting-scope label {\n color: var(--sd-text-default);\n }\n .app-form-embed#FormSetting-scope .label-subtext {\n color: #64748B;\n }\n .app-form-embed#FormSetting-scope .label-subtext * {\n color: #64748B;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .btn.btn-primary,\n .app-form-embed#FormSetting-scope .btn.btn-primary {\n background-color: #173A5E;\n color: #FFFFFF;\n }\n .app-form-embed#FormSetting-scope .btn.btn-primary:hover {\n background-color: #3079c4;\n color: #ffffff;\n border-color: transparent !important;\n }\n .app-form-embed#FormSetting-scope #requiredMessage .text-muted.required {\n color: #33475A!important;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper::before,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sdAccordion__item {\n background-color: rgba(149, 83, 69, 0.1);\n border-color: rgba(149, 83, 69, 0.1);\n }\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper {\n border-color: rgba(149, 83, 69, 0.1);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper td,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper small,\n .app-form-embed#FormSetting-scope .choose-items-summary-payment-amount,\n .app-form-embed#FormSetting-scope .choose-items-summary-total-amount,\n .app-form-embed#FormSetting-scope .choose-items-summary-head {\n color: #555555;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n .app-form-embed#FormSetting-scope .choose-items-summary__section-title {\n color: #682618 !important;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .choose-items-summary__section-title {\n color: #682618 !important;\n }\n\n body.sd-dark-mode .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .choose-items-summary__section-title {\n color: var(--sd-text-dark) !important;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item {\n color: #555555;\n background-color: #F6F6F6;\n border-color: #F2F2F2;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item a,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item div:not(.choose-items-card__label) {\n color: inherit !important;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #F6F6F6 0%, #F6F6F6 50%);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item:hover {\n color: #555555;\n background-color: #FFFFFF;\n border-color: #F2F2F2;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item:hover .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active:hover {\n color: #555555;\n background-color: #F6F6F6;\n border-color: #732A1B;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .scroll-text-wrapper::after,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active:hover .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #F6F6F6 0%, #F6F6F6 50%);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .choose-items-card__label {\n color: #FFFFFF;\n background-color: #732A1B;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .quantity-input input {\n color: #555555;\n background-color: #F2F2F2;\n border-color: #F2F2F2;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__add::after,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__add::before,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__sub::before {\n background-color: #555555;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {\n border-color: #CCCCCC;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {\n border-color: #CCCCCC;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sd-checkmark-card-item {\n border-radius: 5px;\n }\n\n .app-form-embed#FormSetting-scope .default-user-avatar,\n .app-form-embed#FormSetting-scope .book-me__background-top,\n .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button,\n .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th,\n .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button.uib-right::before,\n .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button.uib-left::before {\n background-color: !important;\n }\n\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,\n .app-form-embed#FormSetting-scope .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__title {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .app-form-embed#FormSetting-scope .appointment-card,\n .app-form-embed#FormSetting-scope .book-me-timeZone__time-table .book-me-timeZone__time-table-item {\n border-color: ;\n }\n .app-form-embed#FormSetting-scope .default-user-avatar {\n color: ;\n }\n .app-form-embed#FormSetting-scope .book-me__background {\n background-color: ;\n }\n .app-form-embed#FormSetting-scope .choose-items-wrapper .sdAccordion__item {\n background-color: ;\n border-color: ;\n }\n .app-form-embed#FormSetting-scope .book-me .book-me__title::after {\n background-color: ;\n }\n .app-form-embed#FormSetting-scope .appointment-card__duration,\n .app-form-embed#FormSetting-scope .uib-day .text-info {\n color: !important;\n }\n .app-form-embed#FormSetting-scope .book-me-timeZone__time-table-item.active {\n border-color: !important;\n }\n\n .app-form-embed#FormSetting-scope.choice-step-styling-options .book-me-calendar.calendar table tr:first-child th button,\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .choose-items-summary-actions button.next-btn,\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary,\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary span {\n color: #FFFFFF;\n }\n\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .choose-items-summary-actions button.next-btn svg {\n fill: #FFFFFF;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary,\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary span {\n color: #FFFFFF;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover,\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover span {\n color: #FFFFFF !important;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover,\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover span {\n color: #FFFFFF;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover svg {\n fill: #FFFFFF;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover svg {\n fill: #FFFFFF;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary {\n background-color: #5C2216;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary {\n background-color: #5C2216;\n border-color: #5C2216;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover {\n background-color: #6D281A;\n border-color: #6D281A;\n box-shadow: none !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .btn.btn-primary:hover {\n background-color: #6D281A;\n border-color: #6D281A;\n box-shadow: none !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle {\n background-color: #868E96;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-steps .sdAccordion__item .sdAccordion__title {\n color: #FFFFFF !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number {\n background-color: transparent !important;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover {\n background-color: #727B84;\n border-color: #727B84;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-steps .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover .sdAccordion__title {\n color: #FFFFFF !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-styling-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__toggle:hover .step-number {\n background-color: transparent !important;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .book-me-calendar.calendar table tr:first-child th button,\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .choose-items-summary-actions button.next-btn,\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary,\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary span {\n color: ;\n }\n\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .choose-items-summary-actions button.next-btn svg {\n fill: ;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary,\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary span {\n color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover,\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover span {\n color: !important;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover,\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover span {\n color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover svg {\n fill: ;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover svg {\n fill: ;\n }\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary {\n background-color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary {\n background-color: ;\n border-color: ;\n }\n\n body.branding-theme-mrclean .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover {\n background-color: ;\n border-color: ;\n box-shadow: none !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .btn.btn-primary:hover {\n background-color: ;\n border-color: ;\n box-shadow: none !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle {\n background-color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-steps .sdAccordion__item .sdAccordion__title {\n color: !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover {\n background-color: ;\n border-color: ;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-steps .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover .sdAccordion__title {\n color: !important;\n }\n .app-form-embed#FormSetting-scope.choice-step-more-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__toggle:hover .step-number {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .app-form-embed#FormSetting-scope #requiredMessage {\n display: none;\n }\n .app-form-embed#FormSetting-scope .file-upload-field-input:not(.view-only) {\n background-color: transparent!important;\n }\n .app-form-embed#FormSetting-scope p, .app-form-embed#FormSetting-scope h1, .app-form-embed#FormSetting-scope h2, .app-form-embed#FormSetting-scope h3, .app-form-embed#FormSetting-scope h4, .app-form-embed#FormSetting-scope h5, .app-form-embed#FormSetting-scope h6 {\n background-color: transparent!important;\n }\n body.sd-dark-mode .app-form-embed#FormSetting-scope .appointment-card {\n border-color: var(--sd-bg-offwhite-accent);\n }\n body.sd-dark-mode .app-form-embed#FormSetting-scope .btn.btn-primary,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .default-user-avatar,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me__background-top,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button.uib-right::before,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button.uib-left::before,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th,\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th button {\n background-color: var(--sd-bg-offwhite-accent) !important;\n }\n\n body.sd-dark-mode .app-form-embed#FormSetting-scope .book-me-calendar.calendar table tr:first-child th {\n border-color: transparent !important;\n }\n \n .extended-form-wrapper#FormSetting-extended-form {\n \n }\n .extended-form-wrapper#FormSetting-extended-form:not(.book-me-form) {\n width: 1200px;\n max-width: 100%;\n }\n .extended-form-wrapper#FormSetting-extended-form {\n width: 640px !important;\n height: 600px !important;\n overflow: auto;\n }\n\n .extended-form-wrapper#FormSetting-extended-form.app-form-type-update {\n height: auto;\n }\n .extended-form-wrapper#FormSetting-extended-form .card {\n box-shadow: !important;\n border: !important;\n background-color: transparent!important;\n }\n .extended-form-wrapper#FormSetting-extended-form .card .card-block {\n padding: 0!important;\n }\n .extended-form-wrapper#FormSetting-extended-form .card-header {\n display: none;\n padding-left: 0!important;\n padding-right: 0!important;\n background-color: transparent!important;\n }\n .extended-form-wrapper#FormSetting-extended-form .card-header h6 {\n color: #0F1E2E;\n }\n .extended-form-wrapper#FormSetting-extended-form .success-message,\n .extended-form-wrapper#FormSetting-extended-form .success-message > *,\n .extended-form-wrapper#FormSetting-extended-form label {\n color: #33475A;\n }\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .success-message,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .success-message > *,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form label {\n color: var(--sd-text-default);\n }\n .extended-form-wrapper#FormSetting-extended-form .label-subtext {\n color: #64748B;\n }\n .extended-form-wrapper#FormSetting-extended-form .label-subtext * {\n color: #64748B;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .btn.btn-primary,\n .extended-form-wrapper#FormSetting-extended-form .btn.btn-primary {\n background-color: #173A5E;\n color: #FFFFFF;\n }\n .extended-form-wrapper#FormSetting-extended-form .btn.btn-primary:hover {\n background-color: #3079c4;\n color: #ffffff;\n border-color: transparent !important;\n }\n .extended-form-wrapper#FormSetting-extended-form #requiredMessage .text-muted.required {\n color: #33475A!important;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper::before,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sdAccordion__item {\n background-color: rgba(149, 83, 69, 0.1);\n border-color: rgba(149, 83, 69, 0.1);\n }\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper {\n border-color: rgba(149, 83, 69, 0.1);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper td,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper small,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-summary-payment-amount,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-summary-total-amount,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-summary-head {\n color: #555555;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-summary__section-title {\n color: #682618 !important;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .choose-items-summary__section-title {\n color: #682618 !important;\n }\n\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .choose-items-summary__section-title {\n color: var(--sd-text-dark) !important;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item {\n color: #555555;\n background-color: #F6F6F6;\n border-color: #F2F2F2;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item a,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item div:not(.choose-items-card__label) {\n color: inherit !important;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #F6F6F6 0%, #F6F6F6 50%);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item:hover {\n color: #555555;\n background-color: #FFFFFF;\n border-color: #F2F2F2;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item:hover .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active:hover {\n color: #555555;\n background-color: #F6F6F6;\n border-color: #732A1B;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .scroll-text-wrapper::after,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active:hover .scroll-text-wrapper::after {\n transition: all 0.3s ease-in-out;\n background-image: linear-gradient(90deg, #F6F6F6 0%, #F6F6F6 50%);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .choose-items-card__label {\n color: #FFFFFF;\n background-color: #732A1B;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .quantity-input input {\n color: #555555;\n background-color: #F2F2F2;\n border-color: #F2F2F2;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__add::after,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__add::before,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item .quantity-input .quantity-input__sub::before {\n background-color: #555555;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {\n border-color: #CCCCCC;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #CCCCCC;\n background-color: rgb(115, 42, 27);\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__check:after {\n border-color: #CCCCCC;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sd-checkmark-card-item {\n border-radius: 5px;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .default-user-avatar,\n .extended-form-wrapper#FormSetting-extended-form .book-me__background-top,\n .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button,\n .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th,\n .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button.uib-right::before,\n .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button.uib-left::before {\n background-color: !important;\n }\n\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__title {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .appointment-card,\n .extended-form-wrapper#FormSetting-extended-form .book-me-timeZone__time-table .book-me-timeZone__time-table-item {\n border-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .default-user-avatar {\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .book-me__background {\n background-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .choose-items-wrapper .sdAccordion__item {\n background-color: ;\n border-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .book-me .book-me__title::after {\n background-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form .appointment-card__duration,\n .extended-form-wrapper#FormSetting-extended-form .uib-day .text-info {\n color: !important;\n }\n .extended-form-wrapper#FormSetting-extended-form .book-me-timeZone__time-table-item.active {\n border-color: !important;\n }\n\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .book-me-calendar.calendar table tr:first-child th button,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .choose-items-summary-actions button.next-btn,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary span {\n color: #FFFFFF;\n }\n\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .choose-items-summary-actions button.next-btn svg {\n fill: #FFFFFF;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary,\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary span {\n color: #FFFFFF;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover span {\n color: #FFFFFF !important;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover,\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover span {\n color: #FFFFFF;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover svg {\n fill: #FFFFFF;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover svg {\n fill: #FFFFFF;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary {\n background-color: #5C2216;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary {\n background-color: #5C2216;\n border-color: #5C2216;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover {\n background-color: #6D281A;\n border-color: #6D281A;\n box-shadow: none !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .btn.btn-primary:hover {\n background-color: #6D281A;\n border-color: #6D281A;\n box-shadow: none !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle {\n background-color: #868E96;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-steps .sdAccordion__item .sdAccordion__title {\n color: #FFFFFF !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number {\n background-color: transparent !important;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover {\n background-color: #727B84;\n border-color: #727B84;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-steps .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover .sdAccordion__title {\n color: #FFFFFF !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-styling-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__toggle:hover .step-number {\n background-color: transparent !important;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .book-me-calendar.calendar table tr:first-child th button,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .choose-items-summary-actions button.next-btn,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary span {\n color: ;\n }\n\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .choose-items-summary-actions button.next-btn svg {\n fill: ;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary,\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary span {\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary svg {\n fill: currentColor !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover,\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover span {\n color: !important;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover,\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover span {\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover svg {\n fill: ;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover svg {\n fill: ;\n }\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary {\n background-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary {\n background-color: ;\n border-color: ;\n }\n\n body.branding-theme-mrclean .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover {\n background-color: ;\n border-color: ;\n box-shadow: none !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .btn.btn-primary:hover {\n background-color: ;\n border-color: ;\n box-shadow: none !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle {\n background-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-steps .sdAccordion__item .sdAccordion__title {\n color: !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover {\n background-color: ;\n border-color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-steps .sdAccordion__item .sdAccordion__head .sdAccordion__toggle:hover .sdAccordion__title {\n color: !important;\n }\n .extended-form-wrapper#FormSetting-extended-form.choice-step-more-options .choose-items-wrapper .choose-items-steps .sdAccordion__item .sdAccordion__toggle:hover .step-number {\n background-color: transparent !important;\n border-color: ;\n color: ;\n }\n .extended-form-wrapper#FormSetting-extended-form #requiredMessage {\n display: none;\n }\n .extended-form-wrapper#FormSetting-extended-form .file-upload-field-input:not(.view-only) {\n background-color: transparent!important;\n }\n .extended-form-wrapper#FormSetting-extended-form p, .extended-form-wrapper#FormSetting-extended-form h1, .extended-form-wrapper#FormSetting-extended-form h2, .extended-form-wrapper#FormSetting-extended-form h3, .extended-form-wrapper#FormSetting-extended-form h4, .extended-form-wrapper#FormSetting-extended-form h5, .extended-form-wrapper#FormSetting-extended-form h6 {\n background-color: transparent!important;\n }\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .appointment-card {\n border-color: var(--sd-bg-offwhite-accent);\n }\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .btn.btn-primary,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .default-user-avatar,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me__background-top,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button.uib-right::before,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button.uib-left::before,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th,\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th button {\n background-color: var(--sd-bg-offwhite-accent) !important;\n }\n\n body.sd-dark-mode .extended-form-wrapper#FormSetting-extended-form .book-me-calendar.calendar table tr:first-child th {\n border-color: transparent !important;\n }\n /* Custom CSS */\n @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\"); :root {\n--frm-color-primary: #173A5E;\n--frm-color-secondary: #0E7490;\n} html.intake-form { background-color: #E8EDF2 !important; } html.intake-form, html.intake-form body { min-height: 100vh !important; } html.intake-form body, html.intake-form .main-wrapper, html.intake-form .public-page-layout { background: linear-gradient(180deg, #FBFCFD 0%, #F4F6F8 60%, #E8EDF2 100%) !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 { max-width: 620px !important; margin: 6vh auto 7vh !important; background: #FFFFFF !important; border: 1px solid #E3E8EE !important; border-radius: 6px !important; border-top: 4px solid var(--frm-color-primary) !important; box-shadow: 0 1px 2px rgba(15,30,46,.05), 0 24px 50px -30px rgba(15,30,46,.22) !important; overflow: hidden !important; } .app-form-embed .card-block.forms-form-block { padding: 44px 50px 42px !important; } .app-form-embed .card-header.forms-form-header { display: none !important; } .app-form-embed#FormSetting-scope, .app-form-embed .form-control, .app-form-embed#FormSetting-scope label { font-family: \"IBM Plex Sans\", -apple-system, BlinkMacSystemFont, sans-serif !important; } .app-form-embed#FormSetting-scope { color: #0F1E2E !important; } .app-form-embed .onb-hero { text-align: left !important; margin: 0 0 26px !important; padding-bottom: 22px !important; border-bottom: 1px solid #E3E8EE !important; } .app-form-embed .onb-hero .onb-kicker { display: inline-block !important; font-family: \"IBM Plex Sans\", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--frm-color-secondary) !important; margin-bottom: 14px !important; } .app-form-embed .onb-hero h1 { font-family: \"IBM Plex Serif\", Georgia, serif !important; font-weight: 600 !important; font-size: 38px !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; color: #0F1E2E !important; margin: 0 0 12px !important; } .app-form-embed .onb-hero p { color: #64748B !important; font-size: 15.5px !important; line-height: 1.6 !important; margin: 0 !important; max-width: 470px !important; } .app-form-embed .onb-section { margin: 30px 0 20px !important; padding-top: 24px !important; border-top: 1px solid #E3E8EE !important; } .app-form-embed .onb-section .onb-num { font-family: \"IBM Plex Sans\", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; color: var(--frm-color-secondary) !important; letter-spacing: .12em !important; text-transform: uppercase !important; display: block !important; margin-bottom: 6px !important; } .app-form-embed .onb-section h3 { font-family: \"IBM Plex Serif\", serif !important; font-weight: 600 !important; font-size: 20px !important; color: #0F1E2E !important; margin: 0 0 5px !important; letter-spacing: -0.01em !important; } .app-form-embed .onb-section p { color: #64748B !important; font-size: 14px !important; line-height: 1.55 !important; margin: 0 !important; } .app-form-embed#FormSetting-scope label { font-size: 12px !important; font-weight: 600 !important; color: #33475A !important; letter-spacing: .05em !important; text-transform: uppercase !important; margin-bottom: 7px !important; } .app-form-embed .required { color: var(--frm-color-secondary) !important; } .app-form-embed .label-subtext p { color: #94A3B8 !important; font-size: 12.5px !important; margin: -1px 0 8px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; } .app-form-embed#FormSetting-scope .form-control { height: auto !important; padding: 12px 14px !important; font-size: 15px !important; line-height: 1.4 !important; color: #0F1E2E !important; background: #FBFCFD !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !important; box-shadow: none !important; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important; } .app-form-embed#FormSetting-scope .form-control::placeholder { color: #9AA7B6 !important; } .app-form-embed#FormSetting-scope .form-control:focus { border-color: var(--frm-color-primary) !important; background: #FFFFFF !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--frm-color-primary) 14%, transparent) !important; outline: none !important; } .app-form-embed#FormSetting-scope textarea.form-control { min-height: 116px !important; resize: vertical !important; } .app-form-embed .form-group.embed-group { margin-bottom: 16px !important; } .app-form-embed .field_first.field_half { padding-right: 9px !important; } .app-form-embed .field_half:not(.field_first) { padding-left: 9px !important; } .app-form-embed .iti { width: 100% !important; } .app-form-embed .checkbox-inline, .app-form-embed .company-toggle { font-size: 13px !important; color: #64748B !important; } .app-form-embed .form-required-text { font-size: 11.5px !important; color: #94A3B8 !important; letter-spacing: .02em !important; margin-bottom: 18px !important; } .app-form-embed#FormSetting-scope .btn.btn-primary { background: var(--frm-color-primary) !important; border: none !important; color: #FFFFFF !important; font-family: \"IBM Plex Sans\", sans-serif !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: .03em !important; padding: 15px 30px !important; border-radius: 6px !important; width: 100% !important; margin-top: 10px !important; box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--frm-color-primary) 65%, transparent) !important; transition: transform .15s ease, background .2s ease, box-shadow .2s ease !important; } .app-form-embed#FormSetting-scope .btn.btn-primary:hover { background: color-mix(in srgb, var(--frm-color-primary) 86%, #000) !important; transform: translateY(-1px) !important; box-shadow: 0 14px 26px -12px color-mix(in srgb, var(--frm-color-primary) 70%, transparent) !important; } .app-form-embed .onb-footer { margin-top: 18px !important; padding-bottom: 56px !important; } .app-form-embed .onb-footer p { color: #94A3B8 !important; font-size: 12px !important; text-align: center !important; margin: 0 !important; letter-spacing: .02em !important; } @keyframes meridianIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } .app-form-embed #formFields > div { animation: meridianIn .45s cubic-bezier(.22,.61,.36,1) both !important; } .app-form-embed #formFields > div:nth-child(2) { animation-delay: .04s !important; } .app-form-embed #formFields > div:nth-child(3) { animation-delay: .08s !important; } .app-form-embed #formFields > div:nth-child(n+4) { animation-delay: .12s !important; } @media (max-width: 680px) { .app-form-embed .card-block.forms-form-block { padding: 32px 24px 30px !important; } .app-form-embed .onb-hero h1 { font-size: 30px !important; } .app-form-embed .field_half { padding-left: 0 !important; padding-right: 0 !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: #FBFCFD !important; color: #0F1E2E !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !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: #64748B !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: #FBFCFD !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !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: #0F1E2E !important; line-height: 1.4 !important; padding: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #64748B !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px !important; height: 100% !important; } .select2-dropdown { background: #FFFFFF !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !important; box-shadow: 0 12px 32px -14px rgba(15,20,30,.28) !important; } .select2-results__option { color: #0F1E2E !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: #0F1E2E !important; } .select2-search__field { background: #FBFCFD !important; color: #0F1E2E !important; border: 1px solid #CDD6E0 !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: #FBFCFD !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !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: #64748B !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: #0F1E2E !important; min-height: 34px !important; line-height: 34px !important; } .select2-container--default .select2-selection--multiple .select2-search__field::placeholder { color: #64748B !important; opacity: 1 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: color-mix(in srgb, var(--frm-color-primary) 12%, #FBFCFD) !important; border: 1px solid color-mix(in srgb, var(--frm-color-primary) 28%, transparent) !important; border-radius: 6px !important; color: #0F1E2E !important; padding: 3px 9px !important; margin: 3px 6px 3px 0 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #64748B !important; margin-right: 4px !important; } .checkbox span.label-text, .radiobox span.label-text, .checkbox > label > span.label-text, .radiobox > label > span.label-text { color: #0F1E2E !important; } .checkbox span.label-text:after { border: 2px solid #CDD6E0 !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 #CDD6E0 !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: #FBFCFD !important; border: 1.5px dashed #CDD6E0 !important; border-radius: 6px !important; color: #64748B !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%, #FBFCFD) !important; } .file-upload-field-input:not(.view-only) .file-list li { background: #FBFCFD !important; border: 1px solid #CDD6E0 !important; border-radius: 8px !important; color: #0F1E2E !important; } [uib-datepicker-popup-wrap] .dropdown-menu, .ui-datepicker.ui-widget { background: #FFFFFF !important; border: 1px solid #CDD6E0 !important; border-radius: 6px !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: #64748B !important; } [uib-datepicker-popup-wrap] .uib-datepicker-popup table td .btn { color: #0F1E2E !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: 6px !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: #0F1E2E !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: #0F1E2E !important; }\n" }, { "i": 17, "len": 49288, "text": "\n /* Common */\n @font-face {\n font-family: primary_825;\n src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.ttf);\n}\n\n@font-face {\n font-family: secondary_825;\n src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-Y3tcoqK5.ttf);\n}\n\n@font-face {\n font-family: general_825;\n src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.ttf);\n}\n\n:root {\n --sd-app-top-bar-color: #732A1B;\n --sd-highlight: #DE6843;\n --sd-avatar-color: #732A1B;\n --sd-app-top-bar-text: #FFFFFF;\n --sd-app-top-bar-icons: #FFFFFF;\n --sd-app-top-bar-color-dark-1: #4a1b11;\n --sd-app-top-bar-color-dark-2: #200c08;\n --sd-app-top-bar-color-dark-2-2: #180906;\n --sd-primary-tint-subtle: rgba(198, 72, 46, 0.04);\n --sd-primary-tint: rgba(198, 72, 46, 0.08);\n --sd-primary-tint-hover: rgba(198, 72, 46, 0.12);\n --sd-border-color-tint: rgba(198, 72, 46, 0.3);\n --sd-select-option-active-bg: #d1563c;\n --sd-btn-primary-shadow: 0 0 0 2px rgba(177, 65, 42, 0.5);\n\n // contrast colors to theme\n\n --sd-app-top-bar-color-cnt: white;\n --sd-app-top-bar-color-dark-1-cnt: white;\n --sd-app-top-bar-color-dark-2-cnt: white;\n --sd-highlight-cnt: white;\n --sd-avatar-color-cnt: white;\n --sd-bg-button-primary-hover-shadow-color: rgba(177, 65, 42, 0.5)\n\n --sd-theme-primary-dark-highlighted-text: #200c08;\n\n --sd-side-bar-border: 5px solid rgba(198, 72, 46, 0.2);\n\n --gray-950: #2c1611;\n --gray-900: #2c1d1a;\n --gray-850: #352724;\n --gray-800: #3d322f;\n --gray-750: #483c3a;\n --gray-700: #534745;\n --gray-650: #5d514f;\n --gray-600: #685c5a;\n --gray-550: #736a68;\n --gray-500: #7f7776;\n --gray-450: #8a8483;\n --gray-400: #96908f;\n --gray-350: #a39f9e;\n --gray-300: #afabaa;\n --gray-250: #bcb9b8;\n --gray-200: #c8c6c5;\n --gray-150: #d5d2d1;\n --gray-100: #e3e0e0;\n --gray-50: #efeeee;\n --gray-20: #f7f6f6;\n\n /*old variables used by users for custom css placeholders - can't be deleted!!!!*/\n --appTopBarColor: #732A1B;\n --appTopBarTextColor: #FFFFFF;\n --appTopBarIconsColor: #FFFFFF;\n --appAvatarColor: ;\n\n --appHighlightColor: #DE6843;\n --appProgressBarColor: ;\n\n --default-font-family: 'Inter', sans-serif;\n --font-theme-font-family: 'general_825', sans-serif;\n --primary-header-font-family: 'primary_825', sans-serif;\n --secondary-header-font-family: 'secondary_825', sans-serif;\n\n --font-theme-font-weight: 400;\n --primary-header-font-weight: 400;\n --secondary-header-font-weight: 300;\n\n --font-theme-font-style: normal;\n --primary-header-font-style: normal;\n --secondary-header-font-style: normal;\n}\n\n.product-card__show-more,\n.card-show-more {\n color: #200c08;\n}\n\n.product-card__show-more:hover,\n.product-card__show-more:focus,\n.card-show-more:hover,\n.card-show-more:focus {\n color: #732A1B;\n}\n\n::selection {\n background-color: rgba(198, 72, 46, 0.4);\n color: #ffffff;\n}\n\n.appointment-type__staff-avatar,\n.sd-grid-view .logoCol.logoCol--staff .logoWrap .logo,\n.contact-filter__avatar,\n.avatar-wrap {\n background-color: #732A1B;\n}\n\n.branding-theme-mrclean .contact-filter__avatar,\n.branding-theme-mrclean .avatar-wrap {\n background-color: #ccc;\n}\n\n.appointment-type__list .appointment-type__block:hover {\n border-color: #732A1B;\n}\n\n@media (max-width: 575px) {\n .contactCrmBar .person .client-options {\n background-color: #d1563c;\n }\n .person-dropdown .client-options svg {\n fill: white;\n }\n}\n.branding-theme-mrclean svg .company-avatar-bg,\n.branding-theme-mrclean svg .contact-avatar-bg {\n fill: #ccc;\n}\n\n.list-group .list-group-item.active {\n background-color: #732A1B;\n border-color: #200c08\n}\n.card-heading-extra a:hover,\n.card-heading-extra a .list-icon {\n text-decoration: none;\n color: #c6482e;\n}\n\n.book-me-appointment__details-data {\n color: #200c08\n}\n\n.link-block {\n border-top: 3px solid #732A1B !important;\n}\n\n.file-count {\n background-color: #732A1B !important;\n color: white;\n}\n\n.modal .modal-dialog.modal-fs .modal-body .form-actions.btn-list {\n border-top: 1px solid #732A1B !important;\n}\n\n.branding-theme-mrclean .modal-header {\n border-bottom: 4px solid #FFFFFF !important;\n}\n\n.pdf-wrapper {\n border-top: 4px solid #732A1B !important;\n}\n\n#proposal-form .card-header {\n border-top: 2px solid #732A1B !important;\n}\n\n.file-transfer .nav .nav-item a.nav-link.active {\n color: #732A1B !important;\n border-bottom-color: #732A1B !important;\n}\n\nbody.branding-theme-mrclean .file-transfer .nav .nav-item a.nav-link.active {\n color: #FFFFFF !important;\n border-bottom-color: #FFFFFF !important;\n}\n\n.files-storage-browser-widget .no-selected-files .choose-files-button,\n.active-packages .active-packages-header,\n.card-storage-browser .card-header{\n background: #732A1B !important;\n}\nbody.branding-theme-mrclean .active-packages .active-packages-header{\n color: #FFFFFF !important;\n}\n.active-packages .active-packages-content .list-group .list-group-item.active{\n background: none !important;\n border-left: 1px solid #200c08;\n border-right: 1px solid #200c08;\n color: #200c08;\n}\n\n.impersonate-wrapper {\n border-bottom: 2px solid #732A1B !important;\n}\n\n.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap .timer-input.counting-time-input:focus {\n border-color: #200c08;\n}\n\n.new-card-view .dataTableResp .data-table-item-mobile .card-details::before {\n background: #732A1B;\n}\n\n.form-actions-btn.form-actions-btn--sidebar,\n.form-actions-btn.form-actions-btn--tombstone,\n.sd-grid-view .grid-card-view .dropdown .dropdown-menu.dropdown-menu-ui .categories-container .tab-content .category-container .item-container li a:hover {\n border-color: #732A1B !important;\n}\n\n.content-tabs .plan-tab-content .plan-panel {\n box-shadow:inset 0 0 0 3px;\n color: #eaafa3;\n}\n\n.content-tabs .plan-tab-content .plan-panel .info-label {\n background: #4a1b11 !important;\n}\n\n.content-tabs .plan-tab-content .plan-panel .info-label span{\n color: #db7a66;\n}\n\n.content-tabs .plan-tab-content .plan-panel .panel-value .value {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .panel-value .symbol {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .panel-value .period {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .panel-header {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .features-list li span {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn span {\n color: #772c1c;\n}\n\n.content-tabs .plans-tabs .nav-tabs .nav-item .nav-link {\n color: #772c1c;\n}\n\n.content-tabs .plan-tab-content .plan-panel .plan-btn-container .submit-plan-btn {\n color: #FFFFFF;\n border-color: #eaafa3 !important;\n}\n\n.content-tabs .plan-tab-content .plan-panel .plan-btn-container a:hover {\n background: #200c08 !important;\n}\n\n.content-tabs .plans-tabs .nav-tabs {\n border: 2px solid;\n border-color: #772c1c;\n}\n\n.content-tabs .plans-tabs .nav-tabs .nav-item .nav-link.active {\n background-color: rgba(198, 72, 46, 0.2);\n}\n\n#sdTranslation .menu .menu-item.active {\n background-color: rgba(198, 72, 46, 0.2) !important;\n}\n\n.sidebar-menu .menu .menu-item.selected, .content-dropdowns-menu .menu .menu-item.selected {\n background-color: var(--sd-primary-tint);\n}\n\n.loader-widget::after {\n background-color: rgba(198, 72, 46, 0.2);\n}\n\n.main-nav-dropdown .dropdown-menu .ext-item span::before {\n background-color: #c6482e;\n}\n\n.appointment-type__block,\n.appointment-booking .appointment-type__block {\n border-color: #732A1B;\n}\n\n.appointment-type__block:hover {\n border-color: #732A1B;\n}\n\n.view-submission-modal--line.bg-primary {\n background-color: #732A1B !important;\n border-color: #732A1B !important;\n}\n\n.appointment-schedule-pagination__previous .appointment-schedule-pagination-button, .appointment-schedule-pagination__next .appointment-schedule-pagination-button {\n color: #200c08 !important;\n}\n\n.progress.progress-fixed-label .progress-bar.progress-bar-info {\n background-color: #732A1B !important;\n border-color: #732A1B !important;\n}\n\n.data-table-item-mobile.mobile-card .mobile-card__details::before {\n background-color: #732A1B !important;\n}\n\n.entity-action-widget-upgrade div.upgrade-block {\n background-color: rgba(198, 72, 46, 0.2);\n border-color: #732A1B !important;\n}\n\n/*Glass Background Effect*/\n.glass-background-effect:not(.lms-page.blank-layout) > div:not(.modal) .main-wrapper .info-col-content:before ,\n.glass-background-effect:not(.lms-page.blank-layout) > div:not(.modal) .main-wrapper .sd-import-logs-form .row.form-group:before,\n.glass-background-effect .main-wrapper .sd-import-logs-result .sd-import-logs-result-title:before {\n box-shadow: inset 0 0 0 500px rgba(74, 27, 17, 0.4);\n}\n\n.glass-background-effect .main-wrapper .form-oscar .form-group-row .info-col-content .title ,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .box-title,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .contact-company,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .contact-name,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .billing-tabel__block-title,\n.glass-background-effect .main-wrapper div:not(.functional-theme) > form .form-group-row .info-col-content .title,\n.glass-background-effect .main-wrapper .info-col-content .billing-tabel__block .empty-text,\n.glass-background-effect .main-wrapper .info-col-content .active-cards-list-billing-dashboard-credit-cards-list .radiobox-label {\n color: #FFFFFF !important;\n}\n\n.glass-background-effect .main-wrapper .form-oscar .form-group-row .info-col-content .description ,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .tab-content p,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .billing-tabel__item--button .billing-tabel__item-title,\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .billing-tabel__item--button .billing-tabel__price,\n.glass-background-effect .main-wrapper form .form-group-row .info-col-content .description {\n color: #FDFDFD !important;\n}\n.glass-background-effect .main-wrapper .info-col-content .description a {\n color: #FFFFFF !important;\n}\n.glass-background-effect .main-wrapper .billing-dashboard .info-col-content .tab-content .text-muted {\n color: #FDFDFD !important;\n}\n/*Static css, need to move to scss*/\n\n.glass-background-effect .main-wrapper .form:not(.wide) .form-actions:not(.form-actions--bottom-sticky) .btn-outline-default,\n.glass-background-effect .main-wrapper .info-col .btn-outline-default {\n color: #FFFFFF !important;\n}\n\n.glass-background-effect .main-wrapper .form:not(.wide) .form-actions .btn-outline-default svg,\n.glass-background-effect .main-wrapper .info-col .btn-outline-default svg {\n fill: #FFFFFF !important;\n}\n\n.glass-background-effect .main-wrapper .form:not(.wide) .form-actions .btn-outline-default a,\n.glass-background-effect .main-wrapper .info-col .btn-outline-default a {\n color: #FFFFFF !important;\n}\n\n.glass-background-effect .main-wrapper .form:not(.wide) .form-actions .btn-outline-default:hover,\n.glass-background-effect .main-wrapper .info-col .btn-outline-default:hover {\n border-color: #FFFFFF;\n}\n\n.glass-background-effect .main-wrapper .widget-list .title-row .title,\n.glass-background-effect .main-wrapper .create-proposal .title-row .title,\n.glass-background-effect .main-wrapper .create-proposal-content .form .form-oscar .form-title,\n.glass-background-effect .main-wrapper .create-proposal-content .form .form-oscar .form-group label {\n color: #FFFFFF !important;\n}\n\n.glass-background-effect .main-wrapper .sd-import-logs-form .sd-import-logs-label,\n.glass-background-effect .main-wrapper .sd-import-logs-form .sd-import-logs-link,\n.glass-background-effect .main-wrapper .sd-import-logs-result .sd-import-logs-result-title {\n color: #FFFFFF !important;\n}\n\n.gift.gift--mangeAccount .gift__mangeAccount-btn {\n background-color: #732A1B !important;\n}\n\n.sd-redesign2020 .sd-view-deal .history-block .history-container:before {\n background-color: #200c08 !important;\n}\n\n.sd-redesign2020 .sd-view-deal .history-block .history-container .history-item:before {\n background-color: #FFFFFF !important;\n border-color: #200c08 !important;\n}\n\n.box--menu-mobile-dropdown .ml li a:not([href]):not([tabindex]),\n.box--menu-mobile-dropdown .ml li a {\n color: #200c08;\n}\n.box--menu-mobile-dropdown .ml .ml--header {\n background-color: #200c08 !important;\n}\n.box--menu-mobile-dropdown .ml li.ml--dropdown > a:after {\n border-right: 1px solid #200c08;\n border-bottom: 1px solid #200c08;\n}\n.box--menu-mobile-dropdown .ml li a:not([href]):not([tabindex]):hover,\n.box--menu-mobile-dropdown .ml li a:not([href]):not([tabindex]):focus,\n.box--menu-mobile-dropdown .ml li a:hover ,\n.box--menu-mobile-dropdown .ml li a:focus {\n background-color: #732A1B;\n color: #FFFFFF;\n}\n\n.box--menu-mobile-dropdown .ml li.ml--dropdown > a:hover:after ,\n.box--menu-mobile-dropdown .ml li.ml--dropdown > a:focus:after {\n border-right: 1px solid #FFFFFF;\n border-bottom: 1px solid #FFFFFF;\n}\n\n.slidesConf .step-order {\n background-color: #d1563c;\n}\n.slidesArrows li.active,\n.slidesArrows li:hover,\n.slidesArrows li:focus {\n border: 1px solid #d1563c;\n}\n\n.select-new-icon .icons-list .select-icon:hover,\n.select-new-icon .icons-list .select-icon.active {\n background-color: #732A1B !important;\n color: white;\n}\n\n.select-new-icon .icons-list .select-icon:hover svg,\n.select-new-icon .icons-list .select-icon.active svg {\n fill: white !important;\n}\n\n.webhook-card:has(.switchery-active) {\n border: 1px solid transparent;\n background-color: rgba(198, 72, 46, 0.2);\n\n}\n\n.sd-checkmark-card-wrapper .sd-checkmark-card-item__active .choose-items-card__label,\n.sd-checkmark-card-wrapper .sd-checkmark-card-item:hover .choose-items-card__label {\n color: #FFFFFF;\n background-color: #732A1B;\n}\n\n.sd-checkmark-card-item.sd-checkmark-card-item__active {\n border-color: #732A1B;\n}\n\n.choose-items-wrapper .choose-items-steps .sdAccordion__item .step-number,\n.sd-checkmark-card-wrapper .sd-checkmark-card-item.sd-checkmark-card-item__active .sd-checkmark-card-item__arrow .checkmark-icon__circle {\n border-color: #d1563c;\n background-color: #732A1B;\n}\n\n.choose-items-wrapper .choose-items-summary-wrapper .colored-title,\n.choose-items-summary__section-title,\n.cbe-block-shopping-wrapper .choose-items-summary-wrapper .choose-items-summary-body .choose-items-summary-total label {\n color: #200c08;\n}\n\n\n.checklist-submission-item.active .link-state-wrapper {\n border-color: #4a1b11;\n}\n\n.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a{\n box-shadow: inset 0 0 0 #200c08;\n}\n\n.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:hover,\n.dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:focus {\n box-shadow: inset 0 -0.6em 0 rgba(198, 72, 46, 0.5);\n}\n.branding-theme-mrclean .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:hover,\n.branding-theme-mrclean .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > .ext-submenu li a:focus {\n box-shadow: inset 0 -0.6em 0 rgba(74, 27, 17, 0.5);\n}\n\n.book-me__background-top,\n.book-me-calendar.calendar table tr:first-child th,\n.book-me-calendar.calendar table tr:first-child th button,\n.book-me-calendar.calendar table tr:first-child th button.uib-left::before,\n.book-me-calendar.calendar table tr:first-child th button.uib-right::before {\n background-color: #732A1B;\n}\n\n.personal-block__avatar {\n background-color: #200c08;\n}\n.book-me__appointment-options-item.active .appointment-card {\n border-color: #200c08 !important;\n}\n\n\n /* Registration Form*/\n .registration-page {\n background-color: rgb(29, 126, 160) !important;\n }\n .registration-page .registration-card {\n background-color: rgba(0, 0, 0, 0.61) !important;\n }\n\n .registration-page .registration-card .form-group.info-text,\n .registration-page .registration-card .form-group.info-text a,\n .registration-page .registration-card .form-group label,\n .registration-page .registration-card .form-group .label,\n .registration-page .registration-card.registration-card--organizationLaunchpad,\n .registration-page .registration-card.registration-card--organizationLaunchpad .my-companies__item-text,\n .registration-page .registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__cancel-btn {\n color: #FFFFFF !important;\n }\n\n .registration-page .registration-card .btn.btn-primary,\n .registration-page .registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__confirm-btn {\n background-color: #732307 !important;\n color: #FFFFFF !important;\n }\n\n .registration-page .registration-card .btn.btn-primary:hover,\n .registration-page .registration-card.registration-card--organizationLaunchpad .organizationLaunchpad__confirm-btn:hover {\n background-color: #5b1c06 !important;\n border-color: #bb390b !important;\n }\n\n\n.box-nav.tabs li:hover a:before, .box-nav.tabs li:focus a:before, .box-nav.tabs li.active a:before,\n.box-nav li a:hover:before, .box-nav li a:focus:before, .box-nav li a.active:before {\n background: #DE6843 !important;\n}\nbody.sd-dark-mode .box-link,\nbody.sd-dark-mode .box-info li a,\nbody.sd-dark-mode .box-nav li a.active,\nbody.sd-dark-mode .box-btn.box-btn--primary,\n.box-link,\n.box-info li a,\n.box-nav li a.active,\n.box-btn.box-btn--primary {\n color: #DE6843 !important;\n}\nbody.sd-dark-mode .box-link:hover, .box-link:focus,\nbody.sd-dark-mode .box-info li a:hover, .box-info li a:focus,\nbody.sd-dark-mode .box-btn.box-btn--primary:hover, .box-btn.box-btn--primary:focus,\n.box-link:hover, .box-link:focus,\n.box-info li a:hover, .box-info li a:focus,\n.box-btn.box-btn--primary:hover, .box-btn.box-btn--primary:focus {\n color: #ca4b24 !important;\n border-color: #ca4b24 !important;\n}\nbody.sd-dark-mode .box-person-link:hover svg,\nbody.sd-dark-mode .box-person-link:focus svg,\n.box-person-link:hover svg,\n.box-person-link:focus svg{\n color: #ca4b24 !important;\n fill: #ca4b24 !important;\n}\n.body-crm-dashboard .badge-info{\n background-color: #DE6843 !important;\n border-color: #DE6843 !important;\n}\n.body-crm-dashboard .box--menu-placeholder .box--menu-container .box-nav li.hovered a.has-dropdown-menu:before{\n background: #DE6843 !important;\n}\n.body-crm-dashboard.sd-dark-mode .redactor-toolbar a:hover, .body-crm-dashboard.sd-dark-mode .redactor-air a:hover,\n.body-crm-dashboard .redactor-toolbar a:hover, .body-crm-dashboard .redactor-air a:hover,\n.body-crm-dashboard .box-btn-saved{\n background: #DE6843 !important;\n}\n\n.reporting__block__title__icon {\n background-color: #732A1B\n}\n\n.reporting__block__title__icon svg {\n fill: #FFFFFF\n}\n\n.highlighted-text {\n color: #DE6843 !important;\n}\n\n /* Notifications */\n .cg-notify-message {\n background-color: #732A1B;\n color: #FFFFFF;\n border-color: #200c08;\n}\n\n.cg-notify-close {\n color: #FFFFFF;\n}\n\n\n.notification-options a:focus,\n.notification-options a:hover {\n color: #732A1B !important;\n}\n\n\n.maintenance-window {\n border-left: 5px solid #732A1B;\n}\n\n.ribbon-notify__list-block,\n.ribbon-notify__icon--down-arrow::after,\n.ribbon-notify__inner-wrap--notify-block-shown .ribbon-notify__link-icon-left i,\n.ribbon-notify__inner-wrap--notify-block-shown .ribbon-notify__link .ribbon-notify__link-icon-left i::before,\n.ribbon-notify__inner-wrap--notify-block-shown .ribbon-notify__link .ribbon-notify__link-icon-left i::after {\n border-color: #732A1B !important;\n}\n\n.ribbon-notify__title {\n border-color: #200c08 !important;\n}\n\n /* Forms */\n .form-oscar .chosen-container.chosen-container-active,\n.sd-app-tags .tags.focused,\n.ui-select-multiple.ui-select-bootstrap.form-control.open,\n.sd-file-browser .toolbar-wrap .toolbar-operations .view-bar .search:focus {\n box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);\n border-color: #732A1B;\n}\n\n.drop-box.dragover,\n.redactor-focus.redactor-styles-on,\n.redactor-focus:focus.redactor-styles-on {\n border-color: #404040;\n}\n\n.chosen-container .chosen-results .highlighted,\n.chosen-container-single .chosen-single .chosen-results .highlighted,\n.chosen-container-multi .chosen-choices .chosen-results .highlighted {\n background-color: #d1563c !important;\n color: white !important;\n}\n\n.view-submission-modal .brand-band {\n background-color: #883220;\n color: white;\n}\n\n.conditionLogic__number{\n background-color: #732A1B !important;\n}\n\n.conditionLogic__label{\n background-color: #732A1B !important;\n}\n.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number,\n.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .field-label-container .sort-number-choice,\n.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number,\n.form-builder .fields-list .field-block .label-block .field-container .field-wrapper .choice-label-container .sort-number-choice,\n.sd-sortable-list-wrapper .sort-number {\n background-color: #732A1B !important;\n}\n\n.radiobox input[type=radio]:checked + span.label-text:before {\n border-color: #732A1B\n}\n.radiobox span.label-text:after {\n background-color: #732A1B;\n}\n\n.check-card .check-label:hover .check-card-wrapper ,\n.check-card .check-label:focus .check-card-wrapper {\n border-color: #732A1B;\n}\n\n.manage-top-bar-wrapper .tabs-card .nav-tabs li.active .nav-link {\n color: #732A1B important;\n border-color: #732A1B important;\n}\n.manage-top-bar-wrapper .tabs-card .nav-tabs li a:hover,\n.manage-top-bar-wrapper .tabs-card .nav-tabs li a:focus,\n.manage-top-bar-wrapper .tabs-card .nav-tabs li.active a:focus,\n.manage-top-bar-wrapper .tabs-card .nav-tabs li.active a:hover {\n color: #5f2316 !important;\n border-color: #5f2316 !important;\n}\n\n.form-oscar .round-check input[type=\"checkbox\"]:checked:hover + .label-text,\n.form-oscar .round-check input[type=\"checkbox\"]:checked + .label-text,\n.round-check input[type=\"checkbox\"]:checked:hover + .label-text,\n.round-check input[type=\"checkbox\"]:checked + .label-text {\n border-color: #732A1B !important;\n background-color: #732A1B !important;\n color: white;\n transition: all .25s ease-in-out;\n}\n.form-oscar .round-check input[type=\"checkbox\"]:checked:hover + .label-text:after,\n.form-oscar .round-check input[type=\"checkbox\"]:checked + .label-text:after,\n.round-check input[type=\"checkbox\"]:checked:hover + .label-text:after,\n.round-check input[type=\"checkbox\"]:checked + .label-text:after {\n border-color: white !important;\n}\n.form-oscar .round-check input[type=\"checkbox\"]:hover + .label-text,\n.round-check input[type=\"checkbox\"]:hover + .label-text {\n background-color: rgba(136, 50, 32, 0.25) !important;\n transition: all .25s ease-in-out;\n}\n\n.intake-form .glass-background-effect .main-wrapper {\n overflow: visible;\n}\n\n.calendar__title {\n background-color: #732A1B;\n}\n\n.calendar__title h3 {\n color: white !important;\n}\n\n.calendar__pagination-icon svg {\n fill: white !important;\n}\n\n.choose-items-wrapper .choose-items-summary-wrapper:not(.loader-widget)::before,\n.choose-items-wrapper .sdAccordion__item .sdAccordion__head {\n background-color: rgba(220, 122, 101, 0.1);\n}\n\n /* Sidebar */\n .sidebar-dark .side-user .media .fs-12 {\n color: #FFFFFF;\n}\n\n.sidebar-dark .side-menu :not([class*=\"color-\"]) > .list-icon {\n color: #FFFFFF;\n}\n\n.side-menu > li.current-page > a {\n border-color: #FFFFFF;\n}\n\n.modal-bottom-bar .RightBar__header,\n.site-sidebar .side-menu {\n\tborder-color: #732A1B;\n}\n\n.customization-sidebar-wrapper:not('.lms-sidebar-wrapper') {\n border-left: rem(5px) solid rgba(198, 72, 46, 0.2);\n}\n\n.sd-chat-wrapper {\n border-left-color: rgba(198, 72, 46, 0.2);\n}\n\n.notification-sidebar-wrapper,\n.main-wrapper--contactCRM .RightBar {\n border-left-color: rgba(198, 72, 46, 0.2);\n}\n\n.lms-sidebar .close:hover:before,\n.lms-sidebar .close:hover:after,\n.lms-sidebar .close:focus:before,\n.lms-sidebar .close:focus:after,\n.RightBar .close:hover:before,\n.RightBar .close:hover:after,\n.RightBar .close:focus:before,\n.RightBar .close:focus:after,\n.rightPanel .close:hover:before,\n.rightPanel .close:hover:after,\n.rightPanel .close:focus:before,\n.rightPanel .close:focus:after,\n.customization-sidebar-wrapper .sidebar-header .close:hover:before,\n.customization-sidebar-wrapper .sidebar-header .close:hover:after,\n.customization-sidebar-wrapper .sidebar-header .close:focus:before,\n.customization-sidebar-wrapper .sidebar-header .close:focus:after,\n.emailconfig-sidebar-wrapper .sidebar-header .close:hover:before,\n.emailconfig-sidebar-wrapper .sidebar-header .close:hover:after,\n.emailconfig-sidebar-wrapper .sidebar-header .close:focus:before,\n.emailconfig-sidebar-wrapper .sidebar-header .close:focus:after {\n background-color: #732A1B;\n opacity: 0.75;\n transition: all 0.2s ease-in-out;\n}\n\n.box-icons-list li:before,\n.box-icons-list li:after,\n.box-icons-list li a:before,\n.box-icons-list li a:after {\n background-color: #732A1B;\n}\n\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .ml--close:before,\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .ml--close:after {\n background-color: #FFFFFF;\n}\n\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .ml--back:before {\n border-left-color: #FFFFFF;\n border-top-color: #FFFFFF;\n}\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .ml--back:after {\n background-color: #FFFFFF;\n}\n\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml ul {\n background-color: transparent;\n}\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml a:not(.menu-item-add-url) {\n border-bottom: 1px solid rgba(255, 255, 255, 0.4);\n}\n\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .sd-get-help i,\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml .sd-get-help span {\n color: #FFFFFF;\n fill: #FFFFFF;\n stroke: #FFFFFF;\n}\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml a.menu-item-add-url {\n color: #FFFFFF;\n}\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml a.menu-item-add-url:hover,\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml a.menu-item-add-url:focus {\n background-color: transparent;\n}\n.sidebar-dark:not(.sd-dark-mode) .mobileMenu .ml li.ml--dropdown > a:after {\n border-right: 1px solid #FFFFFF;\n border-bottom: 1px solid #FFFFFF;\n}\n\n.branding-theme-mrclean .box-icons-list li:before,\n.branding-theme-mrclean .box-icons-list li:after,\n.branding-theme-mrclean .box-icons-list li a:before,\n.branding-theme-mrclean .box-icons-list li a:after {\n background-color: #000000;\n}\n\n/*.reporting__block__title__icon,*/\n\n.site-sidebar.site-sidebar--public-page .site-sidebar-header {\n background-color: #4a1b11;\n}\n.site-sidebar.site-sidebar--public-page .sidebar-toggle {\n background-color: #200c08;\n color: #FFFFFF;\n}\n\n /* Buttons */\n .btn-primary.badge {\n color: white;\n background-color: #200c08;\n border-color: transparent;\n}\n\n.flow-advance-wrapper .flow-buttons:not(.flow-button-skip) {\n background-color: #200c08;\n border-color: transparent;\n}\n\n.personal-block__btn span,\n.book-me-calendar.calendar table tr:first-child th button,\n.choose-items-wrapper .choose-items-summary-actions button.next-btn {\n color: white;\n}\n\n.quantity-input .quantity-input__button.quantity-input__sub:hover::before,\n.quantity-input .quantity-input__button.quantity-input__add:hover::before,\n.quantity-input .quantity-input__button.quantity-input__add:hover::after {\n background-color: white;\n}\n\n.choose-items-wrapper .choose-items-summary-actions button.next-btn svg {\n fill: white;\n}\n\n.flow-buttons:not(.flow-button-skip):hover,\n.flow-buttons:not(.flow-button-skip):focus,\n.flow-buttons:not(.flow-button-skip).dropdown-toggle:focus,\n.flow-buttons:not(.flow-button-skip):active {\n box-shadow:0 0 0 2px rgba(177, 65, 42, 0.5);\n background-color: #35130c;\n}\n\n.flow-button-skip {\n color: #200c08;\n}\n\n.btn.btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 2px rgba(177, 65, 42, 0.5);\n border-color: #5e2216;\n background-color:#fff;\n}\n\n.btn.btn-outline-default.dropdown-toggle:focus {\n background-color:#fff;\n}\n\n\n.advanced-select-add-new-item-wrapper .select2-selection.select2-selection--single:hover {\n box-shadow:0 0 0 2px rgba(177, 65, 42, 0.5);\n border-color: #5e2216;\n background-color:#fff;\n}\n\n.btn.btn-primary-light {\n background-color: #732A1B;\n border-color: transparent;\n}\n\n.appointment-type__item:active .appointment-type__block, .appointment-type__item.active .appointment-type__block {\n border: 3px solid #732A1B !important;\n}\n\n.btn.btn-success {\n background-color: #200c08;\n border-color: transparent;\n}\n\n.swal2-modal .btn {\n background-color: #200c08;\n border-color: transparent;\n color: white;\n}\n\n.addon-tab-content .addon-item .add-on-buttons .btn:not(.cancel-button) {\n background-color: #200c08;\n border-color: transparent;\n color: white;\n}\n\n.addon-tab-content .addon-item .add-on-buttons .btn:hover {\nbackground-color: #5e2216;\n}\n\n.btn-outline-default.outline-light-bg {\n background:rgba(177, 65, 42, 0.9) !important;\n border-color: rgba(177, 65, 42, 0.9) !important;\n color: white ;\n}\n\n.btn-add-template {\nbackground-color: #200c08 !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n\n}\n\n.panel-preview.panel-preview__templates .panel-preview__sidebar a.nav-link.active {\n border-color: #200c08 !important;\n}\n\n\n.swal2-styled.swal2-confirm {\n background-color: #200c08 !important;\n border-color: transparent;\n}\n\n.swal2-styled:focus {\nbox-shadow:0 0 0 2px rgba(177, 65, 42, 0.5) !important;\n}\n\n.vault-add-manually {\ncolor: #200c08;\nborder-color: transparent;\n}\n\n.vault-add-request {\n color: #200c08;\n border-color: transparent;\n}\n\n.form-actions.submit-buttons .save-btn svg,\n.form-actions.submit-buttons .save-template svg,\n.form-actions.submit-buttons.btn-top-list .configure-actions__icon svg {\n fill: #200c08 ;\n border-color: transparent;\n}\n\n.form-actions.submit-buttons.btn-top-list .collapse-all a span {\n border-color: #200c08 ;\n}\n\n\n.entity-action-widget .list-index {\n background-color: #200c08 ;\n}\n\n@media (max-width: 768px) {\n .rightTabs.rightTabs--lms .right-sidebar-togler:hover,\n .rightTabs.rightTabs--lms .right-sidebar-togler:focus,\n .rightTabs.rightTabs--lms .right-sidebar-togler.active {\n background: transparent !important;\n }\n .rightTabs.rightTabs--lms .right-sidebar-togler:hover:before,\n .rightTabs.rightTabs--lms .right-sidebar-togler:focus:before,\n .rightTabs.rightTabs--lms .right-sidebar-togler.active:before {\n background:#200c08 ;\n }\n .rightTabs.rightTabs--lms .right-sidebar-togler:hover img,\n .rightTabs.rightTabs--lms .right-sidebar-togler:focus img,\n .rightTabs.rightTabs--lms .right-sidebar-togler.active img {\n filter: none;\n }\n}\n\n.footer-actions-wrapper .actions-handler .handler-drag-icon {\n background:#200c08 ;\n color:white !important;\n}\n\n\n.btn-info {\nbackground:rgba(177, 65, 42, 0.9) !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n}\n\n.btn-info:hover {\nbackground:rgba(177, 65, 42, 0.5) !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n}\n\n.btn-success {\nbackground:#200c08\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n}\n\n.btn-success:hover {\nbackground:rgba(93, 35, 23, 0.95) !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n}\n\n.btn-success:active {\nbackground:#4a1b11 !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\n}\n\n.btn-success:focus {\nbackground:rgba(93, 35, 23, 0.95) !important;\nborder-color: transparent !important;\nborder:none !important;\ncolor: white !important;\nbox-shadow:0 0 0 2px rgba(177, 65, 42, 0.5) !important;\n}\n\n/*contrast color*/\n.uib-day .btn-info .text-info {\n color: white !important;\n}\n\n.uib-day .btn-default text-info {\n color: var(--sd-text-default);\n}\n\n.reminders-settings__forms-block .uib-time.am-pm button {\n background-color: #200c08;\n color: #fff !important;\n}\n\n\nli.select2-results__option--highlighted small.timer-action-selection-desc {\ncolor: white !important;\n}\n\n.footer-actions-wrapper .timer--action-wrapper .timer-form .counter-wrap .timer-input.counting-time-input:focus {\nborder-color:#4a1b11 !important;\n\n}\n\n/* Options Dropdowns */\n.ct-options-cell .dropdown .btn.btn-primary.dropdown-toggle {\n background-color: #200c08;\n color: white;\n border-color: transparent;\n}\n\n.ct-options-cell .dropdown .dropdown-menu,\n#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu {\n background-color: #4a1b11;\n color: white;\n}\n\n.ct-options-cell .dropdown .dropdown-menu .dropdown-item,\n#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item {\n background-color: #4a1b11;\n color: white;\n}\n\n.ct-options-cell .dropdown .dropdown-menu .dropdown-item:hover,\n#sd-dropdown-wrapper.sd-dropdown-wrapper-theme-color .dropdown-menu .dropdown-item:hover {\n background-color: white;\n color: #4a1b11;\n}\n\n.btn-beacon {\n background-color: #732A1B;\n color: white;\n}\n\n.cbe-add-block-item:hover,\n.configure-actions__item button:hover {\n border-color: #732A1B;\n}\n\n.installments-line-btn.btn-square{\n border-color: #200c08 ;\n}\n\n#platform-branding-form .RightBar__footer.form-actions--bottom-sticky .form-actions-btn .btn,\n.installments-line-btn.btn-square:hover,\n.installments-line-btn.btn-square:focus {\n border-color: #732A1B;\n}\n\n.installments-line-btn.btn-square:hover svg,\n.installments-line-btn.btn-square:hover i,\n.installments-line-btn.btn-square:focus svg,\n.installments-line-btn.btn-square:focus i{\n fill: #732A1B;\n color: #732A1B;\n}\n\n.btn-action:hover i,\n.btn-action:focus i{\n color: #732A1B;\n}\n.btn-action:hover svg,\n.btn-action:focus svg{\n fill: #732A1B;\n color: #732A1B;\n}\n\n#platform-branding-form .RightBar__footer.form-actions.form-actions--bottom-sticky .form-actions-btn:before,\n.cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::after,\n.cbe-add-block-item-out-wrap:hover:not(.disabledItem) .cbe-add-block-item::before,\n.cbe-add-block-item-out-wrap:hover:before,\n.cbe-add-block-item-out-wrap:hover:after,\n.configure-actions__item:hover:before,\n.configure-actions__item:focus:before,\n.configure-actions__item:hover button:before,\n.configure-actions__item:focus button:before,\n.configure-actions__item:hover:after,\n.configure-actions__item:focus:after,\n.configure-actions__item:hover button:after,\n.configure-actions__item:focus button:after {\n background-color: #732A1B !important;\n}\n\n.btn.btn-primary.message-users-list-toggle {\n background-color: #4a1b11;\n border-color: transparent;\n}\n.switchery.switchery-small.switchery-active {\n box-shadow: rgba(198, 72, 46, 0.3) 0px 0px 0px 8px inset;\n border-color: rgba(198, 72, 46, 0.3);\n background-color: rgba(198, 72, 46, 0.3);\n\n}\n\n.modal-sticky-footer .form-actions-btn {\n border: 1px solid #200c08;\n color: #200c08;\n}\n.modal-sticky-footer .form-actions-btn input[type=\"button\"],\n.modal-sticky-footer .form-actions-btn input[type=\"submit\"],\n.modal-sticky-footer .form-actions-btn i {\n color: inherit !important;\n}\n.modal-sticky-footer .form-actions-btn:hover,\n.modal-sticky-footer .form-actions-btn:focus {\n background: #200c08;\n color: white;\n}\n\n@media (min-width: 960px) {\n .form-actions.form-actions--bottom-sticky .btn {\n border: 0 !important;\n border-right: 1px solid rgba(115, 42, 27, 0.5) !important;\n position: relative;\n }\n .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=\"button\"],\n .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=\"submit\"],\n .form-actions.form-actions--bottom-sticky .form-actions-btn i {\n color: #200c08 !important;\n }\n .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=\"button\"] ,\n .form-actions.form-actions--bottom-sticky .form-actions-btn input[type=\"submit\"] {\n border-right: 1px solid rgba(115, 42, 27, 0.5) !important;\n }\n .form-actions.form-actions--bottom-sticky .form-actions-btn:hover:before,\n .form-actions.form-actions--bottom-sticky .form-actions-btn:focus:before,\n .form-actions.form-actions--bottom-sticky:not(.calendar) .btn:hover:before,\n .form-actions.form-actions--bottom-sticky:not(.calendar) .btn:focus:before {\n background-color: #732A1B !important;\n }\n}\n\n.modal-sticky-footer .form-actions .form-actions-btn ,\n.modal-sticky-footer .form-actions .btn {\n color: var(--sd-theme-primary-dark-highlighted-text) !important;\n border-left: 0 !important;\n border-top: 0 !important;\n border-bottom: 0 !important;\n border-right: 1px solid rgba(115, 42, 27, 0.5) !important;\n}\n\n.modal-sticky-footer .form-actions .form-actions-btn .btn {\n border-right: 0 !important;\n}\n\n.modal-sticky-footer .form-actions.justify-content-end .form-actions-btn,\n.modal-sticky-footer .form-actions.justify-content-between .form-actions-btn:not(:first-child) {\n border-left: 1px solid rgba(115, 42, 27, 0.5) !important;\n}\n.modal-sticky-footer .form-actions.justify-content-between .form-actions-btn:first-child {\n border-right: 1px solid rgba(115, 42, 27, 0.5) !important;\n}\n.modal-sticky-footer .form-actions .form-actions-btn:hover,\n.modal-sticky-footer .form-actions .form-actions-btn:focus {\n background-color: transparent !important;\n}\n\n.modal-sticky-footer .form-actions:not(.calendar) .btn:hover:before,\n.modal-sticky-footer .form-actions:not(.calendar) .btn:focus:before,\n.modal-sticky-footer .form-actions .form-actions-btn:focus:before {\n background-color: #732A1B !important;\n color: #200c08 !important;\n}\n\n.sd-type-switcher__tabs {\n border-color: #732A1B;\n}\n\n.sd-type-switcher__tabs:after {\n background-color: #732A1B;\n}\n\n.companySettings .form-actions--bottom-sticky .form-actions-btn:hover::before,\n.platformBranding .form-actions--bottom-sticky .form-actions-btn:hover::before,\n.checklist-flow-chain-link .btn-block:not(.brn2) {\n background-color: #200c08\n}\n\n.invoice-header-row .dynamic-items-confirm-btn {\n background-color: #200c08;\n color: white;\n}\n\n.invoice-header-row .dynamic-items-confirm-btn:hover,\n.invoice-header-row .dynamic-items-confirm-btn:active {\n background-color: #4a1b11;\n color: white;\n}\n\n /* Dropdowns */\n .dropdown-card.dropdown-card-custom .extended-menu ul.ext-menu > li.ext-item > span\n{\n border-color: #c6482e;\n}\n\n.impersonated-body impersonate-panel::-webkit-scrollbar-track {\n background-color: #4a1b11;\n}\n\n.impersonated-body impersonate-panel::-webkit-scrollbar-thumb {\n background-color:#732A1B;\n}\n\n /* Navigation */\n .header-light .navbar-nav > li > a .list-icon,\n.navbar-nav .top-nav-link > a .material-icons,\n.navbar-nav .top-nav-link > button .material-icons\n{\n color: #200c08;\n}\n\n.navbar .create-new .btn-primary:hover {\n background-color: #732A1B;\n box-shadow: none;\n}\n\n.top-nav-link a:focus i.material-icons,\n.top-nav-link.show .dropdown-toggle i.material-icons,\n.top-nav-link .show .dropdown-toggle i.material-icons {\n color: #732A1B !important;\n}\n\n.page-header-logo {\n\tbackground-color: #200c08;\n}\n\n.nav-tabs .nav-item .nav-link.active {\n color: #732A1B !important;\n border-bottom-color: #200c08 !important;\n}\n\n.sd-btn-wide-action-24px.active {\n border-bottom-color: #732A1B !important;\n}\n\n.fc-unthemed .fc-popover .fc-header,\n.header-avatar-block .avatar .material-icons {\n background-color: #732A1B;\n color: white;\n}\n\n.fc-unthemed .fc-popover .fc-header .fc-close {\n color: white;\n}\n\n.right-sidebar-togler-container .right-sidebar-togler.current {\n border-left-color: #732A1B !important;\n}\n\n.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.active:before,\n.rightTabs.rightTabs--react .right-sidebar-togler-container .right-sidebar-togler.current:before {\n background: #200c08;\n}\n\n.flow-chain .flow-chain-link .card .card-header .link-title .step-order {\n background-color: #732A1B;\n}\n\n.project-switcher-bar .projects-list {\n border-color: #DE6843 !important;\n}\n\n.project-switcher-bar .projects-list svg {\n fill: #DE6843 !important;\n}\n\nbody.branding-theme-mrclean:not(.sd-dark-mode) {\n .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::before,\n .sd-nav-bar-add-button .sd-nav-bar-add-button__icon::after {\n background-color: #000000;\n }\n .conditionLogic__number ,\n .conditionLogic__label,\n .file-upload-attachment-modal-card .file-count-wrapper .file-count {\n background-color: #000000 !important;\n }\n\n .installments-line-btn.btn-square:hover,\n .installments-line-btn.btn-square:focus {\n background-color: #000000;\n }\n}\n\n /* Pace */\n \n /* Custom Page Loader */\n body.pace-custom-loader.pace-bg-NO_ANIMATION .pace,\nbody.pace-custom-loader.pace-bg-fade .pace,\nbody.pace-custom-loader.pace-bg-slide-left .pace,\nbody.pace-custom-loader.pace-bg-slide-right .pace,\nbody.pace-custom-loader.pace-bg-slide-up .pace,\nbody.pace-custom-loader .pace:before,\nbody.pace-custom-loader .pace:after{\n background-color: rgb(74, 27, 17) !important;\n}\n\nbody.pace-custom-loader .pace-activity,\nbody.pace-custom-loader.pace-image-loading .pace-progress{\n width: 200px;\n height: 200px;\n max-width: 60%;\n}\n\nbody.pace-custom-loader.pace-image-loading .pace-progress .pace-progress-inner:after,\nbody.pace-custom-loader .pace-activity {\n background-image: url(https://portal.madmax.studio/uploads/company/picture/11699/mad_max_loader38.png);\n}\nbody.pace-custom-loader.loader-preview.pace-image-loading .pace-progress .pace-progress-inner:after,\nbody.pace-custom-loader.loader-preview .pace-activity {\n background-image: url(https://portal.madmax.studio/uploads/company/picture/11699/mad_max_loader38.png);\n}\nbody.pace-custom-loader.pace-image-drawing-frame .pace-activity:before,\nbody.pace-custom-loader.pace-image-drawing-frame .pace-activity:after,\nbody.pace-custom-loader.pace-image-drawing-frame .pace-activity .custom-pace-activity-inner:before,\nbody.pace-custom-loader.pace-image-drawing-frame .pace-activity .custom-pace-activity-inner:after\n{\nbackground-color: #FFFFFF !important;\n}\n /* Dashboard Widgets */\n #sdReporting .sd-reporting-tabs .reporting-tabs .tab-slider {\n background-color: #200c08!important;\n}\n\n.new-card-view #circles-grid.dataTableResp .data-table-item-mobile .show-more.link-block .circles-users-more {\n border-color: #732A1B !important;\n}\n.dashboard-box .dashboard-anns__item {\n border-left-color: #732A1B !important;\n}\n\n.merchant-content a {\n color: #c6482e;\n}\n\n.cbe-content #sdReporting .sd-reporting-tabs .dropdown .reporting-tab-active .active-label,\n.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data .currency-active,\n.cbe-content #sdReporting .reporting-panes .reporting-pane .property-data-mixed .property-data.sm,\n.cbe-content #sdReporting .sd-reporting-tabs .dropdown .reporting-tab-active:after,\n.cbe-content #sdReporting .sd-reporting-tabs .dropdown .currency-active:after {\n color: #200c08;\n}\n\n.checklist-item-container .checklist-actions .button,\n.checklist-item-container .checklist-item-content .checklist-item-completed-icon.completed {\n background-color: #732A1B\n}\n\n.person-dropdown__img svg {\n fill: white !important;\n}\n\n.dashboard-organize-box .dashboard-organize-box__content .dashboard-item__data .counter {\n background-color: #200c08;\n}\n\n/** Onboarding Wizard */\n.onboarding-sidebar li span.number{\n background: #200c08;\n color: #FFFFFF;\n}\n.onboarding-sidebar li.completed span.number{\n background: #732A1B;\n}\n.onboarding-sidebar .checkmark-icon__check:after{\n border-color: #FFFFFF;\n}\n@media (max-width: 1200px) {\n .checklist-item-container .checklist-actions .complete {\n background-color: #732A1B\n }\n}\n\n@media (max-width: 1800px) {\n .flow-chain-link-wrapper .checklist-item-container .checklist-actions .complete {\n background-color: #732A1B\n }\n}\n\n /* Pagination */\n .page-item.active .page-link {\n background-color: #200c08;\n border-color: #200c08;\n}\n\n.pager > li > a,\n.pagination > li > a {\n color: #200c08;\n}\n\n.pager > li.active > a,\n.pager > li.active > a:hover,\n.pager > li.active > a:focus,\n.pager > li > a:focus,\n.pager > li > a:hover,\n.pagination > li.active > a,\n.pagination > li.active > a:hover,\n.pagination > li.active > a:focus,\n.pagination > li.active > button:hover,\n.pagination > li.active > button:focus,\n.pagination > li > button:hover,\n.pagination > li > button:focus,\n.pagination > li > a:focus,\n.pagination > li > a:hover\n{\n background: #4a1b11;\n border-color: #4a1b11;\n}\n\n.appointment-schedule-pagination__arrow::before {\n border-color: #200c08;\n}\n\n.pager .page-link {\n display: inline-block;\n}\n.pager.pager {\n height: 50px;\n padding: 0;\n bottom: 3px;\n right: 8px;\n border-top: 0;\n background: #F7F7F7;\n}\n.pager.pager ul {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n width: 100%;\n justify-content: flex-start;\n align-items: center;\n}\n.pager.pager ul li {\n width: 100%;\n max-width: 35px;\n}\n.pager.pager ul li a {\n justify-content: center;\n align-items: center;\n display: flex;\n width: unset;\n background: #fff;\n color: #88be60;\n text-align: center;\n border: 1px solid #DCDCDC;\n border-radius: 2px;\n line-height: 22px;\n font-size: 12px;\n box-shadow: none;\n -moz-box-shadow: none;\n}\n.pager.pager ul li.first,\n.pager.pager ul li.previous,\n.pager.pager ul li.next,\n.pager.pager ul li.last {\n max-width: 88px;\n}\n.pager.pager ul li.first a,\n.pager.pager ul li.previous a,\n.pager.pager ul li.next a,\n.pager.pager ul li.last a {\n width: 100%;\n}\n.pager.pager ul li.selected a {\n background: #88be60;\n color: #fff;\n}\n.pager.pager ul li.disabled a {\n background: #44576c;\n color: #fefefe !important;\n}\n.pager.pager ul li.first a, .pager.pager ul li.previous a, .pager.pager ul li.next a, .pager.pager ul li.last a {\n min-width: 85px;\n color: #000000;\n}\n\n /* Tables */\n /*.sd-grid-view .table thead th,*/\n/*.sd-grid-view .table thead th *:not([type=\"checkbox\"]):not([class=\"optionsContainer\"]):not([class=\"checkbox\"])*/\n/*{*/\n/* background: #FAFAFA;*/\n/* color: #59595E;*/\n/*}*/\n/**/\n/*.sd-grid-view .table thead th a:before,*/\n/*.sd-grid-view .table thead th a:after*/\n/*{*/\n/* color: #59595E;*/\n/*}*/\n/**/\n/*.sd-grid-view .table thead th a:hover:before,*/\n/*.sd-grid-view .table thead th a:hover:after*/\n/*{*/\n/* color: #bababa!important;*/\n/*}*/\n\n.dashboard-organize-box .dashboard-item:hover {\n border-right-color: #732A1B;\n}\n\n.appointment-slot-timer {\n\tborder-color: #732A1B;\n}\n\n.appointment-date-head-text,\n.appointment-slot-timer-container:hover {\n\tbackground-color: #200c08;\n\tcolor: #ffffff;\n}\n\n.appointment-schedule-page .appointment-slot-timer-container {\n\tborder-color: #732A1B;\n}\n\n.liveSupportSession__date {\n\tbackground-color: #200c08;\n\tcolor: #fff;\n}\n\n#automation-template-grid .automation-count.badge,\n.data-table-item-mobile.mobile-card .mobile-card__header .badge.default-color {\n\tbackground-color: #732A1B;\n\tcolor: #fff;\n}\n\n.circles-users-more {\n color: #200c08\n}\n\n.book-me-timeZone__time-table-item {\n border-color: rgba(198, 72, 46, 0.2) !important;\n}\n\n.invoiceTable.invoiceTableSummary .selectedRow,\n.invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.ui-sortable-helper {\n border-color: rgba(198, 72, 46, 0.2) !important;\n}\n.invoiceTable.invoiceTableSummary tbody.ui-sortable.hidePackageItems tr.sortable-placeholder {\n background: rgba(198, 72, 46, 0.03) !important;\n border-color: rgba(198, 72, 46, 0.2) !important;\n}\n\n /* !! LEGACY !! */\n /* Widgets */\n .widget .whead {\n background: #4a1b11!important;\n color: #732A1B!important;\n}\n\n.widget .whead h6 {\n color: #FFFFFF!important;\n}\n\n.lifesaver-hover:hover .fa-life-ring,\n.sd-gettingstarted-widget .lifesaver-hover:hover svg {\n color: #5e2216 !important;\n}\n\n.sd-gettingstarted-widget .lifesaver-hover svg {\n fill: #200c08;\n}\n\n.lifesaver-hover:hover .btn {\nbackground-color: #5e2216 !important;\nborder-color: #863221;\n}\n /* Tabs */\n ul.tabs\n{\n background: #4a1b11!important;\n color: #732A1B!important;\n}\n\nul.tabs li a.active,\nul.tabs li a.active:hover\n{\n background: #732A1B!important;\n color: #FFFFFF!important;\n}\n\nul.tabs li a:hover\n{\n color: #200c08!important;\n}\n /* Invoice */\n .invoice-header-wrapper-undo {\n background-color: #200c08;\n color: #FFFFFF;\n}\n\n.mx-auto.widget-holder.credit-card-payment {\n border-color: #732A1B;\n} /* !! END LEGACY !! */\n" } ], "structure": { "matches": 16, "closestEmbed": false, "closestFormSettingScope": false, "closestChooseWrapper": true, "ancestry": [ "span.ng-binding", "h2.sdAccordion__title", "a.sdAccordion__toggle", "div#choose-items-heading-0.sdAccordion__head", "div.sdAccordion__item.choose-items-card", "div.ng-scope", "div#choose-items-steps-d8dd14b6-aa7f-a331-e94b-142e89d58286.sdAccordion.choose-items-steps", "div.choose-items-block", "div.choose-items-wrapper.choose-items-card.ng-scope", "sd-choose-items-widget-view", "sd-form-as-extension.form-extension.ng-scope", "div#FormSetting-extended-form.extended-form-wrapper.choice-step-styling-options" ] } }