html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}	
ol, ul{list-style: none;}
blockquote, q {quotes: none;}
:focus{outline: 0;}
table{border-collapse: collapse;border-spacing: 0;}
*{margin:0;}
html, body{height:100%;margin:0;padding:0;}
img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
/**Login / Forgot Password**/
.LOGIN .wrapper{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;z-index:1;background:#ffffff;}
.LOGIN .main-contents{width:100%;height:100vh;margin:0 auto;position:relative;display:table;}
.login-form{width:100%;display:table-cell;vertical-align:middle;}
.login-form .logo{width:200px;display:block;margin:50px auto 0 auto;}
.login-form .logo img{display:block;width:100%;}
.login-fields{width:calc(100% - 62px);max-width:500px;margin:25px auto;position:relative;padding:30px;border:1px solid #e1e7eb;border-radius:15px}
.login-fields h2{font-size:20px !important;line-height:35px !important;font-weight:700;margin-bottom:15px;color:#0061af;}
.login-fields p{font-size:14px;line-height:18px;color:#3b525e;}
.login-fields a{font-size:14px;font-weight:500;color:#3b525e;}
.login-fields .center{text-align:center;}
.login-fields .grp{width:100%;}
.login-fields .field-name{width:100%;font-size:14px;line-height:18px;font-weight:700;color:#3b525e;margin:20px 0 5px 0;}
.login-fields .field-input{width:100%;}
.login-fields .grp_col{width:100%;font-size:0;margin:20px 0;}
.login-fields .grp_col .col{display:inline-block;vertical-align:top;width:50%;}
.login-fields .grp_col .col.rgt{text-align:right;}
.login-fields .commonBtn{display:block;width:100%;}
.login-footer{width:calc(100% - 62px);max-width:500px;margin:25px auto;text-align:center;font-size:12px;line-height:14px;color:#3b525e;}
/**Main Contents**/
.page-wrapper{background:#e1e7eb;overflow-x:hidden;position:relative;}
.header{background:#ffffff;padding:18px 30px;width:calc(100% - 60px);font-size:0;border-bottom:1px solid #e8ebf0;position:fixed;z-index:2;}
.header .companyLogo{width:calc(100% - 70px);display:inline-block;vertical-align:middle;}
.header .companyLogo .mainMenuBtn{width:24px;display:inline-block;vertical-align:middle;cursor:pointer;}
.header .companyLogo .mainMenuBtn img{display:block;width:100%;}
.header .companyLogo .logoImg{width:115px;display:inline-block;vertical-align:middle;margin:0 20px;}
.header .companyLogo .logoImg img{display:block;width:100%}
.header .userLogout{width:70px;display:inline-block;vertical-align:middle;}
.header .userLogout a{background:url("../images/logout-icon.svg")no-repeat right center;display:block;color:#3b525e;font-size:14px;line-height:20px;padding:0 30px 0 0;text-decoration:none;}
.page-wrapper .footer{font-size:12px;line-height:18px;color:#3b525e;text-align:left;padding:15px 30px;width:calc(100% - 60px);position:fixed;bottom:0;background:#e1e7eb;}
.commonPage{padding:105px 30px 60px 30px;width:calc(100% - 60px);}
.commonPage h1{font-size:20px;line-height:24px;color:#0061af;margin-bottom:20px;position:relative;}
.commonPage h1 a{text-decoration:none;color:#0061af;}
.commonPage h1 .edit::after{content:url("../images/edit-icon.svg");width:20px;padding:0 0 0 10px;vertical-align:-3px;display:inline-block;}
.commonPage h1 p{font-size:14px;line-height:18px;font-weight:400;padding:10px 0 20px 0;}
.dashboardCol5{font-size:0;display:flex;flex-wrap:wrap;width:calc(100% + 20px);justify-content:center;}
.dashboardCol5 li{width:calc(20% - 22px);margin:0 20px 20px 0;display:inline-block;vertical-align:top;border-radius:5px;border:1px solid #ffffff;background:#ffffff;}
.dashboardCol5 li .container{width:calc(100% - 40px);padding:20px;position:relative;}
.dashboardCol5 .icon{position:absolute;top:20px;right:15px;}
.dashboardCol5 .icon img{width:35px;}
.dashboardCol5 h2{font-size:14px;line-height:20px;color:#3b525e;font-weight:400;margin:0 0 15px 0;width:100%;}
.dashboardCol5 h2 strong{color:#0061af;}
.dashboardCol5 .amount{margin-bottom:15px;font-size:30px;line-height:30px;color:#3b525e;font-weight:700;}
.dashboardCol5 .amount strong{color:#0061af;}
.dashboardCol5 .dashStatus{font-size:0;}
.dashboardCol5 .dashStatus span{font-size:12px;line-height:14px;color:#869fb3;display:inline-block;vertical-align:middle;}
.dashboardCol5 .dashStatus .percentage{margin-right:10px;display:inline-block;padding:5px 7px;color:#ffffff;font-size:10px;line-height:10px;font-weight:700;border-radius:3px;}
.dashboardCol5 .dashStatus .positive{background:#4ab969;}
.dashboardCol5 .dashStatus .negative{background:#f7003a;}
.dashboardCol5 .dashStatus .zero{background:#67899b;}
.dashboardCol2{font-size:0;display:flex;flex-wrap:wrap;width:calc(100% + 20px);}
.dashboardCol2 li{width:calc(50% - 22px);margin:0 20px 20px 0;display:inline-block;vertical-align:top;border-radius:5px;border:1px solid #ffffff;background:#ffffff;}
.dashboardCol2 li .container{width:calc(100% - 40px);padding:20px;position:relative;}
.dashboardCol2 h2{font-size:16px;line-height:20px;color:#0061af;font-weight:600;margin-bottom:15px;}
.dashboardCol2 .chart{width:100%;position:relative;}
.dashboardCol2 .chart img{display:block;width:100%;}
.dashboardCol{width:calc(100% - 2px);margin:0 0 20px 0;display:inline-block;vertical-align:top;border-radius:5px;border:1px solid #ffffff;background:#ffffff;}
.dashboardCol .chart{width:calc(100% - 40px);padding:20px;position:relative;}
/*COMMON TABLE - NORMAL*/
.normalTable{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;}
.normalTable.withoutFrame{border:none;background:none;border-radius:0;}
.normalTable .container{width:calc(100% - 40px);padding:20px;position:relative;}
.normalTable table{width:100%;border-collapse:separate;}
.normalTable table thead tr th{color:#3b525e;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;vertical-align:top;border-bottom:1px solid #f0f0f0;}
.normalTable table tbody tr td{color:#3b525e;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle;}
.normalTable.center table thead tr th, .normalTable.center table tbody tr td{text-align:center;}
/*COMMON TABLE - RESPONSIVE*/
.responsiveTable{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;}
.responsiveTable.withoutFrame{border:none;background:none;border-radius:0;}
.responsiveTable .container{width:calc(100% - 40px);padding:20px;position:relative;}
.responsiveTable h2{font-size:16px;line-height:20px;color:#0061af;font-weight:600;margin-bottom:20px;}
.responsiveTable .viewAll{color:#0061af;font-size:14px;line-height:18px;position:absolute;right:20px;top:22px;}
.responsiveTable table{width:100%;border-collapse:separate;}
.responsiveTable table thead tr th{color:#3b525e;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;vertical-align:top;border-bottom:1px solid #f0f0f0;}
.responsiveTable table tbody tr td{color:#3b525e;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle;}
.responsiveTable table tbody tr .check{vertical-align:top;}
.responsiveTable table tbody tr td a{color:#0061af;text-decoration:underline;}
.responsiveTable table .checkBoxStyle{padding-left:0 !important;}
.responsiveTable table td .checkBoxStyle{margin-top:3px;}
.responsiveTable .noRecords td{text-align:center !important;}
.responsiveTable table tbody tr td a img{width:17px;}
.responsiveTable [type="radio"]:checked + label::after, .responsiveTable [type="radio"]:not(:checked) + label::after,
.responsiveTable [type="radio"]:checked + label::before, .responsiveTable [type="radio"]:not(:checked) + label::before{top:-12px;left:7.5px;}
.responsiveTable .checkBoxStyle{top:-8px;}
.responsiveTable .shortfall{color:#f7003a;}
.tableScroller.ta9{overflow-x:auto;}
.tableScroller.ta9 table{width:2100px;}
.commonPage .status{display:inline-block;padding:5px 0;color:#ffffff;font-size:12px;line-height:12px;font-weight:600;border-radius:3px;text-align:center;width:125px;background:#0061af;}
.commonPage .status.met,.commonPage .status.notmet{width:85px;}
.commonPage .status.approved,.commonPage .status.met{background:#4ab969;}
.commonPage .status.pending{background:#ffe600;color:#3b525e;}
.commonPage .status.rejected,.commonPage .status.notmet{background:#f7003a;}
.commonPage .status.draft,.commonPage .status.inactive{background:#67899b;}
/*SEARCH FILTER*/
.searchFilter{width:100%;font-size:0;margin-bottom:10px;}
.searchFilter span{display:inline-block;vertical-align:middle;margin-right:5px;margin-bottom:5px;width:285px;}
.searchFilter input,.searchFilter select{border:1px solid #ffffff;margin-bottom:5px !important;}
.searchFilter .selectField{width:200px;}
.searchFilter .date{display:inline-block;vertical-align:middle;width:380px;text-align:center;}
.searchFilter .date.extendWidth{width:450px;}
.searchFilter .date ul li{display:inline-block;vertical-align:middle;font-size:14px;line-height:18px;color:#3b525e;width:calc(50% - 12px);}
.searchFilter .date ul li:nth-child(2){width:24px;}
.searchFilter .btn{margin-right:5px;width:auto;}
.searchFilter span.text{width:auto;font-size:14px;}
/**Page Number**/
.pagination{width:100%;margin:20px 0 10px 0;font-size:0;}
.pagination .page{display:inline-block;vertical-align:middle;text-align:left;color:#3b525e;font-size:14px;line-height:18px;width:calc(100% - 280px);}
.pagination .pageNum{display:inline-block;vertical-align:middle;text-align:right;width:280px;font-size:14px;line-height:18px;}
.pagination ul{list-style: none;}
.pagination ul li{display:inline-block;vertical-align: middle;}
.pagination ul li span{display:block;border-radius:5px;background:#ffffff; color:#3b525e;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #f0f0f0;margin:0 1.5px;}
.pagination ul li a{display:block;border-radius:5px;background:#ffffff; color:#3b525e;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #f0f0f0;margin:0 1.5px;}
.pagination ul li a:hover{background:#0061af;color:#ffffff;font-weight:600;}
.pagination ul li.active .current{color:#ffffff;background:#0061af;font-weight:600;}
/**Download Resources**/
.dl-resources {width:100%;}
.dl-resources ul{width:100%;}
.dl-resources ul li{width:100%;margin-bottom:15px;}
.dl-resources ul li .download-btn{display:table;width:calc(100% - 2px) !important;background:#ffffff;border-radius:10px;font-size:0;text-decoration:none;border:1px solid #e1e7eb;overflow:hidden;}
.dl-resources ul li .download-btn .icon{width:100px;display:table-cell;vertical-align:middle;background:#0061af;padding:30px 0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.dl-resources ul li .download-btn .icon img{width:28px;display:block;margin:0 auto;filter:brightness(0) invert(1);}
.dl-resources ul li .download-btn .download-title{width:calc(100% - 280px);display:table-cell;vertical-align:middle;padding:10px 20px;}
.dl-resources  ul li .download-btn .download-title .file-title{color:#3b525e;font-size:16px;line-height:20px;font-weight:700;}
.dl-resources ul li .download-btn .download-title .file-format{color:#0061af;font-size:12px;line-height:14px;font-weight:500;}
.dl-resources ul li .download-btn .download-title .file-format span{display:inline-block;margin:0 2.5px;}
.dl-resources ul li .download-btn .download-title .publish-date{color:#3b525e;font-size:14px;line-height:18px;font-weight:500;}
.dl-resources ul li .download-btn .download-link{width:140px;display:table-cell;vertical-align:middle;font-weight:700;}
.dl-resources ul li .download-btn .download-link p{color:#0061af;margin-bottom:0 !important;border-left:1px solid #e1e7eb;padding:15px 10px;text-align:center;font-size:14px;line-height:normal;}
/**APE**/
.ape{width:100%;font-size:0;text-align:center;}
.ape .col{display:inline-block;vertical-align:top;width:calc(50% - 1px);border-right:1px solid #e1e7eb;}
.ape .col.last{border-right:none;}
.ape .col p{font-size:14px;line-height:20px;color:#3b525e;font-weight:400;margin:5px 0;}
.ape .col .amount{font-size:20px;line-height:20px;color:#3b525e;font-weight:700;margin:5px 0;}
.ape .col .amount.shortfall{color:#f7003a;}
.ape .total{width:100%;font-size:30px;line-height:30px;color:#0061af;font-weight:700;margin:15px 0;padding:15px 0;border-top:1px solid #e1e7eb;border-bottom:1px solid #e1e7eb;}
.ape .total.mth{margin:15px 0 0 0;padding:15px 0 0 0;border-bottom:none;}
.ape .total span{font-size:14px;line-height:20px;color:#3b525e;font-weight:400;margin:0 5px;}
/*
.ape .target{width:100%;font-size:20px;line-height:20px;color:#3b525e;font-weight:700;margin:15px 0 0 0;}
.ape .target span{font-size:14px;line-height:20px;color:#3b525e;font-weight:400;margin:0 5px;}
.ape .shortfall{width:100%;font-size:20px;line-height:20px;color:#f7003a;font-weight:700;margin:15px 0 0 0;}
.ape .shortfall span{font-size:14px;line-height:20px;color:#3b525e;font-weight:400;margin:0 5px;}
*.
/**Name List**/
.nameList{width:100%;max-height:240px;overflow-y:scroll;overflow-x:hidden;}
.nameList .icon{display:inline-block;vertical-align:middle;width:50px;margin-right:5px;}
.nameList .icon.case{width:40px;margin-right:15px;}
.nameList .icon img{width:100%;display:block;}
.nameList .grp{display:inline-block;vertical-align:middle;width:calc(100% - 55px);}
.nameList ul{width:calc(100% - 10px);}
.nameList ul li{width:calc(100% - 32px);padding:10px 15px;background:#fff;border:1px solid #e1e7eb;border-radius:5px;margin-bottom:15px;}
.nameList ul li .name{font-size:14px;line-height:18px;color:#3b525e;margin-bottom:5px;}
.nameList ul li .birthdate{font-size:14px;line-height:18px;color:#3b525e;}
.nameList ul li .amount{font-size:20px;line-height:20px;color:#0061af;font-weight:700;}
/*DETAIL PAGE*/
.detailPage{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;margin-bottom:20px;}
.detailPage .container{width:calc(100% - 40px);padding:20px;position:relative;}
.detailPage h2{font-weight:600;color:#0061af;font-size:16px;line-height:20px;margin:0 0 20px 0;position:relative;border-bottom:1px solid #f0f0f0;padding:0 0 20px 0;}
.detailPage h2 span{position:absolute;left:0;top:7.5px;display:block;width:auto;background:#ffffff;padding-right:10px;}
.formFields{display:flex;flex-wrap:wrap;width:calc(100% + 20px);font-size:14px;line-height:18px;}
.formFields .fieldName{width:100%;display:block;color:#3b525e;margin:5px 0;}
.formFields .fieldName strong{font-weight:600;color:#3b525e;}
.formFields .fieldName em{font-size:12px;color:#3b525e;}
.formFields .field{width:100%;display:block;color:#3b525e;}
.formFields .field{width:100%;display:block;color:#3b525e;}
.formFields .field.logo{height:60px;}
.formFields .field.logo img{height:100%;display:block;}
.formFields .formCol4{width:calc(25% - 20px);margin:0 20px 20px 0;}
.formFields .formCol3{width:calc(33.3333% - 20px);margin:0 20px 20px 0;}
.formFields .formCol2{width:calc(50% - 20px);margin:0 20px 20px 0;}
.formFields .formCol{width:calc(100% - 20px);margin:0 20px 20px 0;}
.formFields .field a{color:#0061af;text-decoration:none;}

/*Update 03 Oct 2025*/
.page-wrapper .disclaimer{padding-top: 20px;font-size:12px;line-height:18px;color:#3b525e;text-align:left;}
@media screen and (max-width:1629px){
	.searchFilter span{margin-right:5px;width:calc(50% - 5px);margin-bottom:5px;}
	.searchFilter span:nth-child(even){margin-right:0;margin-left:5px;}
	.searchFilter .btn{width:auto;margin:0 5px 5px 0 !important;}
	.searchFilter .selectField{width:calc(50% - 5px);}
	.searchFilter .date{width:calc(50% - 5px);}
}
@media screen and (max-width:1399px){
	.responsiveTable .tableScroller{width:100%;overflow-x:auto;}
	.responsiveTable .tableScroller table{width:1400px;}	
}
@media screen and (max-width:1279px){
	.dashboardCol5 li{width:calc(33.333% - 22px);}
	.formFields .formCol4{width:calc(50% - 20px);}
	.formFields .formCol3{width:calc(50% - 20px);}
	.formFields .formCol2{width:calc(100% - 20px);}
}
@media screen and (max-width:1199px){
	.responsiveTable .tableScroller{width:100%;overflow-x:hidden;}
	.responsiveTable .tableScroller table{width:100%;}	
	.responsiveTable{margin-top:0;}
	.responsiveTable .container{padding-bottom:0;}
	.responsiveTable table{margin:0;border-radius:5px;}
	.responsiveTable table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.responsiveTable table tr{display:block;border-bottom:none;border-radius:5px;margin:10px 0 20px 0;padding:10px 0;background:#e1e7eb;}
	.responsiveTable table tbody tr td{border:none;display:block;text-align:right !important;padding:5px 10px;}
	.responsiveTable table tbody tr td span{display:inline-block;}
	.responsiveTable table td::before{content: attr(data-label);float:left;font-weight:600;color:#3b525e;}
	.responsiveTable table tbody tr td:last-child{paddding-bottom:0;}
	.responsiveTable table tbody tr:last-child td{border-bottom:none;}
	.responsiveTable table .checkBoxStyle{text-align:right !important;display:inline-block;padding-bottom:10px;margin:15px 15px 0 0;}
	.responsiveTable .viewAll{position:relative;right:0;top:0;text-align:right;display:block;}
	.pagination{margin:0 0 10px 0;}
	.pagination .page{display:block;text-align:center;width:100%;}
	.pagination .pageNum{display:block;text-align:center;width:100%;margin:15px 0;}
	.pagination ul li span{margin:0;}
	.pagination ul li a{margin:0;}
}

@media screen and (max-width:1099px){
	.dashboardCol2{width:100%;}
	.dashboardCol2 li{width:calc(100% - 2px);margin:0 0 20px 0;}
}

@media screen and (max-width:999px){
	.searchFilter span{margin-right:0;width:100%;margin-bottom:5px;}
	.searchFilter span:nth-child(even){margin-left:0;}
	.searchFilter .selectField{width:100%;}
	.searchFilter .date{width:100%;}
	.searchFilter .date.extendWidth{width:100%;}
	.searchFilter .btn{width:auto;margin-right:5px;}
	.dashboardCol5 li{width:calc(50% - 22px);}
}

@media screen and (max-width:800px){
	.page-wrapper .footer{position:relative;text-align:center;}
	.page-wrapper .footer{padding:15px;width:calc(100% - 30px);}
	.formFields{width:100%;font-size:14px;line-height:18px;}
	.formFields .fieldName{width:100%;}
	.formFields .formCol4{width:100%;margin:0 0 10px 0;}
	.formFields .formCol3{width:100%;margin:0 0 10px 0;}
	.formFields .formCol2{width:100%;margin:0 0 10px 0;}
	.formFields .formCol{width:100%;margin:0 0 10px 0;}
	.formFields .hideMobile .fieldName{display:none;}
}

@media screen and (max-width:699px){
	.dashboardCol5{width:100%;}
	.dashboardCol5 li{width:calc(100% - 2px);margin:0 0 20px 0;}
	.dl-resources ul li .download-btn .icon{width:80px;}
	.dl-resources ul li .download-btn .download-title{width:calc(100% - 20px);display:inline-block;vertical-align:middle;padding:10px;}
	.dl-resources ul li .download-btn .download-link{width:100%;display:block;border-top:1px solid #67899b;border-left:none;margin:0;background:#67899b;}
	.dl-resources ul li .download-btn .download-link p{color:#fff;}
}

/*FOR PRINT ONLY*/
@media print {
	*{ color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; margin:0; padding:0; }
}