/* --- FONT SEGMA --- */ @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Thin.woff2") format("woff2"), url("../../fonts/Segma/Segma-Thin.woff") format("woff"), url("../../fonts/Segma/Segma-Thin.ttf") format("truetype"), url("../../fonts/Segma/Segma-Thin.svg#Segma-Thin") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Light.eot"); src: url("../../fonts/Segma/Segma-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Light.woff2") format("woff2"), url("../../fonts/Segma/Segma-Light.woff") format("woff"), url("../../fonts/Segma/Segma-Light.ttf") format("truetype"), url("../../fonts/Segma/Segma-Light.svg#Segma-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Regular.eot"); src: url("../../fonts/Segma/Segma-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Regular.woff2") format("woff2"), url("../../fonts/Segma/Segma-Regular.woff") format("woff"), url("../../fonts/Segma/Segma-Regular.ttf") format("truetype"), url("../../fonts/Segma/Segma-Regular.svg#Segma-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Medium.eot"); src: url("../../fonts/Segma/Segma-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Medium.woff2") format("woff2"), url("../../fonts/Segma/Segma-Medium.woff") format("woff"), url("../../fonts/Segma/Segma-Medium.ttf") format("truetype"), url("../../fonts/Segma/Segma-Medium.svg#Segma-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-SemiBold.eot"); src: url("../../fonts/Segma/Segma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-SemiBold.woff2") format("woff2"), url("../../fonts/Segma/Segma-SemiBold.woff") format("woff"), url("../../fonts/Segma/Segma-SemiBold.ttf") format("truetype"), url("../..fonts/Segma/Segma-SemiBold.svg#Segma-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../fonts/Segma/Segma-Bold.eot"); src: url("../fonts/Segma/Segma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Segma/Segma-Bold.woff2") format("woff2"), url("../fonts/Segma/Segma-Bold.woff") format("woff"), url("../fonts/Segma/Segma-Bold.ttf") format("truetype"), url("../fonts/Segma/Segma-Bold.svg#Segma-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Black.eot"); src: url("../../fonts/Segma/Segma-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Black.woff2") format("woff2"), url("../../fonts/Segma/Segma-Black.woff") format("woff"), url("../../fonts/Segma/Segma-Black.ttf") format("truetype"), url("../../fonts/Segma/Segma-Black.svg#Segma-Black") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } /* --- FONT CUSTOM - ADDICTION --- */ @font-face { font-family: 'Addiction SmartCo'; src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0"); src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0#iefix") format("embedded-opentype"), url("../../fonts/AddictionSmartCo/icomoon.ttf?t611n0") format("truetype"), url("../../fonts/AddictionSmartCo/icomoon.woff?t611n0") format("woff"), url("../../fonts/AddictionSmartCo/icomoon.svg?t611n0#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'Addiction SmartCo' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-change-password::before { content: "\61"; } .icon-community::before { content: "\62"; } .icon-document::before { content: "\63"; } .icon-download::before { content: "\64"; } .icon-edit::before { content: "\65"; } .icon-email::before { content: "\66"; } .icon-language::before { content: "\67"; } .icon-left::before { content: "\68"; } .icon-lock::before { content: "\69"; } .icon-logout::before { content: "\6a"; } .icon-pdf::before { content: "\6b"; } .icon-performance::before { content: "\6c"; } .icon-poll::before { content: "\6d"; } .icon-ppt::before { content: "\6e"; } .icon-profile::before { content: "\6f"; } .icon-cockpit::before { content: "\70"; } .icon-jumpto::before { content: "\71"; } .icon-accept::before { content: "\72"; } .icon-right::before { content: "\73"; } .icon-search::before { content: "\74"; } .icon-training::before { content: "\75"; } .icon-video::before { content: "\76"; } .icon-welcome::before { content: "\77"; } .icon-accept-reverse::before { content: "\78"; } .icon-close::before { content: "\79"; } .icon-configuration::before { content: "\7a"; } .icon-hamburger::before { content: "\30"; } .icon-jump::before { content: "\31"; } .icon-like::before { content: "\32"; } .icon-btn-search::before { content: "\33"; } .icon-view::before { content: "\34"; } .icon-password-hidden::before { content: "\35"; } .icon-password-show::before { content: "\36"; } .icon-btn-logout::before { content: "\37"; } .icon-filters::before { content: "\38"; } .icon-comunicazioni::before { content: "\39"; } .icon-add-image::before { content: "\e0"; } .icon-communications::before { content: "\e8"; } .icon-welcome-kit::before { content: "\e9"; } .icon-profile2::before { content: "\ec"; } .icon-home::before { content: "\f2"; } .icon-home2::before { content: "\f9"; } .icon-world::before { content: "\e7"; } .icon-download1::before { content: "\a7"; } .icon-onboarding::before { content: "\2a"; } .icon-documents::before { content: "\b0"; } .icon-contest::before { content: "\2d"; } .icon-reservation::before { content: "\7c"; } .icon-prenotazioni::before { content: "\41"; } .icon-hours::before { content: "\42"; } .icon-rimborsi::before { content: "\43"; } .icon-riunioni::before { content: "\44"; } .icon-foto::before { content: "\45"; } .icon-rullino::before { content: "\46"; } .icon-vacation::before { content: "\47"; } .icon-documents1::before { content: "\48"; } .icon-lms::before { content: "\49"; } .icon-whatsapp::before { content: "\4a"; } .icon-phone::before { content: "\4b"; } /* --- GENERAL VARIABLES --- */ /* COLORS */ /* FONT FAMILY */ /* FONT WEIGHT */ /* ANIMATIONS */ /* --- SMARTCO VARIABLES --- */ /* COLORS */ /* IMAGES */ /* --- SMARTCO STYLE --- */ body #main-page.smartCoUser { background-image: url("../../images/addiction/bg-login-smartco-phone.png"); background-position: center; background-size: cover; z-index: 1; /* Stile solo per recovery */ } body #main-page.smartCoUser * { -webkit-tap-highlight-color: #ffffff00; } body #main-page.smartCoUser .bg-video-container { display: none; } body #main-page.smartCoUser #login-container #login #logo, body #main-page.smartCoUser #login-container #recovery #logo, body #main-page.smartCoUser #login-container #consent #logo, body #main-page.smartCoUser #recovery-container #login #logo, body #main-page.smartCoUser #recovery-container #recovery #logo, body #main-page.smartCoUser #recovery-container #consent #logo, body #main-page.smartCoUser #consent-container #login #logo, body #main-page.smartCoUser #consent-container #recovery #logo, body #main-page.smartCoUser #consent-container #consent #logo { width: 64px; height: 85px; margin-bottom: 90px; background-image: url("../../images/addiction/smartco-logo.png"); background-size: contain; background-position: center center; } body #main-page.smartCoUser #login-container #login .header, body #main-page.smartCoUser #login-container #recovery .header, body #main-page.smartCoUser #login-container #consent .header, body #main-page.smartCoUser #recovery-container #login .header, body #main-page.smartCoUser #recovery-container #recovery .header, body #main-page.smartCoUser #recovery-container #consent .header, body #main-page.smartCoUser #consent-container #login .header, body #main-page.smartCoUser #consent-container #recovery .header, body #main-page.smartCoUser #consent-container #consent .header { position: absolute; top: 0; padding: 30px 0; } @media (min-width: 450px) { body #main-page.smartCoUser #login-container #login .header, body #main-page.smartCoUser #login-container #recovery .header, body #main-page.smartCoUser #login-container #consent .header, body #main-page.smartCoUser #recovery-container #login .header, body #main-page.smartCoUser #recovery-container #recovery .header, body #main-page.smartCoUser #recovery-container #consent .header, body #main-page.smartCoUser #consent-container #login .header, body #main-page.smartCoUser #consent-container #recovery .header, body #main-page.smartCoUser #consent-container #consent .header { left: 30px; width: calc(100% - 60px); } } body #main-page.smartCoUser #login-container #login .header .title, body #main-page.smartCoUser #login-container #recovery .header .title, body #main-page.smartCoUser #login-container #consent .header .title, body #main-page.smartCoUser #recovery-container #login .header .title, body #main-page.smartCoUser #recovery-container #recovery .header .title, body #main-page.smartCoUser #recovery-container #consent .header .title, body #main-page.smartCoUser #consent-container #login .header .title, body #main-page.smartCoUser #consent-container #recovery .header .title, body #main-page.smartCoUser #consent-container #consent .header .title { width: 60%; font-family: "Segma", sans-serif; font-weight: 500; font-size: 26px; letter-spacing: 1px; line-height: 120%; color: #6D0097; margin-bottom: 15px; text-align: left; } @media (min-width: 450px) { body #main-page.smartCoUser #login-container #login .header .title, body #main-page.smartCoUser #login-container #recovery .header .title, body #main-page.smartCoUser #login-container #consent .header .title, body #main-page.smartCoUser #recovery-container #login .header .title, body #main-page.smartCoUser #recovery-container #recovery .header .title, body #main-page.smartCoUser #recovery-container #consent .header .title, body #main-page.smartCoUser #consent-container #login .header .title, body #main-page.smartCoUser #consent-container #recovery .header .title, body #main-page.smartCoUser #consent-container #consent .header .title { width: 20%; } } body #main-page.smartCoUser #login-container #login .header .subtitle, body #main-page.smartCoUser #login-container #recovery .header .subtitle, body #main-page.smartCoUser #login-container #consent .header .subtitle, body #main-page.smartCoUser #recovery-container #login .header .subtitle, body #main-page.smartCoUser #recovery-container #recovery .header .subtitle, body #main-page.smartCoUser #recovery-container #consent .header .subtitle, body #main-page.smartCoUser #consent-container #login .header .subtitle, body #main-page.smartCoUser #consent-container #recovery .header .subtitle, body #main-page.smartCoUser #consent-container #consent .header .subtitle { width: 60%; font-family: "Segma", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 120%; color: #686868; text-align: left; } @media (min-width: 450px) { body #main-page.smartCoUser #login-container #login .header .subtitle, body #main-page.smartCoUser #login-container #recovery .header .subtitle, body #main-page.smartCoUser #login-container #consent .header .subtitle, body #main-page.smartCoUser #recovery-container #login .header .subtitle, body #main-page.smartCoUser #recovery-container #recovery .header .subtitle, body #main-page.smartCoUser #recovery-container #consent .header .subtitle, body #main-page.smartCoUser #consent-container #login .header .subtitle, body #main-page.smartCoUser #consent-container #recovery .header .subtitle, body #main-page.smartCoUser #consent-container #consent .header .subtitle { width: 20%; } } body #main-page.smartCoUser #login-container #login .interaction-container, body #main-page.smartCoUser #login-container #recovery .interaction-container, body #main-page.smartCoUser #login-container #consent .interaction-container, body #main-page.smartCoUser #recovery-container #login .interaction-container, body #main-page.smartCoUser #recovery-container #recovery .interaction-container, body #main-page.smartCoUser #recovery-container #consent .interaction-container, body #main-page.smartCoUser #consent-container #login .interaction-container, body #main-page.smartCoUser #consent-container #recovery .interaction-container, body #main-page.smartCoUser #consent-container #consent .interaction-container { font-family: "Segma", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 120%; color: #686868; text-align: left; } body #main-page.smartCoUser #login-container #login .interaction-container > ul, body #main-page.smartCoUser #login-container #recovery .interaction-container > ul, body #main-page.smartCoUser #login-container #consent .interaction-container > ul, body #main-page.smartCoUser #recovery-container #login .interaction-container > ul, body #main-page.smartCoUser #recovery-container #recovery .interaction-container > ul, body #main-page.smartCoUser #recovery-container #consent .interaction-container > ul, body #main-page.smartCoUser #consent-container #login .interaction-container > ul, body #main-page.smartCoUser #consent-container #recovery .interaction-container > ul, body #main-page.smartCoUser #consent-container #consent .interaction-container > ul { padding-inline-start: 0; margin-left: 20px; } body #main-page.smartCoUser #login-container #login .interaction-container > ul > ul, body #main-page.smartCoUser #login-container #recovery .interaction-container > ul > ul, body #main-page.smartCoUser #login-container #consent .interaction-container > ul > ul, body #main-page.smartCoUser #recovery-container #login .interaction-container > ul > ul, body #main-page.smartCoUser #recovery-container #recovery .interaction-container > ul > ul, body #main-page.smartCoUser #recovery-container #consent .interaction-container > ul > ul, body #main-page.smartCoUser #consent-container #login .interaction-container > ul > ul, body #main-page.smartCoUser #consent-container #recovery .interaction-container > ul > ul, body #main-page.smartCoUser #consent-container #consent .interaction-container > ul > ul { padding-inline-start: 20px; } body #main-page.smartCoUser #login-container #login form .form-control .label-input, body #main-page.smartCoUser #login-container #recovery form .form-control .label-input, body #main-page.smartCoUser #login-container #consent form .form-control .label-input, body #main-page.smartCoUser #recovery-container #login form .form-control .label-input, body #main-page.smartCoUser #recovery-container #recovery form .form-control .label-input, body #main-page.smartCoUser #recovery-container #consent form .form-control .label-input, body #main-page.smartCoUser #consent-container #login form .form-control .label-input, body #main-page.smartCoUser #consent-container #recovery form .form-control .label-input, body #main-page.smartCoUser #consent-container #consent form .form-control .label-input { color: #707070; font-family: "Segma", sans-serif; font-weight: 600; font-size: 10px; letter-spacing: 2px; line-height: 120%; text-transform: uppercase; } body #main-page.smartCoUser #login-container #login form .form-control .input-group, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group, body #main-page.smartCoUser #login-container #consent form .form-control .input-group, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group, body #main-page.smartCoUser #consent-container #login form .form-control .input-group, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group { margin-top: 3px; height: 44px; border: 1px solid #e6e6e6; border-radius: 10px; background: #ffffff; min-width: calc(100% - 2px); } body #main-page.smartCoUser #login-container #login form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .input-icon-prepend { left: 10px; width: 15px; height: 15px; } body #main-page.smartCoUser #login-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .input-icon-prepend::after { width: 15px; height: 15px; font-family: "Addiction SmartCo"; color: #AC7DB5; position: absolute; z-index: 2; } body #main-page.smartCoUser #login-container #login form .form-control .input-group input, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input { width: calc(100% - 70px); padding: 0 35px 0 35px; background: #ffffff00; color: #000000; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; border: 0; } body #main-page.smartCoUser #login-container #login form .form-control .input-group input::placeholder, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input::placeholder, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input::placeholder, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input::placeholder, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input::placeholder, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input::placeholder, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input::placeholder, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input::placeholder, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input::placeholder { opacity: 0; color: #ffffff00; } body #main-page.smartCoUser #login-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #login-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #login-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #login-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #login-container #consent form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #consent-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; border-radius: 10px; } body #main-page.smartCoUser #login-container #login form .form-control .input-group .icon-eye, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .icon-eye, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .icon-eye, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .icon-eye, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .icon-eye, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .icon-eye, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .icon-eye, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .icon-eye, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .icon-eye { width: 20px; height: 20px; right: 10px; position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; } body #main-page.smartCoUser #login-container #login form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .icon-eye::before { content: "\35"; color: #FA6400; font-size: 13px; cursor: pointer; font-family: "Addiction SmartCo"; } body #main-page.smartCoUser #login-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .icon-eye.view::before { content: "\36"; } body #main-page.smartCoUser #login-container #login form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #login-container #recovery form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #login-container #consent form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #recovery-container #login form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #recovery-container #recovery form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #recovery-container #consent form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #consent-container #login form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #consent-container #recovery form .form-control .input-group .input-icon-append, body #main-page.smartCoUser #consent-container #consent form .form-control .input-group .input-icon-append { display: none; } body #main-page.smartCoUser #login-container #login form .form-control.username, body #main-page.smartCoUser #login-container #recovery form .form-control.username, body #main-page.smartCoUser #login-container #consent form .form-control.username, body #main-page.smartCoUser #recovery-container #login form .form-control.username, body #main-page.smartCoUser #recovery-container #recovery form .form-control.username, body #main-page.smartCoUser #recovery-container #consent form .form-control.username, body #main-page.smartCoUser #consent-container #login form .form-control.username, body #main-page.smartCoUser #consent-container #recovery form .form-control.username, body #main-page.smartCoUser #consent-container #consent form .form-control.username { margin-bottom: 30px; } body #main-page.smartCoUser #login-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #consent form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #consent form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #consent form .form-control.username .input-group .input-icon-prepend::after { content: 'f'; font-size: 14px; } body #main-page.smartCoUser #login-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #login-container #consent form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #recovery-container #consent form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.smartCoUser #consent-container #consent form .form-control.password .input-group .input-icon-prepend::after { content: 'i'; font-size: 15px; } body #main-page.smartCoUser #login-container #login form #password-recovery-button, body #main-page.smartCoUser #login-container #recovery form #password-recovery-button, body #main-page.smartCoUser #login-container #consent form #password-recovery-button, body #main-page.smartCoUser #recovery-container #login form #password-recovery-button, body #main-page.smartCoUser #recovery-container #recovery form #password-recovery-button, body #main-page.smartCoUser #recovery-container #consent form #password-recovery-button, body #main-page.smartCoUser #consent-container #login form #password-recovery-button, body #main-page.smartCoUser #consent-container #recovery form #password-recovery-button, body #main-page.smartCoUser #consent-container #consent form #password-recovery-button { width: 100%; text-align: right; margin-top: 5px; text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 12px; font-weight: 600; line-height: 120%; letter-spacing: 1.5px; color: #6D0097; } body #main-page.smartCoUser #login-container #login form #registration-button, body #main-page.smartCoUser #login-container #recovery form #registration-button, body #main-page.smartCoUser #login-container #consent form #registration-button, body #main-page.smartCoUser #recovery-container #login form #registration-button, body #main-page.smartCoUser #recovery-container #recovery form #registration-button, body #main-page.smartCoUser #recovery-container #consent form #registration-button, body #main-page.smartCoUser #consent-container #login form #registration-button, body #main-page.smartCoUser #consent-container #recovery form #registration-button, body #main-page.smartCoUser #consent-container #consent form #registration-button { width: 100%; text-align: right; margin-top: 5px; text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 12px; font-weight: 600; line-height: 120%; letter-spacing: 1.5px; color: #6D0097; } body #main-page.smartCoUser #login-container #login form .error-container .error-message, body #main-page.smartCoUser #login-container #recovery form .error-container .error-message, body #main-page.smartCoUser #login-container #consent form .error-container .error-message, body #main-page.smartCoUser #recovery-container #login form .error-container .error-message, body #main-page.smartCoUser #recovery-container #recovery form .error-container .error-message, body #main-page.smartCoUser #recovery-container #consent form .error-container .error-message, body #main-page.smartCoUser #consent-container #login form .error-container .error-message, body #main-page.smartCoUser #consent-container #recovery form .error-container .error-message, body #main-page.smartCoUser #consent-container #consent form .error-container .error-message { height: auto; width: calc(100% - 60px); padding: 15px 30px; margin-top: 20px; border: 1px solid #E02020; color: #E02020; font-family: "Segma", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 0; line-height: 140%; border-radius: 10px; } body #main-page.smartCoUser #login-container #login form .login-btn, body #main-page.smartCoUser #login-container #login form .recovery-btn, body #main-page.smartCoUser #login-container #login form .continue-btn, body #main-page.smartCoUser #login-container #recovery form .login-btn, body #main-page.smartCoUser #login-container #recovery form .recovery-btn, body #main-page.smartCoUser #login-container #recovery form .continue-btn, body #main-page.smartCoUser #login-container #consent form .login-btn, body #main-page.smartCoUser #login-container #consent form .recovery-btn, body #main-page.smartCoUser #login-container #consent form .continue-btn, body #main-page.smartCoUser #recovery-container #login form .login-btn, body #main-page.smartCoUser #recovery-container #login form .recovery-btn, body #main-page.smartCoUser #recovery-container #login form .continue-btn, body #main-page.smartCoUser #recovery-container #recovery form .login-btn, body #main-page.smartCoUser #recovery-container #recovery form .recovery-btn, body #main-page.smartCoUser #recovery-container #recovery form .continue-btn, body #main-page.smartCoUser #recovery-container #consent form .login-btn, body #main-page.smartCoUser #recovery-container #consent form .recovery-btn, body #main-page.smartCoUser #recovery-container #consent form .continue-btn, body #main-page.smartCoUser #consent-container #login form .login-btn, body #main-page.smartCoUser #consent-container #login form .recovery-btn, body #main-page.smartCoUser #consent-container #login form .continue-btn, body #main-page.smartCoUser #consent-container #recovery form .login-btn, body #main-page.smartCoUser #consent-container #recovery form .recovery-btn, body #main-page.smartCoUser #consent-container #recovery form .continue-btn, body #main-page.smartCoUser #consent-container #consent form .login-btn, body #main-page.smartCoUser #consent-container #consent form .recovery-btn, body #main-page.smartCoUser #consent-container #consent form .continue-btn { width: 100%; height: 60px; margin-top: 30px; border-radius: 30px; background: radial-gradient(at bottom, #8A469B 25%, #5E0079 80%); text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 3px; line-height: 100%; color: #ffffff; } body #main-page.smartCoUser #login-container #login form .loader, body #main-page.smartCoUser #login-container #recovery form .loader, body #main-page.smartCoUser #login-container #consent form .loader, body #main-page.smartCoUser #recovery-container #login form .loader, body #main-page.smartCoUser #recovery-container #recovery form .loader, body #main-page.smartCoUser #recovery-container #consent form .loader, body #main-page.smartCoUser #consent-container #login form .loader, body #main-page.smartCoUser #consent-container #recovery form .loader, body #main-page.smartCoUser #consent-container #consent form .loader { width: auto; height: calc(100% - 10px); stroke: #ffffff; } body #main-page.smartCoUser #login-container .back-btn, body #main-page.smartCoUser #recovery-container .back-btn, body #main-page.smartCoUser #consent-container .back-btn { width: 24px; height: 24px; bottom: 30px; left: 0; background: #ffffff00; color: #ffffff00; font-size: 0; line-height: 0; } @media (min-width: 450px) { body #main-page.smartCoUser #login-container .back-btn, body #main-page.smartCoUser #recovery-container .back-btn, body #main-page.smartCoUser #consent-container .back-btn { left: 30px; } } body #main-page.smartCoUser #login-container .back-btn::after, body #main-page.smartCoUser #recovery-container .back-btn::after, body #main-page.smartCoUser #consent-container .back-btn::after { content: 's'; font-family: "Addiction SmartCo"; color: #B620E0; font-size: 24px; background: #ffffff00; width: 24px; height: 24px; z-index: 2; transform: rotate(180deg); position: absolute; display: flex; justify-content: center; align-items: center; } body #main-page.smartCoUser #recovery-container #recovery { height: calc(100% - 30px); } body #main-page.smartCoUser #recovery-container #recovery form .form-control.username { margin-bottom: 0; } body #main-page.smartCoUser #recovery-success-container { background: linear-gradient(to right bottom, #D000F1 0%, #22004D); } body #main-page.smartCoUser #recovery-success-container #recovery-success { min-width: calc(100% - 60px); height: calc(100% - 90px); padding: 30px; } body #main-page.smartCoUser #recovery-success-container #recovery-success #logo { width: 160px; height: 160px; margin-bottom: 40px; background-image: url("../../images/addiction/icn-sent.gif"); background-size: contain; background-position: center center; } body #main-page.smartCoUser #recovery-success-container #recovery-success .header .title { font-family: "Segma", sans-serif; font-size: 36px; font-weight: 200; letter-spacing: 0; line-height: 100%; color: #ffffff; margin-bottom: 20px; text-align: center; } body #main-page.smartCoUser #recovery-success-container #recovery-success .header .subtitle { font-family: "Segma", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 150%; color: #DE99FF; text-align: center; } body #main-page.smartCoUser #recovery-success-container .back-btn { width: 22px; height: 22px; bottom: 30px; right: 30px; background: #ffffff00; color: #ffffff00; font-size: 0; line-height: 0; } body #main-page.smartCoUser #recovery-success-container .back-btn::after { content: 'r'; font-family: "Addiction SmartCo"; color: #ffffff; font-size: 15px; background: #ffffff00; width: 22px; height: 22px; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 2; } /* --- FONT SEGMA --- */ @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Thin.woff2") format("woff2"), url("../../fonts/Segma/Segma-Thin.woff") format("woff"), url("../../fonts/Segma/Segma-Thin.ttf") format("truetype"), url("../../fonts/Segma/Segma-Thin.svg#Segma-Thin") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Light.eot"); src: url("../../fonts/Segma/Segma-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Light.woff2") format("woff2"), url("../../fonts/Segma/Segma-Light.woff") format("woff"), url("../../fonts/Segma/Segma-Light.ttf") format("truetype"), url("../../fonts/Segma/Segma-Light.svg#Segma-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Regular.eot"); src: url("../../fonts/Segma/Segma-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Regular.woff2") format("woff2"), url("../../fonts/Segma/Segma-Regular.woff") format("woff"), url("../../fonts/Segma/Segma-Regular.ttf") format("truetype"), url("../../fonts/Segma/Segma-Regular.svg#Segma-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Medium.eot"); src: url("../../fonts/Segma/Segma-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Medium.woff2") format("woff2"), url("../../fonts/Segma/Segma-Medium.woff") format("woff"), url("../../fonts/Segma/Segma-Medium.ttf") format("truetype"), url("../../fonts/Segma/Segma-Medium.svg#Segma-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-SemiBold.eot"); src: url("../../fonts/Segma/Segma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-SemiBold.woff2") format("woff2"), url("../../fonts/Segma/Segma-SemiBold.woff") format("woff"), url("../../fonts/Segma/Segma-SemiBold.ttf") format("truetype"), url("../..fonts/Segma/Segma-SemiBold.svg#Segma-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../fonts/Segma/Segma-Bold.eot"); src: url("../fonts/Segma/Segma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Segma/Segma-Bold.woff2") format("woff2"), url("../fonts/Segma/Segma-Bold.woff") format("woff"), url("../fonts/Segma/Segma-Bold.ttf") format("truetype"), url("../fonts/Segma/Segma-Bold.svg#Segma-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Black.eot"); src: url("../../fonts/Segma/Segma-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Black.woff2") format("woff2"), url("../../fonts/Segma/Segma-Black.woff") format("woff"), url("../../fonts/Segma/Segma-Black.ttf") format("truetype"), url("../../fonts/Segma/Segma-Black.svg#Segma-Black") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } /* --- FONT CUSTOM - ADDICTION --- */ @font-face { font-family: 'Addiction SmartCo'; src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0"); src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0#iefix") format("embedded-opentype"), url("../../fonts/AddictionSmartCo/icomoon.ttf?t611n0") format("truetype"), url("../../fonts/AddictionSmartCo/icomoon.woff?t611n0") format("woff"), url("../../fonts/AddictionSmartCo/icomoon.svg?t611n0#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'Addiction SmartCo' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-change-password::before { content: "\61"; } .icon-community::before { content: "\62"; } .icon-document::before { content: "\63"; } .icon-download::before { content: "\64"; } .icon-edit::before { content: "\65"; } .icon-email::before { content: "\66"; } .icon-language::before { content: "\67"; } .icon-left::before { content: "\68"; } .icon-lock::before { content: "\69"; } .icon-logout::before { content: "\6a"; } .icon-pdf::before { content: "\6b"; } .icon-performance::before { content: "\6c"; } .icon-poll::before { content: "\6d"; } .icon-ppt::before { content: "\6e"; } .icon-profile::before { content: "\6f"; } .icon-cockpit::before { content: "\70"; } .icon-jumpto::before { content: "\71"; } .icon-accept::before { content: "\72"; } .icon-right::before { content: "\73"; } .icon-search::before { content: "\74"; } .icon-training::before { content: "\75"; } .icon-video::before { content: "\76"; } .icon-welcome::before { content: "\77"; } .icon-accept-reverse::before { content: "\78"; } .icon-close::before { content: "\79"; } .icon-configuration::before { content: "\7a"; } .icon-hamburger::before { content: "\30"; } .icon-jump::before { content: "\31"; } .icon-like::before { content: "\32"; } .icon-btn-search::before { content: "\33"; } .icon-view::before { content: "\34"; } .icon-password-hidden::before { content: "\35"; } .icon-password-show::before { content: "\36"; } .icon-btn-logout::before { content: "\37"; } .icon-filters::before { content: "\38"; } .icon-comunicazioni::before { content: "\39"; } .icon-add-image::before { content: "\e0"; } .icon-communications::before { content: "\e8"; } .icon-welcome-kit::before { content: "\e9"; } .icon-profile2::before { content: "\ec"; } .icon-home::before { content: "\f2"; } .icon-home2::before { content: "\f9"; } .icon-world::before { content: "\e7"; } .icon-download1::before { content: "\a7"; } .icon-onboarding::before { content: "\2a"; } .icon-documents::before { content: "\b0"; } .icon-contest::before { content: "\2d"; } .icon-reservation::before { content: "\7c"; } .icon-prenotazioni::before { content: "\41"; } .icon-hours::before { content: "\42"; } .icon-rimborsi::before { content: "\43"; } .icon-riunioni::before { content: "\44"; } .icon-foto::before { content: "\45"; } .icon-rullino::before { content: "\46"; } .icon-vacation::before { content: "\47"; } .icon-documents1::before { content: "\48"; } .icon-lms::before { content: "\49"; } .icon-whatsapp::before { content: "\4a"; } .icon-phone::before { content: "\4b"; } /* --- GENERAL VARIABLES --- */ /* COLORS */ /* FONT FAMILY */ /* FONT WEIGHT */ /* ANIMATIONS */ /* --- CATALEAN VARIABLES --- */ /* COLORS */ /* IMAGES */ /* --- CATALEAN STYLE --- */ body #main-page.cataleanUser { z-index: 1; /* Stile solo per recovery */ } body #main-page.cataleanUser * { -webkit-tap-highlight-color: #ffffff00; } body #main-page.cataleanUser .bg-video-container { display: none; } body #main-page.cataleanUser #login-container, body #main-page.cataleanUser #recovery-container, body #main-page.cataleanUser #consent-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-flow: column; background: linear-gradient(to top, rgba(252, 137, 23, 0.5), rgba(242, 209, 97, 0.5)); } body #main-page.cataleanUser #login-container #login, body #main-page.cataleanUser #login-container #recovery, body #main-page.cataleanUser #login-container #consent, body #main-page.cataleanUser #recovery-container #login, body #main-page.cataleanUser #recovery-container #recovery, body #main-page.cataleanUser #recovery-container #consent, body #main-page.cataleanUser #consent-container #login, body #main-page.cataleanUser #consent-container #recovery, body #main-page.cataleanUser #consent-container #consent { max-width: 400px; z-index: 1; } body #main-page.cataleanUser #login-container #login #logo, body #main-page.cataleanUser #login-container #recovery #logo, body #main-page.cataleanUser #login-container #consent #logo, body #main-page.cataleanUser #recovery-container #login #logo, body #main-page.cataleanUser #recovery-container #recovery #logo, body #main-page.cataleanUser #recovery-container #consent #logo, body #main-page.cataleanUser #consent-container #login #logo, body #main-page.cataleanUser #consent-container #recovery #logo, body #main-page.cataleanUser #consent-container #consent #logo { width: 120px; height: 120px; margin-bottom: 30px; background-image: url("../../images/addiction/catalean-logo.png"); background-size: contain; background-position: center center; } body #main-page.cataleanUser #login-container #login .header, body #main-page.cataleanUser #login-container #recovery .header, body #main-page.cataleanUser #login-container #consent .header, body #main-page.cataleanUser #recovery-container #login .header, body #main-page.cataleanUser #recovery-container #recovery .header, body #main-page.cataleanUser #recovery-container #consent .header, body #main-page.cataleanUser #consent-container #login .header, body #main-page.cataleanUser #consent-container #recovery .header, body #main-page.cataleanUser #consent-container #consent .header { position: absolute; top: 0; padding: 30px 0; } @media (min-width: 450px) { body #main-page.cataleanUser #login-container #login .header, body #main-page.cataleanUser #login-container #recovery .header, body #main-page.cataleanUser #login-container #consent .header, body #main-page.cataleanUser #recovery-container #login .header, body #main-page.cataleanUser #recovery-container #recovery .header, body #main-page.cataleanUser #recovery-container #consent .header, body #main-page.cataleanUser #consent-container #login .header, body #main-page.cataleanUser #consent-container #recovery .header, body #main-page.cataleanUser #consent-container #consent .header { left: 30px; width: calc(100% - 60px); } } body #main-page.cataleanUser #login-container #login .header .title, body #main-page.cataleanUser #login-container #recovery .header .title, body #main-page.cataleanUser #login-container #consent .header .title, body #main-page.cataleanUser #recovery-container #login .header .title, body #main-page.cataleanUser #recovery-container #recovery .header .title, body #main-page.cataleanUser #recovery-container #consent .header .title, body #main-page.cataleanUser #consent-container #login .header .title, body #main-page.cataleanUser #consent-container #recovery .header .title, body #main-page.cataleanUser #consent-container #consent .header .title { width: 60%; font-family: "Segma", sans-serif; font-weight: 500; font-size: 26px; letter-spacing: 1px; line-height: 120%; color: #b50e08; margin-bottom: 15px; text-align: left; } @media (min-width: 450px) { body #main-page.cataleanUser #login-container #login .header .title, body #main-page.cataleanUser #login-container #recovery .header .title, body #main-page.cataleanUser #login-container #consent .header .title, body #main-page.cataleanUser #recovery-container #login .header .title, body #main-page.cataleanUser #recovery-container #recovery .header .title, body #main-page.cataleanUser #recovery-container #consent .header .title, body #main-page.cataleanUser #consent-container #login .header .title, body #main-page.cataleanUser #consent-container #recovery .header .title, body #main-page.cataleanUser #consent-container #consent .header .title { width: 20%; } } body #main-page.cataleanUser #login-container #login .header .subtitle, body #main-page.cataleanUser #login-container #recovery .header .subtitle, body #main-page.cataleanUser #login-container #consent .header .subtitle, body #main-page.cataleanUser #recovery-container #login .header .subtitle, body #main-page.cataleanUser #recovery-container #recovery .header .subtitle, body #main-page.cataleanUser #recovery-container #consent .header .subtitle, body #main-page.cataleanUser #consent-container #login .header .subtitle, body #main-page.cataleanUser #consent-container #recovery .header .subtitle, body #main-page.cataleanUser #consent-container #consent .header .subtitle { width: 60%; font-family: "Segma", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 120%; color: #413636; text-align: left; } @media (min-width: 450px) { body #main-page.cataleanUser #login-container #login .header .subtitle, body #main-page.cataleanUser #login-container #recovery .header .subtitle, body #main-page.cataleanUser #login-container #consent .header .subtitle, body #main-page.cataleanUser #recovery-container #login .header .subtitle, body #main-page.cataleanUser #recovery-container #recovery .header .subtitle, body #main-page.cataleanUser #recovery-container #consent .header .subtitle, body #main-page.cataleanUser #consent-container #login .header .subtitle, body #main-page.cataleanUser #consent-container #recovery .header .subtitle, body #main-page.cataleanUser #consent-container #consent .header .subtitle { width: 20%; } } body #main-page.cataleanUser #login-container #login .interaction-container, body #main-page.cataleanUser #login-container #recovery .interaction-container, body #main-page.cataleanUser #login-container #consent .interaction-container, body #main-page.cataleanUser #recovery-container #login .interaction-container, body #main-page.cataleanUser #recovery-container #recovery .interaction-container, body #main-page.cataleanUser #recovery-container #consent .interaction-container, body #main-page.cataleanUser #consent-container #login .interaction-container, body #main-page.cataleanUser #consent-container #recovery .interaction-container, body #main-page.cataleanUser #consent-container #consent .interaction-container { font-family: "Segma", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 120%; color: #000000; text-align: left; } body #main-page.cataleanUser #login-container #login .interaction-container > ul, body #main-page.cataleanUser #login-container #recovery .interaction-container > ul, body #main-page.cataleanUser #login-container #consent .interaction-container > ul, body #main-page.cataleanUser #recovery-container #login .interaction-container > ul, body #main-page.cataleanUser #recovery-container #recovery .interaction-container > ul, body #main-page.cataleanUser #recovery-container #consent .interaction-container > ul, body #main-page.cataleanUser #consent-container #login .interaction-container > ul, body #main-page.cataleanUser #consent-container #recovery .interaction-container > ul, body #main-page.cataleanUser #consent-container #consent .interaction-container > ul { padding-inline-start: 0; margin-left: 20px; } body #main-page.cataleanUser #login-container #login .interaction-container > ul > ul, body #main-page.cataleanUser #login-container #recovery .interaction-container > ul > ul, body #main-page.cataleanUser #login-container #consent .interaction-container > ul > ul, body #main-page.cataleanUser #recovery-container #login .interaction-container > ul > ul, body #main-page.cataleanUser #recovery-container #recovery .interaction-container > ul > ul, body #main-page.cataleanUser #recovery-container #consent .interaction-container > ul > ul, body #main-page.cataleanUser #consent-container #login .interaction-container > ul > ul, body #main-page.cataleanUser #consent-container #recovery .interaction-container > ul > ul, body #main-page.cataleanUser #consent-container #consent .interaction-container > ul > ul { padding-inline-start: 20px; } body #main-page.cataleanUser #login-container #login form .form-control .label-input, body #main-page.cataleanUser #login-container #recovery form .form-control .label-input, body #main-page.cataleanUser #login-container #consent form .form-control .label-input, body #main-page.cataleanUser #recovery-container #login form .form-control .label-input, body #main-page.cataleanUser #recovery-container #recovery form .form-control .label-input, body #main-page.cataleanUser #recovery-container #consent form .form-control .label-input, body #main-page.cataleanUser #consent-container #login form .form-control .label-input, body #main-page.cataleanUser #consent-container #recovery form .form-control .label-input, body #main-page.cataleanUser #consent-container #consent form .form-control .label-input { color: #000000; font-family: "Segma", sans-serif; font-weight: 600; font-size: 10px; letter-spacing: 2px; line-height: 120%; text-transform: uppercase; } body #main-page.cataleanUser #login-container #login form .form-control .input-group, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group, body #main-page.cataleanUser #login-container #consent form .form-control .input-group, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group, body #main-page.cataleanUser #consent-container #login form .form-control .input-group, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group { margin-top: 3px; height: 44px; border-radius: 15px; background: #ffffff; min-width: calc(100% - 2px); } body #main-page.cataleanUser #login-container #login form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .input-icon-prepend { left: 10px; width: 15px; height: 15px; } body #main-page.cataleanUser #login-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .input-icon-prepend::after { width: 15px; height: 15px; font-family: "Addiction SmartCo"; color: #fc8917; position: absolute; z-index: 2; } body #main-page.cataleanUser #login-container #login form .form-control .input-group input, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input { width: calc(100% - 70px); padding: 0 35px 0 35px; background: #ffffff00; color: #000000; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; border: 0; border-radius: 15px; } body #main-page.cataleanUser #login-container #login form .form-control .input-group input::placeholder, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input::placeholder, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input::placeholder, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input::placeholder, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input::placeholder, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input::placeholder, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input::placeholder, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input::placeholder, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input::placeholder { opacity: 0; color: #ffffff00; } body #main-page.cataleanUser #login-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #login-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #login-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #login-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #login-container #consent form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #consent-container #login form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group input:-webkit-autofill:active, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input:-webkit-autofill, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:hover, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:focus, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; border-radius: 15px; } body #main-page.cataleanUser #login-container #login form .form-control .input-group .icon-eye, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .icon-eye, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .icon-eye, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .icon-eye, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .icon-eye, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .icon-eye, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .icon-eye, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .icon-eye { width: 20px; height: 20px; right: 10px; position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } body #main-page.cataleanUser #login-container #login form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .icon-eye::before { content: "\35"; color: #fc8917; font-size: 13px; cursor: pointer; font-family: "Addiction SmartCo"; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } body #main-page.cataleanUser #login-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .icon-eye.view::before { content: "\36"; } @media (hover: hover) and (pointer: fine) { body #main-page.cataleanUser #login-container #login form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .icon-eye:hover, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .icon-eye:hover { opacity: 0.5; } } body #main-page.cataleanUser #login-container #login form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #login-container #recovery form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #login-container #consent form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #recovery-container #login form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #recovery-container #recovery form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #recovery-container #consent form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #consent-container #login form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #consent-container #recovery form .form-control .input-group .input-icon-append, body #main-page.cataleanUser #consent-container #consent form .form-control .input-group .input-icon-append { display: none; } body #main-page.cataleanUser #login-container #login form .form-control.username, body #main-page.cataleanUser #login-container #recovery form .form-control.username, body #main-page.cataleanUser #login-container #consent form .form-control.username, body #main-page.cataleanUser #recovery-container #login form .form-control.username, body #main-page.cataleanUser #recovery-container #recovery form .form-control.username, body #main-page.cataleanUser #recovery-container #consent form .form-control.username, body #main-page.cataleanUser #consent-container #login form .form-control.username, body #main-page.cataleanUser #consent-container #recovery form .form-control.username, body #main-page.cataleanUser #consent-container #consent form .form-control.username { margin-bottom: 30px; } body #main-page.cataleanUser #login-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #consent form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #consent form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #login form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #recovery form .form-control.username .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #consent form .form-control.username .input-group .input-icon-prepend::after { content: 'f'; font-size: 14px; } body #main-page.cataleanUser #login-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #login-container #consent form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #recovery-container #consent form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #login form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #recovery form .form-control.password .input-group .input-icon-prepend::after, body #main-page.cataleanUser #consent-container #consent form .form-control.password .input-group .input-icon-prepend::after { content: 'i'; font-size: 15px; } body #main-page.cataleanUser #login-container #login form #password-recovery-button, body #main-page.cataleanUser #login-container #recovery form #password-recovery-button, body #main-page.cataleanUser #login-container #consent form #password-recovery-button, body #main-page.cataleanUser #recovery-container #login form #password-recovery-button, body #main-page.cataleanUser #recovery-container #recovery form #password-recovery-button, body #main-page.cataleanUser #recovery-container #consent form #password-recovery-button, body #main-page.cataleanUser #consent-container #login form #password-recovery-button, body #main-page.cataleanUser #consent-container #recovery form #password-recovery-button, body #main-page.cataleanUser #consent-container #consent form #password-recovery-button { width: 100%; text-align: right; margin-top: 5px; text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 12px; font-weight: 600; line-height: 120%; letter-spacing: 1.5px; color: #b50e08; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.cataleanUser #login-container #login form #password-recovery-button:hover, body #main-page.cataleanUser #login-container #recovery form #password-recovery-button:hover, body #main-page.cataleanUser #login-container #consent form #password-recovery-button:hover, body #main-page.cataleanUser #recovery-container #login form #password-recovery-button:hover, body #main-page.cataleanUser #recovery-container #recovery form #password-recovery-button:hover, body #main-page.cataleanUser #recovery-container #consent form #password-recovery-button:hover, body #main-page.cataleanUser #consent-container #login form #password-recovery-button:hover, body #main-page.cataleanUser #consent-container #recovery form #password-recovery-button:hover, body #main-page.cataleanUser #consent-container #consent form #password-recovery-button:hover { opacity: 0.5; } } body #main-page.cataleanUser #login-container #login form #registration-button, body #main-page.cataleanUser #login-container #recovery form #registration-button, body #main-page.cataleanUser #login-container #consent form #registration-button, body #main-page.cataleanUser #recovery-container #login form #registration-button, body #main-page.cataleanUser #recovery-container #recovery form #registration-button, body #main-page.cataleanUser #recovery-container #consent form #registration-button, body #main-page.cataleanUser #consent-container #login form #registration-button, body #main-page.cataleanUser #consent-container #recovery form #registration-button, body #main-page.cataleanUser #consent-container #consent form #registration-button { width: 100%; text-align: right; margin-top: 5px; text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 12px; font-weight: 600; line-height: 120%; letter-spacing: 1.5px; color: #b50e08; } body #main-page.cataleanUser #login-container #login form .error-container .error-message, body #main-page.cataleanUser #login-container #recovery form .error-container .error-message, body #main-page.cataleanUser #login-container #consent form .error-container .error-message, body #main-page.cataleanUser #recovery-container #login form .error-container .error-message, body #main-page.cataleanUser #recovery-container #recovery form .error-container .error-message, body #main-page.cataleanUser #recovery-container #consent form .error-container .error-message, body #main-page.cataleanUser #consent-container #login form .error-container .error-message, body #main-page.cataleanUser #consent-container #recovery form .error-container .error-message, body #main-page.cataleanUser #consent-container #consent form .error-container .error-message { height: auto; width: calc(100% - 60px); padding: 3px 30px; margin-top: 20px; border: 1px solid #E02020; background: #E02020; color: #ffffff; text-align: center; font-family: "Segma", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 0; line-height: 140%; border-radius: 10px; } body #main-page.cataleanUser #login-container #login form .login-btn, body #main-page.cataleanUser #login-container #login form .recovery-btn, body #main-page.cataleanUser #login-container #login form .continue-btn, body #main-page.cataleanUser #login-container #recovery form .login-btn, body #main-page.cataleanUser #login-container #recovery form .recovery-btn, body #main-page.cataleanUser #login-container #recovery form .continue-btn, body #main-page.cataleanUser #login-container #consent form .login-btn, body #main-page.cataleanUser #login-container #consent form .recovery-btn, body #main-page.cataleanUser #login-container #consent form .continue-btn, body #main-page.cataleanUser #recovery-container #login form .login-btn, body #main-page.cataleanUser #recovery-container #login form .recovery-btn, body #main-page.cataleanUser #recovery-container #login form .continue-btn, body #main-page.cataleanUser #recovery-container #recovery form .login-btn, body #main-page.cataleanUser #recovery-container #recovery form .recovery-btn, body #main-page.cataleanUser #recovery-container #recovery form .continue-btn, body #main-page.cataleanUser #recovery-container #consent form .login-btn, body #main-page.cataleanUser #recovery-container #consent form .recovery-btn, body #main-page.cataleanUser #recovery-container #consent form .continue-btn, body #main-page.cataleanUser #consent-container #login form .login-btn, body #main-page.cataleanUser #consent-container #login form .recovery-btn, body #main-page.cataleanUser #consent-container #login form .continue-btn, body #main-page.cataleanUser #consent-container #recovery form .login-btn, body #main-page.cataleanUser #consent-container #recovery form .recovery-btn, body #main-page.cataleanUser #consent-container #recovery form .continue-btn, body #main-page.cataleanUser #consent-container #consent form .login-btn, body #main-page.cataleanUser #consent-container #consent form .recovery-btn, body #main-page.cataleanUser #consent-container #consent form .continue-btn { width: 100%; height: 60px; margin-top: 30px; border-radius: 25px; border: 2px solid #b50e08; background: #ffffff; text-transform: uppercase; font-family: "Segma", sans-serif; font-size: 16px; font-weight: 800; letter-spacing: 2px; line-height: 100%; color: #b50e08; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.cataleanUser #login-container #login form .login-btn:hover, body #main-page.cataleanUser #login-container #login form .recovery-btn:hover, body #main-page.cataleanUser #login-container #login form .continue-btn:hover, body #main-page.cataleanUser #login-container #recovery form .login-btn:hover, body #main-page.cataleanUser #login-container #recovery form .recovery-btn:hover, body #main-page.cataleanUser #login-container #recovery form .continue-btn:hover, body #main-page.cataleanUser #login-container #consent form .login-btn:hover, body #main-page.cataleanUser #login-container #consent form .recovery-btn:hover, body #main-page.cataleanUser #login-container #consent form .continue-btn:hover, body #main-page.cataleanUser #recovery-container #login form .login-btn:hover, body #main-page.cataleanUser #recovery-container #login form .recovery-btn:hover, body #main-page.cataleanUser #recovery-container #login form .continue-btn:hover, body #main-page.cataleanUser #recovery-container #recovery form .login-btn:hover, body #main-page.cataleanUser #recovery-container #recovery form .recovery-btn:hover, body #main-page.cataleanUser #recovery-container #recovery form .continue-btn:hover, body #main-page.cataleanUser #recovery-container #consent form .login-btn:hover, body #main-page.cataleanUser #recovery-container #consent form .recovery-btn:hover, body #main-page.cataleanUser #recovery-container #consent form .continue-btn:hover, body #main-page.cataleanUser #consent-container #login form .login-btn:hover, body #main-page.cataleanUser #consent-container #login form .recovery-btn:hover, body #main-page.cataleanUser #consent-container #login form .continue-btn:hover, body #main-page.cataleanUser #consent-container #recovery form .login-btn:hover, body #main-page.cataleanUser #consent-container #recovery form .recovery-btn:hover, body #main-page.cataleanUser #consent-container #recovery form .continue-btn:hover, body #main-page.cataleanUser #consent-container #consent form .login-btn:hover, body #main-page.cataleanUser #consent-container #consent form .recovery-btn:hover, body #main-page.cataleanUser #consent-container #consent form .continue-btn:hover { opacity: 0.5; } } body #main-page.cataleanUser #login-container #login form .loader, body #main-page.cataleanUser #login-container #recovery form .loader, body #main-page.cataleanUser #login-container #consent form .loader, body #main-page.cataleanUser #recovery-container #login form .loader, body #main-page.cataleanUser #recovery-container #recovery form .loader, body #main-page.cataleanUser #recovery-container #consent form .loader, body #main-page.cataleanUser #consent-container #login form .loader, body #main-page.cataleanUser #consent-container #recovery form .loader, body #main-page.cataleanUser #consent-container #consent form .loader { width: auto; height: calc(100% - 10px); stroke: #b50e08; } body #main-page.cataleanUser #login-container .back-btn, body #main-page.cataleanUser #recovery-container .back-btn, body #main-page.cataleanUser #consent-container .back-btn { width: 24px; height: 24px; position: absolute; bottom: 30px; left: 0; background: #ffffff00; color: #ffffff00; font-size: 0; line-height: 0; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (min-width: 450px) { body #main-page.cataleanUser #login-container .back-btn, body #main-page.cataleanUser #recovery-container .back-btn, body #main-page.cataleanUser #consent-container .back-btn { left: 30px; } } body #main-page.cataleanUser #login-container .back-btn::after, body #main-page.cataleanUser #recovery-container .back-btn::after, body #main-page.cataleanUser #consent-container .back-btn::after { content: 's'; font-family: "Addiction SmartCo"; color: #b50e08; font-size: 24px; background: #ffffff00; width: 24px; height: 24px; z-index: 2; transform: rotate(180deg); position: absolute; display: flex; justify-content: center; align-items: center; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.cataleanUser #login-container .back-btn:hover, body #main-page.cataleanUser #recovery-container .back-btn:hover, body #main-page.cataleanUser #consent-container .back-btn:hover { opacity: 0.5; } } body #main-page.cataleanUser #recovery-container #recovery form .form-control.username { margin-bottom: 0; } body #main-page.cataleanUser #recovery-success-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-flow: column; background: linear-gradient(to top, #fc8917, #f2d161); } body #main-page.cataleanUser #recovery-success-container #recovery-success { min-width: calc(100% - 60px); height: calc(100% - 90px); padding: 30px; } body #main-page.cataleanUser #recovery-success-container #recovery-success #logo { width: 160px; height: 160px; margin-bottom: 40px; background-image: url("../../images/addiction/icn-sent.gif"); background-size: contain; background-position: center center; } body #main-page.cataleanUser #recovery-success-container #recovery-success .header .title { font-family: "Segma", sans-serif; font-size: 36px; font-weight: 200; letter-spacing: 0; line-height: 100%; color: #ffffff; margin-bottom: 20px; text-align: center; } body #main-page.cataleanUser #recovery-success-container #recovery-success .header .subtitle { font-family: "Segma", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 150%; color: #ffffff; text-align: center; } body #main-page.cataleanUser #recovery-success-container .back-btn { width: 22px; height: 22px; position: absolute; bottom: 30px; right: 30px; background: #ffffff00; color: #ffffff00; font-size: 0; line-height: 0; } body #main-page.cataleanUser #recovery-success-container .back-btn::after { content: 'r'; font-family: "Addiction SmartCo"; color: #ffffff; font-size: 15px; background: #ffffff00; width: 22px; height: 22px; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 2; } /* --- FONT SEGMA --- */ @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Thin.woff2") format("woff2"), url("../../fonts/Segma/Segma-Thin.woff") format("woff"), url("../../fonts/Segma/Segma-Thin.ttf") format("truetype"), url("../../fonts/Segma/Segma-Thin.svg#Segma-Thin") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Light.eot"); src: url("../../fonts/Segma/Segma-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Light.woff2") format("woff2"), url("../../fonts/Segma/Segma-Light.woff") format("woff"), url("../../fonts/Segma/Segma-Light.ttf") format("truetype"), url("../../fonts/Segma/Segma-Light.svg#Segma-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Regular.eot"); src: url("../../fonts/Segma/Segma-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Regular.woff2") format("woff2"), url("../../fonts/Segma/Segma-Regular.woff") format("woff"), url("../../fonts/Segma/Segma-Regular.ttf") format("truetype"), url("../../fonts/Segma/Segma-Regular.svg#Segma-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Medium.eot"); src: url("../../fonts/Segma/Segma-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Medium.woff2") format("woff2"), url("../../fonts/Segma/Segma-Medium.woff") format("woff"), url("../../fonts/Segma/Segma-Medium.ttf") format("truetype"), url("../../fonts/Segma/Segma-Medium.svg#Segma-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-SemiBold.eot"); src: url("../../fonts/Segma/Segma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-SemiBold.woff2") format("woff2"), url("../../fonts/Segma/Segma-SemiBold.woff") format("woff"), url("../../fonts/Segma/Segma-SemiBold.ttf") format("truetype"), url("../..fonts/Segma/Segma-SemiBold.svg#Segma-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../fonts/Segma/Segma-Bold.eot"); src: url("../fonts/Segma/Segma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Segma/Segma-Bold.woff2") format("woff2"), url("../fonts/Segma/Segma-Bold.woff") format("woff"), url("../fonts/Segma/Segma-Bold.ttf") format("truetype"), url("../fonts/Segma/Segma-Bold.svg#Segma-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Black.eot"); src: url("../../fonts/Segma/Segma-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Black.woff2") format("woff2"), url("../../fonts/Segma/Segma-Black.woff") format("woff"), url("../../fonts/Segma/Segma-Black.ttf") format("truetype"), url("../../fonts/Segma/Segma-Black.svg#Segma-Black") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } /* --- FONT CUSTOM - ADDICTION --- */ @font-face { font-family: 'Addiction SmartCo'; src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0"); src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0#iefix") format("embedded-opentype"), url("../../fonts/AddictionSmartCo/icomoon.ttf?t611n0") format("truetype"), url("../../fonts/AddictionSmartCo/icomoon.woff?t611n0") format("woff"), url("../../fonts/AddictionSmartCo/icomoon.svg?t611n0#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'Addiction SmartCo' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-change-password::before { content: "\61"; } .icon-community::before { content: "\62"; } .icon-document::before { content: "\63"; } .icon-download::before { content: "\64"; } .icon-edit::before { content: "\65"; } .icon-email::before { content: "\66"; } .icon-language::before { content: "\67"; } .icon-left::before { content: "\68"; } .icon-lock::before { content: "\69"; } .icon-logout::before { content: "\6a"; } .icon-pdf::before { content: "\6b"; } .icon-performance::before { content: "\6c"; } .icon-poll::before { content: "\6d"; } .icon-ppt::before { content: "\6e"; } .icon-profile::before { content: "\6f"; } .icon-cockpit::before { content: "\70"; } .icon-jumpto::before { content: "\71"; } .icon-accept::before { content: "\72"; } .icon-right::before { content: "\73"; } .icon-search::before { content: "\74"; } .icon-training::before { content: "\75"; } .icon-video::before { content: "\76"; } .icon-welcome::before { content: "\77"; } .icon-accept-reverse::before { content: "\78"; } .icon-close::before { content: "\79"; } .icon-configuration::before { content: "\7a"; } .icon-hamburger::before { content: "\30"; } .icon-jump::before { content: "\31"; } .icon-like::before { content: "\32"; } .icon-btn-search::before { content: "\33"; } .icon-view::before { content: "\34"; } .icon-password-hidden::before { content: "\35"; } .icon-password-show::before { content: "\36"; } .icon-btn-logout::before { content: "\37"; } .icon-filters::before { content: "\38"; } .icon-comunicazioni::before { content: "\39"; } .icon-add-image::before { content: "\e0"; } .icon-communications::before { content: "\e8"; } .icon-welcome-kit::before { content: "\e9"; } .icon-profile2::before { content: "\ec"; } .icon-home::before { content: "\f2"; } .icon-home2::before { content: "\f9"; } .icon-world::before { content: "\e7"; } .icon-download1::before { content: "\a7"; } .icon-onboarding::before { content: "\2a"; } .icon-documents::before { content: "\b0"; } .icon-contest::before { content: "\2d"; } .icon-reservation::before { content: "\7c"; } .icon-prenotazioni::before { content: "\41"; } .icon-hours::before { content: "\42"; } .icon-rimborsi::before { content: "\43"; } .icon-riunioni::before { content: "\44"; } .icon-foto::before { content: "\45"; } .icon-rullino::before { content: "\46"; } .icon-vacation::before { content: "\47"; } .icon-documents1::before { content: "\48"; } .icon-lms::before { content: "\49"; } .icon-whatsapp::before { content: "\4a"; } .icon-phone::before { content: "\4b"; } /* --- GENERAL VARIABLES --- */ /* COLORS */ /* FONT FAMILY */ /* FONT WEIGHT */ /* ANIMATIONS */ /* --- DATALEAN VARIABLES --- */ /* COLORS */ /* IMAGES */ /* --- DATALEAN STYLE --- */ body #main-page.dataleanUser { background: rgba(0, 0, 0, 0.5); z-index: 1; } body #main-page.dataleanUser.error::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FF0000; opacity: 0.75; z-index: 5; pointer-events: none; mix-blend-mode: color; } body #main-page.dataleanUser .bg-video-container video { object-fit: cover; } body #main-page.dataleanUser #login-container, body #main-page.dataleanUser #recovery-container, body #main-page.dataleanUser #recovery-success-container, body #main-page.dataleanUser #consent-container, body #main-page.dataleanUser #invalid-request-container { width: 330px; height: auto; } body #main-page.dataleanUser #login-container #login #logo, body #main-page.dataleanUser #login-container #recovery #logo, body #main-page.dataleanUser #login-container #recovery-success #logo, body #main-page.dataleanUser #login-container #consent #logo, body #main-page.dataleanUser #login-container #invalid-request #logo, body #main-page.dataleanUser #recovery-container #login #logo, body #main-page.dataleanUser #recovery-container #recovery #logo, body #main-page.dataleanUser #recovery-container #recovery-success #logo, body #main-page.dataleanUser #recovery-container #consent #logo, body #main-page.dataleanUser #recovery-container #invalid-request #logo, body #main-page.dataleanUser #recovery-success-container #login #logo, body #main-page.dataleanUser #recovery-success-container #recovery #logo, body #main-page.dataleanUser #recovery-success-container #recovery-success #logo, body #main-page.dataleanUser #recovery-success-container #consent #logo, body #main-page.dataleanUser #recovery-success-container #invalid-request #logo, body #main-page.dataleanUser #consent-container #login #logo, body #main-page.dataleanUser #consent-container #recovery #logo, body #main-page.dataleanUser #consent-container #recovery-success #logo, body #main-page.dataleanUser #consent-container #consent #logo, body #main-page.dataleanUser #consent-container #invalid-request #logo, body #main-page.dataleanUser #invalid-request-container #login #logo, body #main-page.dataleanUser #invalid-request-container #recovery #logo, body #main-page.dataleanUser #invalid-request-container #recovery-success #logo, body #main-page.dataleanUser #invalid-request-container #consent #logo, body #main-page.dataleanUser #invalid-request-container #invalid-request #logo { width: 160px; height: 160px; background-image: url("../../images/addiction/datalean-logo.png"); margin-bottom: 20px; } body #main-page.dataleanUser #login-container #login .header .title, body #main-page.dataleanUser #login-container #recovery .header .title, body #main-page.dataleanUser #login-container #recovery-success .header .title, body #main-page.dataleanUser #login-container #consent .header .title, body #main-page.dataleanUser #login-container #invalid-request .header .title, body #main-page.dataleanUser #recovery-container #login .header .title, body #main-page.dataleanUser #recovery-container #recovery .header .title, body #main-page.dataleanUser #recovery-container #recovery-success .header .title, body #main-page.dataleanUser #recovery-container #consent .header .title, body #main-page.dataleanUser #recovery-container #invalid-request .header .title, body #main-page.dataleanUser #recovery-success-container #login .header .title, body #main-page.dataleanUser #recovery-success-container #recovery .header .title, body #main-page.dataleanUser #recovery-success-container #recovery-success .header .title, body #main-page.dataleanUser #recovery-success-container #consent .header .title, body #main-page.dataleanUser #recovery-success-container #invalid-request .header .title, body #main-page.dataleanUser #consent-container #login .header .title, body #main-page.dataleanUser #consent-container #recovery .header .title, body #main-page.dataleanUser #consent-container #recovery-success .header .title, body #main-page.dataleanUser #consent-container #consent .header .title, body #main-page.dataleanUser #consent-container #invalid-request .header .title, body #main-page.dataleanUser #invalid-request-container #login .header .title, body #main-page.dataleanUser #invalid-request-container #recovery .header .title, body #main-page.dataleanUser #invalid-request-container #recovery-success .header .title, body #main-page.dataleanUser #invalid-request-container #consent .header .title, body #main-page.dataleanUser #invalid-request-container #invalid-request .header .title { color: #ffffff; font-family: "Segma", sans-serif; font-weight: 300; font-size: 30px; letter-spacing: 0; line-height: 140%; text-align: center; margin-bottom: 10px; } body #main-page.dataleanUser #login-container #login .header .subtitle, body #main-page.dataleanUser #login-container #recovery .header .subtitle, body #main-page.dataleanUser #login-container #recovery-success .header .subtitle, body #main-page.dataleanUser #login-container #consent .header .subtitle, body #main-page.dataleanUser #login-container #invalid-request .header .subtitle, body #main-page.dataleanUser #recovery-container #login .header .subtitle, body #main-page.dataleanUser #recovery-container #recovery .header .subtitle, body #main-page.dataleanUser #recovery-container #recovery-success .header .subtitle, body #main-page.dataleanUser #recovery-container #consent .header .subtitle, body #main-page.dataleanUser #recovery-container #invalid-request .header .subtitle, body #main-page.dataleanUser #recovery-success-container #login .header .subtitle, body #main-page.dataleanUser #recovery-success-container #recovery .header .subtitle, body #main-page.dataleanUser #recovery-success-container #recovery-success .header .subtitle, body #main-page.dataleanUser #recovery-success-container #consent .header .subtitle, body #main-page.dataleanUser #recovery-success-container #invalid-request .header .subtitle, body #main-page.dataleanUser #consent-container #login .header .subtitle, body #main-page.dataleanUser #consent-container #recovery .header .subtitle, body #main-page.dataleanUser #consent-container #recovery-success .header .subtitle, body #main-page.dataleanUser #consent-container #consent .header .subtitle, body #main-page.dataleanUser #consent-container #invalid-request .header .subtitle, body #main-page.dataleanUser #invalid-request-container #login .header .subtitle, body #main-page.dataleanUser #invalid-request-container #recovery .header .subtitle, body #main-page.dataleanUser #invalid-request-container #recovery-success .header .subtitle, body #main-page.dataleanUser #invalid-request-container #consent .header .subtitle, body #main-page.dataleanUser #invalid-request-container #invalid-request .header .subtitle { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: center; } body #main-page.dataleanUser #login-container #login .header .subtitle .error-message, body #main-page.dataleanUser #login-container #recovery .header .subtitle .error-message, body #main-page.dataleanUser #login-container #recovery-success .header .subtitle .error-message, body #main-page.dataleanUser #login-container #consent .header .subtitle .error-message, body #main-page.dataleanUser #login-container #invalid-request .header .subtitle .error-message, body #main-page.dataleanUser #recovery-container #login .header .subtitle .error-message, body #main-page.dataleanUser #recovery-container #recovery .header .subtitle .error-message, body #main-page.dataleanUser #recovery-container #recovery-success .header .subtitle .error-message, body #main-page.dataleanUser #recovery-container #consent .header .subtitle .error-message, body #main-page.dataleanUser #recovery-container #invalid-request .header .subtitle .error-message, body #main-page.dataleanUser #recovery-success-container #login .header .subtitle .error-message, body #main-page.dataleanUser #recovery-success-container #recovery .header .subtitle .error-message, body #main-page.dataleanUser #recovery-success-container #recovery-success .header .subtitle .error-message, body #main-page.dataleanUser #recovery-success-container #consent .header .subtitle .error-message, body #main-page.dataleanUser #recovery-success-container #invalid-request .header .subtitle .error-message, body #main-page.dataleanUser #consent-container #login .header .subtitle .error-message, body #main-page.dataleanUser #consent-container #recovery .header .subtitle .error-message, body #main-page.dataleanUser #consent-container #recovery-success .header .subtitle .error-message, body #main-page.dataleanUser #consent-container #consent .header .subtitle .error-message, body #main-page.dataleanUser #consent-container #invalid-request .header .subtitle .error-message, body #main-page.dataleanUser #invalid-request-container #login .header .subtitle .error-message, body #main-page.dataleanUser #invalid-request-container #recovery .header .subtitle .error-message, body #main-page.dataleanUser #invalid-request-container #recovery-success .header .subtitle .error-message, body #main-page.dataleanUser #invalid-request-container #consent .header .subtitle .error-message, body #main-page.dataleanUser #invalid-request-container #invalid-request .header .subtitle .error-message { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: center; } body #main-page.dataleanUser #login-container #login .interaction-container, body #main-page.dataleanUser #login-container #recovery .interaction-container, body #main-page.dataleanUser #login-container #recovery-success .interaction-container, body #main-page.dataleanUser #login-container #consent .interaction-container, body #main-page.dataleanUser #login-container #invalid-request .interaction-container, body #main-page.dataleanUser #recovery-container #login .interaction-container, body #main-page.dataleanUser #recovery-container #recovery .interaction-container, body #main-page.dataleanUser #recovery-container #recovery-success .interaction-container, body #main-page.dataleanUser #recovery-container #consent .interaction-container, body #main-page.dataleanUser #recovery-container #invalid-request .interaction-container, body #main-page.dataleanUser #recovery-success-container #login .interaction-container, body #main-page.dataleanUser #recovery-success-container #recovery .interaction-container, body #main-page.dataleanUser #recovery-success-container #recovery-success .interaction-container, body #main-page.dataleanUser #recovery-success-container #consent .interaction-container, body #main-page.dataleanUser #recovery-success-container #invalid-request .interaction-container, body #main-page.dataleanUser #consent-container #login .interaction-container, body #main-page.dataleanUser #consent-container #recovery .interaction-container, body #main-page.dataleanUser #consent-container #recovery-success .interaction-container, body #main-page.dataleanUser #consent-container #consent .interaction-container, body #main-page.dataleanUser #consent-container #invalid-request .interaction-container, body #main-page.dataleanUser #invalid-request-container #login .interaction-container, body #main-page.dataleanUser #invalid-request-container #recovery .interaction-container, body #main-page.dataleanUser #invalid-request-container #recovery-success .interaction-container, body #main-page.dataleanUser #invalid-request-container #consent .interaction-container, body #main-page.dataleanUser #invalid-request-container #invalid-request .interaction-container { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: left; } body #main-page.dataleanUser #login-container #login .interaction-container > ul, body #main-page.dataleanUser #login-container #recovery .interaction-container > ul, body #main-page.dataleanUser #login-container #recovery-success .interaction-container > ul, body #main-page.dataleanUser #login-container #consent .interaction-container > ul, body #main-page.dataleanUser #login-container #invalid-request .interaction-container > ul, body #main-page.dataleanUser #recovery-container #login .interaction-container > ul, body #main-page.dataleanUser #recovery-container #recovery .interaction-container > ul, body #main-page.dataleanUser #recovery-container #recovery-success .interaction-container > ul, body #main-page.dataleanUser #recovery-container #consent .interaction-container > ul, body #main-page.dataleanUser #recovery-container #invalid-request .interaction-container > ul, body #main-page.dataleanUser #recovery-success-container #login .interaction-container > ul, body #main-page.dataleanUser #recovery-success-container #recovery .interaction-container > ul, body #main-page.dataleanUser #recovery-success-container #recovery-success .interaction-container > ul, body #main-page.dataleanUser #recovery-success-container #consent .interaction-container > ul, body #main-page.dataleanUser #recovery-success-container #invalid-request .interaction-container > ul, body #main-page.dataleanUser #consent-container #login .interaction-container > ul, body #main-page.dataleanUser #consent-container #recovery .interaction-container > ul, body #main-page.dataleanUser #consent-container #recovery-success .interaction-container > ul, body #main-page.dataleanUser #consent-container #consent .interaction-container > ul, body #main-page.dataleanUser #consent-container #invalid-request .interaction-container > ul, body #main-page.dataleanUser #invalid-request-container #login .interaction-container > ul, body #main-page.dataleanUser #invalid-request-container #recovery .interaction-container > ul, body #main-page.dataleanUser #invalid-request-container #recovery-success .interaction-container > ul, body #main-page.dataleanUser #invalid-request-container #consent .interaction-container > ul, body #main-page.dataleanUser #invalid-request-container #invalid-request .interaction-container > ul { padding-inline-start: 0; margin-left: 20px; } body #main-page.dataleanUser #login-container #login .interaction-container > ul > ul, body #main-page.dataleanUser #login-container #recovery .interaction-container > ul > ul, body #main-page.dataleanUser #login-container #recovery-success .interaction-container > ul > ul, body #main-page.dataleanUser #login-container #consent .interaction-container > ul > ul, body #main-page.dataleanUser #login-container #invalid-request .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-container #login .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-container #recovery .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-container #recovery-success .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-container #consent .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-container #invalid-request .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-success-container #login .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-success-container #recovery .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-success-container #recovery-success .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-success-container #consent .interaction-container > ul > ul, body #main-page.dataleanUser #recovery-success-container #invalid-request .interaction-container > ul > ul, body #main-page.dataleanUser #consent-container #login .interaction-container > ul > ul, body #main-page.dataleanUser #consent-container #recovery .interaction-container > ul > ul, body #main-page.dataleanUser #consent-container #recovery-success .interaction-container > ul > ul, body #main-page.dataleanUser #consent-container #consent .interaction-container > ul > ul, body #main-page.dataleanUser #consent-container #invalid-request .interaction-container > ul > ul, body #main-page.dataleanUser #invalid-request-container #login .interaction-container > ul > ul, body #main-page.dataleanUser #invalid-request-container #recovery .interaction-container > ul > ul, body #main-page.dataleanUser #invalid-request-container #recovery-success .interaction-container > ul > ul, body #main-page.dataleanUser #invalid-request-container #consent .interaction-container > ul > ul, body #main-page.dataleanUser #invalid-request-container #invalid-request .interaction-container > ul > ul { padding-inline-start: 20px; } body #main-page.dataleanUser #login-container #login form .form-control, body #main-page.dataleanUser #login-container #recovery form .form-control, body #main-page.dataleanUser #login-container #recovery-success form .form-control, body #main-page.dataleanUser #login-container #consent form .form-control, body #main-page.dataleanUser #login-container #invalid-request form .form-control, body #main-page.dataleanUser #recovery-container #login form .form-control, body #main-page.dataleanUser #recovery-container #recovery form .form-control, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control, body #main-page.dataleanUser #recovery-container #consent form .form-control, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control, body #main-page.dataleanUser #recovery-success-container #login form .form-control, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control, body #main-page.dataleanUser #recovery-success-container #consent form .form-control, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control, body #main-page.dataleanUser #consent-container #login form .form-control, body #main-page.dataleanUser #consent-container #recovery form .form-control, body #main-page.dataleanUser #consent-container #recovery-success form .form-control, body #main-page.dataleanUser #consent-container #consent form .form-control, body #main-page.dataleanUser #consent-container #invalid-request form .form-control, body #main-page.dataleanUser #invalid-request-container #login form .form-control, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control, body #main-page.dataleanUser #invalid-request-container #consent form .form-control, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control { margin-top: 30px; } body #main-page.dataleanUser #login-container #login form .form-control .label-input, body #main-page.dataleanUser #login-container #recovery form .form-control .label-input, body #main-page.dataleanUser #login-container #recovery-success form .form-control .label-input, body #main-page.dataleanUser #login-container #consent form .form-control .label-input, body #main-page.dataleanUser #login-container #invalid-request form .form-control .label-input, body #main-page.dataleanUser #recovery-container #login form .form-control .label-input, body #main-page.dataleanUser #recovery-container #recovery form .form-control .label-input, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .label-input, body #main-page.dataleanUser #recovery-container #consent form .form-control .label-input, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .label-input, body #main-page.dataleanUser #recovery-success-container #login form .form-control .label-input, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .label-input, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .label-input, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .label-input, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .label-input, body #main-page.dataleanUser #consent-container #login form .form-control .label-input, body #main-page.dataleanUser #consent-container #recovery form .form-control .label-input, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .label-input, body #main-page.dataleanUser #consent-container #consent form .form-control .label-input, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .label-input, body #main-page.dataleanUser #invalid-request-container #login form .form-control .label-input, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .label-input, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .label-input, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .label-input, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .label-input { color: rgba(255, 255, 255, 0.5); font-family: "Segma", sans-serif; font-weight: 500; font-size: 10px; letter-spacing: 3px; line-height: 200%; text-transform: uppercase; } body #main-page.dataleanUser #login-container #login form .form-control .input-group, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group, body #main-page.dataleanUser #login-container #consent form .form-control .input-group, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group, body #main-page.dataleanUser #consent-container #login form .form-control .input-group, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group { height: 36px; } body #main-page.dataleanUser #login-container #login form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #login-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #consent-container #login form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group .input-icon-prepend { display: none; } body #main-page.dataleanUser #login-container #login form .form-control .input-group input, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group input, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group input, body #main-page.dataleanUser #login-container #consent form .form-control .input-group input, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group input, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group input, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group input, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group input, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group input, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group input, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group input, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group input, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group input, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group input, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group input, body #main-page.dataleanUser #consent-container #login form .form-control .input-group input, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group input, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group input, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group input, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group input, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group input, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group input, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group input, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group input, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group input { width: calc(100% - 20px); border-radius: 5px; border: none; box-shadow: none; padding: 0 10px; background: rgba(255, 255, 255, 0.1); color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1px; line-height: 180%; } body #main-page.dataleanUser #login-container #login form .form-control .input-group input::placeholder, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group input::placeholder, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.dataleanUser #login-container #consent form .form-control .input-group input::placeholder, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group input::placeholder, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group input::placeholder, body #main-page.dataleanUser #consent-container #login form .form-control .input-group input::placeholder, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group input::placeholder, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group input::placeholder, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group input::placeholder, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group input::placeholder, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group input::placeholder, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group input::placeholder, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group input::placeholder { opacity: 0; color: #ffffff00; } body #main-page.dataleanUser #login-container #login form .form-control .input-group .icon-eye, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group .icon-eye, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.dataleanUser #login-container #consent form .form-control .input-group .icon-eye, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group .icon-eye, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group .icon-eye, body #main-page.dataleanUser #consent-container #login form .form-control .input-group .icon-eye, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group .icon-eye, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group .icon-eye, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group .icon-eye, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group .icon-eye, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group .icon-eye, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group .icon-eye, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group .icon-eye { width: 20px; height: 20px; right: 10px; position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; } body #main-page.dataleanUser #login-container #login form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #login-container #consent form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #consent-container #login form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group .icon-eye::before, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group .icon-eye::before { content: "\35"; color: #ffffff; font-size: 13px; cursor: pointer; font-family: "Addiction SmartCo"; } body #main-page.dataleanUser #login-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #login-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #consent-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group .icon-eye.view::before { content: "\36"; } body #main-page.dataleanUser #login-container #login form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #login-container #recovery form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #login-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #login-container #consent form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #login-container #invalid-request form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-container #login form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-container #recovery form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-container #consent form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-container #invalid-request form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-success-container #login form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-success-container #recovery form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-success-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-success-container #consent form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #recovery-success-container #invalid-request form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #consent-container #login form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #consent-container #recovery form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #consent-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #consent-container #consent form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #consent-container #invalid-request form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #invalid-request-container #login form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #invalid-request-container #recovery form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #invalid-request-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #invalid-request-container #consent form .form-control .input-group .input-icon-append, body #main-page.dataleanUser #invalid-request-container #invalid-request form .form-control .input-group .input-icon-append { display: none; } body #main-page.dataleanUser #login-container #login form #password-recovery-button, body #main-page.dataleanUser #login-container #login form #registration-button, body #main-page.dataleanUser #login-container #login form .help-btn, body #main-page.dataleanUser #login-container #recovery form #password-recovery-button, body #main-page.dataleanUser #login-container #recovery form #registration-button, body #main-page.dataleanUser #login-container #recovery form .help-btn, body #main-page.dataleanUser #login-container #recovery-success form #password-recovery-button, body #main-page.dataleanUser #login-container #recovery-success form #registration-button, body #main-page.dataleanUser #login-container #recovery-success form .help-btn, body #main-page.dataleanUser #login-container #consent form #password-recovery-button, body #main-page.dataleanUser #login-container #consent form #registration-button, body #main-page.dataleanUser #login-container #consent form .help-btn, body #main-page.dataleanUser #login-container #invalid-request form #password-recovery-button, body #main-page.dataleanUser #login-container #invalid-request form #registration-button, body #main-page.dataleanUser #login-container #invalid-request form .help-btn, body #main-page.dataleanUser #recovery-container #login form #password-recovery-button, body #main-page.dataleanUser #recovery-container #login form #registration-button, body #main-page.dataleanUser #recovery-container #login form .help-btn, body #main-page.dataleanUser #recovery-container #recovery form #password-recovery-button, body #main-page.dataleanUser #recovery-container #recovery form #registration-button, body #main-page.dataleanUser #recovery-container #recovery form .help-btn, body #main-page.dataleanUser #recovery-container #recovery-success form #password-recovery-button, body #main-page.dataleanUser #recovery-container #recovery-success form #registration-button, body #main-page.dataleanUser #recovery-container #recovery-success form .help-btn, body #main-page.dataleanUser #recovery-container #consent form #password-recovery-button, body #main-page.dataleanUser #recovery-container #consent form #registration-button, body #main-page.dataleanUser #recovery-container #consent form .help-btn, body #main-page.dataleanUser #recovery-container #invalid-request form #password-recovery-button, body #main-page.dataleanUser #recovery-container #invalid-request form #registration-button, body #main-page.dataleanUser #recovery-container #invalid-request form .help-btn, body #main-page.dataleanUser #recovery-success-container #login form #password-recovery-button, body #main-page.dataleanUser #recovery-success-container #login form #registration-button, body #main-page.dataleanUser #recovery-success-container #login form .help-btn, body #main-page.dataleanUser #recovery-success-container #recovery form #password-recovery-button, body #main-page.dataleanUser #recovery-success-container #recovery form #registration-button, body #main-page.dataleanUser #recovery-success-container #recovery form .help-btn, body #main-page.dataleanUser #recovery-success-container #recovery-success form #password-recovery-button, body #main-page.dataleanUser #recovery-success-container #recovery-success form #registration-button, body #main-page.dataleanUser #recovery-success-container #recovery-success form .help-btn, body #main-page.dataleanUser #recovery-success-container #consent form #password-recovery-button, body #main-page.dataleanUser #recovery-success-container #consent form #registration-button, body #main-page.dataleanUser #recovery-success-container #consent form .help-btn, body #main-page.dataleanUser #recovery-success-container #invalid-request form #password-recovery-button, body #main-page.dataleanUser #recovery-success-container #invalid-request form #registration-button, body #main-page.dataleanUser #recovery-success-container #invalid-request form .help-btn, body #main-page.dataleanUser #consent-container #login form #password-recovery-button, body #main-page.dataleanUser #consent-container #login form #registration-button, body #main-page.dataleanUser #consent-container #login form .help-btn, body #main-page.dataleanUser #consent-container #recovery form #password-recovery-button, body #main-page.dataleanUser #consent-container #recovery form #registration-button, body #main-page.dataleanUser #consent-container #recovery form .help-btn, body #main-page.dataleanUser #consent-container #recovery-success form #password-recovery-button, body #main-page.dataleanUser #consent-container #recovery-success form #registration-button, body #main-page.dataleanUser #consent-container #recovery-success form .help-btn, body #main-page.dataleanUser #consent-container #consent form #password-recovery-button, body #main-page.dataleanUser #consent-container #consent form #registration-button, body #main-page.dataleanUser #consent-container #consent form .help-btn, body #main-page.dataleanUser #consent-container #invalid-request form #password-recovery-button, body #main-page.dataleanUser #consent-container #invalid-request form #registration-button, body #main-page.dataleanUser #consent-container #invalid-request form .help-btn, body #main-page.dataleanUser #invalid-request-container #login form #password-recovery-button, body #main-page.dataleanUser #invalid-request-container #login form #registration-button, body #main-page.dataleanUser #invalid-request-container #login form .help-btn, body #main-page.dataleanUser #invalid-request-container #recovery form #password-recovery-button, body #main-page.dataleanUser #invalid-request-container #recovery form #registration-button, body #main-page.dataleanUser #invalid-request-container #recovery form .help-btn, body #main-page.dataleanUser #invalid-request-container #recovery-success form #password-recovery-button, body #main-page.dataleanUser #invalid-request-container #recovery-success form #registration-button, body #main-page.dataleanUser #invalid-request-container #recovery-success form .help-btn, body #main-page.dataleanUser #invalid-request-container #consent form #password-recovery-button, body #main-page.dataleanUser #invalid-request-container #consent form #registration-button, body #main-page.dataleanUser #invalid-request-container #consent form .help-btn, body #main-page.dataleanUser #invalid-request-container #invalid-request form #password-recovery-button, body #main-page.dataleanUser #invalid-request-container #invalid-request form #registration-button, body #main-page.dataleanUser #invalid-request-container #invalid-request form .help-btn { width: fit-content; align-self: flex-end; text-align: right; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 150%; margin-top: 5px; cursor: pointer; text-decoration: none; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.dataleanUser #login-container #login form #password-recovery-button:hover, body #main-page.dataleanUser #login-container #login form #registration-button:hover, body #main-page.dataleanUser #login-container #login form .help-btn:hover, body #main-page.dataleanUser #login-container #recovery form #password-recovery-button:hover, body #main-page.dataleanUser #login-container #recovery form #registration-button:hover, body #main-page.dataleanUser #login-container #recovery form .help-btn:hover, body #main-page.dataleanUser #login-container #recovery-success form #password-recovery-button:hover, body #main-page.dataleanUser #login-container #recovery-success form #registration-button:hover, body #main-page.dataleanUser #login-container #recovery-success form .help-btn:hover, body #main-page.dataleanUser #login-container #consent form #password-recovery-button:hover, body #main-page.dataleanUser #login-container #consent form #registration-button:hover, body #main-page.dataleanUser #login-container #consent form .help-btn:hover, body #main-page.dataleanUser #login-container #invalid-request form #password-recovery-button:hover, body #main-page.dataleanUser #login-container #invalid-request form #registration-button:hover, body #main-page.dataleanUser #login-container #invalid-request form .help-btn:hover, body #main-page.dataleanUser #recovery-container #login form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-container #login form #registration-button:hover, body #main-page.dataleanUser #recovery-container #login form .help-btn:hover, body #main-page.dataleanUser #recovery-container #recovery form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-container #recovery form #registration-button:hover, body #main-page.dataleanUser #recovery-container #recovery form .help-btn:hover, body #main-page.dataleanUser #recovery-container #recovery-success form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-container #recovery-success form #registration-button:hover, body #main-page.dataleanUser #recovery-container #recovery-success form .help-btn:hover, body #main-page.dataleanUser #recovery-container #consent form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-container #consent form #registration-button:hover, body #main-page.dataleanUser #recovery-container #consent form .help-btn:hover, body #main-page.dataleanUser #recovery-container #invalid-request form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-container #invalid-request form #registration-button:hover, body #main-page.dataleanUser #recovery-container #invalid-request form .help-btn:hover, body #main-page.dataleanUser #recovery-success-container #login form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-success-container #login form #registration-button:hover, body #main-page.dataleanUser #recovery-success-container #login form .help-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-success-container #recovery form #registration-button:hover, body #main-page.dataleanUser #recovery-success-container #recovery form .help-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form #registration-button:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form .help-btn:hover, body #main-page.dataleanUser #recovery-success-container #consent form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-success-container #consent form #registration-button:hover, body #main-page.dataleanUser #recovery-success-container #consent form .help-btn:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form #password-recovery-button:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form #registration-button:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form .help-btn:hover, body #main-page.dataleanUser #consent-container #login form #password-recovery-button:hover, body #main-page.dataleanUser #consent-container #login form #registration-button:hover, body #main-page.dataleanUser #consent-container #login form .help-btn:hover, body #main-page.dataleanUser #consent-container #recovery form #password-recovery-button:hover, body #main-page.dataleanUser #consent-container #recovery form #registration-button:hover, body #main-page.dataleanUser #consent-container #recovery form .help-btn:hover, body #main-page.dataleanUser #consent-container #recovery-success form #password-recovery-button:hover, body #main-page.dataleanUser #consent-container #recovery-success form #registration-button:hover, body #main-page.dataleanUser #consent-container #recovery-success form .help-btn:hover, body #main-page.dataleanUser #consent-container #consent form #password-recovery-button:hover, body #main-page.dataleanUser #consent-container #consent form #registration-button:hover, body #main-page.dataleanUser #consent-container #consent form .help-btn:hover, body #main-page.dataleanUser #consent-container #invalid-request form #password-recovery-button:hover, body #main-page.dataleanUser #consent-container #invalid-request form #registration-button:hover, body #main-page.dataleanUser #consent-container #invalid-request form .help-btn:hover, body #main-page.dataleanUser #invalid-request-container #login form #password-recovery-button:hover, body #main-page.dataleanUser #invalid-request-container #login form #registration-button:hover, body #main-page.dataleanUser #invalid-request-container #login form .help-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery form #password-recovery-button:hover, body #main-page.dataleanUser #invalid-request-container #recovery form #registration-button:hover, body #main-page.dataleanUser #invalid-request-container #recovery form .help-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form #password-recovery-button:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form #registration-button:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form .help-btn:hover, body #main-page.dataleanUser #invalid-request-container #consent form #password-recovery-button:hover, body #main-page.dataleanUser #invalid-request-container #consent form #registration-button:hover, body #main-page.dataleanUser #invalid-request-container #consent form .help-btn:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form #password-recovery-button:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form #registration-button:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form .help-btn:hover { opacity: 0.5; } } body #main-page.dataleanUser #login-container #login form .login-btn, body #main-page.dataleanUser #login-container #login form .recovery-btn, body #main-page.dataleanUser #login-container #login form .continue-btn, body #main-page.dataleanUser #login-container #recovery form .login-btn, body #main-page.dataleanUser #login-container #recovery form .recovery-btn, body #main-page.dataleanUser #login-container #recovery form .continue-btn, body #main-page.dataleanUser #login-container #recovery-success form .login-btn, body #main-page.dataleanUser #login-container #recovery-success form .recovery-btn, body #main-page.dataleanUser #login-container #recovery-success form .continue-btn, body #main-page.dataleanUser #login-container #consent form .login-btn, body #main-page.dataleanUser #login-container #consent form .recovery-btn, body #main-page.dataleanUser #login-container #consent form .continue-btn, body #main-page.dataleanUser #login-container #invalid-request form .login-btn, body #main-page.dataleanUser #login-container #invalid-request form .recovery-btn, body #main-page.dataleanUser #login-container #invalid-request form .continue-btn, body #main-page.dataleanUser #recovery-container #login form .login-btn, body #main-page.dataleanUser #recovery-container #login form .recovery-btn, body #main-page.dataleanUser #recovery-container #login form .continue-btn, body #main-page.dataleanUser #recovery-container #recovery form .login-btn, body #main-page.dataleanUser #recovery-container #recovery form .recovery-btn, body #main-page.dataleanUser #recovery-container #recovery form .continue-btn, body #main-page.dataleanUser #recovery-container #recovery-success form .login-btn, body #main-page.dataleanUser #recovery-container #recovery-success form .recovery-btn, body #main-page.dataleanUser #recovery-container #recovery-success form .continue-btn, body #main-page.dataleanUser #recovery-container #consent form .login-btn, body #main-page.dataleanUser #recovery-container #consent form .recovery-btn, body #main-page.dataleanUser #recovery-container #consent form .continue-btn, body #main-page.dataleanUser #recovery-container #invalid-request form .login-btn, body #main-page.dataleanUser #recovery-container #invalid-request form .recovery-btn, body #main-page.dataleanUser #recovery-container #invalid-request form .continue-btn, body #main-page.dataleanUser #recovery-success-container #login form .login-btn, body #main-page.dataleanUser #recovery-success-container #login form .recovery-btn, body #main-page.dataleanUser #recovery-success-container #login form .continue-btn, body #main-page.dataleanUser #recovery-success-container #recovery form .login-btn, body #main-page.dataleanUser #recovery-success-container #recovery form .recovery-btn, body #main-page.dataleanUser #recovery-success-container #recovery form .continue-btn, body #main-page.dataleanUser #recovery-success-container #recovery-success form .login-btn, body #main-page.dataleanUser #recovery-success-container #recovery-success form .recovery-btn, body #main-page.dataleanUser #recovery-success-container #recovery-success form .continue-btn, body #main-page.dataleanUser #recovery-success-container #consent form .login-btn, body #main-page.dataleanUser #recovery-success-container #consent form .recovery-btn, body #main-page.dataleanUser #recovery-success-container #consent form .continue-btn, body #main-page.dataleanUser #recovery-success-container #invalid-request form .login-btn, body #main-page.dataleanUser #recovery-success-container #invalid-request form .recovery-btn, body #main-page.dataleanUser #recovery-success-container #invalid-request form .continue-btn, body #main-page.dataleanUser #consent-container #login form .login-btn, body #main-page.dataleanUser #consent-container #login form .recovery-btn, body #main-page.dataleanUser #consent-container #login form .continue-btn, body #main-page.dataleanUser #consent-container #recovery form .login-btn, body #main-page.dataleanUser #consent-container #recovery form .recovery-btn, body #main-page.dataleanUser #consent-container #recovery form .continue-btn, body #main-page.dataleanUser #consent-container #recovery-success form .login-btn, body #main-page.dataleanUser #consent-container #recovery-success form .recovery-btn, body #main-page.dataleanUser #consent-container #recovery-success form .continue-btn, body #main-page.dataleanUser #consent-container #consent form .login-btn, body #main-page.dataleanUser #consent-container #consent form .recovery-btn, body #main-page.dataleanUser #consent-container #consent form .continue-btn, body #main-page.dataleanUser #consent-container #invalid-request form .login-btn, body #main-page.dataleanUser #consent-container #invalid-request form .recovery-btn, body #main-page.dataleanUser #consent-container #invalid-request form .continue-btn, body #main-page.dataleanUser #invalid-request-container #login form .login-btn, body #main-page.dataleanUser #invalid-request-container #login form .recovery-btn, body #main-page.dataleanUser #invalid-request-container #login form .continue-btn, body #main-page.dataleanUser #invalid-request-container #recovery form .login-btn, body #main-page.dataleanUser #invalid-request-container #recovery form .recovery-btn, body #main-page.dataleanUser #invalid-request-container #recovery form .continue-btn, body #main-page.dataleanUser #invalid-request-container #recovery-success form .login-btn, body #main-page.dataleanUser #invalid-request-container #recovery-success form .recovery-btn, body #main-page.dataleanUser #invalid-request-container #recovery-success form .continue-btn, body #main-page.dataleanUser #invalid-request-container #consent form .login-btn, body #main-page.dataleanUser #invalid-request-container #consent form .recovery-btn, body #main-page.dataleanUser #invalid-request-container #consent form .continue-btn, body #main-page.dataleanUser #invalid-request-container #invalid-request form .login-btn, body #main-page.dataleanUser #invalid-request-container #invalid-request form .recovery-btn, body #main-page.dataleanUser #invalid-request-container #invalid-request form .continue-btn { width: calc(100% - 100px); height: 50px; border-radius: 10px; border: 2px solid #ffffff; margin: 50px 50px 0 50px; background: #ffffff00; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 3px; line-height: 100%; text-transform: uppercase; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.dataleanUser #login-container #login form .login-btn:hover, body #main-page.dataleanUser #login-container #login form .recovery-btn:hover, body #main-page.dataleanUser #login-container #login form .continue-btn:hover, body #main-page.dataleanUser #login-container #recovery form .login-btn:hover, body #main-page.dataleanUser #login-container #recovery form .recovery-btn:hover, body #main-page.dataleanUser #login-container #recovery form .continue-btn:hover, body #main-page.dataleanUser #login-container #recovery-success form .login-btn:hover, body #main-page.dataleanUser #login-container #recovery-success form .recovery-btn:hover, body #main-page.dataleanUser #login-container #recovery-success form .continue-btn:hover, body #main-page.dataleanUser #login-container #consent form .login-btn:hover, body #main-page.dataleanUser #login-container #consent form .recovery-btn:hover, body #main-page.dataleanUser #login-container #consent form .continue-btn:hover, body #main-page.dataleanUser #login-container #invalid-request form .login-btn:hover, body #main-page.dataleanUser #login-container #invalid-request form .recovery-btn:hover, body #main-page.dataleanUser #login-container #invalid-request form .continue-btn:hover, body #main-page.dataleanUser #recovery-container #login form .login-btn:hover, body #main-page.dataleanUser #recovery-container #login form .recovery-btn:hover, body #main-page.dataleanUser #recovery-container #login form .continue-btn:hover, body #main-page.dataleanUser #recovery-container #recovery form .login-btn:hover, body #main-page.dataleanUser #recovery-container #recovery form .recovery-btn:hover, body #main-page.dataleanUser #recovery-container #recovery form .continue-btn:hover, body #main-page.dataleanUser #recovery-container #recovery-success form .login-btn:hover, body #main-page.dataleanUser #recovery-container #recovery-success form .recovery-btn:hover, body #main-page.dataleanUser #recovery-container #recovery-success form .continue-btn:hover, body #main-page.dataleanUser #recovery-container #consent form .login-btn:hover, body #main-page.dataleanUser #recovery-container #consent form .recovery-btn:hover, body #main-page.dataleanUser #recovery-container #consent form .continue-btn:hover, body #main-page.dataleanUser #recovery-container #invalid-request form .login-btn:hover, body #main-page.dataleanUser #recovery-container #invalid-request form .recovery-btn:hover, body #main-page.dataleanUser #recovery-container #invalid-request form .continue-btn:hover, body #main-page.dataleanUser #recovery-success-container #login form .login-btn:hover, body #main-page.dataleanUser #recovery-success-container #login form .recovery-btn:hover, body #main-page.dataleanUser #recovery-success-container #login form .continue-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery form .login-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery form .recovery-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery form .continue-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form .login-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form .recovery-btn:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success form .continue-btn:hover, body #main-page.dataleanUser #recovery-success-container #consent form .login-btn:hover, body #main-page.dataleanUser #recovery-success-container #consent form .recovery-btn:hover, body #main-page.dataleanUser #recovery-success-container #consent form .continue-btn:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form .login-btn:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form .recovery-btn:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request form .continue-btn:hover, body #main-page.dataleanUser #consent-container #login form .login-btn:hover, body #main-page.dataleanUser #consent-container #login form .recovery-btn:hover, body #main-page.dataleanUser #consent-container #login form .continue-btn:hover, body #main-page.dataleanUser #consent-container #recovery form .login-btn:hover, body #main-page.dataleanUser #consent-container #recovery form .recovery-btn:hover, body #main-page.dataleanUser #consent-container #recovery form .continue-btn:hover, body #main-page.dataleanUser #consent-container #recovery-success form .login-btn:hover, body #main-page.dataleanUser #consent-container #recovery-success form .recovery-btn:hover, body #main-page.dataleanUser #consent-container #recovery-success form .continue-btn:hover, body #main-page.dataleanUser #consent-container #consent form .login-btn:hover, body #main-page.dataleanUser #consent-container #consent form .recovery-btn:hover, body #main-page.dataleanUser #consent-container #consent form .continue-btn:hover, body #main-page.dataleanUser #consent-container #invalid-request form .login-btn:hover, body #main-page.dataleanUser #consent-container #invalid-request form .recovery-btn:hover, body #main-page.dataleanUser #consent-container #invalid-request form .continue-btn:hover, body #main-page.dataleanUser #invalid-request-container #login form .login-btn:hover, body #main-page.dataleanUser #invalid-request-container #login form .recovery-btn:hover, body #main-page.dataleanUser #invalid-request-container #login form .continue-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery form .login-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery form .recovery-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery form .continue-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form .login-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form .recovery-btn:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success form .continue-btn:hover, body #main-page.dataleanUser #invalid-request-container #consent form .login-btn:hover, body #main-page.dataleanUser #invalid-request-container #consent form .recovery-btn:hover, body #main-page.dataleanUser #invalid-request-container #consent form .continue-btn:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form .login-btn:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form .recovery-btn:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request form .continue-btn:hover { background: #010F34; color: #ffffff; } } body #main-page.dataleanUser #login-container #login form .loader, body #main-page.dataleanUser #login-container #recovery form .loader, body #main-page.dataleanUser #login-container #recovery-success form .loader, body #main-page.dataleanUser #login-container #consent form .loader, body #main-page.dataleanUser #login-container #invalid-request form .loader, body #main-page.dataleanUser #recovery-container #login form .loader, body #main-page.dataleanUser #recovery-container #recovery form .loader, body #main-page.dataleanUser #recovery-container #recovery-success form .loader, body #main-page.dataleanUser #recovery-container #consent form .loader, body #main-page.dataleanUser #recovery-container #invalid-request form .loader, body #main-page.dataleanUser #recovery-success-container #login form .loader, body #main-page.dataleanUser #recovery-success-container #recovery form .loader, body #main-page.dataleanUser #recovery-success-container #recovery-success form .loader, body #main-page.dataleanUser #recovery-success-container #consent form .loader, body #main-page.dataleanUser #recovery-success-container #invalid-request form .loader, body #main-page.dataleanUser #consent-container #login form .loader, body #main-page.dataleanUser #consent-container #recovery form .loader, body #main-page.dataleanUser #consent-container #recovery-success form .loader, body #main-page.dataleanUser #consent-container #consent form .loader, body #main-page.dataleanUser #consent-container #invalid-request form .loader, body #main-page.dataleanUser #invalid-request-container #login form .loader, body #main-page.dataleanUser #invalid-request-container #recovery form .loader, body #main-page.dataleanUser #invalid-request-container #recovery-success form .loader, body #main-page.dataleanUser #invalid-request-container #consent form .loader, body #main-page.dataleanUser #invalid-request-container #invalid-request form .loader { width: auto; height: calc(100% - 10px); stroke: #ffffff; } body #main-page.dataleanUser #login-container #login .buttons-container, body #main-page.dataleanUser #login-container #recovery .buttons-container, body #main-page.dataleanUser #login-container #recovery-success .buttons-container, body #main-page.dataleanUser #login-container #consent .buttons-container, body #main-page.dataleanUser #login-container #invalid-request .buttons-container, body #main-page.dataleanUser #recovery-container #login .buttons-container, body #main-page.dataleanUser #recovery-container #recovery .buttons-container, body #main-page.dataleanUser #recovery-container #recovery-success .buttons-container, body #main-page.dataleanUser #recovery-container #consent .buttons-container, body #main-page.dataleanUser #recovery-container #invalid-request .buttons-container, body #main-page.dataleanUser #recovery-success-container #login .buttons-container, body #main-page.dataleanUser #recovery-success-container #recovery .buttons-container, body #main-page.dataleanUser #recovery-success-container #recovery-success .buttons-container, body #main-page.dataleanUser #recovery-success-container #consent .buttons-container, body #main-page.dataleanUser #recovery-success-container #invalid-request .buttons-container, body #main-page.dataleanUser #consent-container #login .buttons-container, body #main-page.dataleanUser #consent-container #recovery .buttons-container, body #main-page.dataleanUser #consent-container #recovery-success .buttons-container, body #main-page.dataleanUser #consent-container #consent .buttons-container, body #main-page.dataleanUser #consent-container #invalid-request .buttons-container, body #main-page.dataleanUser #invalid-request-container #login .buttons-container, body #main-page.dataleanUser #invalid-request-container #recovery .buttons-container, body #main-page.dataleanUser #invalid-request-container #recovery-success .buttons-container, body #main-page.dataleanUser #invalid-request-container #consent .buttons-container, body #main-page.dataleanUser #invalid-request-container #invalid-request .buttons-container { width: 100%; gap: 20px; margin-top: 20px; } body #main-page.dataleanUser #login-container #login .buttons-container button, body #main-page.dataleanUser #login-container #recovery .buttons-container button, body #main-page.dataleanUser #login-container #recovery-success .buttons-container button, body #main-page.dataleanUser #login-container #consent .buttons-container button, body #main-page.dataleanUser #login-container #invalid-request .buttons-container button, body #main-page.dataleanUser #recovery-container #login .buttons-container button, body #main-page.dataleanUser #recovery-container #recovery .buttons-container button, body #main-page.dataleanUser #recovery-container #recovery-success .buttons-container button, body #main-page.dataleanUser #recovery-container #consent .buttons-container button, body #main-page.dataleanUser #recovery-container #invalid-request .buttons-container button, body #main-page.dataleanUser #recovery-success-container #login .buttons-container button, body #main-page.dataleanUser #recovery-success-container #recovery .buttons-container button, body #main-page.dataleanUser #recovery-success-container #recovery-success .buttons-container button, body #main-page.dataleanUser #recovery-success-container #consent .buttons-container button, body #main-page.dataleanUser #recovery-success-container #invalid-request .buttons-container button, body #main-page.dataleanUser #consent-container #login .buttons-container button, body #main-page.dataleanUser #consent-container #recovery .buttons-container button, body #main-page.dataleanUser #consent-container #recovery-success .buttons-container button, body #main-page.dataleanUser #consent-container #consent .buttons-container button, body #main-page.dataleanUser #consent-container #invalid-request .buttons-container button, body #main-page.dataleanUser #invalid-request-container #login .buttons-container button, body #main-page.dataleanUser #invalid-request-container #recovery .buttons-container button, body #main-page.dataleanUser #invalid-request-container #recovery-success .buttons-container button, body #main-page.dataleanUser #invalid-request-container #consent .buttons-container button, body #main-page.dataleanUser #invalid-request-container #invalid-request .buttons-container button { width: calc(100% - 100px); height: 50px; border-radius: 10px; border: 2px solid #ffffff; margin: 0 50px; background: #ffffff00; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 3px; line-height: 100%; text-transform: uppercase; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.dataleanUser #login-container #login .buttons-container button:hover, body #main-page.dataleanUser #login-container #recovery .buttons-container button:hover, body #main-page.dataleanUser #login-container #recovery-success .buttons-container button:hover, body #main-page.dataleanUser #login-container #consent .buttons-container button:hover, body #main-page.dataleanUser #login-container #invalid-request .buttons-container button:hover, body #main-page.dataleanUser #recovery-container #login .buttons-container button:hover, body #main-page.dataleanUser #recovery-container #recovery .buttons-container button:hover, body #main-page.dataleanUser #recovery-container #recovery-success .buttons-container button:hover, body #main-page.dataleanUser #recovery-container #consent .buttons-container button:hover, body #main-page.dataleanUser #recovery-container #invalid-request .buttons-container button:hover, body #main-page.dataleanUser #recovery-success-container #login .buttons-container button:hover, body #main-page.dataleanUser #recovery-success-container #recovery .buttons-container button:hover, body #main-page.dataleanUser #recovery-success-container #recovery-success .buttons-container button:hover, body #main-page.dataleanUser #recovery-success-container #consent .buttons-container button:hover, body #main-page.dataleanUser #recovery-success-container #invalid-request .buttons-container button:hover, body #main-page.dataleanUser #consent-container #login .buttons-container button:hover, body #main-page.dataleanUser #consent-container #recovery .buttons-container button:hover, body #main-page.dataleanUser #consent-container #recovery-success .buttons-container button:hover, body #main-page.dataleanUser #consent-container #consent .buttons-container button:hover, body #main-page.dataleanUser #consent-container #invalid-request .buttons-container button:hover, body #main-page.dataleanUser #invalid-request-container #login .buttons-container button:hover, body #main-page.dataleanUser #invalid-request-container #recovery .buttons-container button:hover, body #main-page.dataleanUser #invalid-request-container #recovery-success .buttons-container button:hover, body #main-page.dataleanUser #invalid-request-container #consent .buttons-container button:hover, body #main-page.dataleanUser #invalid-request-container #invalid-request .buttons-container button:hover { opacity: 0.5; } } body #main-page.dataleanUser #login-container .back-btn, body #main-page.dataleanUser #recovery-container .back-btn, body #main-page.dataleanUser #recovery-success-container .back-btn, body #main-page.dataleanUser #consent-container .back-btn, body #main-page.dataleanUser #invalid-request-container .back-btn { width: calc(100% - 100px); height: 30px; margin: 20px 50px 0 50px; background: #ffffff00; border: none; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.dataleanUser #login-container .back-btn:hover, body #main-page.dataleanUser #recovery-container .back-btn:hover, body #main-page.dataleanUser #recovery-success-container .back-btn:hover, body #main-page.dataleanUser #consent-container .back-btn:hover, body #main-page.dataleanUser #invalid-request-container .back-btn:hover { opacity: 0.5; } } /* --- FONT SEGMA --- */ @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot"); src: url("../../fonts/Segma/Segma-Thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Thin.woff2") format("woff2"), url("../../fonts/Segma/Segma-Thin.woff") format("woff"), url("../../fonts/Segma/Segma-Thin.ttf") format("truetype"), url("../../fonts/Segma/Segma-Thin.svg#Segma-Thin") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Light.eot"); src: url("../../fonts/Segma/Segma-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Light.woff2") format("woff2"), url("../../fonts/Segma/Segma-Light.woff") format("woff"), url("../../fonts/Segma/Segma-Light.ttf") format("truetype"), url("../../fonts/Segma/Segma-Light.svg#Segma-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Regular.eot"); src: url("../../fonts/Segma/Segma-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Regular.woff2") format("woff2"), url("../../fonts/Segma/Segma-Regular.woff") format("woff"), url("../../fonts/Segma/Segma-Regular.ttf") format("truetype"), url("../../fonts/Segma/Segma-Regular.svg#Segma-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Medium.eot"); src: url("../../fonts/Segma/Segma-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Medium.woff2") format("woff2"), url("../../fonts/Segma/Segma-Medium.woff") format("woff"), url("../../fonts/Segma/Segma-Medium.ttf") format("truetype"), url("../../fonts/Segma/Segma-Medium.svg#Segma-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-SemiBold.eot"); src: url("../../fonts/Segma/Segma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-SemiBold.woff2") format("woff2"), url("../../fonts/Segma/Segma-SemiBold.woff") format("woff"), url("../../fonts/Segma/Segma-SemiBold.ttf") format("truetype"), url("../..fonts/Segma/Segma-SemiBold.svg#Segma-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../fonts/Segma/Segma-Bold.eot"); src: url("../fonts/Segma/Segma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Segma/Segma-Bold.woff2") format("woff2"), url("../fonts/Segma/Segma-Bold.woff") format("woff"), url("../fonts/Segma/Segma-Bold.ttf") format("truetype"), url("../fonts/Segma/Segma-Bold.svg#Segma-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Segma'; src: url("../../fonts/Segma/Segma-Black.eot"); src: url("../../fonts/Segma/Segma-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Segma/Segma-Black.woff2") format("woff2"), url("../../fonts/Segma/Segma-Black.woff") format("woff"), url("../../fonts/Segma/Segma-Black.ttf") format("truetype"), url("../../fonts/Segma/Segma-Black.svg#Segma-Black") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } /* --- FONT CUSTOM - ADDICTION --- */ @font-face { font-family: 'Addiction SmartCo'; src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0"); src: url("../../fonts/AddictionSmartCo/icomoon.eot?t611n0#iefix") format("embedded-opentype"), url("../../fonts/AddictionSmartCo/icomoon.ttf?t611n0") format("truetype"), url("../../fonts/AddictionSmartCo/icomoon.woff?t611n0") format("woff"), url("../../fonts/AddictionSmartCo/icomoon.svg?t611n0#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'Addiction SmartCo' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-change-password::before { content: "\61"; } .icon-community::before { content: "\62"; } .icon-document::before { content: "\63"; } .icon-download::before { content: "\64"; } .icon-edit::before { content: "\65"; } .icon-email::before { content: "\66"; } .icon-language::before { content: "\67"; } .icon-left::before { content: "\68"; } .icon-lock::before { content: "\69"; } .icon-logout::before { content: "\6a"; } .icon-pdf::before { content: "\6b"; } .icon-performance::before { content: "\6c"; } .icon-poll::before { content: "\6d"; } .icon-ppt::before { content: "\6e"; } .icon-profile::before { content: "\6f"; } .icon-cockpit::before { content: "\70"; } .icon-jumpto::before { content: "\71"; } .icon-accept::before { content: "\72"; } .icon-right::before { content: "\73"; } .icon-search::before { content: "\74"; } .icon-training::before { content: "\75"; } .icon-video::before { content: "\76"; } .icon-welcome::before { content: "\77"; } .icon-accept-reverse::before { content: "\78"; } .icon-close::before { content: "\79"; } .icon-configuration::before { content: "\7a"; } .icon-hamburger::before { content: "\30"; } .icon-jump::before { content: "\31"; } .icon-like::before { content: "\32"; } .icon-btn-search::before { content: "\33"; } .icon-view::before { content: "\34"; } .icon-password-hidden::before { content: "\35"; } .icon-password-show::before { content: "\36"; } .icon-btn-logout::before { content: "\37"; } .icon-filters::before { content: "\38"; } .icon-comunicazioni::before { content: "\39"; } .icon-add-image::before { content: "\e0"; } .icon-communications::before { content: "\e8"; } .icon-welcome-kit::before { content: "\e9"; } .icon-profile2::before { content: "\ec"; } .icon-home::before { content: "\f2"; } .icon-home2::before { content: "\f9"; } .icon-world::before { content: "\e7"; } .icon-download1::before { content: "\a7"; } .icon-onboarding::before { content: "\2a"; } .icon-documents::before { content: "\b0"; } .icon-contest::before { content: "\2d"; } .icon-reservation::before { content: "\7c"; } .icon-prenotazioni::before { content: "\41"; } .icon-hours::before { content: "\42"; } .icon-rimborsi::before { content: "\43"; } .icon-riunioni::before { content: "\44"; } .icon-foto::before { content: "\45"; } .icon-rullino::before { content: "\46"; } .icon-vacation::before { content: "\47"; } .icon-documents1::before { content: "\48"; } .icon-lms::before { content: "\49"; } .icon-whatsapp::before { content: "\4a"; } .icon-phone::before { content: "\4b"; } /* --- GENERAL VARIABLES --- */ /* COLORS */ /* FONT FAMILY */ /* FONT WEIGHT */ /* ANIMATIONS */ /* --- CONFIGURATOR VARIABLES --- */ /* COLORS */ /* IMAGES */ /* --- CONFIGURATOR STYLE --- */ body #main-page.configuratorUser { background: rgba(0, 0, 0, 0.5); z-index: 1; } body #main-page.configuratorUser.error::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FF0000; opacity: 0.75; z-index: 5; pointer-events: none; mix-blend-mode: color; } body #main-page.configuratorUser .bg-video-container video { object-fit: cover; } body #main-page.configuratorUser #login-container, body #main-page.configuratorUser #recovery-container, body #main-page.configuratorUser #recovery-success-container, body #main-page.configuratorUser #consent-container { width: 330px; height: auto; } body #main-page.configuratorUser #login-container #login #logo, body #main-page.configuratorUser #login-container #recovery #logo, body #main-page.configuratorUser #login-container #recovery-success #logo, body #main-page.configuratorUser #login-container #consent #logo, body #main-page.configuratorUser #recovery-container #login #logo, body #main-page.configuratorUser #recovery-container #recovery #logo, body #main-page.configuratorUser #recovery-container #recovery-success #logo, body #main-page.configuratorUser #recovery-container #consent #logo, body #main-page.configuratorUser #recovery-success-container #login #logo, body #main-page.configuratorUser #recovery-success-container #recovery #logo, body #main-page.configuratorUser #recovery-success-container #recovery-success #logo, body #main-page.configuratorUser #recovery-success-container #consent #logo, body #main-page.configuratorUser #consent-container #login #logo, body #main-page.configuratorUser #consent-container #recovery #logo, body #main-page.configuratorUser #consent-container #recovery-success #logo, body #main-page.configuratorUser #consent-container #consent #logo { width: 160px; height: 160px; background-image: url("../../images/addiction/datalean-logo.png"); margin-bottom: 20px; } body #main-page.configuratorUser #login-container #login .header .title, body #main-page.configuratorUser #login-container #recovery .header .title, body #main-page.configuratorUser #login-container #recovery-success .header .title, body #main-page.configuratorUser #login-container #consent .header .title, body #main-page.configuratorUser #recovery-container #login .header .title, body #main-page.configuratorUser #recovery-container #recovery .header .title, body #main-page.configuratorUser #recovery-container #recovery-success .header .title, body #main-page.configuratorUser #recovery-container #consent .header .title, body #main-page.configuratorUser #recovery-success-container #login .header .title, body #main-page.configuratorUser #recovery-success-container #recovery .header .title, body #main-page.configuratorUser #recovery-success-container #recovery-success .header .title, body #main-page.configuratorUser #recovery-success-container #consent .header .title, body #main-page.configuratorUser #consent-container #login .header .title, body #main-page.configuratorUser #consent-container #recovery .header .title, body #main-page.configuratorUser #consent-container #recovery-success .header .title, body #main-page.configuratorUser #consent-container #consent .header .title { color: #ffffff; font-family: "Segma", sans-serif; font-weight: 300; font-size: 30px; letter-spacing: 0; line-height: 140%; text-align: center; margin-bottom: 10px; } body #main-page.configuratorUser #login-container #login .header .subtitle, body #main-page.configuratorUser #login-container #recovery .header .subtitle, body #main-page.configuratorUser #login-container #recovery-success .header .subtitle, body #main-page.configuratorUser #login-container #consent .header .subtitle, body #main-page.configuratorUser #recovery-container #login .header .subtitle, body #main-page.configuratorUser #recovery-container #recovery .header .subtitle, body #main-page.configuratorUser #recovery-container #recovery-success .header .subtitle, body #main-page.configuratorUser #recovery-container #consent .header .subtitle, body #main-page.configuratorUser #recovery-success-container #login .header .subtitle, body #main-page.configuratorUser #recovery-success-container #recovery .header .subtitle, body #main-page.configuratorUser #recovery-success-container #recovery-success .header .subtitle, body #main-page.configuratorUser #recovery-success-container #consent .header .subtitle, body #main-page.configuratorUser #consent-container #login .header .subtitle, body #main-page.configuratorUser #consent-container #recovery .header .subtitle, body #main-page.configuratorUser #consent-container #recovery-success .header .subtitle, body #main-page.configuratorUser #consent-container #consent .header .subtitle { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: center; } body #main-page.configuratorUser #login-container #login .header .subtitle .error-message, body #main-page.configuratorUser #login-container #recovery .header .subtitle .error-message, body #main-page.configuratorUser #login-container #recovery-success .header .subtitle .error-message, body #main-page.configuratorUser #login-container #consent .header .subtitle .error-message, body #main-page.configuratorUser #recovery-container #login .header .subtitle .error-message, body #main-page.configuratorUser #recovery-container #recovery .header .subtitle .error-message, body #main-page.configuratorUser #recovery-container #recovery-success .header .subtitle .error-message, body #main-page.configuratorUser #recovery-container #consent .header .subtitle .error-message, body #main-page.configuratorUser #recovery-success-container #login .header .subtitle .error-message, body #main-page.configuratorUser #recovery-success-container #recovery .header .subtitle .error-message, body #main-page.configuratorUser #recovery-success-container #recovery-success .header .subtitle .error-message, body #main-page.configuratorUser #recovery-success-container #consent .header .subtitle .error-message, body #main-page.configuratorUser #consent-container #login .header .subtitle .error-message, body #main-page.configuratorUser #consent-container #recovery .header .subtitle .error-message, body #main-page.configuratorUser #consent-container #recovery-success .header .subtitle .error-message, body #main-page.configuratorUser #consent-container #consent .header .subtitle .error-message { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: center; } body #main-page.configuratorUser #login-container #login .interaction-container, body #main-page.configuratorUser #login-container #recovery .interaction-container, body #main-page.configuratorUser #login-container #recovery-success .interaction-container, body #main-page.configuratorUser #login-container #consent .interaction-container, body #main-page.configuratorUser #recovery-container #login .interaction-container, body #main-page.configuratorUser #recovery-container #recovery .interaction-container, body #main-page.configuratorUser #recovery-container #recovery-success .interaction-container, body #main-page.configuratorUser #recovery-container #consent .interaction-container, body #main-page.configuratorUser #recovery-success-container #login .interaction-container, body #main-page.configuratorUser #recovery-success-container #recovery .interaction-container, body #main-page.configuratorUser #recovery-success-container #recovery-success .interaction-container, body #main-page.configuratorUser #recovery-success-container #consent .interaction-container, body #main-page.configuratorUser #consent-container #login .interaction-container, body #main-page.configuratorUser #consent-container #recovery .interaction-container, body #main-page.configuratorUser #consent-container #recovery-success .interaction-container, body #main-page.configuratorUser #consent-container #consent .interaction-container { color: rgba(255, 255, 255, 0.65); font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; text-align: left; } body #main-page.configuratorUser #login-container #login .interaction-container > ul, body #main-page.configuratorUser #login-container #recovery .interaction-container > ul, body #main-page.configuratorUser #login-container #recovery-success .interaction-container > ul, body #main-page.configuratorUser #login-container #consent .interaction-container > ul, body #main-page.configuratorUser #recovery-container #login .interaction-container > ul, body #main-page.configuratorUser #recovery-container #recovery .interaction-container > ul, body #main-page.configuratorUser #recovery-container #recovery-success .interaction-container > ul, body #main-page.configuratorUser #recovery-container #consent .interaction-container > ul, body #main-page.configuratorUser #recovery-success-container #login .interaction-container > ul, body #main-page.configuratorUser #recovery-success-container #recovery .interaction-container > ul, body #main-page.configuratorUser #recovery-success-container #recovery-success .interaction-container > ul, body #main-page.configuratorUser #recovery-success-container #consent .interaction-container > ul, body #main-page.configuratorUser #consent-container #login .interaction-container > ul, body #main-page.configuratorUser #consent-container #recovery .interaction-container > ul, body #main-page.configuratorUser #consent-container #recovery-success .interaction-container > ul, body #main-page.configuratorUser #consent-container #consent .interaction-container > ul { padding-inline-start: 0; margin-left: 20px; } body #main-page.configuratorUser #login-container #login .interaction-container > ul > ul, body #main-page.configuratorUser #login-container #recovery .interaction-container > ul > ul, body #main-page.configuratorUser #login-container #recovery-success .interaction-container > ul > ul, body #main-page.configuratorUser #login-container #consent .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-container #login .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-container #recovery .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-container #recovery-success .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-container #consent .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-success-container #login .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-success-container #recovery .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-success-container #recovery-success .interaction-container > ul > ul, body #main-page.configuratorUser #recovery-success-container #consent .interaction-container > ul > ul, body #main-page.configuratorUser #consent-container #login .interaction-container > ul > ul, body #main-page.configuratorUser #consent-container #recovery .interaction-container > ul > ul, body #main-page.configuratorUser #consent-container #recovery-success .interaction-container > ul > ul, body #main-page.configuratorUser #consent-container #consent .interaction-container > ul > ul { padding-inline-start: 20px; } body #main-page.configuratorUser #login-container #login form .form-control, body #main-page.configuratorUser #login-container #recovery form .form-control, body #main-page.configuratorUser #login-container #recovery-success form .form-control, body #main-page.configuratorUser #login-container #consent form .form-control, body #main-page.configuratorUser #recovery-container #login form .form-control, body #main-page.configuratorUser #recovery-container #recovery form .form-control, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control, body #main-page.configuratorUser #recovery-container #consent form .form-control, body #main-page.configuratorUser #recovery-success-container #login form .form-control, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control, body #main-page.configuratorUser #recovery-success-container #consent form .form-control, body #main-page.configuratorUser #consent-container #login form .form-control, body #main-page.configuratorUser #consent-container #recovery form .form-control, body #main-page.configuratorUser #consent-container #recovery-success form .form-control, body #main-page.configuratorUser #consent-container #consent form .form-control { margin-top: 30px; } body #main-page.configuratorUser #login-container #login form .form-control .label-input, body #main-page.configuratorUser #login-container #recovery form .form-control .label-input, body #main-page.configuratorUser #login-container #recovery-success form .form-control .label-input, body #main-page.configuratorUser #login-container #consent form .form-control .label-input, body #main-page.configuratorUser #recovery-container #login form .form-control .label-input, body #main-page.configuratorUser #recovery-container #recovery form .form-control .label-input, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .label-input, body #main-page.configuratorUser #recovery-container #consent form .form-control .label-input, body #main-page.configuratorUser #recovery-success-container #login form .form-control .label-input, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .label-input, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .label-input, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .label-input, body #main-page.configuratorUser #consent-container #login form .form-control .label-input, body #main-page.configuratorUser #consent-container #recovery form .form-control .label-input, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .label-input, body #main-page.configuratorUser #consent-container #consent form .form-control .label-input { color: rgba(255, 255, 255, 0.5); font-family: "Segma", sans-serif; font-weight: 500; font-size: 10px; letter-spacing: 3px; line-height: 200%; text-transform: uppercase; } body #main-page.configuratorUser #login-container #login form .form-control .input-group, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group, body #main-page.configuratorUser #login-container #consent form .form-control .input-group, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group, body #main-page.configuratorUser #consent-container #login form .form-control .input-group, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group { height: 36px; } body #main-page.configuratorUser #login-container #login form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #login-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #consent-container #login form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group .input-icon-prepend, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group .input-icon-prepend { display: none; } body #main-page.configuratorUser #login-container #login form .form-control .input-group input, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group input, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group input, body #main-page.configuratorUser #login-container #consent form .form-control .input-group input, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group input, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group input, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group input, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group input, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group input, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group input, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group input, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group input, body #main-page.configuratorUser #consent-container #login form .form-control .input-group input, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group input, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group input, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group input { width: calc(100% - 20px); border-radius: 5px; border: none; box-shadow: none; padding: 0 10px; background: rgba(255, 255, 255, 0.1); color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1px; line-height: 180%; } body #main-page.configuratorUser #login-container #login form .form-control .input-group input::placeholder, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group input::placeholder, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.configuratorUser #login-container #consent form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group input::placeholder, body #main-page.configuratorUser #consent-container #login form .form-control .input-group input::placeholder, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group input::placeholder, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group input::placeholder, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group input::placeholder { opacity: 0; color: #ffffff00; } body #main-page.configuratorUser #login-container #login form .form-control .input-group .icon-eye, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group .icon-eye, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.configuratorUser #login-container #consent form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group .icon-eye, body #main-page.configuratorUser #consent-container #login form .form-control .input-group .icon-eye, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group .icon-eye, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group .icon-eye, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group .icon-eye { width: 20px; height: 20px; right: 10px; position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; } body #main-page.configuratorUser #login-container #login form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #login-container #consent form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #consent-container #login form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group .icon-eye::before, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group .icon-eye::before { content: "\35"; color: #ffffff; font-size: 13px; cursor: pointer; font-family: "Addiction SmartCo"; } body #main-page.configuratorUser #login-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #login-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #consent-container #login form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group .icon-eye.view::before, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group .icon-eye.view::before { content: "\36"; } body #main-page.configuratorUser #login-container #login form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #login-container #recovery form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #login-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #login-container #consent form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-container #login form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-container #recovery form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-container #consent form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-success-container #login form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-success-container #recovery form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-success-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #recovery-success-container #consent form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #consent-container #login form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #consent-container #recovery form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #consent-container #recovery-success form .form-control .input-group .input-icon-append, body #main-page.configuratorUser #consent-container #consent form .form-control .input-group .input-icon-append { display: none; } body #main-page.configuratorUser #login-container #login form #password-recovery-button, body #main-page.configuratorUser #login-container #recovery form #password-recovery-button, body #main-page.configuratorUser #login-container #recovery-success form #password-recovery-button, body #main-page.configuratorUser #login-container #consent form #password-recovery-button, body #main-page.configuratorUser #recovery-container #login form #password-recovery-button, body #main-page.configuratorUser #recovery-container #recovery form #password-recovery-button, body #main-page.configuratorUser #recovery-container #recovery-success form #password-recovery-button, body #main-page.configuratorUser #recovery-container #consent form #password-recovery-button, body #main-page.configuratorUser #recovery-success-container #login form #password-recovery-button, body #main-page.configuratorUser #recovery-success-container #recovery form #password-recovery-button, body #main-page.configuratorUser #recovery-success-container #recovery-success form #password-recovery-button, body #main-page.configuratorUser #recovery-success-container #consent form #password-recovery-button, body #main-page.configuratorUser #consent-container #login form #password-recovery-button, body #main-page.configuratorUser #consent-container #recovery form #password-recovery-button, body #main-page.configuratorUser #consent-container #recovery-success form #password-recovery-button, body #main-page.configuratorUser #consent-container #consent form #password-recovery-button { width: fit-content; align-self: flex-end; text-align: right; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 150%; margin-top: 5px; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.configuratorUser #login-container #login form #password-recovery-button:hover, body #main-page.configuratorUser #login-container #recovery form #password-recovery-button:hover, body #main-page.configuratorUser #login-container #recovery-success form #password-recovery-button:hover, body #main-page.configuratorUser #login-container #consent form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-container #login form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-container #recovery form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-container #recovery-success form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-container #consent form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-success-container #login form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-success-container #recovery form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-success-container #recovery-success form #password-recovery-button:hover, body #main-page.configuratorUser #recovery-success-container #consent form #password-recovery-button:hover, body #main-page.configuratorUser #consent-container #login form #password-recovery-button:hover, body #main-page.configuratorUser #consent-container #recovery form #password-recovery-button:hover, body #main-page.configuratorUser #consent-container #recovery-success form #password-recovery-button:hover, body #main-page.configuratorUser #consent-container #consent form #password-recovery-button:hover { opacity: 0.5; } } body #main-page.configuratorUser #login-container #login form #registration-button, body #main-page.configuratorUser #login-container #recovery form #registration-button, body #main-page.configuratorUser #login-container #recovery-success form #registration-button, body #main-page.configuratorUser #login-container #consent form #registration-button, body #main-page.configuratorUser #recovery-container #login form #registration-button, body #main-page.configuratorUser #recovery-container #recovery form #registration-button, body #main-page.configuratorUser #recovery-container #recovery-success form #registration-button, body #main-page.configuratorUser #recovery-container #consent form #registration-button, body #main-page.configuratorUser #recovery-success-container #login form #registration-button, body #main-page.configuratorUser #recovery-success-container #recovery form #registration-button, body #main-page.configuratorUser #recovery-success-container #recovery-success form #registration-button, body #main-page.configuratorUser #recovery-success-container #consent form #registration-button, body #main-page.configuratorUser #consent-container #login form #registration-button, body #main-page.configuratorUser #consent-container #recovery form #registration-button, body #main-page.configuratorUser #consent-container #recovery-success form #registration-button, body #main-page.configuratorUser #consent-container #consent form #registration-button { width: fit-content; align-self: flex-end; text-align: right; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 150%; margin-top: 5px; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.configuratorUser #login-container #login form #registration-button:hover, body #main-page.configuratorUser #login-container #recovery form #registration-button:hover, body #main-page.configuratorUser #login-container #recovery-success form #registration-button:hover, body #main-page.configuratorUser #login-container #consent form #registration-button:hover, body #main-page.configuratorUser #recovery-container #login form #registration-button:hover, body #main-page.configuratorUser #recovery-container #recovery form #registration-button:hover, body #main-page.configuratorUser #recovery-container #recovery-success form #registration-button:hover, body #main-page.configuratorUser #recovery-container #consent form #registration-button:hover, body #main-page.configuratorUser #recovery-success-container #login form #registration-button:hover, body #main-page.configuratorUser #recovery-success-container #recovery form #registration-button:hover, body #main-page.configuratorUser #recovery-success-container #recovery-success form #registration-button:hover, body #main-page.configuratorUser #recovery-success-container #consent form #registration-button:hover, body #main-page.configuratorUser #consent-container #login form #registration-button:hover, body #main-page.configuratorUser #consent-container #recovery form #registration-button:hover, body #main-page.configuratorUser #consent-container #recovery-success form #registration-button:hover, body #main-page.configuratorUser #consent-container #consent form #registration-button:hover { opacity: 0.5; } } body #main-page.configuratorUser #login-container #login form .login-btn, body #main-page.configuratorUser #login-container #login form .recovery-btn, body #main-page.configuratorUser #login-container #login form .continue-btn, body #main-page.configuratorUser #login-container #recovery form .login-btn, body #main-page.configuratorUser #login-container #recovery form .recovery-btn, body #main-page.configuratorUser #login-container #recovery form .continue-btn, body #main-page.configuratorUser #login-container #recovery-success form .login-btn, body #main-page.configuratorUser #login-container #recovery-success form .recovery-btn, body #main-page.configuratorUser #login-container #recovery-success form .continue-btn, body #main-page.configuratorUser #login-container #consent form .login-btn, body #main-page.configuratorUser #login-container #consent form .recovery-btn, body #main-page.configuratorUser #login-container #consent form .continue-btn, body #main-page.configuratorUser #recovery-container #login form .login-btn, body #main-page.configuratorUser #recovery-container #login form .recovery-btn, body #main-page.configuratorUser #recovery-container #login form .continue-btn, body #main-page.configuratorUser #recovery-container #recovery form .login-btn, body #main-page.configuratorUser #recovery-container #recovery form .recovery-btn, body #main-page.configuratorUser #recovery-container #recovery form .continue-btn, body #main-page.configuratorUser #recovery-container #recovery-success form .login-btn, body #main-page.configuratorUser #recovery-container #recovery-success form .recovery-btn, body #main-page.configuratorUser #recovery-container #recovery-success form .continue-btn, body #main-page.configuratorUser #recovery-container #consent form .login-btn, body #main-page.configuratorUser #recovery-container #consent form .recovery-btn, body #main-page.configuratorUser #recovery-container #consent form .continue-btn, body #main-page.configuratorUser #recovery-success-container #login form .login-btn, body #main-page.configuratorUser #recovery-success-container #login form .recovery-btn, body #main-page.configuratorUser #recovery-success-container #login form .continue-btn, body #main-page.configuratorUser #recovery-success-container #recovery form .login-btn, body #main-page.configuratorUser #recovery-success-container #recovery form .recovery-btn, body #main-page.configuratorUser #recovery-success-container #recovery form .continue-btn, body #main-page.configuratorUser #recovery-success-container #recovery-success form .login-btn, body #main-page.configuratorUser #recovery-success-container #recovery-success form .recovery-btn, body #main-page.configuratorUser #recovery-success-container #recovery-success form .continue-btn, body #main-page.configuratorUser #recovery-success-container #consent form .login-btn, body #main-page.configuratorUser #recovery-success-container #consent form .recovery-btn, body #main-page.configuratorUser #recovery-success-container #consent form .continue-btn, body #main-page.configuratorUser #consent-container #login form .login-btn, body #main-page.configuratorUser #consent-container #login form .recovery-btn, body #main-page.configuratorUser #consent-container #login form .continue-btn, body #main-page.configuratorUser #consent-container #recovery form .login-btn, body #main-page.configuratorUser #consent-container #recovery form .recovery-btn, body #main-page.configuratorUser #consent-container #recovery form .continue-btn, body #main-page.configuratorUser #consent-container #recovery-success form .login-btn, body #main-page.configuratorUser #consent-container #recovery-success form .recovery-btn, body #main-page.configuratorUser #consent-container #recovery-success form .continue-btn, body #main-page.configuratorUser #consent-container #consent form .login-btn, body #main-page.configuratorUser #consent-container #consent form .recovery-btn, body #main-page.configuratorUser #consent-container #consent form .continue-btn { width: calc(100% - 100px); height: 50px; border-radius: 10px; border: 2px solid #ffffff; margin: 50px 50px 0 50px; background: #ffffff00; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 3px; line-height: 100%; text-transform: uppercase; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.configuratorUser #login-container #login form .login-btn:hover, body #main-page.configuratorUser #login-container #login form .recovery-btn:hover, body #main-page.configuratorUser #login-container #login form .continue-btn:hover, body #main-page.configuratorUser #login-container #recovery form .login-btn:hover, body #main-page.configuratorUser #login-container #recovery form .recovery-btn:hover, body #main-page.configuratorUser #login-container #recovery form .continue-btn:hover, body #main-page.configuratorUser #login-container #recovery-success form .login-btn:hover, body #main-page.configuratorUser #login-container #recovery-success form .recovery-btn:hover, body #main-page.configuratorUser #login-container #recovery-success form .continue-btn:hover, body #main-page.configuratorUser #login-container #consent form .login-btn:hover, body #main-page.configuratorUser #login-container #consent form .recovery-btn:hover, body #main-page.configuratorUser #login-container #consent form .continue-btn:hover, body #main-page.configuratorUser #recovery-container #login form .login-btn:hover, body #main-page.configuratorUser #recovery-container #login form .recovery-btn:hover, body #main-page.configuratorUser #recovery-container #login form .continue-btn:hover, body #main-page.configuratorUser #recovery-container #recovery form .login-btn:hover, body #main-page.configuratorUser #recovery-container #recovery form .recovery-btn:hover, body #main-page.configuratorUser #recovery-container #recovery form .continue-btn:hover, body #main-page.configuratorUser #recovery-container #recovery-success form .login-btn:hover, body #main-page.configuratorUser #recovery-container #recovery-success form .recovery-btn:hover, body #main-page.configuratorUser #recovery-container #recovery-success form .continue-btn:hover, body #main-page.configuratorUser #recovery-container #consent form .login-btn:hover, body #main-page.configuratorUser #recovery-container #consent form .recovery-btn:hover, body #main-page.configuratorUser #recovery-container #consent form .continue-btn:hover, body #main-page.configuratorUser #recovery-success-container #login form .login-btn:hover, body #main-page.configuratorUser #recovery-success-container #login form .recovery-btn:hover, body #main-page.configuratorUser #recovery-success-container #login form .continue-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery form .login-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery form .recovery-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery form .continue-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery-success form .login-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery-success form .recovery-btn:hover, body #main-page.configuratorUser #recovery-success-container #recovery-success form .continue-btn:hover, body #main-page.configuratorUser #recovery-success-container #consent form .login-btn:hover, body #main-page.configuratorUser #recovery-success-container #consent form .recovery-btn:hover, body #main-page.configuratorUser #recovery-success-container #consent form .continue-btn:hover, body #main-page.configuratorUser #consent-container #login form .login-btn:hover, body #main-page.configuratorUser #consent-container #login form .recovery-btn:hover, body #main-page.configuratorUser #consent-container #login form .continue-btn:hover, body #main-page.configuratorUser #consent-container #recovery form .login-btn:hover, body #main-page.configuratorUser #consent-container #recovery form .recovery-btn:hover, body #main-page.configuratorUser #consent-container #recovery form .continue-btn:hover, body #main-page.configuratorUser #consent-container #recovery-success form .login-btn:hover, body #main-page.configuratorUser #consent-container #recovery-success form .recovery-btn:hover, body #main-page.configuratorUser #consent-container #recovery-success form .continue-btn:hover, body #main-page.configuratorUser #consent-container #consent form .login-btn:hover, body #main-page.configuratorUser #consent-container #consent form .recovery-btn:hover, body #main-page.configuratorUser #consent-container #consent form .continue-btn:hover { background: #ffffff; color: #010F34; } } body #main-page.configuratorUser #login-container #login form .loader, body #main-page.configuratorUser #login-container #recovery form .loader, body #main-page.configuratorUser #login-container #recovery-success form .loader, body #main-page.configuratorUser #login-container #consent form .loader, body #main-page.configuratorUser #recovery-container #login form .loader, body #main-page.configuratorUser #recovery-container #recovery form .loader, body #main-page.configuratorUser #recovery-container #recovery-success form .loader, body #main-page.configuratorUser #recovery-container #consent form .loader, body #main-page.configuratorUser #recovery-success-container #login form .loader, body #main-page.configuratorUser #recovery-success-container #recovery form .loader, body #main-page.configuratorUser #recovery-success-container #recovery-success form .loader, body #main-page.configuratorUser #recovery-success-container #consent form .loader, body #main-page.configuratorUser #consent-container #login form .loader, body #main-page.configuratorUser #consent-container #recovery form .loader, body #main-page.configuratorUser #consent-container #recovery-success form .loader, body #main-page.configuratorUser #consent-container #consent form .loader { width: auto; height: calc(100% - 10px); stroke: #ffffff; } body #main-page.configuratorUser #login-container .back-btn, body #main-page.configuratorUser #recovery-container .back-btn, body #main-page.configuratorUser #recovery-success-container .back-btn, body #main-page.configuratorUser #consent-container .back-btn { width: calc(100% - 100px); height: 30px; margin: 20px 50px 0 50px; background: #ffffff00; border: none; color: #ffffff; font-family: "Segma", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 180%; cursor: pointer; transition: all 0.5s cubic-bezier(0.09, 0.955, 0.45, 0.985); } @media (hover: hover) and (pointer: fine) { body #main-page.configuratorUser #login-container .back-btn:hover, body #main-page.configuratorUser #recovery-container .back-btn:hover, body #main-page.configuratorUser #recovery-success-container .back-btn:hover, body #main-page.configuratorUser #consent-container .back-btn:hover { opacity: 0.5; } }