/* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Defaults */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1, #onboarding_home_1_5, #onboarding_startup_2, #onboarding_startup_3, #onboarding_startup_quick_3tier, #onboarding_startup_quick_3bis, #onboarding_startup_4, #onboarding_startup_quick_4, #onboarding_startup_5, #onboarding_startup_6, #onboarding_startup_7, #onboarding_startup_quick_7, #onboarding_startup_7_1, #onboarding_startup_quick_7_1, #onboarding_startup_quick_7_2 { padding: 0px; } #onboarding_home_1 .row, #onboarding_home_1_5 .row, #onboarding_startup_2 .row, #onboarding_startup_3 .row, #onboarding_startup_quick_3tier .row, #onboarding_startup_quick_3bis .row, #onboarding_startup_4 .row, #onboarding_startup_quick_4 .row, #onboarding_startup_5 .row, #onboarding_startup_6 .row, #onboarding_startup_7 .row, #onboarding_startup_quick_7 .row, #onboarding_startup_7_1 .row, #onboarding_startup_quick_7_1 .row, #onboarding_startup_quick_7_2 .row { margin: 0px; } .onboardingContainer .col-1, .onboardingContainer .col-2, .onboardingContainer .col-3, .onboardingContainer .col-4, .onboardingContainer .col-5, .onboardingContainer .col-6, .onboardingContainer .col-7, .onboardingContainer .col-8, .onboardingContainer .col-9, .onboardingContainer .col-10, .onboardingContainer .col-11, .onboardingContainer .col-12, .onboardingContainer .col-sm-1, .onboardingContainer .col-sm-2, .onboardingContainer .col-sm-3, .onboardingContainer .col-sm-4, .onboardingContainer .col-sm-5, .onboardingContainer .col-sm-6, .onboardingContainer .col-sm-7, .onboardingContainer .col-sm-8, .onboardingContainer .col-sm-9, .onboardingContainer .col-sm-10, .onboardingContainer .col-sm-11, .onboardingContainer .col-sm-12, .onboardingContainer .col-md-1, .onboardingContainer .col-md-2, .onboardingContainer .col-md-3, .onboardingContainer .col-md-4, .onboardingContainer .col-md-5, .onboardingContainer .col-md-6, .onboardingContainer .col-md-7, .onboardingContainer .col-md-8, .onboardingContainer .col-md-9, .onboardingContainer .col-md-10, .onboardingContainer .col-md-11, .onboardingContainer .col-md-12, .onboardingContainer .col-lg-1, .onboardingContainer .col-lg-2, .onboardingContainer .col-lg-3, .onboardingContainer .col-lg-4, .onboardingContainer .col-lg-5, .onboardingContainer .col-lg-6, .onboardingContainer .col-lg-7, .onboardingContainer .col-lg-8, .onboardingContainer .col-lg-9, .onboardingContainer .col-lg-10, .onboardingContainer .col-lg-11, .onboardingContainer .col-lg-12 { padding: 0px; } @media screen and (min-width: 765px) { .onboardingContainer > div:first-of-type { min-height: 280px; max-height: 280px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Steps */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboardingSteps { gap: 8px; } #onboardingSteps > .step { display: flex; justify-content: center; align-items: center; flex: 1; min-height: 48px; height: 48px; max-height: 48px; padding: 8px 0px; animation: fadeIn 0.3s ease-in-out forwards; } #onboardingSteps > .step.active { border-bottom: 2px solid #006DFF; } #onboardingSteps > .step.inactive { border-bottom: 2px solid #CFD0D1; } #onboardingSteps > .step > p { margin: 0px; font-family: "Open Sans", sans-serif; font-size: 14px; letter-spacing: 0.1px; text-align: center; } #onboardingSteps > .step.active > p { color: #006DFF; } #onboardingSteps > .step.inactive > p { color: #9D9D9D; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Titles */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1 > .row > div.col-12 > .title, #onboarding_home_1_5 > .row > div.col-12 > .title, #onboarding_startup_2 > .row > div.col-12 > .title, #onboarding_startup_3 > .row > div.col-12 > .title, #onboarding_startup_quick_3tier > .row > div.col-12 > .title, #onboarding_startup_4 > .row > div.col-12 > .title, #onboarding_startup_quick_4 > .row > div.col-12 > .title, #onboarding_startup_5 > .row > div.col-12 > .title, #onboarding_startup_quick_7_1 > .row > div.col-12 > .title, #onboarding_startup_quick_7_2 > .row > div.col-12 > .title { padding: 0px 20px; margin: 43px 0px 0px 0px; font-family: "Nunito Sans", sans-serif; font-size: 1.5rem; text-align: center; color: #232324; } #onboarding_home_1 > .row > div.col-12 > div:last-of-type, #onboarding_home_1_5 > .row > div.col-12 > div:last-of-type { margin: 35px auto 56px auto; } #onboarding_startup_2 > .row > div.col-12 > div:last-of-type, #onboarding_startup_3 > .row > div.col-12 > div:last-of-type, #onboarding_startup_quick_3tier > .row > div.col-12 > div:last-of-type, #onboarding_startup_quick_3bis > .row > div.col-12 > div:last-of-type, #onboarding_startup_5 > .row > div.col-12 > div:last-of-type, #onboarding_startup_quick_7_1 > .row > div.col-12 > div:last-of-type, #onboarding_startup_quick_7_2 > .row > div.col-12 > div:last-of-type { margin: 59px auto 32px auto; } #onboarding_startup_4 > .row > div.col-12 > div:last-of-type > .float-right, #onboarding_startup_quick_4 > .row > div.col-12 > div:last-of-type > .float-right { float: initial !important; } #onboarding_startup_4 > .row > div.col-12 > div:last-of-type > .float-right > svg { width: 250px; height: 136px; position: absolute; right: 0px; top: 12px; } @media screen and (max-width: 765px) { #onboarding_startup_4 > .row > div.col-12 { margin: 43px 0px 20px 0px; } #onboarding_startup_4 > .row > div.col-12 > div:last-of-type > .float-right > svg { display: none; } } #onboarding_startup_4 > .row > div.col-12 > div:last-of-type > .float-right > svg * { transform: scale(0.5); } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Header ( With Steps and Helpers ) */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1 > .row > div.col-12 .grey-info, #onboarding_home_1_5 > .row > div.col-12 .grey-info, #onboarding_startup_6 > form > .row > div.col-12 .grey-info { padding: 19px 32px; font-family: "Open Sans", sans-serif; font-size: 14px; color: #FFFFFF; border-radius: 10px; background-color: #F7F7F7; } #onboarding_startup_6 > form > .row > div.col-12 .grey-info { margin: 0px 0px 32px 0px; } #onboarding_startup_2 > .row > div.col-12 .green-info, #onboarding_startup_3 > .row > div.col-12 .green-info, #onboarding_startup_5 > .row > div.col-12 .green-info, #onboarding_startup_quick_7_2 > .row > div.col-12 .green-info { min-height: 62px; padding: 10px 32px; font-family: "Open Sans", sans-serif; font-size: 14px; color: #FFFFFF; border-radius: 10px; background-color: #38BF84; } #onboarding_startup_quick_3tier > .row > div.col-12 .orange-info, #onboarding_startup_quick_7_1 > .row > div.col-12 .orange-info { min-height: 62px; padding: 10px 32px; font-family: "Open Sans", sans-serif; font-size: 14px; color: #FFFFFF; border-radius: 10px; background-color: #FFB00E; } #onboarding_home_1 > .row > div.col-12 .grey-info > a, #onboarding_home_1_5 > .row > div.col-12 .grey-info > a, #onboarding_startup_6 > form > .row > div.col-12 .grey-info > p { font-family: "Open Sans", sans-serif; color: #595959; letter-spacing: 0.1px; font-size: 14px; text-decoration: underline; } #onboarding_startup_6 > form > .row > div.col-12 .grey-info > p { margin: 0px; text-decoration: none; } #onboarding_startup_2 > .row > div.col-12 .green-info > p, #onboarding_startup_3 > .row > div.col-12 .green-info > p, #onboarding_startup_quick_3tier > .row > div.col-12 .orange-info > p, #onboarding_startup_5 > .row > div.col-12 .green-info > p, #onboarding_startup_quick_7_1 > .row > div.col-12 .orange-info > p, #onboarding_startup_quick_7_2 > .row > div.col-12 .green-info > p { margin: 0px; } #onboarding_startup_quick_3tier > .row > div.col-12 .orange-info > p, #onboarding_startup_quick_7_1 > .row > div.col-12 .orange-info > p { font-family: "Open Sans", sans-serif; font-size: 14px; letter-spacing: 0.1px; text-align: center; color: #232324; } #onboarding_home_1 > .row > div.col-12 .grey-info > .grey-help, #onboarding_home_1_5 > .row > div.col-12 .grey-info > .grey-help, #onboarding_startup_6 > form > .row > div.col-12 .grey-info > .grey-help { position: absolute; left: calc(0px - 25px); } #onboarding_home_1 > .row > div.col-12 .grey-info > .grey-help > svg, #onboarding_home_1_5 > .row > div.col-12 .grey-info > .grey-help > svg, #onboarding_startup_6 > form > .row > div.col-12 .grey-info > .grey-help > svg { width: 54px; height: 54px; } #onboarding_startup_2 > .row > div.col-12 .green-info > .green-help, #onboarding_startup_3 > .row > div.col-12 .green-info > .green-help, #onboarding_startup_5 > .row > div.col-12 .green-info > .green-help, #onboarding_startup_quick_7_2 > .row > div.col-12 .green-info > .green-help { position: absolute; left: calc(0px - 50px); bottom: 10px; } #onboarding_startup_2 > .row > div.col-12 .green-info > .green-help > svg, #onboarding_startup_3 > .row > div.col-12 .green-info > .green-help > svg, #onboarding_startup_5 > .row > div.col-12 .green-info > .green-help > svg, #onboarding_startup_quick_7_2 > .row > div.col-12 .green-info > .green-help > svg { width: 80px; height: 80px; } #onboarding_startup_quick_3tier > .row > div.col-12 .orange-info > .orange-help, #onboarding_startup_quick_7_1 > .row > div.col-12 .orange-info > .orange-help { position: absolute; left: calc(0px - 50px); bottom: 10px; } #onboarding_startup_quick_3tier > .row > div.col-12 .orange-info > .orange-help > svg, #onboarding_startup_quick_7_1 > .row > div.col-12 .orange-info > .orange-help > svg { width: 80px; height: 80px; } #onboarding_startup_7 > .row > div.col-12 > div:last-of-type, #onboarding_startup_quick_7 > .row > div.col-12 > div:last-of-type, #onboarding_startup_7_1 > .row > div.col-12 > div:last-of-type { gap: 80px; } #onboarding_startup_6 > .row > div.col-12 > div:last-of-type > svg, #onboarding_startup_7 > .row > div.col-12 > div:last-of-type > svg, #onboarding_startup_quick_7 > .row > div.col-12 > div:last-of-type > svg, #onboarding_startup_7_1 > .row > div.col-12 > div:last-of-type > svg { margin: 44px 0px 44px 0px; } .green-help > svg, .orange-help > svg { display: none; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Collapses */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1 > #chooseProfile, #onboarding_home_1_5 > #chooseProfile { margin: 16px 0px 0px 0px; } #onboarding_home_1 > #chooseProfile > .row, #onboarding_home_1_5 > #chooseProfile > .row { padding: 16px; } #onboarding_home_1 > #chooseProfile > .row > .chooseProfile, #onboarding_home_1 > #chooseProfile > .row > .chooseProfile > div, #onboarding_home_1_5 > #chooseProfile > .row > .chooseProfile, #onboarding_home_1_5 > #chooseProfile > .row > .chooseProfile > div { gap: 8px; } #onboarding_home_1 > #chooseProfile > .row > .chooseProfile > div > .title, #onboarding_home_1_5 > #chooseProfile > .row > .chooseProfile > div > .title { margin: 0px; font-family: "Open Sans", sans-serif; letter-spacing: 0.1px; color: #232324; font-size: 14px; font-weight: bold; } #onboarding_home_1 > #chooseProfile > .row > .chooseProfile > div > .text, #onboarding_home_1_5 > #chooseProfile > .row > .chooseProfile > div > .text { margin: 0px; font-family: "Open Sans", sans-serif; letter-spacing: 0.1px; color: #595959; font-size: 14px; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Choices */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1 > #onboardingChoices, #onboarding_home_1_5 > #onboardingChoices { margin: 16px 0px 0px 0px; gap: 16px; } #onboarding_home_1 > #onboardingChoices > div, #onboarding_home_1_5 > #onboardingChoices > div { position: relative; border: 2px solid #FFFFFF; animation: border-color 0.3s ease-in-out; } #onboarding_home_1 > #onboardingChoices > .company > .chosenProfile, #onboarding_home_1 > #onboardingChoices > .partner > .chosenProfile, #onboarding_home_1_5 > #onboardingChoices > .startup > .chosenProfile, #onboarding_home_1_5 > #onboardingChoices > .corporate > .chosenProfile { margin: 0px 0px 0px 10px; padding: 5px 20px; position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 12px; opacity: 0; background-color: #006DFF; animation: fadeIn 0.3s ease-in-out forwards; } #onboarding_home_1 > #onboardingChoices > .company > div:first-of-type, #onboarding_home_1 > #onboardingChoices > .partner > div:first-of-type, #onboarding_home_1_5 > #onboardingChoices > .startup > div:first-of-type, #onboarding_home_1_5 > #onboardingChoices > .corporate > div:first-of-type { margin: 48px 0px 0px 0px; } @media screen and (max-width: 320px) { #onboarding_home_1 > #onboardingChoices > .company > div:first-of-type, #onboarding_home_1_5 > #onboardingChoices > .startup > div:first-of-type { flex-direction: column; align-items: center; } #onboarding_home_1 > #onboardingChoices > .company > div:first-of-type > div, #onboarding_home_1_5 > #onboardingChoices > .startup > div:first-of-type > div { display: none; } } #onboarding_home_1 > #onboardingChoices > .company > div > .title, #onboarding_home_1 > #onboardingChoices > .partner > div > .title, #onboarding_home_1_5 > #onboardingChoices > .startup > div > .title, #onboarding_home_1_5 > #onboardingChoices > .corporate > div > .title { margin: 24px 0px 0px 0px; padding: 0px 20px; font-size: 24px; letter-spacing: 0.2px; font-family: "Nunito Sans", sans-serif; font-weight: 800; color: #232324; } #onboarding_home_1 > #onboardingChoices > .company > div.text-muted, #onboarding_home_1 > #onboardingChoices > .partner > div.text-muted, #onboarding_home_1_5 > #onboardingChoices > .startup > div.text-muted, #onboarding_home_1_5 > #onboardingChoices > .corporate > div.text-muted { margin: 16px 0px 34px 0px; } #onboarding_home_1 > #onboardingChoices > .company > div.text-muted > p, #onboarding_home_1 > #onboardingChoices > .partner > div.text-muted > p, #onboarding_home_1_5 > #onboardingChoices > .startup > div.text-muted > p, #onboarding_home_1_5 > #onboardingChoices > .corporate > div.text-muted > p { margin: 0px; padding: 0px 20px; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Forms */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_startup_2 form, #onboarding_startup_3 form, #onboarding_startup_4 form, #onboarding_startup_quick_4 form, #onboarding_startup_5 form, #onboarding_startup_6 form, #onboarding_startup_7 form, #onboarding_startup_quick_7 form, #onboarding_startup_7_1 form, #onboarding_startup_quick_7_1 form, #onboarding_startup_quick_7_2 form { margin: 16px 0px 0px 0px; padding: 32px; } #onboarding_startup_2 form .reactComponentsContainer { overflow: hidden; } #onboarding_startup_2 form .reactComponentsContainer > div:first-of-type { order: 2; } #onboarding_startup_2 form .reactComponentsContainer > div:last-of-type { order: 1; } #onboarding_startup_2 form div[data-react-component="true"] { min-width: 100%; width: 100%; margin: 10px 0px 0px 0px; transition: transform 0.5s ease-in-out; } #onboarding_startup_3 form div[data-react-component="true"] > div { margin: 26px 0px 0px 0px; } #onboarding_startup_5 form div[data-react-component="true"] > div > div:first-of-type > div:first-of-type, #onboarding_startup_6 form div[data-react-component="true"] > div > div:first-of-type > div:first-of-type, #onboarding_startup_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7_2 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type { padding: 0px 24px 0px 0px; } #onboarding_startup_5 form div[data-react-component="true"] > div > div:first-of-type > div:last-of-type, #onboarding_startup_6 form div[data-react-component="true"] > div > div:first-of-type > div:last-of-type, #onboarding_startup_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7_2 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type { padding: 0px 0px 0px 24px; } @media screen and (max-width: 760px) { #onboarding_startup_5 form div[data-react-component="true"] > div > div:first-of-type > div:first-of-type, #onboarding_startup_6 form div[data-react-component="true"] > div > div:first-of-type > div:first-of-type, #onboarding_startup_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type, #onboarding_startup_quick_7_2 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:first-of-type { padding: 0px; } #onboarding_startup_5 form div[data-react-component="true"] > div > div:first-of-type > div:last-of-type, #onboarding_startup_6 form div[data-react-component="true"] > div > div:first-of-type > div:last-of-type, #onboarding_startup_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7_1 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type, #onboarding_startup_quick_7_2 form div[data-react-component="true"] > div > div:nth-of-type(2) > div:last-of-type { padding: 0px; } } #onboarding_startup_4 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovInput, #onboarding_startup_5 form div[data-react-component="true"] .forinovInput, #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea, #onboarding_startup_5 form div[data-react-component="true"] .forinovSelect, #onboarding_startup_6 form div[data-react-component="true"] .forinovSelect, #onboarding_startup_7 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovInput, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovInput { margin: 36px 0px 0px 0px; } @media screen and (max-width: 450px) { #onboarding_startup_4 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovInput, #onboarding_startup_5 form div[data-react-component="true"] .forinovInput, #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea, #onboarding_startup_5 form div[data-react-component="true"] .forinovSelect, #onboarding_startup_6 form div[data-react-component="true"] .forinovSelect, #onboarding_startup_7 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovInput, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovInput, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovInput { margin: 36px 0px 0px 0px; } } #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea > textarea { padding: 20px 0px 10px 0px; resize: none; } #onboarding_startup_5 form div[data-react-component="true"] a { margin: 8px 0px 0px 0px; text-decoration: underline; } @media screen and (max-width: 752px) { #onboarding_startup_5 form div[data-react-component="true"] .placeholderLink { display: none; } } #onboarding_startup_2 form div[data-react-component="true"] .companyRegistrationNumberCheckLink, #onboarding_startup_2 form div[data-react-component="true"] .placeholderLink { width: fit-content; margin: 12px 0px 0px 0px; text-decoration: underline; } #onboarding_startup_2 form div[data-react-component="true"] .placeholderLink, #onboarding_startup_5 form div[data-react-component="true"] .placeholderLink { opacity: 0; pointer-events: none; } #onboarding_startup_2 form div[data-react-component="true"] .websiteLink { margin: 69px 0px 0px 0px; } #onboarding_startup_2 form div[data-react-component="true"] .websiteLink, #onboarding_startup_2 form div[data-react-component="true"] .websiteLink a { font-family: "Open Sans", sans-serif; font-size: 14px; letter-spacing: 0.1px; color: #9D9D9D; } #onboarding_startup_2 form div[data-react-component="true"] .websiteLink a { text-decoration: underline; transition: color 0.3s ease-in-out; } #onboarding_startup_2 form div[data-react-component="true"] .websiteLink a:hover { color: #006DFF !important; } #onboarding_startup_3 form .register { width: fit-content; margin: 24px 0px 0px 0px; font-family: "Open Sans", "sans-serif"; font-size: 16px; letter-spacing: 0.5px; text-align: center; color: #9D9D9D; } #onboarding_startup_6 form div[data-react-component="true"] .companyMatchingChoicesText, #onboarding_startup_7 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_7_1 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .companyWorkerGender { margin: 32px 0px 8px 0px; color: #006DFF; font-size: 12px; font-family: "Open Sans", sans-serif; letter-spacing: 0.5px; } #onboarding_startup_7 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_7_1 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .companyWorkerGender, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .companyWorkerGender { margin: 0px 0px 8px 0px; } #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions a, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions a, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions a, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions a, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions a { text-decoration: underline; } #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio { gap: 24px; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > .checkbox { display: flex; justify-content: center; align-items: center; min-width: 24px; width: 24px; min-height: 24px; height: 24px; cursor: pointer; border: 2px solid #006DFF; border-radius: 2px; transition: all 0.3s ease-in-out; } #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions .checkbox, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions .checkbox, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions .checkbox, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions .checkbox, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions .checkbox { min-width: 16px; width: 16px; min-height: 16px; height: 16px; border-width: 1px !important; } #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio .radio { border-radius: 50%; } #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox .checkbox, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio .radio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > .checkbox { border: 2px solid #9D9D9D; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox .checkbox > span, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox .checkbox > span, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox .checkbox > span, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio .radio > span, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > .checkbox > span, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio .radio > span, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > .checkbox > span, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio .radio > span, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox > span, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio .radio > span, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > .checkbox > span, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio .radio > span, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > .checkbox > span { color: #F7F7F7; opacity: 0; transition: opacity 0.3s ease-in-out; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox input, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox input, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox input, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio input, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > input, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio input, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > input, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio input, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > input, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio input, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > input, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio input, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > input { display: none; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio input:checked + .radio, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox { border-color: #006DFF; background-color: #006DFF; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox > span, #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox > span, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox > span, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio > span, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox > span, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio > span, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox > span, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio > span, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox > span, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio > span, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox > span, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio input:checked + .radio > span, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > input:checked + .checkbox > span { opacity: 1; } #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox input:checked + .checkbox + label, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio + label, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio input:checked + .radio + label, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio + label, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio input:checked + .radio + label, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio input:checked + .radio + label { color: #006DFF; } #onboarding_startup_3 form div[data-react-component="true"] .forinovCheckbox label { margin: 0px 0px 0px 16px; font-family: "Nunito Sans"; font-size: 24px; color: #595959; user-select: none; cursor: pointer; } #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions { margin: 64px 0px 0px 0px; } #onboarding_startup_quick_4 form div[data-react-component="true"] .forinovCheckbox label, #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox label, #onboarding_startup_7 form div[data-react-component="true"] .forinovRadio label, #onboarding_startup_7 form div[data-react-component="true"] .termsAndConditions > label, #onboarding_startup_quick_7 form div[data-react-component="true"] .forinovRadio label, #onboarding_startup_quick_7 form div[data-react-component="true"] .termsAndConditions > label, #onboarding_startup_7_1 form div[data-react-component="true"] .forinovRadio label, #onboarding_startup_7_1 form div[data-react-component="true"] .termsAndConditions > label, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .forinovRadio label, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .termsAndConditions > label, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .forinovRadio label, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .termsAndConditions > label { margin: 0px 0px 0px 8px; font-family: "Open Sans", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #9D9D9D; cursor: pointer; } #onboarding_startup_6 form div[data-react-component="true"] .forinovCheckbox label { white-space: nowrap; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions, #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions { margin: 11px 0px 0px 0px; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions > div > p, #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions > div > p { margin: 0px; font-family: "Open Sans", sans-serif; font-size: 12px; letter-spacing: 0.4px; color: #9D9D9D; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions > div > .bullet, #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions > div > .bullet { width: 8px; height: 8px; margin: 0px 8px 0px 0px; font-size: initial; border-radius: 50%; background-color: #9D9D9D; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions > div > p:not(.bullet), #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions > div > p:not(.bullet) { padding: 0px 20px 0px 0px; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions > div.checked > p, #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions > div.checked > p { color: #38BF84; } #onboarding_startup_4 form div[data-react-component="true"] .passwordConditions > div.checked > .bullet, #onboarding_startup_quick_4 form div[data-react-component="true"] .passwordConditions > div.checked > .bullet { background-color: #38BF84; } #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea > textarea.filled + label, #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea > textarea:focus + label { transform: translateY(calc(-140px / 2)); } #onboarding_startup_5 form div[data-react-component="true"] .forinovTextarea > label > span > i { margin: 0px 8px 0px 0px; font-size: 16px; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Content */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_startup_quick_3tier .contentContainer .contactLink, #onboarding_startup_quick_3bis .contentContainer .contactLink { margin: 24px 0px 0px 0px; text-decoration: underline; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Content ( Card Preview ) */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_startup_quick_3tier .contentContainer, #onboarding_startup_quick_3bis .contentContainer { margin: 16px 0px 0px 0px; padding: 24px; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div { max-width: 456px; margin: 8px auto 0px auto; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:first-of-type, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:first-of-type { max-width: 96px; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:first-of-type > img, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:first-of-type > img { width: 64px; height: 64px; margin: 16px; border-radius: 50%; object-fit: cover; border: solid 2px #FE6A28; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:last-of-type, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:last-of-type { padding: 16px 16px 16px 0px; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:last-of-type > h3, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:last-of-type > h3 { margin: 0px 0px 8px 0px; font-family: "Open Sans", sans-serif; font-size: 19px; font-weight: bold; line-height: 1.37; letter-spacing: 0.6px; color: #232324; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:last-of-type > .cardPreviewTags > .category, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:last-of-type > .cardPreviewTags > .category { font-family: "Open Sans", sans-serif; font-size: 16px; color: #006DFF; background-color: #B2D1FF; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:last-of-type > .cardPreviewTags > .tag, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:last-of-type > .cardPreviewTags > .tag { margin: 8px 8px 0px 0px; font-family: "Open Sans", sans-serif; font-size: 16px; color: #006DFF; background-color: #F0F6FF; } #onboarding_startup_quick_3tier .contentContainer div[data-react-component="true"] > div > div:last-of-type > div > .cardPreviewText, #onboarding_startup_quick_3bis .contentContainer div[data-react-component="true"] > div > div:last-of-type > div > .cardPreviewText { margin: 16px 0px 0px 0px; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : ReCaptcha */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_startup_4 form div[data-react-component="true"] .recaptchaContainer, #onboarding_startup_quick_4 form div[data-react-component="true"] .recaptchaContainer { margin: 38px 0px 0px 0px; } #onboarding_startup_4 form div[data-react-component="true"] .recaptchaContainer #recaptcha, #onboarding_startup_quick_4 form div[data-react-component="true"] .recaptchaContainer #recaptcha { display: flex; justify-content: center; align-items: center; padding: 10px; border: 1px solid transparent; border-radius: 10px; transition: border-color 0.3s ease-in-out; } #onboarding_startup_4 form div[data-react-component="true"] .recaptchaContainer #recaptcha.error, #onboarding_startup_quick_4 form div[data-react-component="true"] .recaptchaContainer #recaptcha.error { border-color: #DD0010; } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Forinov Onboarding : Next Button */ /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #onboarding_home_1 .nextButton, #onboarding_home_1_5 .nextButton, #onboarding_startup_2 form div[data-react-component="true"] .nextButton, #onboarding_startup_3 form .nextButton, #onboarding_startup_quick_3tier .contentContainer .nextButton, #onboarding_startup_quick_3bis .contentContainer .nextButton, #onboarding_startup_4 form div[data-react-component="true"] .nextButton, #onboarding_startup_quick_4 form div[data-react-component="true"] .nextButton, #onboarding_startup_5 form div[data-react-component="true"] .nextButton, #onboarding_startup_6 form div[data-react-component="true"] .nextButton, #onboarding_startup_7 form div[data-react-component="true"] .nextButton, #onboarding_startup_quick_7 form div[data-react-component="true"] .nextButton, #onboarding_startup_7_1 form div[data-react-component="true"] .nextButton, #onboarding_startup_quick_7_1 form div[data-react-component="true"] .nextButton, #onboarding_startup_quick_7_2 form div[data-react-component="true"] .nextButton { margin: 72px 0px 0px 0px; } #onboarding_home_1 .nextButton, #onboarding_home_1_5 .nextButton { margin: 0px 20px 40px 20px; } #onboarding_startup_4 form div[data-react-component="true"] .nextButton, #onboarding_startup_quick_4 form div[data-react-component="true"] .nextButton { margin: 16px 0px 0px 0px; }