.v-main__wrap{background-size:cover;background-position:50%}.logo{height:84px;padding:4px 16px}.logo img{width:172px;margin-top:10px!important;margin-left:0!important}.row-title-page{margin:0!important;padding-top:8%}.ktc-version{display:flex;justify-content:end;padding-right:10px;padding-top:5px}.row-header{margin-right:15px;margin-left:15px;margin-top:0}.app-title .middle{text-align:center;font-size:26px}.card.card-login{background-color:#7e7e7e;font-size:18px;box-shadow:5px 10px 8px rgba(0,0,0,.3)}.v-input__icon .v-icon.v-icon{font-size:20px}.v-input__slot{background:#2c2c2c;border:1px solid #b3b3b3;background-color:#2c2c2c!important;border-radius:3px;opacity:1!important;height:50px;width:100%}.login-input .v-text-field__slot{margin-left:15px}@media only screen and (min-width:768px) and (max-width:959px){.login-label{font-size:18px!important}}@media only screen and (min-width:769px) and (max-width:810px){.account-pages .container{max-width:718px}.col-card-login{flex:0 0 100%;max-width:100%}}@media only screen and (max-width:1000px){.login-input .v-text-field__slot input[type=password]{font-size:10px!important}.mdi-account:before,.mdi-email:before,.mdi-lock:before{margin-left:18px;margin-top:-6px}.login-input .v-input__append-inner{margin-top:15px!important}.changepass-link a,.forgot-link a{font-size:20px}.error-message{width:100%}}@media only screen and (min-width:1024px) and (max-width:1430px){.login-text{font-size:26px}.login-wrapper .v-card{margin-top:100px!important;font-size:20px}.login-input .v-text-field__slot input[type=password]{font-size:10px!important}.login-input .v-text-field__slot{margin-left:28px}.mdi-account:before{margin-left:28px;margin-top:6px}.mdi-email:before{margin-left:30px;margin-top:10px}.mdi-lock:before{margin-left:28px;margin-top:6px}.login-input .v-input__append-inner{margin-top:21px!important}.changepass-link a,.forgot-link a{font-size:26px}.error-message{width:100%}}@media only screen and (min-width:1440px){.login-wrapper .v-card{margin-top:175px;margin-left:33px}.login-wrapper .spacing-buffer-login{margin-bottom:85px}.login-text{font-size:36px}.login-input .v-text-field__slot input{max-height:35px!important}.mdi-account:before{margin-left:40px;margin-top:15px}.mdi-email:before{margin-left:48px;margin-top:19px}.mdi-lock:before{margin-left:40px;margin-top:15px}.login-input .v-input__append-inner{margin-top:27px!important}.error-message{font-size:22px}}.login-wrapper .v-card{box-shadow:none!important}.app-title{color:#fff;text-align:right}.container{padding:0!important}.login-input .error--text{color:#dc6a71!important}.forgot-link{margin-bottom:12px}.changepass-link{margin-top:-12px;margin-bottom:0}.changepass-link a,.forgot-link a{color:#f7ffc9!important;text-decoration:none}.login-input{display:block!important}.login-input .v-messages{margin-top:20px!important}.login-input .v-text-field__details{padding:5px 0!important;position:absolute;display:none!important}.validation-message{color:red}.mdi-account:before{background-image:url(../img/login-user.604765e6.svg);content:".";width:28px;color:transparent}.mdi-email:before{background-image:url(../img/login-email.086f1407.svg);content:".";width:33px;height:22px;color:transparent}.mdi-lock:before{background-image:url(../img/login-password.0327251c.svg);content:".";width:28px;height:28px;color:transparent}.error-message{margin-top:5px;line-height:1}.error-message-pink{color:#f5c242}.error-message-info,.error-message-white{color:#fcfcfc;margin-bottom:25px}.error-message-info{font-size:20px}.error-message-red{color:#ff1b1b;margin-bottom:25px}.login-text{color:#5cb6e3;margin-bottom:10px}.login-label{color:#e8e8e8;margin-bottom:15px;margin-top:10px;font-size:20px;text-align:right;padding-right:15px!important}.login-label .login-color{color:#fff}.center{text-align:center}.button-login,.center{justify-content:center}.button-login{width:160px;min-width:160px;height:60px;letter-spacing:0;box-shadow:none;color:#fff;background-color:#0f0f0f;border-radius:5px;font-size:22px;font-weight:600;transition:all .3s}.login-wrapper .success-message{color:#20b236!important;margin-top:12px;margin-bottom:20px}.no-cursor{cursor:default!important}.middle{color:#ebebeb}.login-input .v-text-field__slot input:-webkit-autofill,.login-input .v-text-field__slot input:-webkit-autofill:first-line,.login-input .v-text-field__slot input:-webkit-autofill:focus,.login-input .v-text-field__slot input:-webkit-autofill:hover{font-family:Helvetica-Neue;font-size:22px;border:none;-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.v-application--is-ltr .v-text-field .v-input__prepend-inner{margin:auto!important}@media only screen and (max-width:1023px){.v-main__wrap{background-size:cover;background-position:50%}.login-wrapper .v-card{margin-top:140px!important;font-size:20px}}@media only screen and (max-width:1200px){.app-title{font-size:40px}}@media only screen and (min-width:1280px) and (max-width:1344px){.app-title{font-size:40px}}@media only screen and (min-width:1345px) and (max-width:1522px){.app-title{font-size:50px}}@media only screen and (min-width:1523px) and (max-width:1536px){.app-title{font-size:52px}}@media only screen and (min-width:1537px) and (max-width:1700px){.app-title{font-size:56px}}@media only screen and (min-width:1900px) and (max-width:1920px){.app-title{font-size:60px}.login-input .v-input__append-inner{margin-top:17px!important}}@media only screen and (width:1920px) and (max-height:1080px){.card-login-width{max-width:504px;margin:0 auto}.middle.login-heading{font-size:24px}.login-title{font-size:23px}.button-login.button-text{font-size:20px}.submit-row{margin-top:22px!important;margin-bottom:8px!important}.input-text .v-input__control .v-input__slot .v-text-field__slot input{font-size:20px}.input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:23px}.input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:23px}}@media only screen and (min-width:3000px) and (max-width:3440px){.app-title{font-size:100px}}.login-input .v-text-field__slot{margin-left:0}@media only screen and (width:800px) and (height:600px){.logo{height:unset}.footer-copyright span{font-size:14px}.card-login-width{max-width:272px;margin:0 auto}.middle.login-heading{font-size:14px}.login-title{font-size:12px}.v-input__control{height:40px!important}.input-text .v-input__control .v-input__slot{height:40px;min-height:40px}.input-text .v-input__control .v-input__slot .v-text-field__slot input{font-size:12px!important}.input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:14px}.input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:14px}.button-login{width:80px;min-width:80px;height:24px!important}.button-login.button-text{font-size:11px!important;margin-top:10px!important}.login-label{padding-right:0!important;text-align:left;margin-bottom:15px;margin-top:4px}.submit-row{margin-top:0!important;margin-bottom:8px!important}.error-message.error-message-size{font-size:8px;line-height:10px}.error-message.error-message-width{max-width:214px;margin:0 auto}}.account-pages{min-height:100vh;display:flex;justify-content:center;align-items:center}.error-message.error-message-size,.login-title,.middle.login-heading{font-family:"PUDSansserifM"}.input-text .v-input__control .v-input__slot .v-text-field__slot input{font-family:"PUDSansserifR"}.button-login.button-text{font-family:"PUDSansserifB";background-color:#000}.button-login.button-text,.login-title,.middle.login-heading{color:#fff}.login-input .v-text-field__slot input::-moz-placeholder{font-size:22px}.login-input .v-text-field__slot input::placeholder{font-size:22px}input[type=password],input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:first-line,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:hover,input[type=password]:autofill{font-family:fontello!important;font-style:normal!important;font-weight:400!important;font-size:10px!important;speak:none!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;letter-spacing:1px!important;caret-color:#319bff}input[type=password]::-moz-placeholder{font-family:"PUDSansserifR"}input[type=password]::placeholder{font-family:"PUDSansserifR"}.account-pages .container{max-width:502px}.account-pages .container .card-login .col-lg-6.col-card-login{flex:0 0 100%;max-width:100%}.account-pages .container .card-login .card.card-login-width{border:none;overflow:hidden;border-radius:5px}.account-pages .container .card-login .card.card-login{background-image:linear-gradient(#757575,#444)}.account-pages .middle.login-heading{font-size:22px;line-height:20px}.account-pages .login-label{margin:0}.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:20px;line-height:20px}.account-pages .button-login.button-text,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:20px;line-height:20px}.account-pages .login-title{font-size:20px;line-height:46px}.account-pages .app-title{padding:18px 25px}.account-pages .card-body{padding:25px}.account-pages .col-4.login-label{flex:0 0 35.34%;max-width:35.34%}.account-pages .col-8.login-text-field{flex:0 0 64.66%;max-width:64.66%}.account-pages .login-input.bg-login-input .v-input__slot{border:1px solid #8b8b8b;border-radius:8px}.account-pages .login-text-field .login-input .v-input__control{height:46px!important}.account-pages .login-text-field .login-input .v-input__control .v-input__slot{min-height:46px;margin-bottom:0}.account-pages .login-text-field .login-input .v-input__control .v-input__slot .v-text-field__slot input{min-height:46px!important;padding:12px 0;margin-left:0}.account-pages .row-body-spacing{margin-bottom:15px}.account-pages .submit-row{margin:44px 0 5px!important}.account-pages .button-login.login-hover:hover{cursor:pointer!important;opacity:.7}.login-label{padding-right:0!important;text-align:left}.error-message.error-message-size{font-size:13px;line-height:19px}.error-message.error-message-width{max-width:362px;margin:0 auto}.button-login{width:140px;min-width:140px;height:44px}.footer-copyright{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}.footer-copyright span{font-family:"PUDSansserifM";font-size:16px;color:#fff}@media only screen and (min-width:3440px){.col-card-login{flex:0 0 60%;max-width:60%}.v-input__icon .v-icon.v-icon{font-size:30px}.login-input .v-text-field__slot input:-webkit-autofill,.login-input .v-text-field__slot input:-webkit-autofill:first-line,.login-input .v-text-field__slot input:-webkit-autofill:focus,.login-input .v-text-field__slot input:-webkit-autofill:hover{font-size:28px}.changepass-link a,.error-message,.forgot-link a{font-size:28px}.account-pages .container{max-width:602px}.account-pages .app-title{padding:20px 30px}.account-pages .middle.login-heading{font-size:26px;line-height:26px}.account-pages .card-body{padding:30px}.account-pages .row-body-spacing{margin-bottom:20px}.account-pages .login-title{font-size:24px}.account-pages .login-text-field .login-input .v-input__control{height:50px!important}.account-pages .login-text-field .login-input .v-input__control .v-input__slot{min-height:50px}.account-pages .login-text-field .login-input .v-input__control .v-input__slot .v-text-field__slot input{min-height:50px!important}.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:24px;line-height:24px}.account-pages .button-login.button-text,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:24px;line-height:24px}.error-message.error-message-size{font-size:16px;line-height:22px}}@media only screen and (max-width:810px){.footer-copyright span{font-size:12px}.error-message.error-message-width{max-width:unset;margin:0}.card-login .error-message-pink{font-size:11px}.account-pages .col-4.login-label,.account-pages .col-8.login-text-field{flex:0 0 100%;max-width:100%}.account-pages .middle.login-heading{font-size:20px;line-height:20px}.account-pages .login-title{font-size:18px;line-height:36px}.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:18px;line-height:18px}.account-pages .button-login.button-text,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:18px;line-height:18px}}@media only screen and (max-width:480px){.account-pages{padding:20px}.app-title .middle{font-size:20px}.login-input.v-text-field .v-input__control,.login-input.v-text-field .v-input__control .v-input__slot{height:50px!important}.card-login .button-login{width:130px;min-width:130px}.error-message-pink{font-size:12px}.account-pages .submit-row{margin:22px 0 0!important}.account-pages .app-title,.account-pages .card-body{padding:16px}.account-pages .middle.login-heading{font-size:18px;line-height:18px}.account-pages .login-title{font-size:16px;line-height:30px}.account-pages .login-text-field .login-input .v-input__control .v-input__slot .v-text-field__slot input{padding:8px 0}.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::-moz-placeholder{font-size:18px;line-height:unset}.account-pages .button-login.button-text,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input,.account-pages .input-text .v-input__control .v-input__slot .v-text-field__slot input::placeholder{font-size:18px;line-height:unset}}