html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group label{position: absolute; pointer-events: none; top: 13px; left: 12px; color: #c7c6c6; font-size: 14px; font-weight: 400; margin: 0; padding: 0; transition: 0.2s ease all;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:focus ~ label, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .form-group input:not(:focus):valid ~ label{top: -7px; line-height: 1; font-size: 13px; opacity: 1; background: var(--white); color: #000;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; width: 45px; border-radius: 50%; position: relative; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.25); overflow: hidden;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block::after, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block::after, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block::after{content: ''; background: var(--primary) url(/ks_curved_backend_theme/static/src/images/login/login-arrow.svg) no-repeat center; background-size: 18px; border-radius: 50%; width: 45px; height: 45px; position: absolute; left: 0; top: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style2"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style2"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style3"] .container .card{background-color: transparent !important;} html[data-login-layout="Style3"] .container .card .card-body{background-color: transparent !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group{position: relative; margin-bottom: 2rem; padding: 0 !important;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input{border: none; border-bottom: 1px solid #C7C6C6; background: transparent; border-radius: 0px; height: 45px; color: var(--white); padding-left: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group label{position: absolute; pointer-events: none; top: 13px; left: 0; color: var(--white); font-size: 14px; font-weight: 400; margin: 0; transition: 0.2s ease all; padding: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .form-group input:not(:focus):valid ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:focus ~ label, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .form-group input:not(:focus):valid ~ label{top: -7px; line-height: 1; font-size: 13px; opacity: 1;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; width: 144px; border-radius: 25px; position: relative; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.25); background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: var(--white); font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style3"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style3"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style3"] .container .card .card-body .border-top a{color: var(--white);} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group{margin-bottom: 2rem;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group label{display: none;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input{background: var(--list-background); border: 1px solid #e4e2e2; border-radius: 30px; height: 45px; padding: 12px 22px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{font-weight: 500; font-size: 14px; line-height: 21px; color: #616266;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .alert, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .alert, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .alert{border-radius: 25px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{width: 120px; height: 45px; border-radius: 30px; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.4); background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important; width: 100%;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small.align-items-center a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small.align-items-center a:last-child{margin: 0;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;} html[data-login-layout="Style4"] .container .card .card-body .oe_login_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a:last-child, html[data-login-layout="Style4"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a:last-child{margin-top: -58px; align-self: flex-start; margin-left: auto;} html[data-login-layout="Style5"] .container .card{background-color: transparent !important;} html[data-login-layout="Style5"] .container .card .card-body{background: rgba(255, 255, 255, 0.8) !important;} html[data-login-layout="Style5"] .container .card .card-body .border-bottom{padding-bottom: 0px !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .border-top, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .border-top, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .border-top{border: none !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group{margin-bottom: 1.5rem;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group label, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group label, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group label{font-weight: 500; font-size: 14px; line-height: 21px; color: #616266;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input{background: var(--list-background); border: 1px solid #e4e2e2; border-radius: 5px; height: 45px;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input::placeholder, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input::placeholder, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input::placeholder{opacity: 0;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .form-group input:focus, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .form-group input:focus, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .form-group input:focus{box-shadow: none; border-color: var(--primary);} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons{padding-top: 0 !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-block, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-block, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-block{height: 45px; box-shadow: 0px 4px 15px rgba(40, 195, 151, 0.4); border-radius: 5px; font-size: 14px; background-color: var(--primary); color: var(--white); text-decoration: none;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .btn-link, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .btn-link, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .btn-link{margin-top: 1rem;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .small, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .small, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small{margin-top: 1.5rem !important;} html[data-login-layout="Style5"] .container .card .card-body .oe_login_form .oe_login_buttons .small a, html[data-login-layout="Style5"] .container .card .card-body .oe_signup_form .oe_login_buttons .small a, html[data-login-layout="Style5"] .container .card .card-body .oe_reset_password_form .oe_login_buttons .small a{color: #7f7f81; font-weight: normal; font-size: 14px; line-height: 21px;} 

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);}