body{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;margin:0!important;padding:0 24px!important;box-sizing:border-box;font-family:Kanit,Verdana,Geneva,sans-serif!important;background:url("/Content/images/background_ifa-portal.png");background-repeat:no-repeat;background-size:100% 100%}@media(min-width:0) and (max-width:650px){.viewport-mobile{display:flex!important;width:100%}.viewport-desktop{display:none!important}.viewport-mobile .grid-container{width:100%}.form-authen-container{box-sizing:border-box;padding:80px 24px 80px 24px}.ifa-app-page-header{box-sizing:border-box;padding:28px 0!important;height:88px!important}.ifa-app-page-header .user-info-container{box-sizing:border-box;padding:2px 2px 2px 2px!important}.ifa-app-page-header .user-info-container .user-info{display:none!important}.ifa-app-page-header .user-info-container .user-action{display:none!important}.ifa-app-page-content{box-sizing:border-box;padding:24px 0!important;gap:16px!important}.ifa-app-page-content .content-item-container{gap:16px!important}.ifa-app-page-content .content-item-container .app-card{height:184px}.ifa-app-page-content .content-item-container .app-card .app-desc{-webkit-line-clamp:2}}@media(min-width:650.1px){.viewport-desktop{display:flex!important}.viewport-mobile{display:none!important}.modal-dialog .modal-footer{justify-content:right}.form-authen-container{box-sizing:border-box;padding:80px 40px 80px 40px}.ifa-app-page-content .content-item-container .app-card{width:200px;height:200px}.ifa-app-page-content .content-item-container .app-card .app-desc{-webkit-line-clamp:3}}.page-container{width:100%;display:flex;flex-direction:column;flex-grow:1;align-items:center}.page-footer{display:flex;justify-content:center;box-sizing:border-box;padding:24px 0;color:#000;opacity:30%;font-weight:400;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.form-authen-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;background-color:transparent;max-width:400px;height:640px;border-radius:16px;border:2px solid #fff;gap:40px;margin-top:48px}.form-layout-center{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;background-color:transparent;gap:40px}.kkps-logo{}.kkps-logo img{content:url("/Content/images/logo_kkps.png")}.kkps-empty-state-image{content:url("/Content/images/content_empty-state.svg")}.label-normal{font-family:Kanit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}.label-title{font-size:24px;font-weight:400;line-height:36px;letter-spacing:0;color:#2a2a2d}.label-subtitle{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0;color:#54545a}.badge-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0;text-align:left}.badge-default,.badge-valid{display:flex;flex-direction:row;justify-content:left;align-items:center;padding:0 8px 0 32px;box-sizing:border-box;gap:4px;width:auto;height:24px;border-radius:24px}.badge-default{background:url("/Content/images/icon_check_default.png");background-repeat:no-repeat;background-size:16px 16px;background-position:8px 50%;background-color:#fff;color:#0000004d}.badge-valid{background:url("/Content/images/icon_check_valid.png");background-repeat:no-repeat;background-size:16px 16px;background-position:8px 50%;background-color:#d8fce7;color:#2ebf6b}.form-label-section{display:flex;flex-direction:column;align-items:center;gap:8px}.form-input-section{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.form-input-section .input-textbox{width:100%;height:40px;padding:8px;box-sizing:border-box;border:none;border-radius:4px;font-size:16px;background-color:#fff!important}.form-input-section .input-textbox::placeholder{color:#000;opacity:30%}.form-input-section .input-textbox:focus{outline:none}.form-input-section .textbox-icon-user{background:url("/Content/images/icon_user.png");background-repeat:no-repeat;background-size:24px 24px;background-position:8px 50%;padding:8px 8px 8px 56px;box-sizing:border-box}.form-input-section .textbox-icon-password{background:url("/Content/images/icon_password.png");background-repeat:no-repeat;background-size:24px 24px;background-position:8px 50%;padding:8px 8px 8px 56px!important;box-sizing:border-box}.form-input-section .input-button{width:200px;height:40px;background-color:#5c6dc1;padding:8px;box-sizing:border-box;border-radius:4px;color:#fff;border:none;font-size:16px}.form-input-section .input-button:hover{opacity:90%}.form-input-section .input-button:active{opacity:80%}.form-input-section .input-link{color:#5c6dc1;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0}.form-input-section .input-link:hover{opacity:90%}.form-input-section .input-link:active{opacity:80%}.ifa-app-page-header{display:flex;flex-direction:row;width:100%;height:120px;padding:44px 40px;box-sizing:border-box;justify-content:space-between}.ifa-app-page-header .kkps-logo img{height:32px!important}.ifa-app-page-header .user-info-container{display:flex;flex-direction:row;padding:2px 16px 2px 2px;box-sizing:border-box;gap:8px;height:40px;background:#fff;border-radius:40px;cursor:pointer}.ifa-app-page-header .user-info-container .avatar{display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:#2a2a2d;border-radius:40px;flex:none;order:0;align-self:stretch;flex-grow:1;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#fff}.ifa-app-page-header .user-info-container .user-info{display:flex;flex-direction:column}.ifa-app-page-header .user-info-container .user-info .user-name{font-size:14px;font-weight:500;line-height:21px;letter-spacing:0;text-align:right;color:#2a2a2d}.ifa-app-page-header .user-info-container .user-info .user-email{font-size:12px;font-weight:400;line-height:12px;letter-spacing:0;text-align:right;color:#54545a}.ifa-app-page-header .user-info-container .user-action{display:flex;flex-direction:column;justify-content:center;align-items:center}.ifa-app-page-content{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-grow:0;padding:80px 80px;box-sizing:border-box;gap:40px}.ifa-app-page-content .content-header{width:100%}.ifa-app-page-content .content-item-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.ifa-app-page-content .content-item-container .app-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;box-sizing:border-box;border-radius:16px;border:2px solid #fff;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis}.ifa-app-page-content .content-item-container .app-card .app-icon img{width:56px;height:56px}.ifa-app-page-content .content-item-container .app-card .app-name{width:100%;font-size:20px;font-weight:500;line-height:29.9px;letter-spacing:.02em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifa-app-page-content .content-item-container .app-card .app-desc{display:flex;flex-grow:1;width:100%;font-size:14px;font-weight:400;line-height:20.93px;letter-spacing:0;text-align:left;color:rgba(0,0,0,.3);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.ifa-app-page-content .content-item-container .app-card .navigate-box{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:right}.ifa-app-page-content .content-item-container .app-card .navigate-box input[type="image"]{cursor:pointer;padding-left:15px;box-sizing:border-box}.g-recaptcha{transform:scale(.77)}.flex-grow-1{flex-grow:1}.text-align-center{text-align:center!important}.modal{font-family:Kanit!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.modal-dialog .modal-content .modal-header{display:none}.modal-dialog .modal-content .modal-body b,.modal-dialog .modal-content .modal-body strong{font-weight:400!important}.modal-dialog .modal-content .modal-body{box-sizing:border-box!important;padding:40px!important;font-size:16px!important;font-weight:400!important;line-height:24px!important;letter-spacing:0!important;text-align:left!important;color:#2a2a2d!important}.modal-dialog .modal-content .modal-footer{display:flex!important;flex-direction:row-reverse!important;gap:16px;justify-content:right!important}.btn{height:40px!important;width:143px!important;padding:8px!important;box-sizing:border-box!important;border-radius:4px!important;border:none!important;font-size:16px!important;font-weight:400!important}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:unset!important;outline-offset:unset!important}.modal-dialog .btn-default{border:1px solid #ededf3!important}.modal-dialog .btn-primary{border:1px solid transparent!important;background-color:#5c6dc1!important}.modal-dialog .btn-primary:hover{opacity:90%!important}.modal-dialog .btn-primary:active{opacity:80%!important}