body{background-color:#fff;background:url(Images/Tecmic-fundo_XTraN.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#838383;font:13px/1.7em Roboto}@font-face{font-family:'Font Family Login';font-style:normal;font-weight:400;font-display:block;src:url(libs/fontawesome/pro/webfonts/fa-regular-400.woff2) format("woff2"),url(libs/fontawesome/webfonts/pro/fa-regular-400.ttf) format("truetype")}.account-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.account-container .content{padding:3.7vh;padding-bottom:5vh;border-radius:8px;background-color:rgb(34,41,55,85%);height:auto;width:clamp(200px,50vw,500px)}.account-container .content .validation-summary-errors{color:var(--tecmic-lightRed);font-size:.8rem}.account-container .content .validation-summary-errors ul{display:none}.account-container .content .login-form{display:flex;flex-direction:column;gap:1.5rem}.account-container .content .login-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.6rem}.account-container .login-header #welcomeLabel{color:var(--tecmic-primary-color);font-size:1.8rem}.account-container .login-header #loginLabel{color:var(--tecmic-white);font-size:.9rem}.account-container .login-body{padding:0 3vw 0 3vw;display:flex;flex-direction:column;gap:1.5rem}.account-container .login-body .login-buttons{display:flex;flex-direction:column;align-items:self-start;justify-content:center;color:var(--tecmic-white);gap:10px}.account-container .login-body .login-buttons .login-button{background-color:var(--tecmic-primary-color);border-radius:16px;width:100%;cursor:pointer;width:100%;height:30px;display:flex;align-items:center;justify-content:center;gap:10px;user-select:none;color:var(--tecmic-navyBlue);font-weight:600}.account-container .login-body .login-buttons .login-button:hover{background:var(--tecmic-lightBlueStronger)}.account-container .login-body .login-fields{display:flex;flex-direction:column;gap:2rem}.account-container .login-body .login-fields .field{position:relative}.account-container .login-body .login-fields .field-validation-error{color:var(--tecmic-lightRed);position:absolute;top:25px;left:0;font-size:.7rem}.account-container .login-body .login-fields .input-container .icon{text-align:center;position:absolute;left:5px;top:20%;transform:translateY(-50%);color:var(--tecmic-white);pointer-events:none}.account-container .login-body .input-container .button-eye{--before-content:"\f070";text-align:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);color:var(--tecmic-primary-color);cursor:pointer;font-size:.8rem}.account-container .login-body .input-container .button-eye:before{font-family:"Font Family Login";content:var(--before-content)}.account-container .login-body .input-container .button-eye:hover{color:var(--tecmic-lightBlueStronger)}.account-container .login-body .login-fields label{color:var(--tecmic-white);font-size:.9rem;position:absolute;transition:top .2s ease,font-size .4s cubic-bezier(.22,.61,.36,1),color .2s ease;top:0;cursor:text;user-select:none;left:30px}.account-container .login-body .login-buttons #sessionLabel{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.8rem}.account-container .login-body .login-fields .field .input-container{--border-color-password:var(--tecmic-white);--border-color-username:var(--tecmic-white);position:relative;display:inline-block;width:100%;padding-bottom:4px}.account-container .login-body .login-fields .field .input-container:has(.password-field)::before{background:var(--border-color-password)}.account-container .login-body .login-fields .field .input-container:has(.username-field)::before{background:var(--border-color-username)}.account-container .login-body .login-fields .field .input-container:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-radius:4px}.account-container .login-body .login-fields .field .input-container::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--tecmic-lightBlueStronger);transition:width .2s ease,left .2s ease}.account-container .login-body .login-fields .field .input-container.active::after{width:100%;left:0}.account-container .login-body .login-fields .field .input-container input{background-color:transparent!important;color:var(--tecmic-white)!important;height:100%;all:unset;padding:0;margin:0;box-sizing:border-box;width:100%;border:none;padding-left:30px;transition:background-color 0s 600000s,color 0s 600000s;outline:0}.account-container .login-body .login-fields .field .input-container input.password-field{padding-right:30px}.account-container .login-body .login-fields .field .input-container input:-webkit-autofill+label,.account-container .login-body .login-fields .field .input-container input:focus+label,.account-container .login-body .login-fields .field .input-container input:not(:placeholder-shown)+label{top:-18px;font-size:.7rem}input: -webkit-autofill,input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s;-webkit-transition:background-color 0s 600000s,color 0s 600000s}.account-container .content .hidden-checkbox{position:absolute;opacity:0;height:0}.account-container .content .tecmic-checkbox-container{display:inline-block;width:11px;height:11px;border:1px solid #333;border-radius:4px;cursor:pointer;background-color:var(--tecmic-navyBlue);border:1px solid var(--tecmic-primary-color);position:relative;display:flex;align-items:center;justify-content:center;color:var(--tecmic-navyBlue)}.account-container .content .tecmic-checkbox-container::after{font-family:"Font Family Login";content:"\f00c";font-size:.7rem}.account-container .content .hidden-checkbox:checked+.tecmic-checkbox-container{background-color:var(--tecmic-lightBlue)}.account-container .content .hidden-checkbox:checked+.tecmic-checkbox-container::after{opacity:1}.account-container .content .login-body .login-fields .field .field-validation-error:before,.account-container .content .validation-summary-errors:before{font-family:"Font Family Login";content:"\f06a";padding:5px}