body{margin:0;padding:0;overflow:hidden;box-sizing:border-box;font-family:"SF Pro Display",sans-serif}.background{position:fixed;left:0;top:0;bottom:0;right:0;z-index:-1;background-image:url(/asset-webview/hris/images/bg-hris.png);background-repeat:no-repeat;background-size:100% auto;background-position:top}.container-sm{padding-left:0;padding-right:0}.header{display:flex;column-gap:10px;padding:56px 16px 0 16px}.header .header-information{display:flex;flex-direction:column;row-gap:8px}.header .header-information h4{margin-bottom:0;font-size:20px;font-weight:600;line-height:25px}.header .header-information p{margin-bottom:0;font-size:15px;font-weight:400;line-height:20px;max-width:177px}.card{height:100vh;border-radius:28px 28px 0 0}.card .card-header{border-bottom:0;padding:35px 0 0 18px;margin-bottom:28px}.card .card-header div{font-weight:600;font-size:20px;line-height:25px}.card .card-body{display:flex;flex-direction:column;row-gap:16px}.card .card-body .field-group{height:54px;background-color:#e5f2ff;border:1px solid #e5f2ff;border-radius:8px;width:100%;display:flex;align-items:center;column-gap:13px;padding:0 11px}.card .card-body .field-group input{border:none;font-size:17px;font-weight:400;line-height:22px;background-color:transparent;width:100%}.card .card-body .field-group input:focus,.card .card-body .field-group input:focus-visible,.card .card-body .field-group input:focus-within{border:none;outline:0;box-shadow:none}.card .card-body .field-group:focus-within{border:2px solid #ced9e5}.card .card-body .field-group .btn-link{background:0 0;border:none;cursor:pointer;padding:0;font-size:13px;line-height:18px;text-decoration:none;font-weight:400;transition:all .2s ease}.card .card-body .feature-container{display:flex;align-items:center;justify-content:space-between}.card .card-body .feature-container .reminder-container{display:inline-flex;align-items:center;cursor:pointer;user-select:none;transition:all .2s ease}.card .card-body .feature-container .checkbox-wrapper{position:relative;width:100%;height:20px;display:flex;align-items:center;column-gap:10px}.card .card-body .feature-container .checkbox-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.card .card-body .feature-container .checkbox-custom{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#ffa41b;border-radius:4px;transition:all .2s ease;pointer-events:none}.card .card-body .feature-container .checkbox-input:not(:checked)+.checkbox-custom{background-color:#e0e0e0}.card .card-body .feature-container .checkmark{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .2s ease}.card .card-body .feature-container .checkbox-input:checked+.checkbox-custom .checkmark{opacity:1}.card .card-body .feature-container .label-text{color:#333;font-size:13px;font-weight:400;line-height:18px}.card .card-body .feature-container .btn-link{background:0 0;border:none;color:#ffa41b;cursor:pointer;padding:0;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;transition:all .2s ease}.card .card-body .feature-container .btn-link:hover{color:#ffa41b;text-decoration:underline}.card .card-body .feature-container .btn-link:active{color:#ffa41b}.card .card-body .action-container{display:flex;align-items:center;justify-content:center;margin-top:49px}.card .card-body .action-container .btn-primary{background-color:#ffa41b;border-radius:6px;font-size:17px;line-height:22px;font-weight:400;transition:all .2s ease;border:#ffa41b;color:#333;width:100%;height:46px}.card .card-body .action-container .btn-primary:active{background-color:#cc7a00!important;border-color:#cc7a00!important}.card .card-body .error-container{display:flex;align-items:baseline;height:10px;font-size:14px;color:red;line-height:18px;font-weight:400}