/* /itdimension_website/static/src/css/login.css */
body:has(.itd-login-form){position: relative; min-height: 100vh; margin: 0 !important; overflow-x: hidden; background: #f7f7f8 !important;}body:has(.itd-login-form)::before{position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(20, 24, 34, .095) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 24, 34, .095) 1px, transparent 1px); background-position: center center; background-size: 92px 92px; content: ""; -webkit-mask-image: radial-gradient(ellipse 72% 68% at 50% 51%, #000 0%, rgba(0, 0, 0, .98) 28%, rgba(0, 0, 0, .82) 48%, rgba(0, 0, 0, .48) 66%, rgba(0, 0, 0, .16) 82%, transparent 100%); mask-image: radial-gradient(ellipse 72% 68% at 50% 51%, #000 0%, rgba(0, 0, 0, .98) 28%, rgba(0, 0, 0, .82) 48%, rgba(0, 0, 0, .48) 66%, rgba(0, 0, 0, .16) 82%, transparent 100%);}body:has(.itd-login-form)::after{position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 20% 12%, rgba(47, 99, 245, .055), transparent 28%), radial-gradient(circle at 82% 82%, rgba(113, 75, 103, .05), transparent 30%); content: "";}body:has(.itd-login-form) #wrapwrap, body:has(.itd-login-form) #wrapwrap > main, body:has(.itd-login-form) #wrap{position: relative; z-index: 1; min-height: 100vh !important; background: transparent !important;}body:has(.itd-login-form) #wrapwrap > header, body:has(.itd-login-form) #wrapwrap > footer{display: none !important;}body:has(.itd-login-form) #wrapwrap > main > .container.py-5{width: 100%; max-width: none; padding: 0 !important;}body:has(.itd-login-form) .o_database_list{position: relative; z-index: 2; width: 100% !important; max-width: none !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;}body:has(.itd-login-form) .o_database_list > .card-body{padding: 0 !important;}body:has(.itd-login-form) .o_database_list > .card-body > .text-center.pb-3, body:has(.itd-login-form) .o_database_list > .card-body > .text-center.small.mt-4.pt-3.border-top{display: none !important;}.itd-topbar{position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; height: 86px; padding: 0 28px; pointer-events: none;}.itd-brand{display: inline-flex; align-items: center; width: min(152px, 48vw); max-width: 100%; text-decoration: none !important; pointer-events: auto;}.itd-brand-mark, .itd-brand-name{display: none !important;}.itd-brand:not(:has(> .itd-logo))::before{display: block; width: 100%; aspect-ratio: 4 / 1; background: url('/itdimension_website/static/src/img/itd-logo.svg') left center / contain no-repeat; content: "";}.itd-logo{display: block; width: 100%; height: auto; max-width: 100%;}.itd-workspace-status{display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(17, 19, 24, .08); border-radius: 999px; background: rgba(255, 255, 255, .72); color: #5e636d; font-size: 12px; font-weight: 600; box-shadow: 0 3px 12px rgba(20, 24, 34, .035); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}.itd-workspace-status::before{width: 7px; height: 7px; border-radius: 50%; background: #2ab673; box-shadow: 0 0 0 4px rgba(42, 182, 115, .10); content: "";}.oe_login_form.itd-login-form{position: relative; z-index: 5; box-sizing: border-box; width: min(calc(100vw - 32px), 438px) !important; max-width: 438px !important; margin: max(102px, calc((100vh - 590px) / 2 + 40px)) auto 48px !important; padding: 42px 36px 28px !important; border: 1.5px solid transparent !important; border-radius: 24px !important; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, .97), rgba(255, 255, 255, .97)) padding-box, linear-gradient(115deg, #714b67 0%, #a56b9a 18%, #7f70c7 36%, #2f63f5 54%, #55b9ca 72%, #8b6bb0 88%, #714b67 100%) border-box !important; background-position: 0 0, 0% 50%; background-size: 100% 100%, 320% 320% !important; box-shadow: 0 30px 90px rgba(30, 38, 58, .105), 0 4px 14px rgba(30, 38, 58, .04); animation: itd-card-border 4.2s ease-in-out infinite;}@keyframes itd-card-border{0%, 100%{background-position: 0 0, 0% 50%;}50%{background-position: 0 0, 100% 50%;}}.itd-login-form .form-label, .itd-login-form .col-form-label{margin-bottom: 7px; color: #41454d; font-size: 12px; font-weight: 700;}.itd-login-form .field-login{margin-bottom: 15px !important;}.itd-login-form .field-login > .form-control, .itd-login-form .input-group > .form-control{height: 50px; min-height: 50px; padding: 0 16px !important; border: 1px solid #dfe1e5; background: #fcfcfd; font-size: 14px;}.itd-login-form .field-login > .form-control{width: 100% !important; border-radius: 12px !important;}.itd-login-form .o_caps_lock_warning{position: relative; margin-bottom: 48px !important;}.itd-login-form .o_caps_lock_warning .d-flex > a{display: none !important;}.itd-login-form .itd-forgot-password{position: absolute; top: 78px; right: 0; z-index: 1; display: inline-block; color: #2f63f5 !important; font-size: 12px; font-weight: 600; line-height: 18px; text-decoration: none;}.itd-login-form .itd-forgot-password:hover{color: #2859e5 !important; text-decoration: underline;}.itd-login-form .input-group{display: flex; width: 100% !important; height: 50px; margin-bottom: 0 !important;}.itd-login-form .input-group > .form-control{flex: 1 1 auto; width: auto !important; min-width: 0; border-right: 0; border-radius: 12px 0 0 12px !important;}.itd-login-form .input-group > .o_show_password{flex: 0 0 50px; width: 50px !important; height: 50px !important; min-height: 50px; margin: 0 !important; padding: 0 !important; border: 1px solid #dfe1e5 !important; border-left: 0 !important; border-radius: 0 12px 12px 0 !important; background: transparent !important; color: #6d727c; box-shadow: none !important;}.itd-login-form .o_show_password:hover, .itd-login-form .o_show_password:focus{background: transparent !important; color: #2f63f5; box-shadow: none !important;}.itd-login-form .form-control:focus{border-color: #2f63f5 !important; background: #fff; box-shadow: 0 0 0 4px rgba(47, 99, 245, .11) !important;}.itd-login-form > .alert, .itd-login-form > p.alert{margin: 0 0 14px !important; border-radius: 12px; font-size: 13px;}.itd-login-form .oe_login_buttons{display: grid !important; gap: 0; margin: 0 !important; padding-top: 0 !important;}.itd-login-form .oe_login_buttons > .btn-primary{width: 100% !important; height: 50px !important; min-height: 50px; margin: 0 !important; border: 0; border-radius: 12px; background: linear-gradient(180deg, #376df8 0%, #2f63f5 100%); font-size: 14px; font-weight: 690; box-shadow: 0 9px 22px rgba(47, 99, 245, .20);}.itd-login-form .oe_login_buttons > a.btn-link, .itd-login-form .oe_login_buttons button[name="redirect"]{display: none !important;}@media (max-width: 600px){body:has(.itd-login-form)::before{background-size: 72px 72px;}.itd-topbar{height: 72px; padding: 0 18px;}.itd-brand{width: 132px;}.itd-logo{width: 100%;}.itd-workspace-status{display: none;}.oe_login_form.itd-login-form{width: calc(100vw - 30px) !important; max-width: calc(100vw - 30px) !important; margin: 90px auto 40px !important; padding: 36px 22px 24px !important; border-radius: 18px !important;}}@media (prefers-reduced-motion: reduce){.oe_login_form.itd-login-form{animation: none;}}