:root{--blu-30:rgba(0, 67, 112, 0.3);--ombra-login-form:0px 1px 3px 1px rgba(0, 67, 112, 0.15),2px 4px 4px 0px rgba(0, 67, 112, 0.3)}.login{display:flex;flex-direction:column;width:100%;min-height:100vh;align-items:center;justify-content:center;position:relative;background-image:url(../../common/images/torino-skyline.png);background-size:cover;background-position:50% 50%;box-sizing:border-box;padding:0;margin:0;position:relative}.login .header{display:flex;align-items:center;justify-content:space-between;padding:10px 30px;align-self:stretch;max-width:100%;background-color:transparent}.login .logo-fondazione{position:relative;float:left;width:15%;max-width:200px;object-fit:cover}.login .prisma-logo{position:relative;float:right;width:15%;max-width:200px;object-fit:cover}.login .imp-body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:450px;padding:20px;box-sizing:border-box;margin:auto}.login .login-form{display:flex;flex-direction:column;align-items:center;width:100%;width:450px;border-radius:15px;box-shadow:var(--ombra-login-form);background:linear-gradient(180deg,rgba(217.81,243.26,255,.4) 0,rgba(255,255,255,.8) 16%);padding:30px;padding-top:10px;margin:auto;box-sizing:border-box}.login .title{font-family:DINPro-Bold,Helvetica;font-weight:700;font-size:1.3rem;color:#038fd0;margin-bottom:20px;text-align:center}.login .paragraph{font-family:DINPro-Bold,Helvetica;font-weight:700;font-size:.9rem;color:#038fd0}.login .form-input{display:flex;flex-direction:column;width:100%;margin-bottom:15px}.form-input input{width:100%;padding:20px 15px;background-color:#ebf8fe;border:none;border-radius:10px;font-size:1rem;color:#333;box-sizing:border-box}.form-input .input-wrapper input:disabled{background-color:#f5f5f5;color:#a1a1a1;cursor:not-allowed;border:1px solid #dcdcdc}.form-input .input-wrapper input:focus,.form-input input:focus{border:1px solid;border-color:#008fd1;outline:0;box-shadow:0 0 5px rgba(0,123,255,.3)}.form-input .form-tenant-label{margin-left:4px;display:flex;flex-direction:row;align-items:center;width:100%;gap:4px;margin-bottom:-8px}.form-input p.link{background:0 0;border:none;color:#038fd0;font-family:DINPro-Bold,Helvetica;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;user-select:none}.form-input p.link:hover{color:#033162}.form-input .input-wrapper{display:flex;align-items:center;position:relative;width:100%}.form-input .input-wrapper input{flex-grow:1;padding:20px 15px;padding-right:80px;background-color:#ebf8fe;border:none;border-radius:10px;font-size:1rem;color:#333;box-sizing:border-box}.form-input .input-wrapper button{position:absolute;right:10px;padding:10px 15px;font-size:.9rem;font-weight:700;color:#fff;background-color:#008fd1;border:none;border-radius:8px;cursor:pointer}.form-input .input-wrapper button:hover{background-color:#033162}.login .button{width:100%;padding:15px;font-size:1.1rem;font-weight:700;text-align:center;font-family:DINPro-Bold,Helvetica;color:#fff;background-color:#008fd1;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.login .button:hover{background-color:#033162}.login .options{display:flex;justify-content:space-between;width:100%;font-size:.9rem;font-family:DINPro-Bold,Helvetica;color:#666;align-items:center;margin-bottom:20px;margin-top:5px}.login .options .form-check-input{margin-right:5px}.login .options .mt-1{width:15px;height:15px;position:relative;top:2px}.options .forget-password{color:#038fd0;text-decoration:none;margin-top:5px}.options .forget-password:hover{text-decoration:underline}.or-line{display:flex;align-items:center;width:100%;margin:20px 0}.or-line .line{flex:1;height:1px;background-color:#ddd}.or-line .text-wrapper-3{margin:0 10px;font-size:.9rem;font-family:DINPro-Bold,Helvetica;color:#555}.login-microsoft{display:flex;align-items:center;justify-content:center;width:100%}.login-microsoft .login-con{margin-right:10px;font-size:.9rem;font-family:DINPro-Bold,Helvetica;color:#333}.login-microsoft:hover{cursor:pointer}.login-microsoft .microsoft{width:30px;height:30px;transition:transform .3s ease}.login-microsoft .microsoft:hover{transform:scale(1.2)}.login .footer{display:flex;flex-direction:column;height:120px;align-items:center;justify-content:center;margin-top:30px;bottom:0;width:100%;background-color:#fff}.login .barra-loghi{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;max-width:950px}.login .CCA-logo,.login .IIGM-logo,.login .Venaria-logo,.login .links-logo{height:auto;max-height:50px;object-fit:contain}@media only screen and (max-width:760px){.login .footer{display:none}.login .barra-loghi{display:none}.login-form{max-width:90%;padding:20px}.button{font-size:.9rem;padding:10px}.title{font-size:1.2rem}.login .logo-fondazione,.login .prisma-logo{width:40%}}.pass-reset-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px;border-radius:15px;box-shadow:var(--ombra-login-form);background:linear-gradient(180deg,rgba(217.81,243.26,255,.4) 0,rgba(255,255,255,.8) 16%);padding:30px;padding-top:10px;margin:auto;box-sizing:border-box}.forget-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px;border-radius:15px;box-shadow:var(--ombra-login-form);background:linear-gradient(180deg,rgba(217.81,243.26,255,.4) 0,rgba(255,255,255,.8) 16%);padding:30px;padding-top:10px;margin:auto;box-sizing:border-box}.buttons{display:flex;width:100%;align-items:center;justify-content:space-evenly}.password-settings{margin-right:10px;font-size:.8rem;font-family:DINPro-Bold,Helvetica;color:#333}.has-error{color:#e73d4a}.input-error-border{border:1px solid #e73d4a}.input-error{border:2px solid #e74c3c;background-color:#fee;border-radius:5px}.custom-error{font-family:DINPro-Bold,Helvetica;display:block;font-size:14px;color:#e74c3c;margin-top:4px;padding-left:5px}.sso-loading-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:DINPro-Bold,Helvetica;font-weight:700;font-size:1.3rem;color:#038fd0;margin-bottom:20px;text-align:center}.sso-spinner{margin:10px auto;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}